Sprkle: fix color new icons v2 (#9007)

dust-tt · Nov 28, 2024 · dd10b63 · dd10b63
1 parent 8555f22
commit dd10b63
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
diff --git a/sparkle/package.json b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.328",
+  "version": "0.2.329",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

diff --git a/sparkle/src/icons/solid/Camera.tsx b/sparkle/src/icons/solid/Camera.tsx
@@ -10,7 +10,7 @@ const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      fill="#000"
+      fill="currentColor"
       d="M9.001 3h6l2 2h4.5c.553 0 .5-.052.5.5v15c0 .552.053.5-.5.5h-19c-.552 0-.5.052-.5-.5v-15c0-.552-.052-.5.5-.5h4.5l2-2Zm3 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"
     />
   </svg>

diff --git a/sparkle/src/icons/stroke/TSquare.tsx b/sparkle/src/icons/stroke/TSquare.tsx
@@ -10,7 +10,7 @@ const SvgTSquare = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      fill="#000"
+      fill="currentColor"
       d="M2.001 3.557c0-.614-.052-.556.5-.556H21.5c.552 0 .5-.058.5.556v18.886c0 .614.052.555-.5.555H2.5c-.552 0-.5.059-.5-.555V3.557Zm2 1.666v15.554H20V5.223H4Zm3 3.333h9.998v3.333h-2v-1.11h-2v4.443h1.5v2.222H9.5v-2.222H11v-4.444H9v1.111H7V8.556Z"
     />
   </svg>

diff --git a/sparkle/src/stories/SplitButton.stories.tsx b/sparkle/src/stories/SplitButton.stories.tsx
@@ -3,7 +3,12 @@ import React from "react";
 
 import { BUTTON_SIZES, BUTTON_VARIANTS } from "@sparkle/components/Button";
 
-import { PlusIcon, RobotIcon, SplitButton } from "../index_with_tw_base";
+import {
+  CameraIcon,
+  PlusIcon,
+  RobotIcon,
+  SplitButton,
+} from "../index_with_tw_base";
 
 const meta: Meta<React.ComponentProps<typeof SplitButton>> = {
   title: "Primitives/SplitButton",
@@ -46,6 +51,12 @@ export const ExampleButton: Story = {
         tooltip: "Disabled tooltip",
         disabled: true,
       },
+      {
+        label: "Photo",
+        icon: CameraIcon,
+        tooltip: "Disabled photo",
+        disabled: true,
+      },
       {
         label: "Third",
         tooltip: "Third tooltip",