@dust-tt/sparkle 0.2.469 → 0.2.470
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip.js +16 -5
- package/dist/esm/components/Chip.js.map +1 -1
- package/dist/esm/components/ContentMessage.js +25 -25
- package/dist/esm/components/ContentMessage.js.map +1 -1
- package/dist/esm/icons/actions/Calculator.js +1 -1
- package/dist/esm/icons/actions/Calculator.js.map +1 -1
- package/dist/esm/icons/actions/Camera.js +1 -1
- package/dist/esm/icons/actions/Camera.js.map +1 -1
- package/dist/esm/icons/actions/Film.js +1 -1
- package/dist/esm/icons/actions/Film.js.map +1 -1
- package/dist/esm/icons/actions/HandHeart.js +1 -1
- package/dist/esm/icons/actions/HandHeart.js.map +1 -1
- package/dist/esm/icons/actions/HandThumbDown.js +1 -1
- package/dist/esm/icons/actions/HandThumbDown.js.map +1 -1
- package/dist/esm/icons/actions/HandThumbUp.js +1 -1
- package/dist/esm/icons/actions/HandThumbUp.js.map +1 -1
- package/dist/esm/icons/actions/Home.js +1 -1
- package/dist/esm/icons/actions/Home.js.map +1 -1
- package/dist/esm/icons/actions/Movie.d.ts.map +1 -1
- package/dist/esm/icons/actions/Movie.js +2 -1
- package/dist/esm/icons/actions/Movie.js.map +1 -1
- package/dist/esm/icons/actions/ShakeHands.js +1 -1
- package/dist/esm/icons/actions/ShakeHands.js.map +1 -1
- package/dist/esm/icons/actions/Ship.js +1 -1
- package/dist/esm/icons/actions/Ship.js.map +1 -1
- package/dist/esm/icons/actions/Shirt.js +1 -1
- package/dist/esm/icons/actions/Shirt.js.map +1 -1
- package/dist/esm/icons/actions/TShirt.js +1 -1
- package/dist/esm/icons/actions/TShirt.js.map +1 -1
- package/dist/esm/icons/actions/Vidicon.js +1 -1
- package/dist/esm/icons/actions/Vidicon.js.map +1 -1
- package/dist/esm/icons/actions/VolumeUp.js +1 -1
- package/dist/esm/icons/actions/VolumeUp.js.map +1 -1
- package/dist/esm/icons/src/actions/calculator.svg +1 -1
- package/dist/esm/icons/src/actions/camera.svg +1 -1
- package/dist/esm/icons/src/actions/film.svg +1 -1
- package/dist/esm/icons/src/actions/hand-heart.svg +1 -1
- package/dist/esm/icons/src/actions/hand-thumb-down.svg +1 -1
- package/dist/esm/icons/src/actions/hand-thumb-up.svg +1 -1
- package/dist/esm/icons/src/actions/home.svg +1 -1
- package/dist/esm/icons/src/actions/megaphone.svg +1 -1
- package/dist/esm/icons/src/actions/movie.svg +2 -1
- package/dist/esm/icons/src/actions/shake-hands.svg +1 -1
- package/dist/esm/icons/src/actions/ship.svg +1 -1
- package/dist/esm/icons/src/actions/shirt.svg +1 -1
- package/dist/esm/icons/src/actions/t-shirt.svg +1 -1
- package/dist/esm/icons/src/actions/vidicon.svg +1 -1
- package/dist/esm/icons/src/actions/volume-up.svg +1 -1
- package/dist/esm/logo/platforms/Figma.d.ts +5 -0
- package/dist/esm/logo/platforms/Figma.d.ts.map +1 -0
- package/dist/esm/logo/platforms/Figma.js +10 -0
- package/dist/esm/logo/platforms/Figma.js.map +1 -0
- package/dist/esm/logo/platforms/Linear.d.ts.map +1 -1
- package/dist/esm/logo/platforms/Linear.js +2 -5
- package/dist/esm/logo/platforms/Linear.js.map +1 -1
- package/dist/esm/logo/platforms/LinearWhite.d.ts +5 -0
- package/dist/esm/logo/platforms/LinearWhite.d.ts.map +1 -0
- package/dist/esm/logo/platforms/LinearWhite.js +6 -0
- package/dist/esm/logo/platforms/LinearWhite.js.map +1 -0
- package/dist/esm/logo/platforms/index.d.ts +2 -0
- package/dist/esm/logo/platforms/index.d.ts.map +1 -1
- package/dist/esm/logo/platforms/index.js +2 -0
- package/dist/esm/logo/platforms/index.js.map +1 -1
- package/dist/esm/logo/src/platforms/Figma.svg +7 -0
- package/dist/esm/logo/src/platforms/Linear.svg +3 -0
- package/dist/esm/logo/src/platforms/LinearWhite.svg +3 -0
- package/dist/esm/stories/Chip.stories.d.ts +1 -0
- package/dist/esm/stories/Chip.stories.d.ts.map +1 -1
- package/dist/esm/stories/Chip.stories.js +24 -1
- package/dist/esm/stories/Chip.stories.js.map +1 -1
- package/dist/esm/stories/ContentMessage.stories.d.ts +1 -0
- package/dist/esm/stories/ContentMessage.stories.d.ts.map +1 -1
- package/dist/esm/stories/ContentMessage.stories.js +16 -0
- package/dist/esm/stories/ContentMessage.stories.js.map +1 -1
- package/dist/sparkle.css +193 -31
- package/package.json +1 -1
- package/src/components/Chip.tsx +48 -6
- package/src/components/ContentMessage.tsx +25 -25
- package/src/icons/actions/Calculator.tsx +1 -1
- package/src/icons/actions/Camera.tsx +1 -1
- package/src/icons/actions/Film.tsx +1 -1
- package/src/icons/actions/HandHeart.tsx +1 -1
- package/src/icons/actions/HandThumbDown.tsx +1 -1
- package/src/icons/actions/HandThumbUp.tsx +1 -1
- package/src/icons/actions/Home.tsx +1 -1
- package/src/icons/actions/Movie.tsx +2 -4
- package/src/icons/actions/ShakeHands.tsx +1 -1
- package/src/icons/actions/Ship.tsx +1 -1
- package/src/icons/actions/Shirt.tsx +1 -1
- package/src/icons/actions/TShirt.tsx +1 -1
- package/src/icons/actions/Vidicon.tsx +1 -1
- package/src/icons/actions/VolumeUp.tsx +1 -1
- package/src/icons/src/actions/calculator.svg +1 -1
- package/src/icons/src/actions/camera.svg +1 -1
- package/src/icons/src/actions/film.svg +1 -1
- package/src/icons/src/actions/hand-heart.svg +1 -1
- package/src/icons/src/actions/hand-thumb-down.svg +1 -1
- package/src/icons/src/actions/hand-thumb-up.svg +1 -1
- package/src/icons/src/actions/home.svg +1 -1
- package/src/icons/src/actions/megaphone.svg +1 -1
- package/src/icons/src/actions/movie.svg +2 -1
- package/src/icons/src/actions/shake-hands.svg +1 -1
- package/src/icons/src/actions/ship.svg +1 -1
- package/src/icons/src/actions/shirt.svg +1 -1
- package/src/icons/src/actions/t-shirt.svg +1 -1
- package/src/icons/src/actions/vidicon.svg +1 -1
- package/src/icons/src/actions/volume-up.svg +1 -1
- package/src/logo/platforms/Figma.tsx +19 -0
- package/src/logo/platforms/Linear.tsx +4 -16
- package/src/logo/platforms/LinearWhite.tsx +18 -0
- package/src/logo/platforms/index.ts +2 -0
- package/src/logo/src/platforms/Figma.svg +7 -0
- package/src/logo/src/platforms/Linear.svg +3 -0
- package/src/logo/src/platforms/LinearWhite.svg +3 -0
- package/src/stories/Chip.stories.tsx +86 -1
- package/src/stories/ContentMessage.stories.tsx +39 -0
|
@@ -11,7 +11,7 @@ const SvgShakeHands = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="M11.861 2.39a3 3 0 0 1 3.275-.034L19.29
|
|
14
|
+
d="M11.861 2.39a3 3 0 0 1 3.275-.034L19.29 5H22v11h-2.52a2.65 2.65 0 0 1-1.285 2.449l-5.093 3.056a2 2 0 0 1-2.07-.008c-.7.62-1.779.688-2.561.073l-5.14-4.039a2.001 2.001 0 0 1-.565-2.446A2 2 0 0 1 2 13.51V5h5.947l3.914-2.61ZM4.173 13.646l.692-.605a3 3 0 0 1 4.195.24l2.702 2.972a3 3 0 0 1 .396 3.487l5.008-3.005a.657.657 0 0 0 .279-.79l-4.427-6.198a1 1 0 0 0-1.101-.377l-2.486.745a3 3 0 0 1-2.983-.752l-.293-.292A1.997 1.997 0 0 1 5.68 7H4v6.51l.173.135Zm9.89-9.602a1 1 0 0 0-1.093.012l-5.4 3.6.292.293a1 1 0 0 0 .995.25l2.485-.745a3 3 0 0 1 3.303 1.13L18.515 14H20V7h-.709a2 2 0 0 1-1.074-.313l-4.155-2.644ZM6.181 14.545l-1.616 1.414 5.14 4.039.705-1.232a1 1 0 0 0-.129-1.169L7.58 14.625a1 1 0 0 0-1.398-.08Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -11,7 +11,7 @@ const SvgShip = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="M4 10.
|
|
14
|
+
d="M4 10.4V3h6V1h4v2h6v7.4l1.086.326a1 1 0 0 1 .683 1.2l-1.517 6.068a4.99 4.99 0 0 1-1.902-.273l1.25-5.351L12 10l-7.6 2.37 1.25 5.351a4.99 4.99 0 0 1-1.902.273l-1.516-6.068a1 1 0 0 1 .682-1.2L4 10.4Zm2-.6L12 8l6 1.8V5H6v4.8ZM4 20a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 12 20a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 20 20h2v2h-2a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 12 22a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 4 22H2v-2h2Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -11,7 +11,7 @@ const SvgShirt = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="M12.998 20h6v-4h-4v-2h4V6h-2v5l-4-1.6V20Zm-2 0V9.4l-4 1.6V6h-2v14h6Zm-4-
|
|
14
|
+
d="M12.998 20h6v-4h-4v-2h4V6h-2v5l-4-1.6V20Zm-2 0V9.4l-4 1.6V6h-2v14h6Zm-4-16V3h10v1h4v18h-18V4h4Zm5 4 3.5-3h-7l3.5 3Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -11,7 +11,7 @@ const SvgTShirt = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="m14.514 5
|
|
14
|
+
d="m14.514 5 3.216-3.229L23.25 7.5s-2.178 2.327-4.251 4.329V22h-14V11.83C3.748 10.486.65 7.25.65 7.25l5.604-5.5S8.055 3.565 9.484 5h5.03Zm.828 2H8.656L6.17 4.515 3.342 7.343 6.999 11v9h10v-9l3.657-3.657-2.829-2.828L15.342 7Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -11,7 +11,7 @@ const SvgVidicon = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="
|
|
14
|
+
d="M17 9.2 23 5v14l-6-4.2V19H1V5h16v4.2Zm0 2.8c0 .225.11.435.294.564L21 15.16V8.84l-3.706 2.595A.689.689 0 0 0 17 12ZM3 7v10h12V7H3Zm1 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -11,7 +11,7 @@ const SvgVolumeUp = (props: SVGProps<SVGSVGElement>) => (
|
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
13
|
fill="currentColor"
|
|
14
|
-
d="M6.603 10 10 7.22v9.56L6.603 14H3v-4h3.
|
|
14
|
+
d="M6.603 10 10 7.22v9.56L6.603 14H3v-4h3.603ZM1 16h4.889L12 21V3L5.889 8H1v8Zm22-4c0 3.292-1.446 6.246-3.738 8.262l-1.418-1.418A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.155-6.844l1.417-1.418A10.974 10.974 0 0 1 23 12Zm-5 0a5.99 5.99 0 0 0-2.287-4.713l-1.429 1.429A3.996 3.996 0 0 1 16 12c0 1.36-.679 2.561-1.716 3.284l1.43 1.43A5.99 5.99 0 0 0 18 12Z"
|
|
15
15
|
/>
|
|
16
16
|
</svg>
|
|
17
17
|
);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="
|
|
2
|
+
<path d="M21 2V22C15 22 9 22 3 22V2C9 2 15 2 21 2ZM5 4V20H19V4H5ZM7 6H17V10H7V6ZM7 12H9V14H7V12ZM7 16H9V18H7V16ZM11 12H13V14H11V12ZM11 16H13V18H11V16ZM15 12H17V18H15V12Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2
|
|
2
|
+
<path d="M2 5.00087C8.66658 4.98813 15.3334 4.9878 22 5.00087V20.9991C15.3334 21.0123 8.66658 21.0126 2 20.9991V5.00087ZM4 7V19H20V7H4ZM14 16C15.6569 16 17 14.6569 17 13C17 11.3431 15.6569 10 14 10C12.3431 10 11 11.3431 11 13C11 14.6569 12.3431 16 14 16ZM14 18C11.2386 18 9 15.7614 9 13C9 10.2386 11.2386 8 14 8C16.7614 8 19 10.2386 19 13C19 15.7614 16.7614 18 14 18ZM5 2H10V4H5V2Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2
|
|
2
|
+
<path d="M2 2.9934C8.66173 3.08997 15.3382 3.09243 22 2.9934V21.0066C15.338 20.91 8.66183 20.9076 2 21.0066V2.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M5.
|
|
2
|
+
<path d="M5.944 9.00268C5.944 9.00268 6.00488 9.45039 6.00488 10.0027C7.63965 10.0027 9.14352 10.5631 10.3349 11.5022L12.5049 11.5027C13.837 11.5027 15.0339 12.0815 15.8579 13.0014L19.0049 13.0027C20.9972 13.0027 22.7173 14.1679 23.521 15.8541C21.1562 18.9747 17.3268 21.0027 13.0049 21.0027C10.2142 21.0027 7.85466 20.3994 5.944 19.3447C5.80557 19.7283 5.944 20.0027 5.944 20.0027H1C1 20.0027 1.00488 19.555 1.00488 19.0027C1.00488 15.6698 1.03634 12.3354 1 9.00268H5.944ZM6.00589 12.0027L6.00488 17.0238L6.05024 17.0572C7.84406 18.3176 10.183 19.0027 13.0049 19.0027C16.0089 19.0027 18.8035 17.847 20.84 15.8732L20.9729 15.7397L20.8537 15.6393C20.3897 15.2763 19.8205 15.051 19.2099 15.0096L19.0049 15.0027L16.8932 15.0017C16.9663 15.3236 17.0049 15.6586 17.0049 16.0027V17.0027H8.00488V15.0027L14.7949 15.0017L14.7605 14.9232C14.38 14.1296 13.593 13.568 12.6693 13.508L12.5049 13.5027L9.57547 13.5025C8.66823 12.5772 7.40412 12.003 6.00589 12.0027ZM4.00488 11.0027H3.00488V18.0027H4.00488V11.0027ZM13.6513 3.57806L14.0046 3.93183L14.3584 3.57806C15.3347 2.60175 16.9177 2.60175 17.894 3.57806C18.8703 4.55437 18.8703 6.13728 17.894 7.11359L14.0049 11.0027L10.1158 7.11359C9.13948 6.13728 9.13948 4.55437 10.1158 3.57806C11.0921 2.60175 12.675 2.60175 13.6513 3.57806ZM11.53 4.99227C11.3564 5.16584 11.3372 5.43526 11.4714 5.62938L11.5289 5.69831L14.0039 8.17368L16.4798 5.69938C16.6533 5.52581 16.6726 5.25639 16.5376 5.06152L16.4798 4.99227C16.3062 4.81871 16.0368 4.79942 15.8417 4.93457L15.7724 4.99249L14.0033 6.76111L12.236 4.9912L12.1679 4.93442C11.973 4.79942 11.7036 4.81871 11.53 4.99227Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M9.40017 16H3C1.89543 16 1 15.1046 1 14V11.8957C1 11.6344 1.05118 11.3757 1.15064 11.1342L4.24501 3.61925C4.3993 3.24455 4.76447 3 5.16969
|
|
2
|
+
<path d="M9.40017 16H3C1.89543 16 1 15.1046 1 14V11.8957C1 11.6344 1.05118 11.3757 1.15064 11.1342L4.24501 3.61925C4.3993 3.24455 4.76447 3 5.16969 3H23C23 7 23 11 23 15H18.5182C18.1932 15 17.8886 15.1579 17.7012 15.4233L12.2478 23.149C12.1053 23.3508 11.8367 23.4184 11.6157 23.3078L9.80163 22.4008C8.74998 21.875 8.20687 20.6874 8.49694 19.548L9.40017 16ZM17 13.4125V5H5.83939L3 11.8957V14H9.40017C10.7049 14 11.6602 15.229 11.3384 16.4934L10.4351 20.0414C10.3771 20.2693 10.4857 20.5068 10.6961 20.612L11.3572 20.9425L16.0673 14.27C16.3172 13.9159 16.6366 13.6257 17 13.4125ZM19 13H21V5H19V13Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.
|
|
2
|
+
<path d="M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.0003H1C1.00013 17.0003 1.00013 13.0003 1 9.00033H5.48185C5.80678 9.00033 6.11144 8.84246 6.29882 8.57701L11.7522 0.851355C11.8947 0.649486 12.1633 0.581978 12.3843 0.692483L14.1984 1.59951C15.25 2.12534 15.7931 3.31292 15.5031 4.45235L14.5998 8.00033ZM7.00001 10.5878V19.0003H18.1606L21 12.1047V10.0003H14.5998C13.2951 10.0003 12.3398 8.77128 12.6616 7.50691L13.5649 3.95894C13.6229 3.73105 13.5143 3.49353 13.3039 3.38837L12.6428 3.0578L7.93276 9.73038C7.68286 10.0844 7.36342 10.3746 7.00001 10.5878ZM5.00001 11.0003H3.00001V19.0003H5.00001V11.0003Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 21V11L12 3L20 11V21H4ZM18 19V11.8284L12 5.82842L6 11.8284V19H18Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M9 17C9 17 16 18 19 21H21C21 18.6457 21 16.2913 21 13.937C21.8626 13.715 22.5 12.9319 22.5 12C22.5 11.0681 21.8626 10.285 21 10.063C21 7.70867 21 5.35433 21 3H19C16 6 9 7 9 7H5.99998C4.34314 7 2.99999 8.34313 2.99999 9.99997C2.99998 11.3333 2.99998 12.6667 2.99999 14C2.99999 15.6569 4.34316 17 6
|
|
2
|
+
<path d="M9 17C9 17 16 18 19 21H21C21 18.6457 21 16.2913 21 13.937C21.8626 13.715 22.5 12.9319 22.5 12C22.5 11.0681 21.8626 10.285 21 10.063C21 7.70867 21 5.35433 21 3H19C16 6 9 7 9 7H5.99998C4.34314 7 2.99999 8.34313 2.99999 9.99997C2.99998 11.3333 2.99998 12.6667 2.99999 14C2.99999 15.6569 4.34316 17 6 17L7 22H9V17ZM11 8.6612C11.6833 8.5146 12.5275 8.31193 13.4393 8.04373C15.1175 7.55014 17.25 6.77262 19 5.57458V18.4254C17.25 17.2274 15.1175 16.4499 13.4393 15.9563C12.5275 15.6881 11.6833 15.4854 11 15.3388V8.6612ZM5 10C5 9.44772 5.44772 9 6 9H9V15H6C5.44772 15 5 14.5523 5 14V10Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2
|
|
2
|
+
<path d="M2 3C8.66667 3.00001 15.3333 3.00001 22 3V21C15.3333 21 8.66667 21 2 21V3ZM4 5V19H20V5H4Z" fill="#111418"/>
|
|
3
|
+
<path d="M16 12L9 16L9 8L16 12Z" fill="#111418"/>
|
|
3
4
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M11.8611 2.39057C12.8495 1.73163 14.1336 1.71797 15.1358 2.35573L19.291 4.
|
|
2
|
+
<path d="M11.8611 2.39057C12.8495 1.73163 14.1336 1.71797 15.1358 2.35573L19.291 4.99994H21.9998C21.9998 8.66659 21.9998 12.3332 21.9998 15.9999H19.4801C19.5396 16.9472 19.0933 17.9102 18.1955 18.4489L13.1021 21.505C12.4591 21.8907 11.6609 21.8817 11.0314 21.4974C10.3311 22.1167 9.2531 22.1849 8.47104 21.5704L3.33028 17.5312C2.56387 16.9291 2.37006 15.9003 2.76579 15.0847C2.28248 14.7057 2 14.1254 2 13.5109C2 10.6739 2 7.83697 2 5H7.94693L11.8611 2.39057ZM4.17264 13.6452L4.86467 13.0397C6.09488 11.9632 7.96042 12.0698 9.06001 13.2794L11.7622 16.2518C12.6317 17.2083 12.7903 18.6135 12.1579 19.739L17.1665 16.7339C17.4479 16.5651 17.5497 16.2276 17.4448 15.9433L13.0177 9.74551C12.769 9.39736 12.3264 9.24598 11.9166 9.36892L9.43135 10.1145C8.37425 10.4316 7.22838 10.1427 6.44799 9.36235L6.15522 9.06958C5.58721 8.50157 5.44032 7.69318 5.67935 7H4V13.5109L4.17264 13.6452ZM14.0621 4.04306C13.728 3.83047 13.3 3.83502 12.9705 4.05467L7.56943 7.65537L7.8622 7.94814C8.12233 8.20827 8.50429 8.30456 8.85666 8.19885L11.3419 7.45327C12.5713 7.08445 13.8992 7.53859 14.6452 8.58303L18.5144 13.9999H19.9998V6.99994H19.291C18.9106 6.99994 18.5381 6.89148 18.2172 6.68727L14.0621 4.04306ZM6.18168 14.5448L4.56593 15.9586L9.70669 19.9978L10.4106 18.7659C10.6256 18.3897 10.5738 17.9178 10.2823 17.5971L7.58013 14.6247C7.2136 14.2215 6.59175 14.186 6.18168 14.5448Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M4 10.
|
|
2
|
+
<path d="M4 10.4V3C6 3 8 3 10 3V1H14V3C16 3 18 3 20 3V10.4L21.0857 10.7257C21.5974 10.8792 21.8981 11.4078 21.7685 11.9261L20.2516 17.9938C20.1682 17.9979 20.0844 18 20 18C19.4218 18 18.8665 17.9019 18.3499 17.7213L19.6 12.37L12 10L4.4 12.37L5.65008 17.7213C5.13348 17.9019 4.5782 18 4 18C3.91564 18 3.83178 17.9979 3.74845 17.9938L2.23152 11.9261C2.10195 11.4078 2.40262 10.8792 2.91431 10.7257L4 10.4ZM6 9.8L12 8L18 9.8V5H6V9.8ZM4 20C5.53671 20 6.93849 19.4223 8 18.4722C9.06151 19.4223 10.4633 20 12 20C13.5367 20 14.9385 19.4223 16 18.4722C17.0615 19.4223 18.4633 20 20 20H22V22H20C18.5429 22 17.1767 21.6104 16 20.9297C14.8233 21.6104 13.4571 22 12 22C10.5429 22 9.17669 21.6104 8 20.9297C6.82331 21.6104 5.45715 22 4 22H2V20H4Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M12.998 20H18.998V16H14.998V14H18.998V6H16.998V11L12.998 9.4V20ZM10.998 20V9.4L6.99805 11V6H4.99805V20H10.998ZM6.99805 4V3H16.
|
|
2
|
+
<path d="M12.998 20H18.998V16H14.998V14H18.998V6H16.998V11L12.998 9.4V20ZM10.998 20V9.4L6.99805 11V6H4.99805V20H10.998ZM6.99805 4V3H16.998V4C18.3313 4 19.6647 4 20.998 4V22C14.998 22 8.99803 22 2.99805 22V4C4.33138 4 5.66471 4 6.99805 4ZM11.998 8L15.498 5H8.49805L11.998 8Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M14.5135 5.
|
|
2
|
+
<path d="M14.5135 5.00008C15.9757 3.53215 17.7298 1.77126 17.7298 1.77126L23.25 7.5C23.25 7.5 21.072 9.82691 18.9988 11.8285V22.0001C14.3321 22.0001 9.66548 22.0001 4.99881 22.0001V11.8285C3.7478 10.4858 0.650024 7.25 0.650024 7.25L6.25406 1.75C6.25406 1.75 8.0553 3.56472 9.48409 5.00008H14.5135ZM15.3419 7.00008H8.65567L6.17038 4.5148L3.34196 7.34323L6.99881 11.0001V20.0001H16.9988V11.0001L20.6557 7.34323L17.8272 4.5148L15.3419 7.00008Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M17 9.
|
|
2
|
+
<path d="M17 9.20001L23 5V19L17 14.8V19C11.6667 19 6.33333 19 1 19V5.00001C6.33333 4.99999 11.6667 4.99999 17 5.00001V9.20001ZM17 12C17 12.2248 17.1097 12.4355 17.2939 12.5644L21 15.1587V8.84132L17.2939 11.4356C17.1097 11.5645 17 11.7752 17 12ZM3 7.00001V17H15V7.00001H3ZM4 9.50001C4 8.67158 4.67157 8.00001 5.5 8.00001C6.32843 8.00001 7 8.67158 7 9.50001C7 10.3284 6.32843 11 5.5 11C4.67157 11 4 10.3284 4 9.50001Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.
|
|
2
|
+
<path d="M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM1 16.0001H5.88889L12 21L12 3L5.88889 8.00007H1C1 10.6667 1 13.3334 1 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" fill="#111418"/>
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
const SvgFigma = (props: SVGProps<SVGSVGElement>) => (
|
|
4
|
+
<svg
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
width="1em"
|
|
7
|
+
height="1em"
|
|
8
|
+
fill="none"
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
{...props}
|
|
11
|
+
>
|
|
12
|
+
<path fill="#0ACF83" d="M6 18a3 3 0 0 1 3-3h3v3a3 3 0 1 1-6 0Z" />
|
|
13
|
+
<path fill="#1ABCFE" d="M12 12a3 3 0 0 1 6 0 3 3 0 0 1-6 0Z" />
|
|
14
|
+
<path fill="#A259FF" d="M6 12a3 3 0 0 0 3 3h3V9H9a3 3 0 0 0-3 3Z" />
|
|
15
|
+
<path fill="#FF7262" d="M12 3v6h3a3 3 0 1 0 0-6h-3Z" />
|
|
16
|
+
<path fill="#F24E1E" d="M6 6a3 3 0 0 0 3 3h3V3H9a3 3 0 0 0-3 3Z" />
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
export default SvgFigma;
|
|
@@ -2,28 +2,16 @@ import type { SVGProps } from "react";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
const SvgLinear = (props: SVGProps<SVGSVGElement>) => (
|
|
4
4
|
<svg
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
6
|
width="1em"
|
|
6
7
|
height="1em"
|
|
7
|
-
viewBox="0 0 24 24"
|
|
8
8
|
fill="none"
|
|
9
|
-
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
10
|
{...props}
|
|
11
11
|
>
|
|
12
12
|
<path
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
/>
|
|
16
|
-
<path
|
|
17
|
-
d="M3 11.4938L12.4921 20.9858C13.2976 20.9407 14.0981 20.7879 14.8704 20.5273L3.4585 9.11548C3.19793 9.88771 3.0451 10.6883 3 11.4938Z"
|
|
18
|
-
fill="#000000"
|
|
19
|
-
/>
|
|
20
|
-
<path
|
|
21
|
-
d="M3.86722 8.10999L15.8758 20.1186C16.4988 19.8201 17.0946 19.4458 17.6493 18.9956L4.99021 6.33659C4.54006 6.89125 4.16573 7.487 3.86722 8.10999Z"
|
|
22
|
-
fill="#000000"
|
|
23
|
-
/>
|
|
24
|
-
<path
|
|
25
|
-
d="M5.66301 5.59517C9.18091 2.12137 14.8488 2.135 18.3498 5.63604C21.8508 9.13708 21.8645 14.8049 18.3907 18.3228L5.66301 5.59517Z"
|
|
26
|
-
fill="#000000"
|
|
13
|
+
fill="#222326"
|
|
14
|
+
d="M2.245 14.305c-.044-.19.182-.31.32-.172l7.302 7.303c.138.137.018.363-.172.319a10.025 10.025 0 0 1-7.45-7.45ZM2 11.378a.198.198 0 0 0 .058.152L12.47 21.942c.04.04.095.061.152.058.474-.03.939-.092 1.393-.186a.194.194 0 0 0 .095-.33L2.515 9.89a.194.194 0 0 0-.33.095c-.093.454-.155.919-.185 1.393Zm.842-3.437a.198.198 0 0 0 .042.22l12.955 12.955a.198.198 0 0 0 .22.042c.357-.16.703-.339 1.037-.537a.196.196 0 0 0 .037-.308L3.687 6.867a.196.196 0 0 0-.308.037 9.98 9.98 0 0 0-.537 1.037Zm1.69-2.326a.197.197 0 0 1-.01-.271A9.985 9.985 0 0 1 11.99 2C17.518 2 22 6.481 22 12.01a9.985 9.985 0 0 1-3.344 7.467.197.197 0 0 1-.27-.009L4.531 5.615Z"
|
|
27
15
|
/>
|
|
28
16
|
</svg>
|
|
29
17
|
);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
const SvgLinearWhite = (props: SVGProps<SVGSVGElement>) => (
|
|
4
|
+
<svg
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
width="1em"
|
|
7
|
+
height="1em"
|
|
8
|
+
fill="none"
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
{...props}
|
|
11
|
+
>
|
|
12
|
+
<path
|
|
13
|
+
fill="#fff"
|
|
14
|
+
d="M2.245 14.305c-.044-.19.182-.31.32-.172l7.302 7.303c.138.137.018.363-.172.319a10.025 10.025 0 0 1-7.45-7.45ZM2 11.378a.198.198 0 0 0 .058.152L12.47 21.942c.04.04.095.061.152.058.474-.03.939-.092 1.393-.186a.194.194 0 0 0 .095-.33L2.515 9.89a.194.194 0 0 0-.33.095c-.093.454-.155.919-.185 1.393Zm.842-3.437a.198.198 0 0 0 .042.22l12.955 12.955a.198.198 0 0 0 .22.042c.357-.16.703-.339 1.037-.537a.196.196 0 0 0 .037-.308L3.687 6.867a.196.196 0 0 0-.308.037 9.98 9.98 0 0 0-.537 1.037Zm1.69-2.326a.197.197 0 0 1-.01-.271A9.985 9.985 0 0 1 11.99 2C17.518 2 22 6.481 22 12.01a9.985 9.985 0 0 1-3.344 7.467.197.197 0 0 1-.27-.009L4.531 5.615Z"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
);
|
|
18
|
+
export default SvgLinearWhite;
|
|
@@ -7,6 +7,7 @@ export { default as CohereLogo } from "./Cohere";
|
|
|
7
7
|
export { default as ConfluenceLogo } from "./Confluence";
|
|
8
8
|
export { default as DeepseekLogo } from "./Deepseek";
|
|
9
9
|
export { default as DriveLogo } from "./Drive";
|
|
10
|
+
export { default as FigmaLogo } from "./Figma";
|
|
10
11
|
export { default as FireworksLogo } from "./Fireworks";
|
|
11
12
|
export { default as GeminiLogo } from "./Gemini";
|
|
12
13
|
export { default as GithubLogo } from "./Github";
|
|
@@ -23,6 +24,7 @@ export { default as HubspotLogo } from "./Hubspot";
|
|
|
23
24
|
export { default as HuggingFaceLogo } from "./HuggingFace";
|
|
24
25
|
export { default as IntercomLogo } from "./Intercom";
|
|
25
26
|
export { default as LinearLogo } from "./Linear";
|
|
27
|
+
export { default as LinearWhiteLogo } from "./LinearWhite";
|
|
26
28
|
export { default as MicrosoftLogo } from "./Microsoft";
|
|
27
29
|
export { default as MicrosoftExcelLogo } from "./MicrosoftExcel";
|
|
28
30
|
export { default as MicrosoftPowerpointLogo } from "./MicrosoftPowerpoint";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6 18C6 16.3431 7.34315 15 9 15H12V18C12 19.6569 10.6569 21 9 21V21C7.34315 21 6 19.6569 6 18V18Z" fill="#0ACF83"/>
|
|
3
|
+
<path d="M12 12C12 10.3432 13.3431 9 15 9V9C16.6568 9 18 10.3431 18 12V12C18 13.6569 16.6568 15 15 15V15C13.3431 15 12 13.6568 12 12V12Z" fill="#1ABCFE"/>
|
|
4
|
+
<path d="M6 12C6 13.6569 7.34315 15 9 15H12V9H9C7.34315 9 6 10.3431 6 12V12Z" fill="#A259FF"/>
|
|
5
|
+
<path d="M12 3V9H15C16.6569 9 18 7.65685 18 6V6C18 4.34315 16.6569 3 15 3H12Z" fill="#FF7262"/>
|
|
6
|
+
<path d="M6 6C6 7.65685 7.34315 9 9 9H12V3L9 3C7.34315 3 6 4.34315 6 6V6Z" fill="#F24E1E"/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.24508 14.3046C2.20058 14.1149 2.42658 13.9954 2.56436 14.1332L9.86684 21.4356C10.0046 21.5734 9.88514 21.7994 9.69544 21.7549C6.0103 20.8904 3.10956 17.9897 2.24508 14.3046ZM2.00038 11.3778C1.99685 11.4345 2.01815 11.4898 2.05829 11.5299L12.4701 21.9417C12.5102 21.9818 12.5655 22.0032 12.6222 21.9996C13.096 21.9701 13.5609 21.9076 14.0147 21.8144C14.1676 21.783 14.2207 21.5952 14.1103 21.4848L2.51519 9.8897C2.40482 9.77932 2.21696 9.83244 2.18556 9.98534C2.09237 10.4391 2.02989 10.904 2.00038 11.3778ZM2.84219 7.94108C2.80889 8.01584 2.82585 8.1032 2.88372 8.16108L15.8389 21.1163C15.8968 21.1742 15.9842 21.1911 16.0589 21.1578C16.4161 20.9987 16.7623 20.8193 17.096 20.621C17.2064 20.5554 17.2235 20.4037 17.1327 20.3129L3.68713 6.86734C3.59631 6.77652 3.44459 6.79356 3.37898 6.90398C3.18072 7.23766 3.0013 7.58386 2.84219 7.94108ZM4.53174 5.6148C4.45772 5.54078 4.45314 5.42206 4.52288 5.34398C6.3559 3.29186 9.02228 2 11.9904 2C17.5185 2 22 6.48146 22 12.0096C22 14.9777 20.7081 17.6441 18.656 19.4771C18.578 19.5469 18.4592 19.5423 18.3852 19.4683L4.53174 5.6148Z" fill="#222326"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.24508 14.3046C2.20058 14.1149 2.42658 13.9954 2.56436 14.1332L9.86684 21.4356C10.0046 21.5734 9.88514 21.7994 9.69544 21.7549C6.0103 20.8904 3.10956 17.9897 2.24508 14.3046ZM2.00038 11.3778C1.99685 11.4345 2.01815 11.4898 2.05829 11.5299L12.4701 21.9417C12.5102 21.9818 12.5655 22.0032 12.6222 21.9996C13.096 21.9701 13.5609 21.9076 14.0147 21.8144C14.1676 21.783 14.2207 21.5952 14.1103 21.4848L2.51519 9.8897C2.40482 9.77932 2.21696 9.83244 2.18556 9.98534C2.09237 10.4391 2.02989 10.904 2.00038 11.3778ZM2.84219 7.94108C2.80889 8.01584 2.82585 8.1032 2.88372 8.16108L15.8389 21.1163C15.8968 21.1742 15.9842 21.1911 16.0589 21.1578C16.4161 20.9987 16.7623 20.8193 17.096 20.621C17.2064 20.5554 17.2235 20.4037 17.1327 20.3129L3.68713 6.86734C3.59631 6.77652 3.44459 6.79356 3.37898 6.90398C3.18072 7.23766 3.0013 7.58386 2.84219 7.94108ZM4.53174 5.6148C4.45772 5.54078 4.45314 5.42206 4.52288 5.34398C6.3559 3.29186 9.02228 2 11.9904 2C17.5185 2 22 6.48146 22 12.0096C22 14.9777 20.7081 17.6441 18.656 19.4771C18.578 19.5469 18.4592 19.5423 18.3852 19.4683L4.53174 5.6148Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -72,5 +72,90 @@ export const ThinkingChip = () => (
|
|
|
72
72
|
);
|
|
73
73
|
|
|
74
74
|
export const RemovableChip = () => (
|
|
75
|
-
<
|
|
75
|
+
<div className="s-space-x-2">
|
|
76
|
+
<Chip
|
|
77
|
+
size="xs"
|
|
78
|
+
color="golden"
|
|
79
|
+
label="Remove me"
|
|
80
|
+
onRemove={() => alert("Removed")}
|
|
81
|
+
/>
|
|
82
|
+
<Chip
|
|
83
|
+
size="sm"
|
|
84
|
+
color="golden"
|
|
85
|
+
label="Remove me"
|
|
86
|
+
onRemove={() => alert("Removed")}
|
|
87
|
+
/>
|
|
88
|
+
</div>
|
|
89
|
+
);
|
|
90
|
+
|
|
91
|
+
export const AllColors = () => (
|
|
92
|
+
<div className="s-flex s-flex-col s-gap-4">
|
|
93
|
+
<div className="s-flex s-flex-wrap s-gap-2">
|
|
94
|
+
<Chip size="sm" color="primary" label="Primary" />
|
|
95
|
+
<Chip size="sm" color="highlight" label="Highlight" />
|
|
96
|
+
<Chip size="sm" color="success" label="Success" />
|
|
97
|
+
<Chip size="sm" color="warning" label="Warning" />
|
|
98
|
+
<Chip size="sm" color="info" label="Info" />
|
|
99
|
+
<Chip size="sm" color="green" label="Green" />
|
|
100
|
+
<Chip size="sm" color="blue" label="Blue" />
|
|
101
|
+
<Chip size="sm" color="rose" label="Rose" />
|
|
102
|
+
<Chip size="sm" color="golden" label="Golden" />
|
|
103
|
+
</div>
|
|
104
|
+
<div className="s-flex s-flex-wrap s-gap-2">
|
|
105
|
+
<Chip
|
|
106
|
+
size="sm"
|
|
107
|
+
color="primary"
|
|
108
|
+
label="Primary"
|
|
109
|
+
onRemove={() => alert("Removed")}
|
|
110
|
+
/>
|
|
111
|
+
<Chip
|
|
112
|
+
size="sm"
|
|
113
|
+
color="highlight"
|
|
114
|
+
label="Highlight"
|
|
115
|
+
onRemove={() => alert("Removed")}
|
|
116
|
+
/>
|
|
117
|
+
<Chip
|
|
118
|
+
size="sm"
|
|
119
|
+
color="success"
|
|
120
|
+
label="Success"
|
|
121
|
+
onRemove={() => alert("Removed")}
|
|
122
|
+
/>
|
|
123
|
+
<Chip
|
|
124
|
+
size="sm"
|
|
125
|
+
color="warning"
|
|
126
|
+
label="Warning"
|
|
127
|
+
onRemove={() => alert("Removed")}
|
|
128
|
+
/>
|
|
129
|
+
<Chip
|
|
130
|
+
size="sm"
|
|
131
|
+
color="info"
|
|
132
|
+
label="Info"
|
|
133
|
+
onRemove={() => alert("Removed")}
|
|
134
|
+
/>
|
|
135
|
+
<Chip
|
|
136
|
+
size="sm"
|
|
137
|
+
color="green"
|
|
138
|
+
label="Green"
|
|
139
|
+
onRemove={() => alert("Removed")}
|
|
140
|
+
/>
|
|
141
|
+
<Chip
|
|
142
|
+
size="sm"
|
|
143
|
+
color="blue"
|
|
144
|
+
label="Blue"
|
|
145
|
+
onRemove={() => alert("Removed")}
|
|
146
|
+
/>
|
|
147
|
+
<Chip
|
|
148
|
+
size="sm"
|
|
149
|
+
color="rose"
|
|
150
|
+
label="Rose"
|
|
151
|
+
onRemove={() => alert("Removed")}
|
|
152
|
+
/>
|
|
153
|
+
<Chip
|
|
154
|
+
size="sm"
|
|
155
|
+
color="golden"
|
|
156
|
+
label="Golden"
|
|
157
|
+
onRemove={() => alert("Removed")}
|
|
158
|
+
/>
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
76
161
|
);
|
|
@@ -106,3 +106,42 @@ export const MultiParagraph: Story = {
|
|
|
106
106
|
size: "md",
|
|
107
107
|
},
|
|
108
108
|
};
|
|
109
|
+
|
|
110
|
+
export const ColorVariants: Story = {
|
|
111
|
+
render: () => (
|
|
112
|
+
<div className="s-grid s-grid-cols-1 s-gap-4 sm:s-grid-cols-2 lg:s-grid-cols-3">
|
|
113
|
+
{[
|
|
114
|
+
"primary",
|
|
115
|
+
"warning",
|
|
116
|
+
"success",
|
|
117
|
+
"highlight",
|
|
118
|
+
"info",
|
|
119
|
+
"green",
|
|
120
|
+
"blue",
|
|
121
|
+
"rose",
|
|
122
|
+
"golden",
|
|
123
|
+
].map((variant) => (
|
|
124
|
+
<ContentMessage
|
|
125
|
+
key={variant}
|
|
126
|
+
title={`${variant.charAt(0).toUpperCase() + variant.slice(1)} Variant`}
|
|
127
|
+
variant={
|
|
128
|
+
variant as
|
|
129
|
+
| "primary"
|
|
130
|
+
| "warning"
|
|
131
|
+
| "success"
|
|
132
|
+
| "highlight"
|
|
133
|
+
| "info"
|
|
134
|
+
| "green"
|
|
135
|
+
| "blue"
|
|
136
|
+
| "rose"
|
|
137
|
+
| "golden"
|
|
138
|
+
}
|
|
139
|
+
size="md"
|
|
140
|
+
>
|
|
141
|
+
This is a {variant} variant message. It shows how the component looks
|
|
142
|
+
with this color scheme.
|
|
143
|
+
</ContentMessage>
|
|
144
|
+
))}
|
|
145
|
+
</div>
|
|
146
|
+
),
|
|
147
|
+
};
|