@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.46

package/src/lib/Components/Utility/Text/index.ts

@@ -1,2 +1,2 @@
 export * from './Text';
-export type { TextProps } from './Text';
+export type { TextProps } from './types';

package/src/lib/Components/Utility/Text/types.ts

@@ -0,0 +1,3 @@
+import { StyledTextProps } from '../../../../styles';
+
+export type TextProps = StyledTextProps;

package/src/lib/Components/Wrap/Wrap.tsx

@@ -1,9 +1,5 @@
-import { FC, PropsWithChildren, ReactNode } from 'react';
-
-export type WrapProps = PropsWithChildren & {
-  if: boolean;
-  with: (children: ReactNode) => JSX.Element;
-};
+import { FC } from 'react';
+import { WrapProps } from './types';
 
 export const Wrap: FC<WrapProps> = ({
   if: condition,

package/src/lib/Components/Wrap/types.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren, ReactNode } from 'react';
+
+export type WrapProps = PropsWithChildren & {
+  if: boolean;
+  with: (children: ReactNode) => JSX.Element;
+};

package/src/lib/Components/index.ts

@@ -9,7 +9,7 @@ export * from './IconButton';
 export * from './InteractiveIcon';
 export * from './Link';
 export * from './ListItem';
-export * from './Search';
+export * from './SearchInput';
 export * from './Select';
 export * from './Spot';
 export * from './Switch';

package/src/lib/Symbols/Icons/Airplane.tsx

@@ -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';
  * <Airplane />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Airplane size={40} className="text-warning" />
+ * // With custom size and style
+ * <Airplane size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/AlarmClock.tsx

@@ -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';
  * <AlarmClock />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <AlarmClock size={40} className="text-warning" />
+ * // With custom size and style
+ * <AlarmClock size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Android.tsx

@@ -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';
  * <Android />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Android size={40} className="text-warning" />
+ * // With custom size and style
+ * <Android size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Apex.tsx

@@ -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';
  * <Apex />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Apex size={40} className="text-warning" />
+ * // With custom size and style
+ * <Apex size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Apple.tsx

@@ -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';
  * <Apple />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Apple size={40} className="text-warning" />
+ * // With custom size and style
+ * <Apple size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Apps.tsx

@@ -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';
  * <Apps />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Apps size={40} className="text-warning" />
+ * // With custom size and style
+ * <Apps size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Ar.tsx

@@ -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';
  * <Ar />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Ar size={40} className="text-warning" />
+ * // With custom size and style
+ * <Ar size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowDown.tsx

@@ -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';
  * <ArrowDown />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowDown size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowDown size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowDownRight.tsx

@@ -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';
  * <ArrowDownRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowDownRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowDownRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowLeft.tsx

@@ -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';
  * <ArrowLeft />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowLeft size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowLeft size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowRight.tsx

@@ -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';
  * <ArrowRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowUp.tsx

@@ -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';
  * <ArrowUp />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowUp size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowUp size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/ArrowUpRight.tsx

@@ -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';
  * <ArrowUpRight />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <ArrowUpRight size={40} className="text-warning" />
+ * // With custom size and style
+ * <ArrowUpRight size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/At.tsx

@@ -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';
  * <At />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <At size={40} className="text-warning" />
+ * // With custom size and style
+ * <At size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/AutoLock.tsx

@@ -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';
  * <AutoLock />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <AutoLock size={40} className="text-warning" />
+ * // With custom size and style
+ * <AutoLock size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bank.tsx

@@ -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';
  * <Bank />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bank size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bank size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BasketPutIn.tsx

@@ -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';
  * <BasketPutIn />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BasketPutIn size={40} className="text-warning" />
+ * // With custom size and style
+ * <BasketPutIn size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bell.tsx

@@ -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';
  * <Bell />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bell size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bell size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BellNotification.tsx

@@ -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';
  * <BellNotification />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BellNotification size={40} className="text-warning" />
+ * // With custom size and style
+ * <BellNotification size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BitcoinComputer.tsx

@@ -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';
  * <BitcoinComputer />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BitcoinComputer size={40} className="text-warning" />
+ * // With custom size and style
+ * <BitcoinComputer size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BitcoinVoucher.tsx

@@ -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';
  * <BitcoinVoucher />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BitcoinVoucher size={40} className="text-warning" />
+ * // With custom size and style
+ * <BitcoinVoucher size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bluetooth.tsx

@@ -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';
  * <Bluetooth />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bluetooth size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bluetooth size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BluetoothCircleFill.tsx

@@ -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';
  * <BluetoothCircleFill />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BluetoothCircleFill size={40} className="text-warning" />
+ * // With custom size and style
+ * <BluetoothCircleFill size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bolt.tsx

@@ -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';
  * <Bolt />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bolt size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bolt size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/BookOpen.tsx

@@ -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';
  * <BookOpen />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <BookOpen size={40} className="text-warning" />
+ * // With custom size and style
+ * <BookOpen size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bug.tsx

@@ -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';
  * <Bug />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bug size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bug size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Bundle.tsx

@@ -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';
  * <Bundle />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Bundle size={40} className="text-warning" />
+ * // With custom size and style
+ * <Bundle size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component

package/src/lib/Symbols/Icons/Calendar.tsx

@@ -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';
  * <Calendar />
  *
  * @example
- * // With custom size and className (NativeWind)
- * <Calendar size={40} className="text-warning" />
+ * // With custom size and style
+ * <Calendar size={40} color="warning" lx={{ marginTop: 's4' }} />
  *
  * @example
  * // Used within a Button component