npm - achery-ui - Versions diffs - 0.8.2 → 0.8.3 - Mend

achery-ui 0.8.2 → 0.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (398) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "achery-ui",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Achery Workshop design system — autumn alchemy, hard edges, botanical marginalia.",
   "repository": {
     "type": "git",

package/src/glyphs/svg-components-native/Acorn.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAcorn({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAcorn({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 9a6 6 0 0 1 12 0z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 9c-1 4 0 8 4 11 4-3 5-7 4-11" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="12" y1="3" x2="12" y2="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Alarm.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAlarm({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAlarm({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="13" r="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Polyline points="12,9 12,13 15,15" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Path d="M3 6l4-3M21 6l-4-3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Anchor.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAnchor({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAnchor({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="5" r="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Line x1="12" y1="7" x2="12" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 12a7 7 0 0 0 14 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="10" x2="15" y2="10" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 12l-1.5 1M5 12l1.5 1M19 12l1.5 1M19 12l-1.5 1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Ankh.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Ellipse, Line } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAnkh({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAnkh({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Ellipse cx="12" cy="8" rx="3.5" ry="4.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Ellipse><Line x1="12" y1="12.5" x2="12" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="7" y1="15" x2="17" y2="15" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Anvil.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAnvil({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAnvil({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M4 8h11a4 4 0 0 1-4 4H9l-1 4h8l1 4H7l1-4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M15 8h4l-2 3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="7" y1="20" x2="17" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Apple.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GApple({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GApple({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M12 7c-1-1.5-3-2-5-1-3 1.5-3 7 0 10 1.5 1.5 2.5 1.5 5 0 2.5 1.5 3.5 1.5 5 0 3-3 3-8.5 0-10-2-1-4-.5-5 1z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M12 7c0-2 1-3 3-4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Archive.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArchive({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArchive({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Rect x="3" y="4" width="18" height="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Path d="M5 9v11h14V9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9.5" y1="13" x2="14.5" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowDown.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowDown({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowDown({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M12 3v18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="6,15 12,21 18,15" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowDownRight.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowDownRight({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowDownRight({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 6l12 12" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="18,8 18,18 8,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowLeft.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowLeft({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowLeft({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M21 12H3" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="9,6 3,12 9,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowRight.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowRight({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowRight({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M3 12h18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="15,6 21,12 15,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowUp.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowUp({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowUp({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M12 3v18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="6,9 12,3 18,9" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/ArrowUpRight.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GArrowUpRight({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GArrowUpRight({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 18L18 6" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="8,6 18,6 18,16" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/Asterism.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAsterism({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAsterism({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 60 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 60 24" style={style}>
       <Circle cx="14" cy="16" r="2" fill={color}></Circle><Circle cx="30" cy="8" r="2" fill={color}></Circle><Circle cx="46" cy="16" r="2" fill={color}></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/AtSign.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAtSign({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAtSign({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="12" r="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M16 12v2a3 3 0 0 0 5-2.2A9 9 0 1 0 16 20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Atm.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAtm({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAtm({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Rect x="4" y="4" width="16" height="16" rx="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="7" y="7" width="10" height="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="8" y1="15.5" x2="10.5" y2="15.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="13.5" y1="15.5" x2="16" y2="15.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="8" y1="18" x2="16" y2="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Award.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAward({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAward({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="9" r="5.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Polyline points="8.5,13.5 7,21 12,18 17,21 15.5,13.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/Axe.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GAxe({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GAxe({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M14 3a6 6 0 0 1 6 6c-3 0-4-1-6-1l-2 3-3-3 2-2c0-2-1-3-1-6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="11" y1="8" x2="4" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/BabyBottle.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBabyBottle({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBabyBottle({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M9 8.5h6v9a3 3 0 0 1-6 0z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9.8 8.5L9 6.5h6l-.8 2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="11" y1="4" x2="13" y2="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="12" x2="15" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="14.5" x2="15" y2="14.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Backpack.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBackpack({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBackpack({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M7 9a5 5 0 0 1 10 0v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9.5 9a2.5 2.5 0 0 1 5 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Rect x="9" y="13" width="6" height="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bag.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBag({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBag({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 8h12l-1 12H7z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9 8V6a3 3 0 0 1 6 0v2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Balloon.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBalloon({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBalloon({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M12 4a4.5 5.5 0 0 1 0 11 4.5 5.5 0 0 1 0-11z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M12 15v1.5l-1 1 1 1 1-1-1-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Ban.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Line } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBan({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBan({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="12" r="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Line x1="5.6" y1="5.6" x2="18.4" y2="18.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bandage.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBandage({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBandage({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Rect x="2.5" y="9" width="19" height="6" rx="3" transform="rotate(45 12 12)" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Circle cx="12" cy="12" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="10" cy="10" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="14" cy="14" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="14" cy="10" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="10" cy="14" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bank.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBank({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBank({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M3 9l9-5 9 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3.5" y1="9" x2="20.5" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="5.5" y1="9.5" x2="5.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9.5" y1="9.5" x2="9.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="14.5" y1="9.5" x2="14.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="18.5" y1="9.5" x2="18.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="3" y1="17" x2="21" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="2.5" y1="20" x2="21.5" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Barcode.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBarcode({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBarcode({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M4 5v14M6.5 5v14M8 5v14M11 5v14M12.5 5v14M15 5v14M17.5 5v14M20 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Basket.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBasket({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBasket({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M4 9h16l-1.5 11H5.5z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 9l2-5M16 9l-2-5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="12" x2="9.5" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="12" y1="12" x2="12" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="15" y1="12" x2="14.5" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Battery.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBattery({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBattery({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Rect x="3" y="8" width="16" height="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="20.5" y1="11" x2="20.5" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="6" y1="11" x2="6" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="11" x2="9" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bed.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBed({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBed({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M3 18v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3" y1="14" x2="21" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Rect x="6" y="10" width="4.5" height="2.5" rx="1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="3" y1="18" x2="3" y2="20.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="21" y1="18" x2="21" y2="20.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Beer.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBeer({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBeer({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 6h10v13a1.5 1.5 0 0 1-1.5 1.5H7.5A1.5 1.5 0 0 1 6 19z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M16 9h2.5A1.5 1.5 0 0 1 20 10.5v3A1.5 1.5 0 0 1 18.5 15H16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 6a2 2 0 0 1 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="10" x2="9" y2="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="13" y1="10" x2="13" y2="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bell.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBell({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBell({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M6 16V11a6 6 0 0 1 12 0v5l2 2H4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 20a2 2 0 0 0 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/BellOff.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBellOff({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBellOff({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M8 8a6 6 0 0 1 10 4v4l2 2H9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M6 12v4l-2 2h5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 20a2 2 0 0 0 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="4" y1="4" x2="20" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bike.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBike({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBike({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="6" cy="16" r="3.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="18" cy="16" r="3.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M6 16l4-7h5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 9l4 7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9 9h-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M15 9l-1-2.5h-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bird.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBird({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBird({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Path d="M16 7a3 3 0 1 0-6 0c0 5-3 7-7 7 2 3 6 4 9 2 3-2 4-5 4-9l2-2-1 3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="13.5" cy="6.5" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bitcoin.tsx CHANGED Viewed

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBitcoin({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBitcoin({ size = 24, color = '#000000', style }: Props) {
   return (
-    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 24 24" style={style}>
       <Circle cx="12" cy="12" r="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M9.5 7v10M12 5.5v2M12 16.5v2M9.5 8h4.2a2 2 0 0 1 0 4H9.5M9.5 12h4.7a2 2 0 0 1 0 4H9.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )