diff --git a/packages/components-rescript/src/generated/Formula__Icon.res b/packages/components-rescript/src/generated/Formula__Icon.res
index efb02843..e6a57c70 100644
--- a/packages/components-rescript/src/generated/Formula__Icon.res
+++ b/packages/components-rescript/src/generated/Formula__Icon.res
@@ -1,5 +1,43 @@
 @deriving(jsConverter)
 type size = [#pc | #xl | #lg | #sm | #xs]
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module AppleFill = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "AppleFill"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module AppleLine = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "AppleLine"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -2090,6 +2128,44 @@ module FarmLineThin = {
   ) => React.element = "FarmLineThin"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module FishFill = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "FishFill"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module FishLine = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "FishLine"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -2610,7 +2686,7 @@ module LocationFill = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationFill1 = {
+module LocationLineBold = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2619,7 +2695,7 @@ module LocationFill1 = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationFill1"
+  ) => React.element = "LocationLineBold"
 }
 
 /**
@@ -2629,7 +2705,7 @@ module LocationFill1 = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineBold = {
+module LocationLineRegular = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2638,7 +2714,7 @@ module LocationLineBold = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineBold"
+  ) => React.element = "LocationLineRegular"
 }
 
 /**
@@ -2648,7 +2724,7 @@ module LocationLineBold = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineBold1 = {
+module LocationLineThin = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2657,7 +2733,7 @@ module LocationLineBold1 = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineBold1"
+  ) => React.element = "LocationLineThin"
 }
 
 /**
@@ -2667,7 +2743,7 @@ module LocationLineBold1 = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineRegular = {
+module LocationPinFill = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2676,7 +2752,7 @@ module LocationLineRegular = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineRegular"
+  ) => React.element = "LocationPinFill"
 }
 
 /**
@@ -2686,7 +2762,7 @@ module LocationLineRegular = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineRegular1 = {
+module LocationPinLineBold = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2695,7 +2771,7 @@ module LocationLineRegular1 = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineRegular1"
+  ) => React.element = "LocationPinLineBold"
 }
 
 /**
@@ -2705,7 +2781,7 @@ module LocationLineRegular1 = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineThin = {
+module LocationPinLineRegular = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2714,7 +2790,7 @@ module LocationLineThin = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineThin"
+  ) => React.element = "LocationPinLineRegular"
 }
 
 /**
@@ -2724,7 +2800,7 @@ module LocationLineThin = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module LocationLineThin1 = {
+module LocationPinLineThin = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -2733,7 +2809,45 @@ module LocationLineThin1 = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "LocationLineThin1"
+  ) => React.element = "LocationPinLineThin"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MeatFill = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MeatFill"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MeatLine = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MeatLine"
 }
 
 /**
@@ -3040,6 +3154,44 @@ module MoneyBagFill = {
   ) => React.element = "MoneyBagFill"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagFillJp = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagFillJp"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagFillUs = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagFillUs"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -3059,6 +3211,63 @@ module MoneyBagLineBold = {
   ) => React.element = "MoneyBagLineBold"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineJpBold = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineJpBold"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineJpRegular = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineJpRegular"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineJpThin = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineJpThin"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -3097,6 +3306,82 @@ module MoneyBagLineThin = {
   ) => React.element = "MoneyBagLineThin"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineUsBold = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineUsBold"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineUsRegular = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineUsRegular"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module MoneyBagLineUsThin = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "MoneyBagLineUsThin"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module NewLine = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "NewLine"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -3838,6 +4123,25 @@ module PlusLineThin = {
   ) => React.element = "PlusLineThin"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module PostFullFill = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "PostFullFill"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -4522,6 +4826,44 @@ module ShoppingBasketFill = {
   ) => React.element = "ShoppingBasketFill"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketFillJp = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketFillJp"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketFillUs = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketFillUs"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -4541,6 +4883,63 @@ module ShoppingBasketLineBold = {
   ) => React.element = "ShoppingBasketLineBold"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineJpBold = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineJpBold"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineJpRegular = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineJpRegular"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineJpThin = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineJpThin"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -4579,6 +4978,63 @@ module ShoppingBasketLineThin = {
   ) => React.element = "ShoppingBasketLineThin"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineUsBold = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineUsBold"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineUsRegular = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineUsRegular"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module ShoppingBasketLineUsThin = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "ShoppingBasketLineUsThin"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -4731,6 +5187,44 @@ module TouchLineThin = {
   ) => React.element = "TouchLineThin"
 }
 
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module TracterFill = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "TracterFill"
+}
+
+/**
+    @props className - [string] Class content attribute.
+    @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
+    @props size - [#pc - (36px) | #xl - (24px) | #lg - (20px) | #sm - (16px) | #xs - (12px)] 기본 사이즈는 xl입니다.
+    @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
+    @props style - [ReactDOMStyle.t] 
+*/
+module TracterLine = {
+  @module("@greenlabs/formula-components") @react.component
+  external make: (
+    ~style: ReactDOMStyle.t=?,
+    ~className: string=?,
+    ~size: size=?,
+    ~sizePx: int=?,
+    ~color: Formula__ColorMap.t=?,
+    ~ref: ReactDOM.Ref.t=?,
+  ) => React.element = "TracterLine"
+}
+
 /**
     @props className - [string] Class content attribute.
     @props fill - [key of ColorMap] "@greenlabs/formula-design-token"에서 제공하는 컬러맵의 키입니다. 기본 색상은 "gray-90(#1F2024)"입니다.
@@ -4890,7 +5384,7 @@ module VideoLineThin = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module WebBold = {
+module WebFill = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -4899,7 +5393,7 @@ module WebBold = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "WebBold"
+  ) => React.element = "WebFill"
 }
 
 /**
@@ -4909,7 +5403,7 @@ module WebBold = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module WebFill = {
+module WebLineBold = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -4918,7 +5412,7 @@ module WebFill = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "WebFill"
+  ) => React.element = "WebLineBold"
 }
 
 /**
@@ -4928,7 +5422,7 @@ module WebFill = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module WebRegular = {
+module WebLineRegular = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -4937,7 +5431,7 @@ module WebRegular = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "WebRegular"
+  ) => React.element = "WebLineRegular"
 }
 
 /**
@@ -4947,7 +5441,7 @@ module WebRegular = {
     @props sizePx - [int] size보다 우선적으로 적용됩니다. 엣지케이스에 대한 사이즈가 필요한 경우에만 사용하세요.
     @props style - [ReactDOMStyle.t] 
 */
-module WebThin = {
+module WebLineThin = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     ~style: ReactDOMStyle.t=?,
@@ -4956,5 +5450,5 @@ module WebThin = {
     ~sizePx: int=?,
     ~color: Formula__ColorMap.t=?,
     ~ref: ReactDOM.Ref.t=?,
-  ) => React.element = "WebThin"
+  ) => React.element = "WebLineThin"
 }
diff --git a/packages/components/package.json b/packages/components/package.json
index bbe400ce..5541e4eb 100644
--- 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 b/packages/components/src/Icon/.svgrrc.cjs
similarity index 88%
rename from packages/components/src/Icon/.svgrrc.js
rename to packages/components/src/Icon/.svgrrc.cjs
index fe4a158d..71037ba5 100644
--- a/packages/components/src/Icon/.svgrrc.js
+++ b/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
index 2fdd1343..b3384a9c 100644
--- 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
index 0cebbc5e..2bab4bb2 100644
--- 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
index 4de58703..e793f528 100644
--- 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
index 8d6b0f85..86a776f0 100644
--- 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
index c8d7a365..914d9355 100644
--- 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
index ed308496..7d92c3fd 100644
--- 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
index 0eacb44b..b2e5acec 100644
--- 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
index 294b280d..b29f81e0 100644
--- 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
index 1aacb5a1..10c03a92 100644
--- 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
index cb27c5f3..98409311 100644
--- 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
index a4b1b7f7..5c30cc45 100644
--- 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
index 43b911d6..c751b7d8 100644
--- 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
index ed3840a2..855de57e 100644
--- 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
index 53918ddb..ae4faa28 100644
--- 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
index 4369f4e7..5829474a 100644
--- 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
index 13b3e740..18fac93c 100644
--- 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
index 0c84fc68..d444d812 100644
--- 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
index 92d95e16..029c349b 100644
--- 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
index 2861e6cb..a13f1fbd 100644
--- 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
index dd146a58..3c3d9116 100644
--- 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
index 427f1232..7bc5e8f6 100644
--- 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
index 7fa18818..5c9c4ade 100644
--- 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
index b9d892f0..a9b7ef45 100644
--- 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
index 9b27bb66..6b16d4bb 100644
--- 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
index e3488a02..790a7954 100644
--- 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
index d81d6c94..4cbae477 100644
--- 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
index 25e0ba12..f0d140e7 100644
--- 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
index 4740732b..654e3e2b 100644
--- 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
index fca8bb02..d3572152 100644
--- 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
index caf706e7..ff2025ac 100644
--- 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
index a757adf8..266e1ce8 100644
--- 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
index d1053094..f6b02b20 100644
--- 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
index 350224e3..cf1803aa 100644
--- 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
index 712d9d53..48709f77 100644
--- 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
index 1acc4c6b..99642d65 100644
--- 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
index c44b6e9b..bc4771ea 100644
--- 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
index 3fb4593b..318e5706 100644
--- 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
index efbe3f90..deb2d801 100644
--- 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
index ab4cb665..9a69be55 100644
--- 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
index 4cd118c6..5ed1e5f1 100644
--- 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
index 08b6e7c5..6c7a0c4e 100644
--- 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
index d85211dc..51b36c82 100644
--- 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)
diff --git a/packages/components/src/Icon/generated/ChatFill.tsx b/packages/components/src/Icon/generated/ChatFill.tsx
index 2e1bb73e..cf8ee594 100644
--- a/packages/components/src/Icon/generated/ChatFill.tsx
+++ b/packages/components/src/Icon/generated/ChatFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChatFill = (
-  { 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/ChatLineBold.tsx b/packages/components/src/Icon/generated/ChatLineBold.tsx
index 688c2412..48134a61 100644
--- a/packages/components/src/Icon/generated/ChatLineBold.tsx
+++ b/packages/components/src/Icon/generated/ChatLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChatLineBold = (
-  { 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/ChatLineRegular.tsx b/packages/components/src/Icon/generated/ChatLineRegular.tsx
index b7024f4f..85d047f8 100644
--- a/packages/components/src/Icon/generated/ChatLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ChatLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChatLineRegular = (
-  { 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/ChatLineThin.tsx b/packages/components/src/Icon/generated/ChatLineThin.tsx
index 60623bd8..f08d8b2f 100644
--- a/packages/components/src/Icon/generated/ChatLineThin.tsx
+++ b/packages/components/src/Icon/generated/ChatLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChatLineThin = (
-  { 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/CheckCircleFill.tsx b/packages/components/src/Icon/generated/CheckCircleFill.tsx
index 51d43704..d2e71275 100644
--- a/packages/components/src/Icon/generated/CheckCircleFill.tsx
+++ b/packages/components/src/Icon/generated/CheckCircleFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckCircleFill = (
-  { 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/CheckCircleLineBold.tsx b/packages/components/src/Icon/generated/CheckCircleLineBold.tsx
index 9e1092c7..e51528b3 100644
--- a/packages/components/src/Icon/generated/CheckCircleLineBold.tsx
+++ b/packages/components/src/Icon/generated/CheckCircleLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckCircleLineBold = (
-  { 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/CheckCircleLineRegular.tsx b/packages/components/src/Icon/generated/CheckCircleLineRegular.tsx
index 32333c0c..bbc5f409 100644
--- a/packages/components/src/Icon/generated/CheckCircleLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CheckCircleLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckCircleLineRegular = (
-  { 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/CheckCircleLineThin.tsx b/packages/components/src/Icon/generated/CheckCircleLineThin.tsx
index c503970a..723b4da3 100644
--- a/packages/components/src/Icon/generated/CheckCircleLineThin.tsx
+++ b/packages/components/src/Icon/generated/CheckCircleLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckCircleLineThin = (
-  { 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/CheckLineBold.tsx b/packages/components/src/Icon/generated/CheckLineBold.tsx
index 1a4e8065..e4a9a3d6 100644
--- a/packages/components/src/Icon/generated/CheckLineBold.tsx
+++ b/packages/components/src/Icon/generated/CheckLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckLineBold = (
-  { 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/CheckLineRegular.tsx b/packages/components/src/Icon/generated/CheckLineRegular.tsx
index af7de38b..be322252 100644
--- a/packages/components/src/Icon/generated/CheckLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CheckLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckLineRegular = (
-  { 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/CheckLineThin.tsx b/packages/components/src/Icon/generated/CheckLineThin.tsx
index e10a259f..6b53f665 100644
--- a/packages/components/src/Icon/generated/CheckLineThin.tsx
+++ b/packages/components/src/Icon/generated/CheckLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCheckLineThin = (
-  { 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/ChevronDownLineBold.tsx b/packages/components/src/Icon/generated/ChevronDownLineBold.tsx
index c454bc94..ebc060db 100644
--- a/packages/components/src/Icon/generated/ChevronDownLineBold.tsx
+++ b/packages/components/src/Icon/generated/ChevronDownLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronDownLineBold = (
-  { 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/ChevronDownLineRegular.tsx b/packages/components/src/Icon/generated/ChevronDownLineRegular.tsx
index 729fa05b..f230a59a 100644
--- a/packages/components/src/Icon/generated/ChevronDownLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ChevronDownLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronDownLineRegular = (
-  { 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/ChevronDownLineThin.tsx b/packages/components/src/Icon/generated/ChevronDownLineThin.tsx
index 64053dbf..66ac3868 100644
--- a/packages/components/src/Icon/generated/ChevronDownLineThin.tsx
+++ b/packages/components/src/Icon/generated/ChevronDownLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronDownLineThin = (
-  { 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/ChevronLeftLineBold.tsx b/packages/components/src/Icon/generated/ChevronLeftLineBold.tsx
index 71e94852..23420538 100644
--- a/packages/components/src/Icon/generated/ChevronLeftLineBold.tsx
+++ b/packages/components/src/Icon/generated/ChevronLeftLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronLeftLineBold = (
-  { 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/ChevronLeftLineRegular.tsx b/packages/components/src/Icon/generated/ChevronLeftLineRegular.tsx
index b4d9dd13..d886f27f 100644
--- a/packages/components/src/Icon/generated/ChevronLeftLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ChevronLeftLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronLeftLineRegular = (
-  { 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/ChevronLeftLineThin.tsx b/packages/components/src/Icon/generated/ChevronLeftLineThin.tsx
index 94af8480..9a92b7bb 100644
--- a/packages/components/src/Icon/generated/ChevronLeftLineThin.tsx
+++ b/packages/components/src/Icon/generated/ChevronLeftLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronLeftLineThin = (
-  { 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/ChevronRightLineBold.tsx b/packages/components/src/Icon/generated/ChevronRightLineBold.tsx
index 67eb7136..01bb4c61 100644
--- a/packages/components/src/Icon/generated/ChevronRightLineBold.tsx
+++ b/packages/components/src/Icon/generated/ChevronRightLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronRightLineBold = (
-  { 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/ChevronRightLineRegular.tsx b/packages/components/src/Icon/generated/ChevronRightLineRegular.tsx
index 85ed194b..2cc73922 100644
--- a/packages/components/src/Icon/generated/ChevronRightLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ChevronRightLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronRightLineRegular = (
-  { 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/ChevronRightLineThin.tsx b/packages/components/src/Icon/generated/ChevronRightLineThin.tsx
index f741caeb..4cd88083 100644
--- a/packages/components/src/Icon/generated/ChevronRightLineThin.tsx
+++ b/packages/components/src/Icon/generated/ChevronRightLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronRightLineThin = (
-  { 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/ChevronUpLineBold.tsx b/packages/components/src/Icon/generated/ChevronUpLineBold.tsx
index 1a301a71..eed791f4 100644
--- a/packages/components/src/Icon/generated/ChevronUpLineBold.tsx
+++ b/packages/components/src/Icon/generated/ChevronUpLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronUpLineBold = (
-  { 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/ChevronUpLineRegular.tsx b/packages/components/src/Icon/generated/ChevronUpLineRegular.tsx
index 5f4d714e..59215d88 100644
--- a/packages/components/src/Icon/generated/ChevronUpLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ChevronUpLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronUpLineRegular = (
-  { 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/ChevronUpLineThin.tsx b/packages/components/src/Icon/generated/ChevronUpLineThin.tsx
index 169e4e38..0b518b13 100644
--- a/packages/components/src/Icon/generated/ChevronUpLineThin.tsx
+++ b/packages/components/src/Icon/generated/ChevronUpLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgChevronUpLineThin = (
-  { 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/ClockFill.tsx b/packages/components/src/Icon/generated/ClockFill.tsx
index 9b8fdc39..78be4027 100644
--- a/packages/components/src/Icon/generated/ClockFill.tsx
+++ b/packages/components/src/Icon/generated/ClockFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgClockFill = (
-  { 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/ClockLineBold.tsx b/packages/components/src/Icon/generated/ClockLineBold.tsx
index 7a4a802b..28a03b1a 100644
--- a/packages/components/src/Icon/generated/ClockLineBold.tsx
+++ b/packages/components/src/Icon/generated/ClockLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgClockLineBold = (
-  { 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/ClockLineRegular.tsx b/packages/components/src/Icon/generated/ClockLineRegular.tsx
index bf5a9119..21a7b50b 100644
--- a/packages/components/src/Icon/generated/ClockLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ClockLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgClockLineRegular = (
-  { 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/ClockLineThin.tsx b/packages/components/src/Icon/generated/ClockLineThin.tsx
index cee5ac56..bb706694 100644
--- a/packages/components/src/Icon/generated/ClockLineThin.tsx
+++ b/packages/components/src/Icon/generated/ClockLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgClockLineThin = (
-  { 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/CloseLineBold.tsx b/packages/components/src/Icon/generated/CloseLineBold.tsx
index 1709eeb0..fdce9dd7 100644
--- a/packages/components/src/Icon/generated/CloseLineBold.tsx
+++ b/packages/components/src/Icon/generated/CloseLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCloseLineBold = (
-  { 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/CloseLineRegular.tsx b/packages/components/src/Icon/generated/CloseLineRegular.tsx
index 624cdf1e..65b18456 100644
--- a/packages/components/src/Icon/generated/CloseLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CloseLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCloseLineRegular = (
-  { 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/CloseLineThin.tsx b/packages/components/src/Icon/generated/CloseLineThin.tsx
index eb7d74a4..1aa89e72 100644
--- a/packages/components/src/Icon/generated/CloseLineThin.tsx
+++ b/packages/components/src/Icon/generated/CloseLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCloseLineThin = (
-  { 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/CommentFill.tsx b/packages/components/src/Icon/generated/CommentFill.tsx
index 9bb71d80..50acfbc6 100644
--- a/packages/components/src/Icon/generated/CommentFill.tsx
+++ b/packages/components/src/Icon/generated/CommentFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCommentFill = (
-  { 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/CommentLineBold.tsx b/packages/components/src/Icon/generated/CommentLineBold.tsx
index 486020ec..11f7756c 100644
--- a/packages/components/src/Icon/generated/CommentLineBold.tsx
+++ b/packages/components/src/Icon/generated/CommentLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCommentLineBold = (
-  { 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/CommentLineRegular.tsx b/packages/components/src/Icon/generated/CommentLineRegular.tsx
index 2fc4f9af..c444ef8a 100644
--- a/packages/components/src/Icon/generated/CommentLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CommentLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCommentLineRegular = (
-  { 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/CommentLineThin.tsx b/packages/components/src/Icon/generated/CommentLineThin.tsx
index 2dd22d9e..112ea622 100644
--- a/packages/components/src/Icon/generated/CommentLineThin.tsx
+++ b/packages/components/src/Icon/generated/CommentLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCommentLineThin = (
-  { 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/CompassFill.tsx b/packages/components/src/Icon/generated/CompassFill.tsx
index 8d84d49b..e876341e 100644
--- a/packages/components/src/Icon/generated/CompassFill.tsx
+++ b/packages/components/src/Icon/generated/CompassFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCompassFill = (
-  { 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/CompassLineBold.tsx b/packages/components/src/Icon/generated/CompassLineBold.tsx
index cbd7657f..76ce780d 100644
--- a/packages/components/src/Icon/generated/CompassLineBold.tsx
+++ b/packages/components/src/Icon/generated/CompassLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCompassLineBold = (
-  { 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/CompassLineRegular.tsx b/packages/components/src/Icon/generated/CompassLineRegular.tsx
index df3aeddf..21a31f42 100644
--- a/packages/components/src/Icon/generated/CompassLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CompassLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCompassLineRegular = (
-  { 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/CompassLineThin.tsx b/packages/components/src/Icon/generated/CompassLineThin.tsx
index 574ef17d..ef4ff92d 100644
--- a/packages/components/src/Icon/generated/CompassLineThin.tsx
+++ b/packages/components/src/Icon/generated/CompassLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCompassLineThin = (
-  { 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/CopyContentsFill.tsx b/packages/components/src/Icon/generated/CopyContentsFill.tsx
index 12f1bdb0..658f043f 100644
--- a/packages/components/src/Icon/generated/CopyContentsFill.tsx
+++ b/packages/components/src/Icon/generated/CopyContentsFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCopyContentsFill = (
-  { 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/CopyContentsLineBold.tsx b/packages/components/src/Icon/generated/CopyContentsLineBold.tsx
index 8951645a..cd673b86 100644
--- a/packages/components/src/Icon/generated/CopyContentsLineBold.tsx
+++ b/packages/components/src/Icon/generated/CopyContentsLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCopyContentsLineBold = (
-  { 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/CopyContentsLineRegular.tsx b/packages/components/src/Icon/generated/CopyContentsLineRegular.tsx
index 8807511a..ceab6255 100644
--- a/packages/components/src/Icon/generated/CopyContentsLineRegular.tsx
+++ b/packages/components/src/Icon/generated/CopyContentsLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCopyContentsLineRegular = (
-  { 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/CopyContentsLineThin.tsx b/packages/components/src/Icon/generated/CopyContentsLineThin.tsx
index 0a2a0bdd..f7d101e1 100644
--- a/packages/components/src/Icon/generated/CopyContentsLineThin.tsx
+++ b/packages/components/src/Icon/generated/CopyContentsLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgCopyContentsLineThin = (
-  { 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/DeleteFill.tsx b/packages/components/src/Icon/generated/DeleteFill.tsx
index 5924595d..63310954 100644
--- a/packages/components/src/Icon/generated/DeleteFill.tsx
+++ b/packages/components/src/Icon/generated/DeleteFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDeleteFill = (
-  { 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/DeleteLineBold.tsx b/packages/components/src/Icon/generated/DeleteLineBold.tsx
index d85d46b4..ab18d474 100644
--- a/packages/components/src/Icon/generated/DeleteLineBold.tsx
+++ b/packages/components/src/Icon/generated/DeleteLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDeleteLineBold = (
-  { 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/DeleteLineRegular.tsx b/packages/components/src/Icon/generated/DeleteLineRegular.tsx
index 34d512a9..eddd0cdd 100644
--- a/packages/components/src/Icon/generated/DeleteLineRegular.tsx
+++ b/packages/components/src/Icon/generated/DeleteLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDeleteLineRegular = (
-  { 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/DeleteLineThin.tsx b/packages/components/src/Icon/generated/DeleteLineThin.tsx
index 97364f7d..d31c8a89 100644
--- a/packages/components/src/Icon/generated/DeleteLineThin.tsx
+++ b/packages/components/src/Icon/generated/DeleteLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDeleteLineThin = (
-  { 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/DownloadFill.tsx b/packages/components/src/Icon/generated/DownloadFill.tsx
index 14df0b51..c673a43e 100644
--- a/packages/components/src/Icon/generated/DownloadFill.tsx
+++ b/packages/components/src/Icon/generated/DownloadFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDownloadFill = (
-  { 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/DownloadLineBold.tsx b/packages/components/src/Icon/generated/DownloadLineBold.tsx
index 80017fec..8627de28 100644
--- a/packages/components/src/Icon/generated/DownloadLineBold.tsx
+++ b/packages/components/src/Icon/generated/DownloadLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDownloadLineBold = (
-  { 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/DownloadLineRegular.tsx b/packages/components/src/Icon/generated/DownloadLineRegular.tsx
index 51510437..e24a747d 100644
--- a/packages/components/src/Icon/generated/DownloadLineRegular.tsx
+++ b/packages/components/src/Icon/generated/DownloadLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDownloadLineRegular = (
-  { 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/DownloadLineThin.tsx b/packages/components/src/Icon/generated/DownloadLineThin.tsx
index f2ea7155..9f24fc5e 100644
--- a/packages/components/src/Icon/generated/DownloadLineThin.tsx
+++ b/packages/components/src/Icon/generated/DownloadLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgDownloadLineThin = (
-  { 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/EditCutFill.tsx b/packages/components/src/Icon/generated/EditCutFill.tsx
index 50ceeaf1..3c1d6ccb 100644
--- a/packages/components/src/Icon/generated/EditCutFill.tsx
+++ b/packages/components/src/Icon/generated/EditCutFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditCutFill = (
-  { 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/EditCutLineBold.tsx b/packages/components/src/Icon/generated/EditCutLineBold.tsx
index a9236c80..4f0b42d5 100644
--- a/packages/components/src/Icon/generated/EditCutLineBold.tsx
+++ b/packages/components/src/Icon/generated/EditCutLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditCutLineBold = (
-  { 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/EditCutLineRegular.tsx b/packages/components/src/Icon/generated/EditCutLineRegular.tsx
index 1e6cc78c..173bc037 100644
--- a/packages/components/src/Icon/generated/EditCutLineRegular.tsx
+++ b/packages/components/src/Icon/generated/EditCutLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditCutLineRegular = (
-  { 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/EditCutLineThin.tsx b/packages/components/src/Icon/generated/EditCutLineThin.tsx
index f42ea4e2..0f3a3810 100644
--- a/packages/components/src/Icon/generated/EditCutLineThin.tsx
+++ b/packages/components/src/Icon/generated/EditCutLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditCutLineThin = (
-  { 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/EditFill.tsx b/packages/components/src/Icon/generated/EditFill.tsx
index ee9202e9..b078fd7c 100644
--- a/packages/components/src/Icon/generated/EditFill.tsx
+++ b/packages/components/src/Icon/generated/EditFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditFill = (
-  { 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/EditLineBold.tsx b/packages/components/src/Icon/generated/EditLineBold.tsx
index ebe98229..22d162a8 100644
--- a/packages/components/src/Icon/generated/EditLineBold.tsx
+++ b/packages/components/src/Icon/generated/EditLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditLineBold = (
-  { 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/EditLineRegular.tsx b/packages/components/src/Icon/generated/EditLineRegular.tsx
index 9444cdba..f124c390 100644
--- a/packages/components/src/Icon/generated/EditLineRegular.tsx
+++ b/packages/components/src/Icon/generated/EditLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditLineRegular = (
-  { 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/EditLineThin.tsx b/packages/components/src/Icon/generated/EditLineThin.tsx
index fcddc71f..b39591ac 100644
--- a/packages/components/src/Icon/generated/EditLineThin.tsx
+++ b/packages/components/src/Icon/generated/EditLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEditLineThin = (
-  { 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/EyeFill.tsx b/packages/components/src/Icon/generated/EyeFill.tsx
index c501b1d2..21dd9cea 100644
--- a/packages/components/src/Icon/generated/EyeFill.tsx
+++ b/packages/components/src/Icon/generated/EyeFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeFill = (
-  { 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/EyeLineBold.tsx b/packages/components/src/Icon/generated/EyeLineBold.tsx
index 98fd331c..2c2eb2cd 100644
--- a/packages/components/src/Icon/generated/EyeLineBold.tsx
+++ b/packages/components/src/Icon/generated/EyeLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeLineBold = (
-  { 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/EyeLineRegular.tsx b/packages/components/src/Icon/generated/EyeLineRegular.tsx
index fe8f3cac..2cd1b683 100644
--- a/packages/components/src/Icon/generated/EyeLineRegular.tsx
+++ b/packages/components/src/Icon/generated/EyeLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeLineRegular = (
-  { 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/EyeLineThin.tsx b/packages/components/src/Icon/generated/EyeLineThin.tsx
index 9bb83b98..8b03c06d 100644
--- a/packages/components/src/Icon/generated/EyeLineThin.tsx
+++ b/packages/components/src/Icon/generated/EyeLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeLineThin = (
-  { 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/EyeSlashFill.tsx b/packages/components/src/Icon/generated/EyeSlashFill.tsx
index eb4fc365..0a0137e0 100644
--- a/packages/components/src/Icon/generated/EyeSlashFill.tsx
+++ b/packages/components/src/Icon/generated/EyeSlashFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeSlashFill = (
-  { 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/EyeSlashLineBold.tsx b/packages/components/src/Icon/generated/EyeSlashLineBold.tsx
index b340de6f..cdaddc4a 100644
--- a/packages/components/src/Icon/generated/EyeSlashLineBold.tsx
+++ b/packages/components/src/Icon/generated/EyeSlashLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeSlashLineBold = (
-  { 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/EyeSlashLineRegular.tsx b/packages/components/src/Icon/generated/EyeSlashLineRegular.tsx
index 272dec91..7aad7db5 100644
--- a/packages/components/src/Icon/generated/EyeSlashLineRegular.tsx
+++ b/packages/components/src/Icon/generated/EyeSlashLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeSlashLineRegular = (
-  { 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/EyeSlashLineThin.tsx b/packages/components/src/Icon/generated/EyeSlashLineThin.tsx
index 1b8cacb0..ffd32ca7 100644
--- a/packages/components/src/Icon/generated/EyeSlashLineThin.tsx
+++ b/packages/components/src/Icon/generated/EyeSlashLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgEyeSlashLineThin = (
-  { 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/FarmFill.tsx b/packages/components/src/Icon/generated/FarmFill.tsx
index 17774d85..a458167c 100644
--- a/packages/components/src/Icon/generated/FarmFill.tsx
+++ b/packages/components/src/Icon/generated/FarmFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFarmFill = (
-  { 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/FarmLineBold.tsx b/packages/components/src/Icon/generated/FarmLineBold.tsx
index 382f0284..61f0c63b 100644
--- a/packages/components/src/Icon/generated/FarmLineBold.tsx
+++ b/packages/components/src/Icon/generated/FarmLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFarmLineBold = (
-  { 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/FarmLineRegular.tsx b/packages/components/src/Icon/generated/FarmLineRegular.tsx
index 33d0b487..65fbbaa8 100644
--- a/packages/components/src/Icon/generated/FarmLineRegular.tsx
+++ b/packages/components/src/Icon/generated/FarmLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFarmLineRegular = (
-  { 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/FarmLineThin.tsx b/packages/components/src/Icon/generated/FarmLineThin.tsx
index 4cf22454..4707595d 100644
--- a/packages/components/src/Icon/generated/FarmLineThin.tsx
+++ b/packages/components/src/Icon/generated/FarmLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFarmLineThin = (
-  { 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/FishFill.tsx b/packages/components/src/Icon/generated/FishFill.tsx
index 47feac25..0f5ba333 100644
--- a/packages/components/src/Icon/generated/FishFill.tsx
+++ b/packages/components/src/Icon/generated/FishFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFishFill = (
-  { 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/FishLine.tsx b/packages/components/src/Icon/generated/FishLine.tsx
index 47f65b4e..ec7f158b 100644
--- a/packages/components/src/Icon/generated/FishLine.tsx
+++ b/packages/components/src/Icon/generated/FishLine.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgFishLine = (
-  { 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/HeartFill.tsx b/packages/components/src/Icon/generated/HeartFill.tsx
index 465cfea8..3caa248b 100644
--- a/packages/components/src/Icon/generated/HeartFill.tsx
+++ b/packages/components/src/Icon/generated/HeartFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHeartFill = (
-  { 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/HeartLineBold.tsx b/packages/components/src/Icon/generated/HeartLineBold.tsx
index 439dc4c6..41d1fd83 100644
--- a/packages/components/src/Icon/generated/HeartLineBold.tsx
+++ b/packages/components/src/Icon/generated/HeartLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHeartLineBold = (
-  { 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/HeartLineRegular.tsx b/packages/components/src/Icon/generated/HeartLineRegular.tsx
index f35848e0..f74123ea 100644
--- a/packages/components/src/Icon/generated/HeartLineRegular.tsx
+++ b/packages/components/src/Icon/generated/HeartLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHeartLineRegular = (
-  { 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/HeartLineThin.tsx b/packages/components/src/Icon/generated/HeartLineThin.tsx
index 659c4ccb..5449f9d4 100644
--- a/packages/components/src/Icon/generated/HeartLineThin.tsx
+++ b/packages/components/src/Icon/generated/HeartLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHeartLineThin = (
-  { 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/HelpFill.tsx b/packages/components/src/Icon/generated/HelpFill.tsx
index 58a14a98..0602bcaa 100644
--- a/packages/components/src/Icon/generated/HelpFill.tsx
+++ b/packages/components/src/Icon/generated/HelpFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHelpFill = (
-  { 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/HelpLineBold.tsx b/packages/components/src/Icon/generated/HelpLineBold.tsx
index 0c68779d..5cb54f14 100644
--- a/packages/components/src/Icon/generated/HelpLineBold.tsx
+++ b/packages/components/src/Icon/generated/HelpLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHelpLineBold = (
-  { 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/HelpLineRegular.tsx b/packages/components/src/Icon/generated/HelpLineRegular.tsx
index 6fe70b2b..c30d8130 100644
--- a/packages/components/src/Icon/generated/HelpLineRegular.tsx
+++ b/packages/components/src/Icon/generated/HelpLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHelpLineRegular = (
-  { 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/HelpLineThin.tsx b/packages/components/src/Icon/generated/HelpLineThin.tsx
index eba4fe68..38c83321 100644
--- a/packages/components/src/Icon/generated/HelpLineThin.tsx
+++ b/packages/components/src/Icon/generated/HelpLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHelpLineThin = (
-  { 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/HomeFill.tsx b/packages/components/src/Icon/generated/HomeFill.tsx
index acfa57e0..3c19942d 100644
--- a/packages/components/src/Icon/generated/HomeFill.tsx
+++ b/packages/components/src/Icon/generated/HomeFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHomeFill = (
-  { 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/HomeLineBold.tsx b/packages/components/src/Icon/generated/HomeLineBold.tsx
index f1247015..39506c17 100644
--- a/packages/components/src/Icon/generated/HomeLineBold.tsx
+++ b/packages/components/src/Icon/generated/HomeLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHomeLineBold = (
-  { 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/HomeLineRegular.tsx b/packages/components/src/Icon/generated/HomeLineRegular.tsx
index 5d2dcddb..bb340897 100644
--- a/packages/components/src/Icon/generated/HomeLineRegular.tsx
+++ b/packages/components/src/Icon/generated/HomeLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHomeLineRegular = (
-  { 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/HomeLineThin.tsx b/packages/components/src/Icon/generated/HomeLineThin.tsx
index 41882a8d..9b9ce57d 100644
--- a/packages/components/src/Icon/generated/HomeLineThin.tsx
+++ b/packages/components/src/Icon/generated/HomeLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgHomeLineThin = (
-  { 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/ImageFill.tsx b/packages/components/src/Icon/generated/ImageFill.tsx
index 1480425a..6a062b28 100644
--- a/packages/components/src/Icon/generated/ImageFill.tsx
+++ b/packages/components/src/Icon/generated/ImageFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgImageFill = (
-  { 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/ImageLineBold.tsx b/packages/components/src/Icon/generated/ImageLineBold.tsx
index 6def44fc..8e3b213d 100644
--- a/packages/components/src/Icon/generated/ImageLineBold.tsx
+++ b/packages/components/src/Icon/generated/ImageLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgImageLineBold = (
-  { 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/ImageLineRegular.tsx b/packages/components/src/Icon/generated/ImageLineRegular.tsx
index 49f3da0e..155a8f9a 100644
--- a/packages/components/src/Icon/generated/ImageLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ImageLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgImageLineRegular = (
-  { 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/ImageLineThin.tsx b/packages/components/src/Icon/generated/ImageLineThin.tsx
index 6a99f331..84aa3f2b 100644
--- a/packages/components/src/Icon/generated/ImageLineThin.tsx
+++ b/packages/components/src/Icon/generated/ImageLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgImageLineThin = (
-  { 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/InfoFill.tsx b/packages/components/src/Icon/generated/InfoFill.tsx
index 8b39ec3b..3ea73432 100644
--- a/packages/components/src/Icon/generated/InfoFill.tsx
+++ b/packages/components/src/Icon/generated/InfoFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgInfoFill = (
-  { 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/InfoLineBold.tsx b/packages/components/src/Icon/generated/InfoLineBold.tsx
index e3ad57e7..3e8ea56c 100644
--- a/packages/components/src/Icon/generated/InfoLineBold.tsx
+++ b/packages/components/src/Icon/generated/InfoLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgInfoLineBold = (
-  { 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/InfoLineRegular.tsx b/packages/components/src/Icon/generated/InfoLineRegular.tsx
index 9d8de03b..ff0b0a94 100644
--- a/packages/components/src/Icon/generated/InfoLineRegular.tsx
+++ b/packages/components/src/Icon/generated/InfoLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgInfoLineRegular = (
-  { 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/InfoLineThin.tsx b/packages/components/src/Icon/generated/InfoLineThin.tsx
index f51afa2f..9b519869 100644
--- a/packages/components/src/Icon/generated/InfoLineThin.tsx
+++ b/packages/components/src/Icon/generated/InfoLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgInfoLineThin = (
-  { 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/LinkClipLineBold.tsx b/packages/components/src/Icon/generated/LinkClipLineBold.tsx
index d343f972..a1da4501 100644
--- a/packages/components/src/Icon/generated/LinkClipLineBold.tsx
+++ b/packages/components/src/Icon/generated/LinkClipLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkClipLineBold = (
-  { 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/LinkClipLineRegular.tsx b/packages/components/src/Icon/generated/LinkClipLineRegular.tsx
index 45426269..e7d28b53 100644
--- a/packages/components/src/Icon/generated/LinkClipLineRegular.tsx
+++ b/packages/components/src/Icon/generated/LinkClipLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkClipLineRegular = (
-  { 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/LinkClipLineThin.tsx b/packages/components/src/Icon/generated/LinkClipLineThin.tsx
index 43b30804..cf171ee2 100644
--- a/packages/components/src/Icon/generated/LinkClipLineThin.tsx
+++ b/packages/components/src/Icon/generated/LinkClipLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkClipLineThin = (
-  { 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/LinkCopyLineBold.tsx b/packages/components/src/Icon/generated/LinkCopyLineBold.tsx
index 4b2bb81b..16292065 100644
--- a/packages/components/src/Icon/generated/LinkCopyLineBold.tsx
+++ b/packages/components/src/Icon/generated/LinkCopyLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkCopyLineBold = (
-  { 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/LinkCopyLineRegular.tsx b/packages/components/src/Icon/generated/LinkCopyLineRegular.tsx
index f5d96390..e11790f7 100644
--- a/packages/components/src/Icon/generated/LinkCopyLineRegular.tsx
+++ b/packages/components/src/Icon/generated/LinkCopyLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkCopyLineRegular = (
-  { 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/LinkCopyLineThin.tsx b/packages/components/src/Icon/generated/LinkCopyLineThin.tsx
index c25b88e6..b993a7f7 100644
--- a/packages/components/src/Icon/generated/LinkCopyLineThin.tsx
+++ b/packages/components/src/Icon/generated/LinkCopyLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLinkCopyLineThin = (
-  { 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/LocationFill.tsx b/packages/components/src/Icon/generated/LocationFill.tsx
index 84c53216..197a7c20 100644
--- a/packages/components/src/Icon/generated/LocationFill.tsx
+++ b/packages/components/src/Icon/generated/LocationFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationFill = (
-  { 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/LocationLineBold.tsx b/packages/components/src/Icon/generated/LocationLineBold.tsx
index 041fb5f5..0160b8b3 100644
--- a/packages/components/src/Icon/generated/LocationLineBold.tsx
+++ b/packages/components/src/Icon/generated/LocationLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationLineBold = (
-  { 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/LocationLineRegular.tsx b/packages/components/src/Icon/generated/LocationLineRegular.tsx
index f37bba6b..305ca3e7 100644
--- a/packages/components/src/Icon/generated/LocationLineRegular.tsx
+++ b/packages/components/src/Icon/generated/LocationLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationLineRegular = (
-  { 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/LocationLineThin.tsx b/packages/components/src/Icon/generated/LocationLineThin.tsx
index b2afab8d..276e7589 100644
--- a/packages/components/src/Icon/generated/LocationLineThin.tsx
+++ b/packages/components/src/Icon/generated/LocationLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationLineThin = (
-  { 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/LocationPinFill.tsx b/packages/components/src/Icon/generated/LocationPinFill.tsx
index 15ab29ea..543d2598 100644
--- a/packages/components/src/Icon/generated/LocationPinFill.tsx
+++ b/packages/components/src/Icon/generated/LocationPinFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationPinFill = (
-  { 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/LocationPinLineBold.tsx b/packages/components/src/Icon/generated/LocationPinLineBold.tsx
index 0f09a051..fb5a07cf 100644
--- a/packages/components/src/Icon/generated/LocationPinLineBold.tsx
+++ b/packages/components/src/Icon/generated/LocationPinLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationPinLineBold = (
-  { 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/LocationPinLineRegular.tsx b/packages/components/src/Icon/generated/LocationPinLineRegular.tsx
index 7ca4d9b5..94a10ed3 100644
--- a/packages/components/src/Icon/generated/LocationPinLineRegular.tsx
+++ b/packages/components/src/Icon/generated/LocationPinLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationPinLineRegular = (
-  { 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/LocationPinLineThin.tsx b/packages/components/src/Icon/generated/LocationPinLineThin.tsx
index 7ab5cdbd..ef85a84a 100644
--- a/packages/components/src/Icon/generated/LocationPinLineThin.tsx
+++ b/packages/components/src/Icon/generated/LocationPinLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgLocationPinLineThin = (
-  { 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/MeatFill.tsx b/packages/components/src/Icon/generated/MeatFill.tsx
index 97839af8..2767c48e 100644
--- a/packages/components/src/Icon/generated/MeatFill.tsx
+++ b/packages/components/src/Icon/generated/MeatFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMeatFill = (
-  { 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/MeatLine.tsx b/packages/components/src/Icon/generated/MeatLine.tsx
index cb336cbd..30fd1703 100644
--- a/packages/components/src/Icon/generated/MeatLine.tsx
+++ b/packages/components/src/Icon/generated/MeatLine.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMeatLine = (
-  { 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/MenuFill.tsx b/packages/components/src/Icon/generated/MenuFill.tsx
index ad540007..8926718b 100644
--- a/packages/components/src/Icon/generated/MenuFill.tsx
+++ b/packages/components/src/Icon/generated/MenuFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMenuFill = (
-  { 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/MenuLineBold.tsx b/packages/components/src/Icon/generated/MenuLineBold.tsx
index 149dafcf..5cae5046 100644
--- a/packages/components/src/Icon/generated/MenuLineBold.tsx
+++ b/packages/components/src/Icon/generated/MenuLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMenuLineBold = (
-  { 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/MenuLineRegular.tsx b/packages/components/src/Icon/generated/MenuLineRegular.tsx
index 8d75addc..bb77fd40 100644
--- a/packages/components/src/Icon/generated/MenuLineRegular.tsx
+++ b/packages/components/src/Icon/generated/MenuLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMenuLineRegular = (
-  { 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/MenuLineThin.tsx b/packages/components/src/Icon/generated/MenuLineThin.tsx
index 44e8a8ef..51ef6455 100644
--- a/packages/components/src/Icon/generated/MenuLineThin.tsx
+++ b/packages/components/src/Icon/generated/MenuLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMenuLineThin = (
-  { 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/MicFill.tsx b/packages/components/src/Icon/generated/MicFill.tsx
index ea9f78f8..f8b8d29e 100644
--- a/packages/components/src/Icon/generated/MicFill.tsx
+++ b/packages/components/src/Icon/generated/MicFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicFill = (
-  { 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/MicLineBold.tsx b/packages/components/src/Icon/generated/MicLineBold.tsx
index 41af2416..222a2550 100644
--- a/packages/components/src/Icon/generated/MicLineBold.tsx
+++ b/packages/components/src/Icon/generated/MicLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicLineBold = (
-  { 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/MicLineRegular.tsx b/packages/components/src/Icon/generated/MicLineRegular.tsx
index fb706e20..fbed1e4e 100644
--- a/packages/components/src/Icon/generated/MicLineRegular.tsx
+++ b/packages/components/src/Icon/generated/MicLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicLineRegular = (
-  { 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/MicLineThin.tsx b/packages/components/src/Icon/generated/MicLineThin.tsx
index 88fd411d..3ee2f380 100644
--- a/packages/components/src/Icon/generated/MicLineThin.tsx
+++ b/packages/components/src/Icon/generated/MicLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicLineThin = (
-  { 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/MicSlashFill.tsx b/packages/components/src/Icon/generated/MicSlashFill.tsx
index 88795949..14159382 100644
--- a/packages/components/src/Icon/generated/MicSlashFill.tsx
+++ b/packages/components/src/Icon/generated/MicSlashFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicSlashFill = (
-  { 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/MicSlashLineBold.tsx b/packages/components/src/Icon/generated/MicSlashLineBold.tsx
index 1508df67..6cce6b73 100644
--- a/packages/components/src/Icon/generated/MicSlashLineBold.tsx
+++ b/packages/components/src/Icon/generated/MicSlashLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicSlashLineBold = (
-  { 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/MicSlashLineRegular.tsx b/packages/components/src/Icon/generated/MicSlashLineRegular.tsx
index 8241c5ae..a27af8b0 100644
--- a/packages/components/src/Icon/generated/MicSlashLineRegular.tsx
+++ b/packages/components/src/Icon/generated/MicSlashLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicSlashLineRegular = (
-  { 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/MicSlashLineThin.tsx b/packages/components/src/Icon/generated/MicSlashLineThin.tsx
index 700be830..fd2c6e30 100644
--- a/packages/components/src/Icon/generated/MicSlashLineThin.tsx
+++ b/packages/components/src/Icon/generated/MicSlashLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMicSlashLineThin = (
-  { 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/MinusLineBold.tsx b/packages/components/src/Icon/generated/MinusLineBold.tsx
index 5c522ef6..2e1dbc4b 100644
--- a/packages/components/src/Icon/generated/MinusLineBold.tsx
+++ b/packages/components/src/Icon/generated/MinusLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMinusLineBold = (
-  { 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/MinusLineRegular.tsx b/packages/components/src/Icon/generated/MinusLineRegular.tsx
index 5692cc68..73761ee2 100644
--- a/packages/components/src/Icon/generated/MinusLineRegular.tsx
+++ b/packages/components/src/Icon/generated/MinusLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMinusLineRegular = (
-  { 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/MinusLineThin.tsx b/packages/components/src/Icon/generated/MinusLineThin.tsx
index 6b578c68..1c3d8598 100644
--- a/packages/components/src/Icon/generated/MinusLineThin.tsx
+++ b/packages/components/src/Icon/generated/MinusLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMinusLineThin = (
-  { 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/MoneyBagFill.tsx b/packages/components/src/Icon/generated/MoneyBagFill.tsx
index f1afee3f..ae1073da 100644
--- a/packages/components/src/Icon/generated/MoneyBagFill.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagFill = (
-  { 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/MoneyBagFillJp.tsx b/packages/components/src/Icon/generated/MoneyBagFillJp.tsx
index 3b2205e6..97799c9f 100644
--- a/packages/components/src/Icon/generated/MoneyBagFillJp.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagFillJp.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagFillJp = (
-  { 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/MoneyBagFillUs.tsx b/packages/components/src/Icon/generated/MoneyBagFillUs.tsx
index d20349df..e2dcbada 100644
--- a/packages/components/src/Icon/generated/MoneyBagFillUs.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagFillUs.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagFillUs = (
-  { 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/MoneyBagLineBold.tsx b/packages/components/src/Icon/generated/MoneyBagLineBold.tsx
index a5440be5..761938f7 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineBold.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineBold = (
-  { 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/MoneyBagLineJpBold.tsx b/packages/components/src/Icon/generated/MoneyBagLineJpBold.tsx
index e972797e..bd9c8d6a 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineJpBold.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineJpBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineJpBold = (
-  { 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/MoneyBagLineJpRegular.tsx b/packages/components/src/Icon/generated/MoneyBagLineJpRegular.tsx
index 9661edd3..c074f176 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineJpRegular.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineJpRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineJpRegular = (
-  { 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/MoneyBagLineJpThin.tsx b/packages/components/src/Icon/generated/MoneyBagLineJpThin.tsx
index bc858bf5..64e592ca 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineJpThin.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineJpThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineJpThin = (
-  { 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/MoneyBagLineRegular.tsx b/packages/components/src/Icon/generated/MoneyBagLineRegular.tsx
index 99a13dd2..f7ed1172 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineRegular.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineRegular = (
-  { 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/MoneyBagLineThin.tsx b/packages/components/src/Icon/generated/MoneyBagLineThin.tsx
index 02ef795b..f293d1d3 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineThin.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineThin = (
-  { 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/MoneyBagLineUsBold.tsx b/packages/components/src/Icon/generated/MoneyBagLineUsBold.tsx
index 6e60c318..9c50e43a 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineUsBold.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineUsBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineUsBold = (
-  { 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/MoneyBagLineUsRegular.tsx b/packages/components/src/Icon/generated/MoneyBagLineUsRegular.tsx
index c754f662..c1d5fc21 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineUsRegular.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineUsRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineUsRegular = (
-  { 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/MoneyBagLineUsThin.tsx b/packages/components/src/Icon/generated/MoneyBagLineUsThin.tsx
index 2edafea2..81b39eeb 100644
--- a/packages/components/src/Icon/generated/MoneyBagLineUsThin.tsx
+++ b/packages/components/src/Icon/generated/MoneyBagLineUsThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgMoneyBagLineUsThin = (
-  { 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/NewLine.tsx b/packages/components/src/Icon/generated/NewLine.tsx
index 102b7f26..3ea886f8 100644
--- a/packages/components/src/Icon/generated/NewLine.tsx
+++ b/packages/components/src/Icon/generated/NewLine.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNewLine = (
-  { 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/NoticeFill.tsx b/packages/components/src/Icon/generated/NoticeFill.tsx
index bf4e6c58..06586f90 100644
--- a/packages/components/src/Icon/generated/NoticeFill.tsx
+++ b/packages/components/src/Icon/generated/NoticeFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNoticeFill = (
-  { 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/NoticeLineBold.tsx b/packages/components/src/Icon/generated/NoticeLineBold.tsx
index ec543473..987114a3 100644
--- a/packages/components/src/Icon/generated/NoticeLineBold.tsx
+++ b/packages/components/src/Icon/generated/NoticeLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNoticeLineBold = (
-  { 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/NoticeLineRegular.tsx b/packages/components/src/Icon/generated/NoticeLineRegular.tsx
index 9d3026a1..ecb4d5e8 100644
--- a/packages/components/src/Icon/generated/NoticeLineRegular.tsx
+++ b/packages/components/src/Icon/generated/NoticeLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNoticeLineRegular = (
-  { 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/NoticeLineThin.tsx b/packages/components/src/Icon/generated/NoticeLineThin.tsx
index 77c88c3c..072038ac 100644
--- a/packages/components/src/Icon/generated/NoticeLineThin.tsx
+++ b/packages/components/src/Icon/generated/NoticeLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNoticeLineThin = (
-  { 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/NotificationFill.tsx b/packages/components/src/Icon/generated/NotificationFill.tsx
index b330a9a9..02739fee 100644
--- a/packages/components/src/Icon/generated/NotificationFill.tsx
+++ b/packages/components/src/Icon/generated/NotificationFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationFill = (
-  { 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/NotificationLineBold.tsx b/packages/components/src/Icon/generated/NotificationLineBold.tsx
index 9bbea2f1..b986519a 100644
--- a/packages/components/src/Icon/generated/NotificationLineBold.tsx
+++ b/packages/components/src/Icon/generated/NotificationLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationLineBold = (
-  { 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/NotificationLineRegular.tsx b/packages/components/src/Icon/generated/NotificationLineRegular.tsx
index 7f2d8272..51d4cbce 100644
--- a/packages/components/src/Icon/generated/NotificationLineRegular.tsx
+++ b/packages/components/src/Icon/generated/NotificationLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationLineRegular = (
-  { 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/NotificationLineThin.tsx b/packages/components/src/Icon/generated/NotificationLineThin.tsx
index 6d6a78d0..8a36befc 100644
--- a/packages/components/src/Icon/generated/NotificationLineThin.tsx
+++ b/packages/components/src/Icon/generated/NotificationLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationLineThin = (
-  { 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/NotificationSlashFill.tsx b/packages/components/src/Icon/generated/NotificationSlashFill.tsx
index 5b7e560f..7bb79598 100644
--- a/packages/components/src/Icon/generated/NotificationSlashFill.tsx
+++ b/packages/components/src/Icon/generated/NotificationSlashFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationSlashFill = (
-  { 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/NotificationSlashLineBold.tsx b/packages/components/src/Icon/generated/NotificationSlashLineBold.tsx
index 48019493..a3cc7dfa 100644
--- a/packages/components/src/Icon/generated/NotificationSlashLineBold.tsx
+++ b/packages/components/src/Icon/generated/NotificationSlashLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationSlashLineBold = (
-  { 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/NotificationSlashLineRegular.tsx b/packages/components/src/Icon/generated/NotificationSlashLineRegular.tsx
index bffb6bfc..1315ab80 100644
--- a/packages/components/src/Icon/generated/NotificationSlashLineRegular.tsx
+++ b/packages/components/src/Icon/generated/NotificationSlashLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationSlashLineRegular = (
-  { 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/NotificationSlashLineThin.tsx b/packages/components/src/Icon/generated/NotificationSlashLineThin.tsx
index cfc42300..9efef28f 100644
--- a/packages/components/src/Icon/generated/NotificationSlashLineThin.tsx
+++ b/packages/components/src/Icon/generated/NotificationSlashLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgNotificationSlashLineThin = (
-  { 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/PersonCircleFill.tsx b/packages/components/src/Icon/generated/PersonCircleFill.tsx
index 4c2e65c7..fff0d523 100644
--- a/packages/components/src/Icon/generated/PersonCircleFill.tsx
+++ b/packages/components/src/Icon/generated/PersonCircleFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonCircleFill = (
-  { 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/PersonCircleLineBold.tsx b/packages/components/src/Icon/generated/PersonCircleLineBold.tsx
index a0fbaedb..dd33ed2e 100644
--- a/packages/components/src/Icon/generated/PersonCircleLineBold.tsx
+++ b/packages/components/src/Icon/generated/PersonCircleLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonCircleLineBold = (
-  { 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/PersonCircleLineRegular.tsx b/packages/components/src/Icon/generated/PersonCircleLineRegular.tsx
index 0f99ed23..19076781 100644
--- a/packages/components/src/Icon/generated/PersonCircleLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PersonCircleLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonCircleLineRegular = (
-  { 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/PersonCircleLineThin.tsx b/packages/components/src/Icon/generated/PersonCircleLineThin.tsx
index 2d93621a..eaf8b51f 100644
--- a/packages/components/src/Icon/generated/PersonCircleLineThin.tsx
+++ b/packages/components/src/Icon/generated/PersonCircleLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonCircleLineThin = (
-  { 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/PersonFill.tsx b/packages/components/src/Icon/generated/PersonFill.tsx
index 2faeff17..87c421ff 100644
--- a/packages/components/src/Icon/generated/PersonFill.tsx
+++ b/packages/components/src/Icon/generated/PersonFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonFill = (
-  { 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/PersonLineBold.tsx b/packages/components/src/Icon/generated/PersonLineBold.tsx
index 72ec822c..6a8203ff 100644
--- a/packages/components/src/Icon/generated/PersonLineBold.tsx
+++ b/packages/components/src/Icon/generated/PersonLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonLineBold = (
-  { 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/PersonLineRegular.tsx b/packages/components/src/Icon/generated/PersonLineRegular.tsx
index 85d41755..2e42078f 100644
--- a/packages/components/src/Icon/generated/PersonLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PersonLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonLineRegular = (
-  { 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/PersonLineThin.tsx b/packages/components/src/Icon/generated/PersonLineThin.tsx
index af9cc3aa..9770486a 100644
--- a/packages/components/src/Icon/generated/PersonLineThin.tsx
+++ b/packages/components/src/Icon/generated/PersonLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPersonLineThin = (
-  { 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/PhoneFill.tsx b/packages/components/src/Icon/generated/PhoneFill.tsx
index 2b357e9e..4e7a55a9 100644
--- a/packages/components/src/Icon/generated/PhoneFill.tsx
+++ b/packages/components/src/Icon/generated/PhoneFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPhoneFill = (
-  { 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/PhoneLineBold.tsx b/packages/components/src/Icon/generated/PhoneLineBold.tsx
index 5d091b36..61b2e0c6 100644
--- a/packages/components/src/Icon/generated/PhoneLineBold.tsx
+++ b/packages/components/src/Icon/generated/PhoneLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPhoneLineBold = (
-  { 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/PhoneLineRegular.tsx b/packages/components/src/Icon/generated/PhoneLineRegular.tsx
index 067b284a..9a8f0aec 100644
--- a/packages/components/src/Icon/generated/PhoneLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PhoneLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPhoneLineRegular = (
-  { 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/PhoneLineThin.tsx b/packages/components/src/Icon/generated/PhoneLineThin.tsx
index 0fc0a4f5..e4ab2549 100644
--- a/packages/components/src/Icon/generated/PhoneLineThin.tsx
+++ b/packages/components/src/Icon/generated/PhoneLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPhoneLineThin = (
-  { 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/PinFill.tsx b/packages/components/src/Icon/generated/PinFill.tsx
index dd1abc1e..97b779fe 100644
--- a/packages/components/src/Icon/generated/PinFill.tsx
+++ b/packages/components/src/Icon/generated/PinFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPinFill = (
-  { 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/PinLineBold.tsx b/packages/components/src/Icon/generated/PinLineBold.tsx
index 7cf7e12f..fdb2d1bb 100644
--- a/packages/components/src/Icon/generated/PinLineBold.tsx
+++ b/packages/components/src/Icon/generated/PinLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPinLineBold = (
-  { 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/PinLineRegular.tsx b/packages/components/src/Icon/generated/PinLineRegular.tsx
index ec98d56f..fa5a0eef 100644
--- a/packages/components/src/Icon/generated/PinLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PinLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPinLineRegular = (
-  { 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/PinLineThin.tsx b/packages/components/src/Icon/generated/PinLineThin.tsx
index 9ac0bf2e..60108aac 100644
--- a/packages/components/src/Icon/generated/PinLineThin.tsx
+++ b/packages/components/src/Icon/generated/PinLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPinLineThin = (
-  { 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/PlayFill.tsx b/packages/components/src/Icon/generated/PlayFill.tsx
index e98a1a09..57dda114 100644
--- a/packages/components/src/Icon/generated/PlayFill.tsx
+++ b/packages/components/src/Icon/generated/PlayFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlayFill = (
-  { 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/PlayLineBold.tsx b/packages/components/src/Icon/generated/PlayLineBold.tsx
index 9fea04ed..3a339ce2 100644
--- a/packages/components/src/Icon/generated/PlayLineBold.tsx
+++ b/packages/components/src/Icon/generated/PlayLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlayLineBold = (
-  { 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/PlayLineRegular.tsx b/packages/components/src/Icon/generated/PlayLineRegular.tsx
index 5e02983c..2f61ed07 100644
--- a/packages/components/src/Icon/generated/PlayLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PlayLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlayLineRegular = (
-  { 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/PlayLineThin.tsx b/packages/components/src/Icon/generated/PlayLineThin.tsx
index 1c57172d..a4ac23c2 100644
--- a/packages/components/src/Icon/generated/PlayLineThin.tsx
+++ b/packages/components/src/Icon/generated/PlayLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlayLineThin = (
-  { 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/PlusCircleFill.tsx b/packages/components/src/Icon/generated/PlusCircleFill.tsx
index 6cae08ab..4f306586 100644
--- a/packages/components/src/Icon/generated/PlusCircleFill.tsx
+++ b/packages/components/src/Icon/generated/PlusCircleFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusCircleFill = (
-  { 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/PlusCircleLineBold.tsx b/packages/components/src/Icon/generated/PlusCircleLineBold.tsx
index 237f22aa..770120fd 100644
--- a/packages/components/src/Icon/generated/PlusCircleLineBold.tsx
+++ b/packages/components/src/Icon/generated/PlusCircleLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusCircleLineBold = (
-  { 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/PlusCircleLineRegular.tsx b/packages/components/src/Icon/generated/PlusCircleLineRegular.tsx
index dbf0c7d3..fb8c116b 100644
--- a/packages/components/src/Icon/generated/PlusCircleLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PlusCircleLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusCircleLineRegular = (
-  { 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/PlusCircleLineThin.tsx b/packages/components/src/Icon/generated/PlusCircleLineThin.tsx
index 8675c9ad..1957c8e6 100644
--- a/packages/components/src/Icon/generated/PlusCircleLineThin.tsx
+++ b/packages/components/src/Icon/generated/PlusCircleLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusCircleLineThin = (
-  { 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/PlusLineBold.tsx b/packages/components/src/Icon/generated/PlusLineBold.tsx
index 128ee192..5e8140b7 100644
--- a/packages/components/src/Icon/generated/PlusLineBold.tsx
+++ b/packages/components/src/Icon/generated/PlusLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusLineBold = (
-  { 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/PlusLineRegular.tsx b/packages/components/src/Icon/generated/PlusLineRegular.tsx
index 0aa08915..fe25f500 100644
--- a/packages/components/src/Icon/generated/PlusLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PlusLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusLineRegular = (
-  { 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/PlusLineThin.tsx b/packages/components/src/Icon/generated/PlusLineThin.tsx
index 4483e826..f58e7d7f 100644
--- a/packages/components/src/Icon/generated/PlusLineThin.tsx
+++ b/packages/components/src/Icon/generated/PlusLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPlusLineThin = (
-  { 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/PostFullFill.tsx b/packages/components/src/Icon/generated/PostFullFill.tsx
index 178a6012..a2b95828 100644
--- a/packages/components/src/Icon/generated/PostFullFill.tsx
+++ b/packages/components/src/Icon/generated/PostFullFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPostFullFill = (
-  { 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/PostSquareFill.tsx b/packages/components/src/Icon/generated/PostSquareFill.tsx
index e7b8e258..9f51cd88 100644
--- a/packages/components/src/Icon/generated/PostSquareFill.tsx
+++ b/packages/components/src/Icon/generated/PostSquareFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPostSquareFill = (
-  { 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/PostSquareLineBold.tsx b/packages/components/src/Icon/generated/PostSquareLineBold.tsx
index 1e9cdec4..3c8c93eb 100644
--- a/packages/components/src/Icon/generated/PostSquareLineBold.tsx
+++ b/packages/components/src/Icon/generated/PostSquareLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPostSquareLineBold = (
-  { 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/PostSquareLineRegular.tsx b/packages/components/src/Icon/generated/PostSquareLineRegular.tsx
index ee1622cb..83e5c32f 100644
--- a/packages/components/src/Icon/generated/PostSquareLineRegular.tsx
+++ b/packages/components/src/Icon/generated/PostSquareLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPostSquareLineRegular = (
-  { 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/PostSquareLineThin.tsx b/packages/components/src/Icon/generated/PostSquareLineThin.tsx
index 8ff477af..6cc4a3ee 100644
--- a/packages/components/src/Icon/generated/PostSquareLineThin.tsx
+++ b/packages/components/src/Icon/generated/PostSquareLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgPostSquareLineThin = (
-  { 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/RefreshLineBold.tsx b/packages/components/src/Icon/generated/RefreshLineBold.tsx
index ddf6efbd..da590214 100644
--- a/packages/components/src/Icon/generated/RefreshLineBold.tsx
+++ b/packages/components/src/Icon/generated/RefreshLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgRefreshLineBold = (
-  { 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/RefreshLineRegular.tsx b/packages/components/src/Icon/generated/RefreshLineRegular.tsx
index ee675be2..2a2e7a11 100644
--- a/packages/components/src/Icon/generated/RefreshLineRegular.tsx
+++ b/packages/components/src/Icon/generated/RefreshLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgRefreshLineRegular = (
-  { 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/RefreshLineThin.tsx b/packages/components/src/Icon/generated/RefreshLineThin.tsx
index 3bed0d95..600721e1 100644
--- a/packages/components/src/Icon/generated/RefreshLineThin.tsx
+++ b/packages/components/src/Icon/generated/RefreshLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgRefreshLineThin = (
-  { 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/SearchFill.tsx b/packages/components/src/Icon/generated/SearchFill.tsx
index 7dd6fc1e..53e5bcad 100644
--- a/packages/components/src/Icon/generated/SearchFill.tsx
+++ b/packages/components/src/Icon/generated/SearchFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSearchFill = (
-  { 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/SearchLineBold.tsx b/packages/components/src/Icon/generated/SearchLineBold.tsx
index 47ef39d7..a41b144b 100644
--- a/packages/components/src/Icon/generated/SearchLineBold.tsx
+++ b/packages/components/src/Icon/generated/SearchLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSearchLineBold = (
-  { 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/SearchLineRegular.tsx b/packages/components/src/Icon/generated/SearchLineRegular.tsx
index 12ef4627..f44a27df 100644
--- a/packages/components/src/Icon/generated/SearchLineRegular.tsx
+++ b/packages/components/src/Icon/generated/SearchLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSearchLineRegular = (
-  { 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/SearchLineThin.tsx b/packages/components/src/Icon/generated/SearchLineThin.tsx
index 3515fd8a..eaab1814 100644
--- a/packages/components/src/Icon/generated/SearchLineThin.tsx
+++ b/packages/components/src/Icon/generated/SearchLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSearchLineThin = (
-  { 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/SeeMoreFill.tsx b/packages/components/src/Icon/generated/SeeMoreFill.tsx
index 28adfe80..7d339b1f 100644
--- a/packages/components/src/Icon/generated/SeeMoreFill.tsx
+++ b/packages/components/src/Icon/generated/SeeMoreFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSeeMoreFill = (
-  { 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/SeeMoreLineBold.tsx b/packages/components/src/Icon/generated/SeeMoreLineBold.tsx
index 560e3ee5..a176339c 100644
--- a/packages/components/src/Icon/generated/SeeMoreLineBold.tsx
+++ b/packages/components/src/Icon/generated/SeeMoreLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSeeMoreLineBold = (
-  { 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/SeeMoreLineRegular.tsx b/packages/components/src/Icon/generated/SeeMoreLineRegular.tsx
index a0dc93c1..a73461cb 100644
--- a/packages/components/src/Icon/generated/SeeMoreLineRegular.tsx
+++ b/packages/components/src/Icon/generated/SeeMoreLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSeeMoreLineRegular = (
-  { 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/SeeMoreLineThin.tsx b/packages/components/src/Icon/generated/SeeMoreLineThin.tsx
index 80d6c395..5924ea29 100644
--- a/packages/components/src/Icon/generated/SeeMoreLineThin.tsx
+++ b/packages/components/src/Icon/generated/SeeMoreLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSeeMoreLineThin = (
-  { 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/SendPlaneFill.tsx b/packages/components/src/Icon/generated/SendPlaneFill.tsx
index a3735030..829db8ae 100644
--- a/packages/components/src/Icon/generated/SendPlaneFill.tsx
+++ b/packages/components/src/Icon/generated/SendPlaneFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSendPlaneFill = (
-  { 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/SendPlaneLineBold.tsx b/packages/components/src/Icon/generated/SendPlaneLineBold.tsx
index 5716efbd..b0cb5f6b 100644
--- a/packages/components/src/Icon/generated/SendPlaneLineBold.tsx
+++ b/packages/components/src/Icon/generated/SendPlaneLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSendPlaneLineBold = (
-  { 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/SendPlaneLineRegular.tsx b/packages/components/src/Icon/generated/SendPlaneLineRegular.tsx
index 20374532..5c872966 100644
--- a/packages/components/src/Icon/generated/SendPlaneLineRegular.tsx
+++ b/packages/components/src/Icon/generated/SendPlaneLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSendPlaneLineRegular = (
-  { 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/SendPlaneLineThin.tsx b/packages/components/src/Icon/generated/SendPlaneLineThin.tsx
index f76e0731..2c268455 100644
--- a/packages/components/src/Icon/generated/SendPlaneLineThin.tsx
+++ b/packages/components/src/Icon/generated/SendPlaneLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSendPlaneLineThin = (
-  { 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/SettingFill.tsx b/packages/components/src/Icon/generated/SettingFill.tsx
index bc1cf9be..b78e0fbf 100644
--- a/packages/components/src/Icon/generated/SettingFill.tsx
+++ b/packages/components/src/Icon/generated/SettingFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSettingFill = (
-  { 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/SettingLineBold.tsx b/packages/components/src/Icon/generated/SettingLineBold.tsx
index 7f4f922a..d47b4d1d 100644
--- a/packages/components/src/Icon/generated/SettingLineBold.tsx
+++ b/packages/components/src/Icon/generated/SettingLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSettingLineBold = (
-  { 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/SettingLineRegular.tsx b/packages/components/src/Icon/generated/SettingLineRegular.tsx
index a7bfbeaf..88ba4d2a 100644
--- a/packages/components/src/Icon/generated/SettingLineRegular.tsx
+++ b/packages/components/src/Icon/generated/SettingLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSettingLineRegular = (
-  { 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/SettingLineThin.tsx b/packages/components/src/Icon/generated/SettingLineThin.tsx
index 0026a4bd..54e7998e 100644
--- a/packages/components/src/Icon/generated/SettingLineThin.tsx
+++ b/packages/components/src/Icon/generated/SettingLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgSettingLineThin = (
-  { 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/ShareAndroidFill.tsx b/packages/components/src/Icon/generated/ShareAndroidFill.tsx
index 08863d04..0a25891c 100644
--- a/packages/components/src/Icon/generated/ShareAndroidFill.tsx
+++ b/packages/components/src/Icon/generated/ShareAndroidFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareAndroidFill = (
-  { 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/ShareAndroidLineBold.tsx b/packages/components/src/Icon/generated/ShareAndroidLineBold.tsx
index aa2aad51..bdadbca4 100644
--- a/packages/components/src/Icon/generated/ShareAndroidLineBold.tsx
+++ b/packages/components/src/Icon/generated/ShareAndroidLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareAndroidLineBold = (
-  { 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/ShareAndroidLineRegular.tsx b/packages/components/src/Icon/generated/ShareAndroidLineRegular.tsx
index 273fa59e..e36c2cb6 100644
--- a/packages/components/src/Icon/generated/ShareAndroidLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ShareAndroidLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareAndroidLineRegular = (
-  { 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/ShareAndroidLineThin.tsx b/packages/components/src/Icon/generated/ShareAndroidLineThin.tsx
index 8df145ef..7e556ea4 100644
--- a/packages/components/src/Icon/generated/ShareAndroidLineThin.tsx
+++ b/packages/components/src/Icon/generated/ShareAndroidLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareAndroidLineThin = (
-  { 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/ShareArrowFill.tsx b/packages/components/src/Icon/generated/ShareArrowFill.tsx
index b20a628c..b103a7ff 100644
--- a/packages/components/src/Icon/generated/ShareArrowFill.tsx
+++ b/packages/components/src/Icon/generated/ShareArrowFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareArrowFill = (
-  { 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/ShareArrowLineBold.tsx b/packages/components/src/Icon/generated/ShareArrowLineBold.tsx
index 7f615308..dc4246d4 100644
--- a/packages/components/src/Icon/generated/ShareArrowLineBold.tsx
+++ b/packages/components/src/Icon/generated/ShareArrowLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareArrowLineBold = (
-  { 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/ShareArrowLineRegular.tsx b/packages/components/src/Icon/generated/ShareArrowLineRegular.tsx
index 328f802e..649a3685 100644
--- a/packages/components/src/Icon/generated/ShareArrowLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ShareArrowLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareArrowLineRegular = (
-  { 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/ShareArrowLineThin.tsx b/packages/components/src/Icon/generated/ShareArrowLineThin.tsx
index 6b290d09..be83161c 100644
--- a/packages/components/src/Icon/generated/ShareArrowLineThin.tsx
+++ b/packages/components/src/Icon/generated/ShareArrowLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareArrowLineThin = (
-  { 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/ShareIosFill.tsx b/packages/components/src/Icon/generated/ShareIosFill.tsx
index b2228314..aeac7a37 100644
--- a/packages/components/src/Icon/generated/ShareIosFill.tsx
+++ b/packages/components/src/Icon/generated/ShareIosFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareIosFill = (
-  { 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/ShareIosLineBold.tsx b/packages/components/src/Icon/generated/ShareIosLineBold.tsx
index 30d67d0a..adf7b98e 100644
--- a/packages/components/src/Icon/generated/ShareIosLineBold.tsx
+++ b/packages/components/src/Icon/generated/ShareIosLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareIosLineBold = (
-  { 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/ShareIosLineRegular.tsx b/packages/components/src/Icon/generated/ShareIosLineRegular.tsx
index 8f35886d..be6414e2 100644
--- a/packages/components/src/Icon/generated/ShareIosLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ShareIosLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareIosLineRegular = (
-  { 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/ShareIosLineThin.tsx b/packages/components/src/Icon/generated/ShareIosLineThin.tsx
index 77143277..4a061e9d 100644
--- a/packages/components/src/Icon/generated/ShareIosLineThin.tsx
+++ b/packages/components/src/Icon/generated/ShareIosLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShareIosLineThin = (
-  { 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/ShoppingBasketFill.tsx b/packages/components/src/Icon/generated/ShoppingBasketFill.tsx
index 53f24ca8..9bfd4023 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketFill.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketFill = (
-  { 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/ShoppingBasketFillJp.tsx b/packages/components/src/Icon/generated/ShoppingBasketFillJp.tsx
index 8b501835..85b94dfc 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketFillJp.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketFillJp.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketFillJp = (
-  { 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/ShoppingBasketFillUs.tsx b/packages/components/src/Icon/generated/ShoppingBasketFillUs.tsx
index e835e566..06496ee4 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketFillUs.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketFillUs.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketFillUs = (
-  { 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/ShoppingBasketLineBold.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineBold.tsx
index 650060a1..21b23ee4 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineBold.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineBold = (
-  { 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/ShoppingBasketLineJpBold.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineJpBold.tsx
index c92dd30c..e85b986f 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineJpBold.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineJpBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineJpBold = (
-  { 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/ShoppingBasketLineJpRegular.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineJpRegular.tsx
index 7133277b..aedda91d 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineJpRegular.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineJpRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineJpRegular = (
-  { 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/ShoppingBasketLineJpThin.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineJpThin.tsx
index 4c7ce3da..b982e02d 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineJpThin.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineJpThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineJpThin = (
-  { 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/ShoppingBasketLineRegular.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineRegular.tsx
index ba076aca..58181712 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineRegular = (
-  { 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/ShoppingBasketLineThin.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineThin.tsx
index 73547cd6..72c07aff 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineThin.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineThin = (
-  { 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/ShoppingBasketLineUsBold.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineUsBold.tsx
index 8745af58..b1fe4dd6 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineUsBold.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineUsBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineUsBold = (
-  { 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/ShoppingBasketLineUsRegular.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineUsRegular.tsx
index 0691ee91..bac35047 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineUsRegular.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineUsRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineUsRegular = (
-  { 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/ShoppingBasketLineUsThin.tsx b/packages/components/src/Icon/generated/ShoppingBasketLineUsThin.tsx
index d582dde7..cf347870 100644
--- a/packages/components/src/Icon/generated/ShoppingBasketLineUsThin.tsx
+++ b/packages/components/src/Icon/generated/ShoppingBasketLineUsThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgShoppingBasketLineUsThin = (
-  { 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/ThumbUpFill.tsx b/packages/components/src/Icon/generated/ThumbUpFill.tsx
index 2b4be74a..ca3a2016 100644
--- a/packages/components/src/Icon/generated/ThumbUpFill.tsx
+++ b/packages/components/src/Icon/generated/ThumbUpFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgThumbUpFill = (
-  { 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/ThumbUpLineBold.tsx b/packages/components/src/Icon/generated/ThumbUpLineBold.tsx
index 1fc69419..e7c608ef 100644
--- a/packages/components/src/Icon/generated/ThumbUpLineBold.tsx
+++ b/packages/components/src/Icon/generated/ThumbUpLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgThumbUpLineBold = (
-  { 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/ThumbUpLineRegular.tsx b/packages/components/src/Icon/generated/ThumbUpLineRegular.tsx
index 10c09bee..5620e0df 100644
--- a/packages/components/src/Icon/generated/ThumbUpLineRegular.tsx
+++ b/packages/components/src/Icon/generated/ThumbUpLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgThumbUpLineRegular = (
-  { 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/ThumbUpLineThin.tsx b/packages/components/src/Icon/generated/ThumbUpLineThin.tsx
index a82b798e..7c881191 100644
--- a/packages/components/src/Icon/generated/ThumbUpLineThin.tsx
+++ b/packages/components/src/Icon/generated/ThumbUpLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgThumbUpLineThin = (
-  { 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/TouchFill.tsx b/packages/components/src/Icon/generated/TouchFill.tsx
index 345b9155..35af4199 100644
--- a/packages/components/src/Icon/generated/TouchFill.tsx
+++ b/packages/components/src/Icon/generated/TouchFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTouchFill = (
-  { 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/TouchLineBold.tsx b/packages/components/src/Icon/generated/TouchLineBold.tsx
index 6a030a28..2681f46d 100644
--- a/packages/components/src/Icon/generated/TouchLineBold.tsx
+++ b/packages/components/src/Icon/generated/TouchLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTouchLineBold = (
-  { 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/TouchLineRegular.tsx b/packages/components/src/Icon/generated/TouchLineRegular.tsx
index 5e649b34..dab1edf5 100644
--- a/packages/components/src/Icon/generated/TouchLineRegular.tsx
+++ b/packages/components/src/Icon/generated/TouchLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTouchLineRegular = (
-  { 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/TouchLineThin.tsx b/packages/components/src/Icon/generated/TouchLineThin.tsx
index 5324aa61..2286d0c6 100644
--- a/packages/components/src/Icon/generated/TouchLineThin.tsx
+++ b/packages/components/src/Icon/generated/TouchLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTouchLineThin = (
-  { 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/TracterFill.tsx b/packages/components/src/Icon/generated/TracterFill.tsx
index b654a946..a37a7ea3 100644
--- a/packages/components/src/Icon/generated/TracterFill.tsx
+++ b/packages/components/src/Icon/generated/TracterFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTracterFill = (
-  { 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/TracterLine.tsx b/packages/components/src/Icon/generated/TracterLine.tsx
index 00585d5c..88a3377a 100644
--- a/packages/components/src/Icon/generated/TracterLine.tsx
+++ b/packages/components/src/Icon/generated/TracterLine.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTracterLine = (
-  { 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/TrashFill.tsx b/packages/components/src/Icon/generated/TrashFill.tsx
index 7c669769..379fa81f 100644
--- a/packages/components/src/Icon/generated/TrashFill.tsx
+++ b/packages/components/src/Icon/generated/TrashFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTrashFill = (
-  { 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/TrashLineBold.tsx b/packages/components/src/Icon/generated/TrashLineBold.tsx
index f7d60115..b9f11705 100644
--- a/packages/components/src/Icon/generated/TrashLineBold.tsx
+++ b/packages/components/src/Icon/generated/TrashLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTrashLineBold = (
-  { 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/TrashLineRegular.tsx b/packages/components/src/Icon/generated/TrashLineRegular.tsx
index f8258bef..e8c27e5b 100644
--- a/packages/components/src/Icon/generated/TrashLineRegular.tsx
+++ b/packages/components/src/Icon/generated/TrashLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTrashLineRegular = (
-  { 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/TrashLineThin.tsx b/packages/components/src/Icon/generated/TrashLineThin.tsx
index a6db05d8..5643af29 100644
--- a/packages/components/src/Icon/generated/TrashLineThin.tsx
+++ b/packages/components/src/Icon/generated/TrashLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgTrashLineThin = (
-  { 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/VideoFill.tsx b/packages/components/src/Icon/generated/VideoFill.tsx
index 679a1735..53c9e994 100644
--- a/packages/components/src/Icon/generated/VideoFill.tsx
+++ b/packages/components/src/Icon/generated/VideoFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgVideoFill = (
-  { 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/VideoLineBold.tsx b/packages/components/src/Icon/generated/VideoLineBold.tsx
index 5213af32..77753934 100644
--- a/packages/components/src/Icon/generated/VideoLineBold.tsx
+++ b/packages/components/src/Icon/generated/VideoLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgVideoLineBold = (
-  { 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/VideoLineRegular.tsx b/packages/components/src/Icon/generated/VideoLineRegular.tsx
index 1755023c..3c784aea 100644
--- a/packages/components/src/Icon/generated/VideoLineRegular.tsx
+++ b/packages/components/src/Icon/generated/VideoLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgVideoLineRegular = (
-  { 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/VideoLineThin.tsx b/packages/components/src/Icon/generated/VideoLineThin.tsx
index 97071750..f5201128 100644
--- a/packages/components/src/Icon/generated/VideoLineThin.tsx
+++ b/packages/components/src/Icon/generated/VideoLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgVideoLineThin = (
-  { 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/WebFill.tsx b/packages/components/src/Icon/generated/WebFill.tsx
index a5f8a769..16a822b9 100644
--- a/packages/components/src/Icon/generated/WebFill.tsx
+++ b/packages/components/src/Icon/generated/WebFill.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgWebFill = (
-  { 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/WebLineBold.tsx b/packages/components/src/Icon/generated/WebLineBold.tsx
index 42f87979..4da2c92b 100644
--- a/packages/components/src/Icon/generated/WebLineBold.tsx
+++ b/packages/components/src/Icon/generated/WebLineBold.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgWebLineBold = (
-  { 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/WebLineRegular.tsx b/packages/components/src/Icon/generated/WebLineRegular.tsx
index cfee90f5..c916506c 100644
--- a/packages/components/src/Icon/generated/WebLineRegular.tsx
+++ b/packages/components/src/Icon/generated/WebLineRegular.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgWebLineRegular = (
-  { 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/WebLineThin.tsx b/packages/components/src/Icon/generated/WebLineThin.tsx
index eb130146..9793c1e4 100644
--- a/packages/components/src/Icon/generated/WebLineThin.tsx
+++ b/packages/components/src/Icon/generated/WebLineThin.tsx
@@ -3,7 +3,7 @@ import { colorMap } from "@greenlabs/formula-design-token"
 import { convertSizeToPx } from "../utils"
 import type { IconProps } from "../types"
 const SvgWebLineThin = (
-  { 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/templates/export-generator.js b/packages/components/src/Icon/templates/export-generator.cjs
similarity index 100%
rename from packages/components/src/Icon/templates/export-generator.js
rename to packages/components/src/Icon/templates/export-generator.cjs
diff --git a/packages/components/src/Icon/templates/rescript-binder.js b/packages/components/src/Icon/templates/rescript-binder.cjs
similarity index 100%
rename from packages/components/src/Icon/templates/rescript-binder.js
rename to packages/components/src/Icon/templates/rescript-binder.cjs
diff --git a/packages/components/src/Icon/templates/svgr-cli.template.js b/packages/components/src/Icon/templates/svgr-cli.template.cjs
similarity index 88%
rename from packages/components/src/Icon/templates/svgr-cli.template.js
rename to packages/components/src/Icon/templates/svgr-cli.template.cjs
index eae956e6..101ae324 100644
--- a/packages/components/src/Icon/templates/svgr-cli.template.js
+++ b/packages/components/src/Icon/templates/svgr-cli.template.cjs
@@ -6,7 +6,7 @@ const template = ({ jsx, componentName, exports }, { tpl }) => {
   import type { IconProps } from "../types"
 
   const ${componentName} = (
-    { size = "xl", sizePx, color = "gray-90", ...props }: IconProps,
+    { size = "xl", sizePx, color, ...props }: IconProps,
     ref: Ref<SVGSVGElement>  
   ) => {
     const finalSize = sizePx ? sizePx : convertSizeToPx(size)