-
-
Notifications
You must be signed in to change notification settings - Fork 34
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
946ab61
commit a1544e7
Showing
17 changed files
with
205 additions
and
56 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1 @@ | ||
| import { memo } from 'react'; | ||
|
|
||
| import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar'; | ||
|
|
||
| import { COLOR_PRIMARY, TITLE } from '../style'; | ||
| import Mono from './Mono'; | ||
|
|
||
| export type AvatarProps = Omit<IconAvatarProps, 'Icon'>; | ||
|
|
||
| const Avatar = memo<AvatarProps>(({ background, ...rest }) => { | ||
| return ( | ||
| <IconAvatar | ||
| Icon={Mono} | ||
| aria-label={TITLE} | ||
| background={background || COLOR_PRIMARY} | ||
| color={'#000'} | ||
| iconMultiple={0.65} | ||
| {...rest} | ||
| /> | ||
| ); | ||
| }); | ||
|
|
||
| export default Avatar; | ||
| export { default } from '@/XAI//components/Avatar'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| import { TITLE } from '../style'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| fill="currentColor" | ||
| fillRule="evenodd" | ||
| height={size} | ||
| ref={ref} | ||
| style={{ flex: 'none', lineHeight: 1, ...style }} | ||
| viewBox="0 0 24 24" | ||
| width={size} | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...rest} | ||
| > | ||
| <title>{TITLE}</title> | ||
| <path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default Icon; | ||
| export { default } from '@/XAI//components/Mono'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,7 @@ | ||
| --- | ||
| nav: Components | ||
| group: Model | ||
| title: Grok | ||
| title: Grok (xAI) | ||
| atomId: Grok | ||
| description: https://grok.x.ai | ||
| --- | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| import { memo } from 'react'; | ||
|
|
||
| import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar'; | ||
|
|
||
| import { COLOR_PRIMARY, TITLE } from '../style'; | ||
| import Mono from './Mono'; | ||
|
|
||
| export type AvatarProps = Omit<IconAvatarProps, 'Icon'>; | ||
|
|
||
| const Avatar = memo<AvatarProps>(({ background, ...rest }) => { | ||
| return ( | ||
| <IconAvatar | ||
| Icon={Mono} | ||
| aria-label={TITLE} | ||
| background={background || COLOR_PRIMARY} | ||
| color={'#000'} | ||
| iconMultiple={0.65} | ||
| {...rest} | ||
| /> | ||
| ); | ||
| }); | ||
|
|
||
| export default Avatar; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import { memo } from 'react'; | ||
|
|
||
| import IconCombine, { type IconCombineProps } from '@/features/IconCombine'; | ||
|
|
||
| import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style'; | ||
| import Avatar from './Avatar'; | ||
| import Text from './Text'; | ||
|
|
||
| export type CombineProps = Omit<IconCombineProps, 'Icon' | 'Text'>; | ||
|
|
||
| const Combine = memo<CombineProps>(({ ...rest }) => { | ||
| return ( | ||
| <IconCombine | ||
| Icon={Avatar} | ||
| Text={Text} | ||
| aria-label={TITLE} | ||
| iconProps={{ shape: 'square' }} | ||
| spaceMultiple={SPACE_MULTIPLE} | ||
| textMultiple={TEXT_MULTIPLE} | ||
| {...rest} | ||
| /> | ||
| ); | ||
| }); | ||
|
|
||
| export default Combine; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| import { TITLE } from '../style'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| fill="currentColor" | ||
| fillRule="evenodd" | ||
| height={size} | ||
| ref={ref} | ||
| style={{ flex: 'none', lineHeight: 1, ...style }} | ||
| viewBox="0 0 24 24" | ||
| width={size} | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...rest} | ||
| > | ||
| <title>{TITLE}</title> | ||
| <path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default Icon; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| import { TITLE } from '../style'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| fill="currentColor" | ||
| fillRule="evenodd" | ||
| height={size} | ||
| ref={ref} | ||
| style={{ flex: 'none', lineHeight: 1, ...style }} | ||
| viewBox="0 0 41 24" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...rest} | ||
| > | ||
| <title>{TITLE}</title> | ||
| <path d="M36.867 2h2.577v20h-2.577V2zM23.875 2h2.717l7.759 20H31.55l-2.101-5.574h-8.571L18.777 22h-2.69l7.788-20zm4.79 12.185l-3.53-9.272-3.473 9.272h7.003zM7.35 14.381L2.504 7.518h2.857l3.446 5.126 3.585-5.126h2.605l-4.762 6.835L15.501 22h-2.829l-3.977-5.854L4.689 22H2l5.35-7.619z"></path> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default Icon; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| --- | ||
| nav: Components | ||
| group: Provider | ||
| title: xAI | ||
| atomId: XAI | ||
| description: https://x.ai | ||
| --- | ||
|
|
||
| ## Icons | ||
|
|
||
| ```tsx | ||
| import { XAI } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => <XAI size={64} />; | ||
| ``` | ||
|
|
||
| ## Text | ||
|
|
||
| ```tsx | ||
| import { XAI } from '@lobehub/icons'; | ||
|
|
||
| export default () => <XAI.Text size={48} />; | ||
| ``` | ||
|
|
||
| ## Combine | ||
|
|
||
| ```tsx | ||
| import { XAI } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16}> | ||
| <XAI.Combine size={64} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` | ||
|
|
||
| ## Avatars | ||
|
|
||
| ```tsx | ||
| import { XAI } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16} horizontal> | ||
| <XAI.Avatar size={64} /> | ||
| <XAI.Avatar size={64} shape={'square'} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` | ||
|
|
||
| ## Colors | ||
|
|
||
| ```tsx | ||
| import { XAI } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| import ColorPreview from '../components/ColorPreview'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16} horizontal> | ||
| <ColorPreview color={XAI.colorPrimary} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| import Avatar from './components/Avatar'; | ||
| import Combine from './components/Combine'; | ||
| import Mono from './components/Mono'; | ||
| import Text from './components/Text'; | ||
| import { COLOR_PRIMARY, TITLE } from './style'; | ||
|
|
||
| export type CompoundedIcon = typeof Mono & { | ||
| Avatar: typeof Avatar; | ||
| Combine: typeof Combine; | ||
| Text: typeof Text; | ||
| colorPrimary: string; | ||
| title: string; | ||
| }; | ||
|
|
||
| const Icons = Mono as CompoundedIcon; | ||
| Icons.Text = Text; | ||
| Icons.Combine = Combine; | ||
| Icons.Avatar = Avatar; | ||
| Icons.colorPrimary = COLOR_PRIMARY; | ||
| Icons.title = TITLE; | ||
| export default Icons; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| export const TITLE = 'Grok'; | ||
| export const TEXT_MULTIPLE = 0.75; | ||
| export const SPACE_MULTIPLE = 0.25; | ||
| export const COLOR_PRIMARY = '#fff'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters