-
-
Notifications
You must be signed in to change notification settings - Fork 25
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
821f2c7
commit 7e9b574
Showing
33 changed files
with
668 additions
and
21 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
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,17 @@ | ||
| import { memo } from 'react'; | ||
|
|
||
| import IconAvatar, { type IconAvatarProps } from '@/IconAvatar'; | ||
|
|
||
| import { COLOR_PRIMARY } from '../style'; | ||
| import Mono from './Mono'; | ||
|
|
||
| const Avatar = memo<IconAvatarProps>(({ size = 24, style, background, ...rest }) => { | ||
| const bg = background || COLOR_PRIMARY; | ||
| return ( | ||
| <IconAvatar background={bg} size={size} style={{ color: '#fff', ...style }} {...rest}> | ||
| <Mono size={size * 0.75} style={{ marginLeft: size * 0.1 }} /> | ||
| </IconAvatar> | ||
| ); | ||
| }); | ||
|
|
||
| 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,31 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| 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} | ||
| > | ||
| <defs> | ||
| <linearGradient id="a" x1="-18.756%" x2="70.894%" y1="49.371%" y2="90.944%"> | ||
| <stop offset="0%" stopColor="#504AF4"></stop> | ||
| <stop offset="100%" stopColor="#3485FF"></stop> | ||
| </linearGradient> | ||
| </defs> | ||
| <path | ||
| d="M9.917 2c4.906 0 10.178 3.947 8.93 10.58-.014.07-.037.14-.057.21l-.003-.277c-.083-3-1.534-8.934-8.87-8.934-3.393 0-8.137 3.054-7.93 8.158-.04 4.778 3.555 8.4 7.95 8.332l.073-.001c1.2-.033 2.763-.429 3.1-1.657.063-.031.26.534.268.598.048.256.112.369.192.34.981-.348 2.286-1.222 1.952-2.38-.176-.61-1.775-.147-1.921-.347.418-.979 2.234-.926 3.153-.716.443.102.657.38 1.012.442.29.052.981-.2.96.242-1.5 3.042-4.893 5.41-8.808 5.41C3.654 22 0 16.574 0 11.737 0 5.947 4.959 2 9.917 2zM9.9 5.3c.484 0 1.125.225 1.38.585 3.669.145 4.313 2.686 4.694 5.444.255 1.838.315 2.3.182 1.387l.083.59c.068.448.554.737.982.516.144-.075.254-.231.328-.47a.2.2 0 01.258-.13l.625.22a.2.2 0 01.124.238 2.172 2.172 0 01-.51.92c-.878.917-2.757.664-3.08-.62-.14-.554-.055-.626-.345-1.242-.292-.621-1.238-.709-1.69-.295-.345.315-.407.805-.406 1.282L12.6 15.9a.9.9 0 01-.9.9h-1.4a.9.9 0 01-.9-.9v-.65a1.15 1.15 0 10-2.3 0v.65a.9.9 0 01-.9.9H4.8a.9.9 0 01-.9-.9l.035-3.239c.012-1.884.356-3.658 2.47-4.134.2-.045.252.13.29.342.025.154.043.252.053.294.701 3.058 1.75 4.299 3.144 3.722l.66-.331.254-.13c.158-.082.25-.131.276-.15.012-.01-.165-.206-.407-.464l-1.012-1.067a8.925 8.925 0 01-.199-.216c-.047-.034-.116.068-.208.306-.074.157-.251.252-.272.326-.013.058.108.298.362.72.164.288.22.508-.31.343-1.04-.8-1.518-2.273-1.684-3.725-.004-.035-.162-1.913-.162-1.913a1.2 1.2 0 011.113-1.281L9.9 5.3zm12.994 8.68c.037.697-.403.704-1.213.591l-1.783-.276c-.265-.053-.385-.099-.313-.147.47-.315 3.268-.93 3.31-.168zm-.915-.083l-.926.042c-.85.077-1.452.24.338.336l.103.003c.815.012 1.264-.359.485-.381zm1.667-3.601h.01c.79.398.067 1.03-.65 1.393-.14.07-.491.176-1.052.315-.241.04-.457.092-.333.16l.01.005c1.952.958-3.123 1.534-2.495 1.285l.38-.148c.68-.266 1.614-.682 1.666-1.337.038-.48 1.253-.442 1.493-.968.048-.106 0-.236-.144-.389-.05-.047-.094-.094-.107-.148-.073-.305.7-.431 1.222-.168zm-2.568-.474c-.135 1.198-2.479 4.192-1.949 2.863l.017-.042c.298-.717.376-2.221 1.337-3.221.25-.26.636.035.595.4zm-7.976-.253c.02-.694 1.002-.968 1.346-.347.01-1.274-1.941-.768-1.346.347z" | ||
| fill="url(#a)" | ||
| fillRule="evenodd" | ||
| ></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,24 @@ | ||
| import { memo } from 'react'; | ||
| import { Flexbox, type FlexboxProps } from 'react-layout-kit'; | ||
|
|
||
| import { SPACE_MULTIPLE, TEXT_MULTIPLE } from '../style'; | ||
| import Color from './Color'; | ||
| import Mono from './Mono'; | ||
| import Text from './Text'; | ||
|
|
||
| export interface CombineProps extends FlexboxProps { | ||
| size?: number; | ||
| type?: 'color' | 'mono'; | ||
| } | ||
| const Combine = memo<CombineProps>(({ type = 'mono', size = 24, ...rest }) => { | ||
| const Icon = type === 'color' ? Color : Mono; | ||
|
|
||
| return ( | ||
| <Flexbox align={'center'} flex={'none'} gap={size * SPACE_MULTIPLE} horizontal {...rest}> | ||
| <Icon size={size} /> | ||
| <Text size={size * TEXT_MULTIPLE} /> | ||
| </Flexbox> | ||
| ); | ||
| }); | ||
|
|
||
| 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,23 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| 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} | ||
| > | ||
| <path d="M9.917 2c4.906 0 10.178 3.947 8.93 10.58-.014.07-.037.14-.057.21l-.003-.277c-.083-3-1.534-8.934-8.87-8.934-3.393 0-8.137 3.054-7.93 8.158-.04 4.778 3.555 8.4 7.95 8.332l.073-.001c1.2-.033 2.763-.429 3.1-1.657.063-.031.26.534.268.598.048.256.112.369.192.34.981-.348 2.286-1.222 1.952-2.38-.176-.61-1.775-.147-1.921-.347.418-.979 2.234-.926 3.153-.716.443.102.657.38 1.012.442.29.052.981-.2.96.242C17.226 19.632 13.833 22 9.918 22 3.654 22 0 16.574 0 11.737 0 5.947 4.959 2 9.917 2zM9.9 5.3c.484 0 1.125.225 1.38.585 3.669.145 4.313 2.686 4.694 5.444.255 1.838.315 2.3.182 1.387l.083.59c.068.448.554.737.982.516.144-.075.254-.231.328-.47a.2.2 0 01.258-.13l.625.22a.2.2 0 01.124.238 2.172 2.172 0 01-.51.92c-.878.917-2.757.664-3.08-.62-.14-.554-.055-.626-.345-1.242-.292-.621-1.238-.709-1.69-.295-.345.315-.407.805-.406 1.282L12.6 15.9a.9.9 0 01-.9.9h-1.4a.9.9 0 01-.9-.9v-.65a1.15 1.15 0 10-2.3 0v.65a.9.9 0 01-.9.9H4.8a.9.9 0 01-.9-.9l.035-3.239c.012-1.884.356-3.658 2.47-4.134.2-.045.252.13.29.342.025.154.043.252.053.294.701 3.058 1.75 4.299 3.144 3.722l.66-.331.254-.13c.158-.082.25-.131.276-.15.012-.01-.165-.206-.407-.464l-1.012-1.067a8.925 8.925 0 01-.199-.216c-.047-.034-.116.068-.208.306-.074.157-.251.252-.272.326-.013.058.108.298.362.72.164.288.22.508-.31.343-1.04-.8-1.518-2.273-1.684-3.725-.004-.035-.162-1.913-.162-1.913a1.2 1.2 0 011.113-1.281L9.9 5.3zm12.994 8.68c.037.697-.403.704-1.213.591l-1.783-.276c-.265-.053-.385-.099-.313-.147.47-.315 3.268-.93 3.31-.168zm-.915-.083l-.926.042c-.85.077-1.452.24.338.336l.103.003c.815.012 1.264-.359.485-.381zm1.667-3.601h.01c.79.398.067 1.03-.65 1.393-.14.07-.491.176-1.052.315-.241.04-.457.092-.333.16l.01.005c1.952.958-3.123 1.534-2.495 1.285l.38-.148c.68-.266 1.614-.682 1.666-1.337.038-.48 1.253-.442 1.493-.968.048-.106 0-.236-.144-.389-.05-.047-.094-.094-.107-.148-.073-.305.7-.431 1.222-.168zm-2.568-.474c-.135 1.198-2.479 4.192-1.949 2.863l.017-.042c.298-.717.376-2.221 1.337-3.221.25-.26.636.035.595.4zm-7.976-.253c.02-.694 1.002-.968 1.346-.347.01-1.274-1.941-.768-1.346.347z"></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,22 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| fill="currentColor" | ||
| fillRule="evenodd" | ||
| height={size} | ||
| ref={ref} | ||
| style={{ flex: 'none', lineHeight: 1, width: 'fit-content', ...style }} | ||
| viewBox="0 0 98 24" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...rest} | ||
| > | ||
| <path d="M12.99 18.063c-.363.26-.829.453-1.396.578a7.533 7.533 0 01-1.624.188c-.233 0-.45-.032-.653-.097-.202-.066-.43-.219-.683-.46a3.065 3.065 0 01-.653-.953c-.182-.396-.337-.964-.463-1.706-.126-.74-.19-1.607-.19-2.599 0-1.663.097-2.937.29-3.824.19-.886.47-1.482.834-1.788.364-.306.885-.458 1.564-.458.12 0 .273.025.455.075l.79 1.788h2.307l.227-3.456a2.258 2.258 0 00-.144-.165c-.065-.07-.227-.196-.485-.376a5.07 5.07 0 00-.866-.48c-.318-.141-.754-.265-1.305-.376a9.029 9.029 0 00-1.77-.166c-1.366 0-2.524.205-3.475.617-.951.41-1.698 1.023-2.24 1.84-.54.816-.929 1.763-1.161 2.84C2.117 10.162 2 11.441 2 12.924c0 1.392.117 2.617.349 3.674.233 1.056.615 2.003 1.146 2.84.532.836 1.268 1.472 2.209 1.908.941.436 2.074.653 3.4.653.628 0 1.215-.052 1.762-.157.546-.105.983-.236 1.312-.391.33-.156.613-.311.851-.466.237-.156.407-.283.509-.383l.136-.165-.683-2.374zm6.923 3.62v-8.76l.16-.135.182-.15.167-.12c.057-.04.105-.07.145-.093l.242-.117a.752.752 0 01.235-.075c.076-.01.155-.015.236-.015.79 0 1.195.417 1.215 1.25v8.216h5.009v-7.618l.006-.174.01-.112v-.27c0-1.764-.287-3.02-.859-3.772-.572-.75-1.551-1.126-2.938-1.126-.394 0-.796.077-1.206.233-.41.155-.762.34-1.056.555-.277.203-.543.42-.796.654-.19.176-.344.333-.46.471l-.261.326V2h-.987l-4.874.751V4.15l.911.54v16.994h4.92zm16.062-1.336l-.152.164c-.14.156-.295.297-.463.422a7.5 7.5 0 01-.713.48 4.343 4.343 0 01-.98.413 4.104 4.104 0 01-1.184.174c-2.733 0-4.1-1.338-4.1-4.012 0-.521.097-1 .29-1.435.192-.436.44-.804.744-1.105a4.952 4.952 0 011.093-.804c.424-.235.853-.42 1.283-.555.43-.135.883-.249 1.359-.338a12.164 12.164 0 012.352-.226v-.27c0-.611-.164-1.043-.493-1.293-.329-.25-.858-.375-1.587-.375-.627 0-1.28.073-1.958.218-.678.145-1.21.318-1.594.518L28.9 10.28c.689-.44 1.585-.828 2.688-1.164a11.518 11.518 0 013.37-.503c1.011 0 1.847.097 2.505.293.657.195 1.191.525 1.601.992.41.466.701 1.056.874 1.773.17.715.257 1.625.257 2.726v6.116l.425 1.172h-4.16l-.485-1.337zm-2.49-2.87c0 1.252.43 1.878 1.291 1.878a.863.863 0 00.372-.082c.116-.055.205-.11.266-.166l.09-.082v-3.607c-.617 0-1.108.168-1.472.503-.365.336-.547.855-.547 1.556zm14.065 4.297c.562-.15.964-.298 1.207-.443.214-.124.413-.272.592-.443v-2.044c-.126.098-.27.17-.425.21-.172.05-.364.075-.577.075-.486 0-.845-.13-1.078-.39-.232-.26-.349-.791-.349-1.593v-5.59h2.535V8.912h-2.49v-3.5h-2.671l-1.549 3.5-1.79.556v2.088h1.047v5.11c0 1.932.27 3.305.812 4.117.54.81 1.495 1.216 2.86 1.216a7.247 7.247 0 001.876-.225zm14.08-.09h2.703l.015-10.337h-6.756v3.064l2.004.451v1.533c0 .54-.05.984-.152 1.33-.1.345-.257.605-.47.781a1.81 1.81 0 01-.683.361c-.293.07-.595.103-.896.097-.718 0-1.196-.526-1.434-1.578-.238-1.05-.357-2.664-.357-4.838 0-1.042.045-1.926.136-2.651.091-.727.21-1.303.357-1.728.147-.427.35-.752.607-.978.258-.225.52-.373.782-.442.263-.07.597-.105 1.002-.105.496 0 .855.06 1.078.18l.865 1.998h2.763l.228-3.455-.083-.091a3.952 3.952 0 00-.729-.534 7.484 7.484 0 00-1.602-.645 9.577 9.577 0 00-1.176-.219 11.22 11.22 0 00-1.45-.09c-1.124 0-2.125.098-3.006.293-.88.196-1.63.489-2.247.88a6.367 6.367 0 00-1.564 1.374 6 6 0 00-1.002 1.87 12.179 12.179 0 00-.523 2.27c-.112.887-.165 1.78-.16 2.674 0 1.333.125 2.52.373 3.561.247 1.042.64 1.969 1.176 2.78a5.205 5.205 0 002.179 1.863c.915.431 2.001.646 3.256.646 1.77 0 3.3-.636 4.584-1.908l.183 1.593zm4.236 0h9.549v-4.027H70.89V4.074h-5.025v17.61zM81.153 11.33l.091-3.816 2.793 12.411H88l2.322-12.411.182 3.816.774 10.353H96l-1.305-17.61h-6.346l-1.185 5.92-.576 2.975-.608-2.99-1.335-5.904h-7.12l-1.413 17.609h4.57l.47-10.353z"></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,68 @@ | ||
| --- | ||
| nav: Components | ||
| group: Icons | ||
| title: ChatGLM | ||
| --- | ||
|
|
||
| ## Icons | ||
|
|
||
| ```tsx | ||
| import { ChatGLM } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16} horizontal> | ||
| <ChatGLM size={64} /> | ||
| <ChatGLM.Color size={64} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` | ||
|
|
||
| ## Text | ||
|
|
||
| ```tsx | ||
| import { ChatGLM } from '@lobehub/icons'; | ||
|
|
||
| export default () => <ChatGLM.Text size={48} />; | ||
| ``` | ||
|
|
||
| ## Combine | ||
|
|
||
| ```tsx | ||
| import { ChatGLM } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16}> | ||
| <ChatGLM.Combine size={64} /> | ||
| <ChatGLM.Combine size={64} type={'color'} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` | ||
|
|
||
| ## Avatars | ||
|
|
||
| ```tsx | ||
| import { ChatGLM } from '@lobehub/icons'; | ||
| import { Flexbox } from 'react-layout-kit'; | ||
|
|
||
| export default () => ( | ||
| <Flexbox gap={16} horizontal> | ||
| <ChatGLM.Avatar size={64} /> | ||
| <ChatGLM.Avatar size={64} shape={'square'} /> | ||
| </Flexbox> | ||
| ); | ||
| ``` | ||
|
|
||
| ## Colors | ||
|
|
||
| ```tsx | ||
| /** | ||
| * inline: true | ||
| */ | ||
| import { ChatGLM } from '@lobehub/icons'; | ||
|
|
||
| import ColorPreview from '../components/ColorPreview'; | ||
|
|
||
| export default () => <ColorPreview color={ChatGLM.colorPrimary} />; | ||
| ``` |
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,24 @@ | ||
| import Avatar from './components/Avatar'; | ||
| import Color from './components/Color'; | ||
| import Combine from './components/Combine'; | ||
| import Mono from './components/Mono'; | ||
| import Text from './components/Text'; | ||
| import { COLOR_PRIMARY } from './style'; | ||
|
|
||
| type CompoundedComponent = typeof Mono & { | ||
| Avatar: typeof Avatar; | ||
| Color: typeof Color; | ||
| Combine: typeof Combine; | ||
| Mono: typeof Mono; | ||
| Text: typeof Text; | ||
| colorPrimary: string; | ||
| }; | ||
|
|
||
| const Icons = Mono as CompoundedComponent; | ||
| Icons.Color = Color; | ||
| Icons.Text = Text; | ||
| Icons.Combine = Combine; | ||
| Icons.Avatar = Avatar; | ||
| Icons.colorPrimary = COLOR_PRIMARY; | ||
|
|
||
| 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,3 @@ | ||
| export const TEXT_MULTIPLE = 0.75; | ||
| export const SPACE_MULTIPLE = 0.1; | ||
| export const COLOR_PRIMARY = '#4268FA'; |
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,17 @@ | ||
| import { memo } from 'react'; | ||
|
|
||
| import IconAvatar, { type IconAvatarProps } from '@/IconAvatar'; | ||
|
|
||
| import { COLOR_PRIMARY } from '../style'; | ||
| import Mono from './Mono'; | ||
|
|
||
| const Avatar = memo<IconAvatarProps>(({ size = 24, style, background, ...rest }) => { | ||
| const bg = background || COLOR_PRIMARY; | ||
| return ( | ||
| <IconAvatar background={bg} size={size} style={{ color: '#fff', ...style }} {...rest}> | ||
| <Mono size={size * 0.75} /> | ||
| </IconAvatar> | ||
| ); | ||
| }); | ||
|
|
||
| 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,31 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { | ||
| return ( | ||
| <svg | ||
| 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} | ||
| > | ||
| <defs> | ||
| <linearGradient id="a" x1="0%" x2="100%" y1="0%" y2="0%"> | ||
| <stop offset="0%" stopColor="#00055F" stopOpacity=".84"></stop> | ||
| <stop offset="100%" stopColor="#6F69F7" stopOpacity=".84"></stop> | ||
| </linearGradient> | ||
| </defs> | ||
| <path | ||
| d="M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z" | ||
| fill="url(#a)" | ||
| fillRule="nonzero" | ||
| ></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,24 @@ | ||
| import { memo } from 'react'; | ||
| import { Flexbox, type FlexboxProps } from 'react-layout-kit'; | ||
|
|
||
| import { SPACE_MULTIPLE, TEXT_MULTIPLE } from '../style'; | ||
| import Color from './Color'; | ||
| import Mono from './Mono'; | ||
| import Text from './Text'; | ||
|
|
||
| export interface CombineProps extends FlexboxProps { | ||
| size?: number; | ||
| type?: 'color' | 'mono'; | ||
| } | ||
| const Combine = memo<CombineProps>(({ type = 'mono', size = 24, ...rest }) => { | ||
| const Icon = type === 'color' ? Color : Mono; | ||
|
|
||
| return ( | ||
| <Flexbox align={'center'} flex={'none'} gap={size * SPACE_MULTIPLE} horizontal {...rest}> | ||
| <Icon size={size} /> | ||
| <Text size={size * TEXT_MULTIPLE} /> | ||
| </Flexbox> | ||
| ); | ||
| }); | ||
|
|
||
| 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,23 @@ | ||
| import { forwardRef } from 'react'; | ||
|
|
||
| import type { IconType } from '@/types'; | ||
|
|
||
| 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} | ||
| > | ||
| <path d="M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z"></path> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default Icon; |
Oops, something went wrong.