fix: icon component color bugs (#97)

green-labs · Dec 13, 2022 · 04fc6b5 · 04fc6b5
1 parent 972b677
commit 04fc6b5
Show file tree

Hide file tree

Showing 293 changed files with 807 additions and 313 deletions.
diff --git a/packages/components-rescript/src/generated/Formula__Icon.res b/packages/components-rescript/src/generated/Formula__Icon.res
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -78,8 +78,8 @@
     "build": "yarn clean && concurrently \"yarn build:js\" \"yarn build:types\"",
     "clean": "rm -rf ./dist",
     "start": "concurrently -g -n re,storybook \"yarn re:watch\" \"yarn storybook\"",
-    "build:ts-icons": "cd src/Icon && yarn dlx @svgr/cli svgs --no-index && node ./templates/export-generator.js",
-    "build:res-icons": "cd src/Icon && node ./templates/rescript-binder.js",
+    "build:ts-icons": "cd src/Icon && yarn dlx @svgr/cli svgs --no-index && node ./templates/export-generator.cjs",
+    "build:res-icons": "cd src/Icon && node ./templates/rescript-binder.cjs",
     "svgr": "yarn build:ts-icons && yarn build:res-icons"
   }
 }
diff --git a/packages/components/src/Icon/.svgrrc.js → packages/components/src/Icon/.svgrrc.cjs b/packages/components/src/Icon/.svgrrc.js → packages/components/src/Icon/.svgrrc.cjs
@@ -1,7 +1,7 @@
 // https://react-svgr.com/docs/options/
 
 module.exports = {
-  template: require("./templates/svgr-cli.template"),
+  template: require("./templates/svgr-cli.template.cjs"),
   // descProp:true,
   expandProps: true,
   dimensions: true,

diff --git a/packages/components/src/Icon/generated/AppleFill.tsx b/packages/components/src/Icon/generated/AppleFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgAppleFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/AppleLine.tsx b/packages/components/src/Icon/generated/AppleLine.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgAppleLine = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowDownLineBold.tsx b/packages/components/src/Icon/generated/ArrowDownLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowDownLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowDownLineRegular.tsx b/packages/components/src/Icon/generated/ArrowDownLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowDownLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowDownLineThin.tsx b/packages/components/src/Icon/generated/ArrowDownLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowDownLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowLeftLineBold.tsx b/packages/components/src/Icon/generated/ArrowLeftLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowLeftLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowLeftLineRegular.tsx b/packages/components/src/Icon/generated/ArrowLeftLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowLeftLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowLeftLineThin.tsx b/packages/components/src/Icon/generated/ArrowLeftLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowLeftLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowRightLineBold.tsx b/packages/components/src/Icon/generated/ArrowRightLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowRightLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowRightLineRegular.tsx b/packages/components/src/Icon/generated/ArrowRightLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowRightLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowRightLineThin.tsx b/packages/components/src/Icon/generated/ArrowRightLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowRightLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleDownFill.tsx b/packages/components/src/Icon/generated/ArrowTriangleDownFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleDownFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleDownLineBold.tsx b/packages/components/src/Icon/generated/ArrowTriangleDownLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleDownLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleDownLineRegular.tsx b/packages/components/src/Icon/generated/ArrowTriangleDownLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleDownLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleDownLineThin.tsx b/packages/components/src/Icon/generated/ArrowTriangleDownLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleDownLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleUpFill.tsx b/packages/components/src/Icon/generated/ArrowTriangleUpFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleUpFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleUpLineBold.tsx b/packages/components/src/Icon/generated/ArrowTriangleUpLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleUpLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleUpLineRegular.tsx b/packages/components/src/Icon/generated/ArrowTriangleUpLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleUpLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowTriangleUpLineThin.tsx b/packages/components/src/Icon/generated/ArrowTriangleUpLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowTriangleUpLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowUpLineBold.tsx b/packages/components/src/Icon/generated/ArrowUpLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowUpLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowUpLineRegular.tsx b/packages/components/src/Icon/generated/ArrowUpLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowUpLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/ArrowUpLineThin.tsx b/packages/components/src/Icon/generated/ArrowUpLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgArrowUpLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/BookMarkFill.tsx b/packages/components/src/Icon/generated/BookMarkFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgBookMarkFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/BookMarkLineBold.tsx b/packages/components/src/Icon/generated/BookMarkLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgBookMarkLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/BookMarkLineRegular.tsx b/packages/components/src/Icon/generated/BookMarkLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgBookMarkLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/BookMarkLineThin.tsx b/packages/components/src/Icon/generated/BookMarkLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgBookMarkLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CalendarFill.tsx b/packages/components/src/Icon/generated/CalendarFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCalendarFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CalendarLineBold.tsx b/packages/components/src/Icon/generated/CalendarLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCalendarLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CalendarLineRegular.tsx b/packages/components/src/Icon/generated/CalendarLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCalendarLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CalendarLineThin.tsx b/packages/components/src/Icon/generated/CalendarLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCalendarLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CameraFill.tsx b/packages/components/src/Icon/generated/CameraFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCameraFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CameraLineBold.tsx b/packages/components/src/Icon/generated/CameraLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCameraLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CameraLineRegular.tsx b/packages/components/src/Icon/generated/CameraLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCameraLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CameraLineThin.tsx b/packages/components/src/Icon/generated/CameraLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCameraLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CartFill.tsx b/packages/components/src/Icon/generated/CartFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCartFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CartLineBold.tsx b/packages/components/src/Icon/generated/CartLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCartLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CartLineRegular.tsx b/packages/components/src/Icon/generated/CartLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCartLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CartLineThin.tsx b/packages/components/src/Icon/generated/CartLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCartLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CertificationFill.tsx b/packages/components/src/Icon/generated/CertificationFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCertificationFill = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CertificationLineBold.tsx b/packages/components/src/Icon/generated/CertificationLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCertificationLineBold = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CertificationLineRegular.tsx b/packages/components/src/Icon/generated/CertificationLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCertificationLineRegular = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)

diff --git a/packages/components/src/Icon/generated/CertificationLineThin.tsx b/packages/components/src/Icon/generated/CertificationLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCertificationLineThin = (
-  { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+  { size = "xl", sizePx, color, ...props }: IconProps,
   ref: Ref<SVGSVGElement>
 ) => {
   const finalSize = sizePx ? sizePx : convertSizeToPx(size)