diff --git a/src/Azure/components/Avatar.tsx b/src/Azure/components/Avatar.tsx index 84aefe20..b5fb58da 100644 --- a/src/Azure/components/Avatar.tsx +++ b/src/Azure/components/Avatar.tsx @@ -11,7 +11,13 @@ export type AvatarProps = Omit; const Avatar = memo(({ background, ...rest }) => { return ( - + ); }); diff --git a/src/Azure/components/Color.tsx b/src/Azure/components/Color.tsx index 0a47da3a..ad945ca8 100644 --- a/src/Azure/components/Color.tsx +++ b/src/Azure/components/Color.tsx @@ -2,11 +2,13 @@ import { forwardRef } from 'react'; +import { useFillIds } from '@/hooks/useFillId'; import type { IconType } from '@/types'; import { TITLE } from '../style'; const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + const [a, b, c] = useFillIds(TITLE, 3); return ( { {...rest} > {TITLE} - - - - + + + + + + + + + + + + + + + + + + + + + ); }); diff --git a/src/Azure/components/Mono.tsx b/src/Azure/components/Mono.tsx index 896aad3c..8ef8267d 100644 --- a/src/Azure/components/Mono.tsx +++ b/src/Azure/components/Mono.tsx @@ -20,10 +20,15 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { {...rest} > {TITLE} - - - - + + + ); }); diff --git a/src/Azure/index.md b/src/Azure/index.md index 1ad208a4..0c12065f 100644 --- a/src/Azure/index.md +++ b/src/Azure/index.md @@ -1,7 +1,7 @@ --- nav: Components group: Provider -title: Microsoft (Azure) +title: Microsoft Azure atomId: Azure description: https://azure.microsoft.com --- diff --git a/src/AzureAI/components/Text.tsx b/src/AzureAI/components/Text.tsx index 57fb5528..d64b43cd 100644 --- a/src/AzureAI/components/Text.tsx +++ b/src/AzureAI/components/Text.tsx @@ -14,12 +14,19 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { height={size} ref={ref} style={{ flex: 'none', lineHeight: 1, ...style }} - viewBox="0 0 105 24" + viewBox="0 0 96 24" xmlns="http://www.w3.org/2000/svg" {...rest} > {TITLE} - + + ); }); diff --git a/src/AzureAI/style.ts b/src/AzureAI/style.ts index 0d579548..a314b3aa 100644 --- a/src/AzureAI/style.ts +++ b/src/AzureAI/style.ts @@ -1,4 +1,4 @@ export const TITLE = 'AzureAI'; -export const TEXT_MULTIPLE = 0.6; +export const TEXT_MULTIPLE = 0.7; export const SPACE_MULTIPLE = 0.2; export const COLOR_PRIMARY = '#000'; diff --git a/src/Jina/components/Avatar.tsx b/src/Jina/components/Avatar.tsx index 6669eace..84aefe20 100644 --- a/src/Jina/components/Avatar.tsx +++ b/src/Jina/components/Avatar.tsx @@ -11,13 +11,7 @@ export type AvatarProps = Omit; const Avatar = memo(({ background, ...rest }) => { return ( - + ); }); diff --git a/src/Jina/components/Mono.tsx b/src/Jina/components/Mono.tsx index 66b485bc..095ae471 100644 --- a/src/Jina/components/Mono.tsx +++ b/src/Jina/components/Mono.tsx @@ -20,7 +20,7 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { {...rest} > {TITLE} - + ); }); diff --git a/src/Microsoft/components/Avatar.tsx b/src/Microsoft/components/Avatar.tsx new file mode 100644 index 00000000..84aefe20 --- /dev/null +++ b/src/Microsoft/components/Avatar.tsx @@ -0,0 +1,18 @@ +'use client'; + +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; + +const Avatar = memo(({ background, ...rest }) => { + return ( + + ); +}); + +export default Avatar; diff --git a/src/Microsoft/components/Color.tsx b/src/Microsoft/components/Color.tsx new file mode 100644 index 00000000..0a47da3a --- /dev/null +++ b/src/Microsoft/components/Color.tsx @@ -0,0 +1,29 @@ +'use client'; + +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + ); +}); + +export default Icon; diff --git a/src/Microsoft/components/Combine.tsx b/src/Microsoft/components/Combine.tsx new file mode 100644 index 00000000..2bf349a0 --- /dev/null +++ b/src/Microsoft/components/Combine.tsx @@ -0,0 +1,30 @@ +'use client'; + +import { memo } from 'react'; + +import IconCombine, { type IconCombineProps } from '@/features/IconCombine'; + +import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style'; +import Color from './Color'; +import Mono from './Mono'; +import Text from './Text'; + +export interface CombineProps extends Omit { + type?: 'color' | 'mono'; +} +const Combine = memo(({ type = 'mono', ...rest }) => { + const Icon = type === 'color' ? Color : Mono; + + return ( + + ); +}); + +export default Combine; diff --git a/src/Microsoft/components/Mono.tsx b/src/Microsoft/components/Mono.tsx new file mode 100644 index 00000000..896aad3c --- /dev/null +++ b/src/Microsoft/components/Mono.tsx @@ -0,0 +1,31 @@ +'use client'; + +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + ); +}); + +export default Icon; diff --git a/src/Microsoft/components/Text.tsx b/src/Microsoft/components/Text.tsx new file mode 100644 index 00000000..622775d8 --- /dev/null +++ b/src/Microsoft/components/Text.tsx @@ -0,0 +1,30 @@ +'use client'; + +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/Microsoft/index.md b/src/Microsoft/index.md new file mode 100644 index 00000000..c1284086 --- /dev/null +++ b/src/Microsoft/index.md @@ -0,0 +1,72 @@ +--- +nav: Components +group: Provider +title: Microsoft +atomId: Microsoft +description: https://microsoft.com +--- + +## Icons + +```tsx +import { Microsoft } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Text + +```tsx +import { Microsoft } from '@lobehub/icons'; + +export default () => ; +``` + +## Combine + +```tsx +import { Microsoft } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Avatars + +```tsx +import { Microsoft } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Colors + +```tsx +import { Microsoft } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +import ColorPreview from '../components/ColorPreview'; + +export default () => ( + + + +); +``` diff --git a/src/Microsoft/index.ts b/src/Microsoft/index.ts new file mode 100644 index 00000000..51ca6fb3 --- /dev/null +++ b/src/Microsoft/index.ts @@ -0,0 +1,27 @@ +'use client'; + +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, TITLE } from './style'; + +export type CompoundedIcon = typeof Mono & { + Avatar: typeof Avatar; + Color: typeof Color; + Combine: typeof Combine; + Text: typeof Text; + colorPrimary: string; + title: string; +}; + +const Icons = Mono as CompoundedIcon; +Icons.Color = Color; +Icons.Text = Text; +Icons.Combine = Combine; +Icons.Avatar = Avatar; +Icons.colorPrimary = COLOR_PRIMARY; +Icons.title = TITLE; + +export default Icons; diff --git a/src/Microsoft/style.ts b/src/Microsoft/style.ts new file mode 100644 index 00000000..8858c04d --- /dev/null +++ b/src/Microsoft/style.ts @@ -0,0 +1,4 @@ +export const TITLE = 'Azure'; +export const TEXT_MULTIPLE = 0.75; +export const SPACE_MULTIPLE = 0.25; +export const COLOR_PRIMARY = '#00A4EF'; diff --git a/src/icons.ts b/src/icons.ts index 2dfa9ac2..13ae7a61 100644 --- a/src/icons.ts +++ b/src/icons.ts @@ -76,6 +76,7 @@ export { default as LobeHub, type CompoundedIcon as LobeHubProps } from './LobeH export { default as Luma, type CompoundedIcon as LumaProps } from './Luma'; export { default as Magic, type CompoundedIcon as MagicProps } from './Magic'; export { default as Meta, type CompoundedIcon as MetaProps } from './Meta'; +export { default as Microsoft, type CompoundedIcon as MicrosoftProps } from './Microsoft'; export { default as Midjourney, type CompoundedIcon as MidjourneyProps } from './Midjourney'; export { default as Minimax, type CompoundedIcon as MinimaxProps } from './Minimax'; export { default as Mistral, type CompoundedIcon as MistralProps } from './Mistral'; diff --git a/src/toc.ts b/src/toc.ts index 8fb82d2b..34876bd5 100644 --- a/src/toc.ts +++ b/src/toc.ts @@ -254,7 +254,7 @@ const toc: IconToc[] = [ color: '#00A4EF', desc: 'https://azure.microsoft.com', docsUrl: 'azure', - fullTitle: 'Microsoft (Azure)', + fullTitle: 'Microsoft Azure', group: 'provider', id: 'Azure', param: { @@ -1463,6 +1463,25 @@ const toc: IconToc[] = [ }, title: 'Meta', }, + { + color: '#00A4EF', + desc: 'https://microsoft.com', + docsUrl: 'microsoft', + fullTitle: 'Microsoft', + group: 'provider', + id: 'Microsoft', + param: { + hasAvatar: true, + hasBrand: false, + hasBrandColor: false, + hasColor: true, + hasCombine: true, + hasText: true, + hasTextCn: false, + hasTextColor: false, + }, + title: 'Azure', + }, { color: '#fff', desc: 'https://midjourney.com',