@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.47

package/dist/src/lib/Symbols/Icons/Chart1.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <Chart1 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart1 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart1 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart1.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Chart1 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart1 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart1 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart2.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <Chart2 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart2 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart2 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart2.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Chart2 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart2 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart2 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart3.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <Chart3 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart3 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart3 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart3.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Chart3 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart3 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart3 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart4.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <Chart4 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart4 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart4 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Chart4.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Chart4 />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Chart4 size={40} className="text-warning" />
+ * // With custom size and style
+ * <Chart4 size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChartPie.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChartPie />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChartPie size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChartPie size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChartPie.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChartPie />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChartPie size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChartPie size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Check.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <Check />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Check size={40} className="text-warning" />
+ * // With custom size and style
+ * <Check size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/Check.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <Check />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Check size={40} className="text-warning" />
+ * // With custom size and style
+ * <Check size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/CheckmarkCircle.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <CheckmarkCircle />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <CheckmarkCircle size={40} className="text-warning" />
+ * // With custom size and style
+ * <CheckmarkCircle size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/CheckmarkCircle.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <CheckmarkCircle />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <CheckmarkCircle size={40} className="text-warning" />
+ * // With custom size and style
+ * <CheckmarkCircle size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/CheckmarkCircleFill.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <CheckmarkCircleFill />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <CheckmarkCircleFill size={40} className="text-warning" />
+ * // With custom size and style
+ * <CheckmarkCircleFill size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/CheckmarkCircleFill.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <CheckmarkCircleFill />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <CheckmarkCircleFill size={40} className="text-warning" />
+ * // With custom size and style
+ * <CheckmarkCircleFill size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigBottom.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronBigBottom />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigBottom size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigBottom size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigBottom.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronBigBottom />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigBottom size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigBottom size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigLeft.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronBigLeft />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigLeft size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigLeft size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigLeft.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronBigLeft />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigLeft size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigLeft size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigRight.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronBigRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigRight.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronBigRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigTop.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronBigTop />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigTop size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigTop size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronBigTop.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronBigTop />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronBigTop size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronBigTop size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronDown.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronDown />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronDown size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronDown size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronDown.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronDown />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronDown size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronDown size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronLeft.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronLeft />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronLeft size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronLeft size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronLeft.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronLeft />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronLeft size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronLeft size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronRight.d.ts

@@ -8,7 +8,7 @@ import Svg from 'react-native-svg';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -18,8 +18,8 @@ import Svg from 'react-native-svg';
  * <ChevronRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/dist/src/lib/Symbols/Icons/ChevronRight.js

@@ -10,7 +10,7 @@ import createIcon from '../../Components/Icon/createIcon';
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
- * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {string} [color] - The color of the icon.
  * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
  *
  * @example
@@ -20,8 +20,8 @@ import createIcon from '../../Components/Icon/createIcon';
  * <ChevronRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ChevronRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ChevronRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component