Skip to content

Commit fa9ad3e

Browse files
canisminor1990canisminor1990
committed
💄 style: Update MistralAI
1 parent ab1bc24 commit fa9ad3e

File tree

8 files changed

+24
-35
lines changed

8 files changed

+24
-35
lines changed

‎src/Mistral/components/Avatar.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { memo } from 'react';
44

55
import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
66

7-
import { COLOR_GRADIENT, TITLE } from '../style';
7+
import { COLOR_PRIMARY, TITLE } from '../style';
88
import Mono from './Mono';
99

1010
export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
@@ -14,8 +14,8 @@ const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
1414
<IconAvatar
1515
Icon={Mono}
1616
aria-label={TITLE}
17-
background={background || COLOR_GRADIENT}
18-
color={'#000'}
17+
background={background || COLOR_PRIMARY}
18+
color={'#fff'}
1919
iconMultiple={0.7}
2020
{...rest}
2121
/>

‎src/Mistral/components/Color.tsx

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,17 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
1818
{...rest}
1919
>
2020
<title>{TITLE}</title>
21-
<g fill="none" fillRule="nonzero">
22-
<path
23-
d="M15 6v4h-2V6h2zm4-4v4h-2V2h2zM3 2H1h2zM1 2h2v20H1V2zm8 12h2v4H9v-4zm8 0h2v8h-2v-8z"
24-
fill="#000"
25-
/>
26-
<path d="M19 2h4v4h-4V2zM3 2h4v4H3V2z" fill="#F7D046" />
27-
<path d="M15 10V6h8v4h-8zM3 10V6h8v4H3z" fill="#F2A73B" />
28-
<path d="M3 14v-4h20v4z" fill="#EE792F" />
29-
<path d="M11 14h4v4h-4v-4zm8 0h4v4h-4v-4zM3 14h4v4H3v-4z" fill="#EB5829" />
30-
<path d="M19 18h4v4h-4v-4zM3 18h4v4H3v-4z" fill="#EA3326" />
31-
</g>
21+
<path d="M3.428 3.4h3.429v3.428H3.428V3.4zm13.714 0h3.43v3.428h-3.43V3.4z" fill="gold" />
22+
<path
23+
d="M3.428 6.828h6.857v3.429H3.429V6.828zm10.286 0h6.857v3.429h-6.857V6.828z"
24+
fill="#FFAF00"
25+
/>
26+
<path d="M3.428 10.258h17.144v3.428H3.428v-3.428z" fill="#FF8205" />
27+
<path
28+
d="M3.428 13.686h3.429v3.428H3.428v-3.428zm6.858 0h3.429v3.428h-3.429v-3.428zm6.856 0h3.43v3.428h-3.43v-3.428z"
29+
fill="#FA500F"
30+
/>
31+
<path d="M0 17.114h10.286v3.429H0v-3.429zm13.714 0H24v3.429H13.714v-3.429z" fill="#E10500" />
3232
</svg>
3333
);
3434
});

‎src/Mistral/components/Mono.tsx

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,14 +20,10 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
2020
{...rest}
2121
>
2222
<title>{TITLE}</title>
23-
<g>
24-
<path d="M15 6v4h-2V6h2zm4-4v4h-2V2h2zM3 2H1h2zM1 2h2v20H1V2zm8 12h2v4H9v-4zm8 0h2v8h-2v-8z" />
25-
<path d="M19 2h4v4h-4V2zM3 2h4v4H3V2z" opacity=".4" />
26-
<path d="M15 10V6h8v4h-8zM3 10V6h8v4H3z" opacity=".5" />
27-
<path d="M3 14v-4h20v4z" opacity=".6" />
28-
<path d="M11 14h4v4h-4v-4zm8 0h4v4h-4v-4zM3 14h4v4H3v-4z" opacity=".7" />
29-
<path d="M19 18h4v4h-4v-4zM3 18h4v4H3v-4z" opacity=".8" />
30-
</g>
23+
<path
24+
clipRule="evenodd"
25+
d="M3.428 3.4h3.429v3.428h3.429v3.429h-.002 3.431V6.828h3.427V3.4h3.43v13.714H24v3.429H13.714v-3.428h-3.428v-3.429h-3.43v3.428h3.43v3.429H0v-3.429h3.428V3.4zm10.286 13.715h3.428v-3.429h-3.427v3.429z"
26+
/>
3127
</svg>
3228
);
3329
});

‎src/Mistral/components/Text.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,12 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
1414
height={size}
1515
ref={ref}
1616
style={{ flex: 'none', lineHeight: 1, ...style }}
17-
viewBox="0 0 52 24"
17+
viewBox="0 0 134 24"
1818
xmlns="http://www.w3.org/2000/svg"
1919
{...rest}
2020
>
2121
<title>{TITLE}</title>
22-
<path d="M2.57 2.14h1.796l.74 2.693.255 1.051h.047l.25-1.05.745-2.694h1.796v7.6H6.75V7.265c.013-.9.153-2.624.229-3.408h-.035l-.58 2.04-.589 1.83h-.83l-.6-1.83-.54-2.04h-.04l.018.182c.087.888.21 2.551.21 3.349V9.74H2.57v-7.6zm7.156 6.158h1.767V3.582H9.726V2.14h5.245v1.442h-1.766v4.716h1.766v1.443H9.726V8.298zm6.69.485l.982-1.182c.572.471 1.278.794 2.01.794.727 0 1.063-.283 1.063-.655 0-.547-.45-.68-1.165-.98l-.986-.423c-.838-.32-1.603-.966-1.603-2.072C16.717 3.006 17.845 2 19.489 2c.91 0 1.829.343 2.512.995l-.862 1.084c-.533-.384-1.005-.593-1.744-.593-.563 0-.946.235-.946.678 0 .458.507.625 1.232.898l.926.394c.99.373 1.616.994 1.616 2.067 0 1.263-1.055 2.357-2.928 2.357a4.346 4.346 0 01-2.88-1.097zm9.005-5.2h-2.268V2.14H29.4v1.442h-2.267v6.159h-1.712V3.582zm6.86-.078h.834c.899 0 1.381.252 1.381 1.003 0 .744-.482 1.133-1.381 1.133h-.835V3.505zm4.257 6.236L34.827 6.7c.808-.367 1.348-1.075 1.348-2.192 0-1.79-1.292-2.357-2.873-2.368h-2.737v7.6h1.715V7.007h.899l1.444 2.735h1.915zm2.841-3.148l.18-.7.586-2.452h.047c.086.382.184.784.283 1.182l.498 1.97H39.38zm2.393 3.147h1.815l-2.356-7.6H39.18l-2.356 7.6h1.752l.462-1.807h2.276l.46 1.807zm3.152-7.6h1.709v6.158H50V9.74h-5.076v-7.6zM4.56 18.786l.179-.7.586-2.452h.047c.086.382.184.784.283 1.182l.498 1.97H4.56zm2.392 3.15h1.815L6.41 14.333H4.357L2 21.936h1.752l.463-1.808h2.277l.459 1.808zm2.775-1.445h1.767v-4.716H9.726v-1.442h5.245v1.442h-1.766v4.716h1.766v1.443H9.726V20.49zm6.767 2.199h5.603V24h-5.603v-1.31z" />
22+
<path d="M2 22.638V1h6.55l3.933 14.76L16.37 1h6.565v21.638H18.87V5.605l-4.302 17.033h-4.214L6.066 5.605v17.033H2zm25.011-17.8V1.002h4.155V4.84h-4.155zm0 17.801V6.964h4.155V22.64h-4.155zm6.707-4.473l4.17-.635c.177.807.536 1.42 1.079 1.838.986.864 3.753.796 4.702.036.588-.404.753-1.367.25-1.89-.206-.196-.67-.378-1.389-.545-3.351-.738-5.475-1.412-6.372-2.022-2.418-1.526-2.465-5.18-.252-6.952 1.76-1.8 7.852-1.78 9.788-.34 1.045.699 1.764 1.732 2.159 3.1l-3.918.723c-.413-1.402-1.417-1.886-2.957-1.89-1.094 0-1.878.154-2.35.458-.591.383-.651 1.179-.06 1.595.374.275 1.668.664 3.88 1.165 2.213.502 3.759 1.117 4.636 1.845 1.993 1.694 1.615 5.13-.503 6.79-2.087 2.01-8.091 2.034-10.416.25-1.247-.865-2.063-2.04-2.447-3.527zm31.88 4.472h-4.154V6.963h3.86v2.229c.66-1.053 1.253-1.747 1.78-2.081 1.374-.857 3.144-.536 4.532.28l-1.286 3.617c-1.877-1.247-3.849-.81-4.384 1.535-.468 1.352-.329 7.76-.347 10.096zm10.67-10.892l-3.77-.679c1.014-3.408 3.08-4.43 6.801-4.457 2.81.037 4.804.362 6.055 2.324.37.674.554 1.912.554 3.713.013 1.729-.178 6.48.155 7.889.133.654.382 1.355.747 2.103H82.7c-.124-.272-.411-1.286-.547-1.712-1.378 1.335-2.97 2.066-4.865 2.067-2.945.058-5.22-1.756-5.219-4.635-.011-1.72.87-3.225 2.418-3.963.764-.37 1.865-.691 3.304-.967 1.942-.364 3.287-.703 4.037-1.018v-.413c0-.797-.197-1.366-.591-1.705-.57-.582-3.147-.744-3.963-.074-.414.29-.75.8-1.006 1.527zm5.56 3.365c-.757.315-4.139.86-4.79 1.358-1.077.707-1.038 2.141-.163 2.967 1.017.987 2.672.733 3.8-.103 1.374-.983 1.117-2.455 1.153-4.221zm7.933 7.527V1h4.155v21.638H89.76zm35.917 0h-4.761l-1.892-4.915h-8.665l-1.789 4.915h-4.643L112.371 1h4.627l8.679 21.638h.001zm-8.058-8.56l-2.987-8.03-2.927 8.03h5.914zm10.004 8.56V1H132v21.638h-4.376zM58.98 6.964v3.307H56.14v6.317l.081 2.236c.434 1.136 1.612.712 2.743.332l.355 3.218c-2.416 1.02-6.87 1.14-7.215-2.346-.096-.537-.123-1.89-.133-3.44v-6.317h-1.908V6.965h1.908V3.85l4.17-2.42v5.535h2.838z" />
2323
</svg>
2424
);
2525
});

‎src/Mistral/index.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,6 @@ import { Flexbox } from 'react-layout-kit';
5050

5151
export default () => (
5252
<Flexbox gap={16} horizontal>
53-
<Mistral.Avatar size={64} background={Mistral.colorPrimary} />
5453
<Mistral.Avatar size={64} />
5554
<Mistral.Avatar size={64} shape={'square'} />
5655
</Flexbox>
@@ -68,7 +67,6 @@ import ColorPreview from '../components/ColorPreview';
6867
export default () => (
6968
<Flexbox gap={16} horizontal>
7069
<ColorPreview color={Mistral.colorPrimary} />
71-
<ColorPreview color={Mistral.colorGradient} />
7270
</Flexbox>
7371
);
7472
```

‎src/Mistral/index.ts

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,13 @@ import Color from './components/Color';
55
import Combine from './components/Combine';
66
import Mono from './components/Mono';
77
import Text from './components/Text';
8-
import { COLOR_GRADIENT, COLOR_PRIMARY, TITLE } from './style';
8+
import { COLOR_PRIMARY, TITLE } from './style';
99

1010
export type CompoundedIcon = typeof Mono & {
1111
Avatar: typeof Avatar;
1212
Color: typeof Color;
1313
Combine: typeof Combine;
1414
Text: typeof Text;
15-
colorGradient: string;
1615
colorPrimary: string;
1716
title: string;
1817
};
@@ -23,7 +22,6 @@ Icons.Text = Text;
2322
Icons.Combine = Combine;
2423
Icons.Avatar = Avatar;
2524
Icons.colorPrimary = COLOR_PRIMARY;
26-
Icons.colorGradient = COLOR_GRADIENT;
2725
Icons.title = TITLE;
2826

2927
export default Icons;

‎src/Mistral/style.ts

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
export const TITLE = 'Mistral';
2-
export const TEXT_MULTIPLE = 0.75;
2+
export const TEXT_MULTIPLE = 0.6;
33
export const SPACE_MULTIPLE = 0.2;
4-
export const COLOR_PRIMARY = '#fd6f00';
5-
export const COLOR_GRADIENT =
6-
'linear-gradient(to bottom, #F7D046, #F2A73B, #EE792F, #EE792F, #EA3326';
4+
export const COLOR_PRIMARY = '#FA520F';

‎src/toc.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1522,8 +1522,7 @@ const toc: IconToc[] = [
15221522
title: 'Minimax',
15231523
},
15241524
{
1525-
color: '#fd6f00',
1526-
colorGradient: 'linear-gradient(to bottom, #F7D046, #F2A73B, #EE792F, #EE792F, #EA3326',
1525+
color: '#FA520F',
15271526
desc: 'https://mistral.ai',
15281527
docsUrl: 'mistral',
15291528
fullTitle: 'Mistral',

0 commit comments

Comments
 (0)