From dd10b63797f33e0cb2a4e825c7a08cb9e32570b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daphn=C3=A9=20Popin?= <PopDaph@users.noreply.github.com>
Date: Thu, 28 Nov 2024 16:00:42 +0100
Subject: [PATCH] Sprkle: fix color new icons v2 (#9007)

---
 sparkle/package-lock.json                   |  4 ++--
 sparkle/package.json                        |  2 +-
 sparkle/src/icons/solid/Camera.tsx          |  2 +-
 sparkle/src/icons/stroke/TSquare.tsx        |  2 +-
 sparkle/src/stories/SplitButton.stories.tsx | 13 ++++++++++++-
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index 0f7026a6b146..30306fd190df 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.328",
+  "version": "0.2.329",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.328",
+      "version": "0.2.329",
       "license": "ISC",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
diff --git a/sparkle/package.json b/sparkle/package.json
index 80010b442fa1..58ef206cf7af 100644
--- 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
index 55d47d576781..de05359bff37 100644
--- 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
index db298b51ae34..ef1d6508c6ac 100644
--- 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
index 013a95e4c7bb..e2f3f36bdbfb 100644
--- 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",