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

achery-ui 0.8.2 → 0.8.4

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 (399) hide show

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBlocks({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBlocks({ 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.5" y="11" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="13.5" y="11" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="8.5" y="3.5" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Polygon } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBolt({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBolt({ 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}>
       <Polygon points="13,2 4,14 11,14 9,22 20,9 13,9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bone.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 GBone({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBone({ 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.5 6a2 2 0 1 0-1.2 3.2l8.5 8.5A2 2 0 1 0 17 18.7a2 2 0 1 0 1.2-3.2L9.7 7A2 2 0 1 0 6.5 6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Book.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 GBook({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBook({ 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 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M20 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M4 5c4-1 8-1 8 1v14c0-2-4-2-8-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M20 5c-4-1-8-1-8 1v14c0-2 4-2 8-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bookmark.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 GBookmark({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBookmark({ 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 4h12v17l-6-4-6 4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bottle.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 GBottle({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBottle({ 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="M10 3h4v3l1.5 3v11a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V9l1.5-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="8.5" y1="13" x2="15.5" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Path, Polyline } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBox({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBox({ 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 7l9-4 9 4v10l-9 4-9-4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="3,7 12,11 21,7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Line x1="12" y1="11" x2="12" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Brain.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 GBrain({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBrain({ 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 5.5a3 3 0 0 0-5.2.8A2.8 2.8 0 0 0 4.5 11a3 3 0 0 0 1.2 4.6A3 3 0 0 0 12 18zM12 5.5a3 3 0 0 1 5.2.8A2.8 2.8 0 0 1 19.5 11a3 3 0 0 1-1.2 4.6A3 3 0 0 1 12 18z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="12" y1="5.5" x2="12" y2="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Bread.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 GBread({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBread({ 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 11a4 4 0 0 1 4-4h8a4 4 0 0 1 0 8v3H4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 11v6M12 9v8" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Briefcase.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 GBriefcase({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBriefcase({ 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="7" width="18" height="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Path d="M9 7V5h6v2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3" y1="12" x2="21" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Broom.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 GBroom({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBroom({ 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}>
       <Line x1="15" y1="4" x2="9" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 18l4-5 5 3.5z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M6 17l-1 2M9 19l1-2M12 18.5l1-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Brush.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 GBrush({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBrush({ 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 4l6 6-7 7-3-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 14c-1.5 1-2.5 3-3 6 3-.5 5-1.5 6-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Ellipse, Line, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBug({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBug({ 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="13" rx="5" ry="6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Ellipse><Line x1="12" y1="9" x2="12" y2="19" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M9 7a3 3 0 0 1 6 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="7" y1="11" x2="3" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="7" y1="14" x2="3" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="7" y1="17" x2="4" y2="19" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="17" y1="11" x2="21" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="17" y1="14" x2="21" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="17" y1="17" x2="20" y2="19" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Building.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 GBuilding({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBuilding({ 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="5" y="3" width="14" height="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="9" y1="7" x2="9" y2="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M9 7h0M13 7h0M9 11h0M13 11h0M9 15h0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Rect x="8" y="6" width="2" height="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="14" y="6" width="2" height="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="8" y="11" width="2" height="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="14" y="11" width="2" height="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="10" y="17" width="4" height="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
     </Svg>
   )

package/src/glyphs/svg-components-native/Burger.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 GBurger({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBurger({ 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 9.5a8 3.5 0 0 1 16 0z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="4" y1="12.5" x2="20" y2="12.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M4.5 15h15a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="9" cy="7" r="0.5" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="13" cy="6.5" r="0.5" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15.5" cy="7.5" r="0.5" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Circle, Line, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GBus({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GBus({ 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="14" rx="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="4" y1="12" x2="20" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Circle cx="8" cy="20" r="1.6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="16" cy="20" r="1.6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="7" cy="15" r="0.7" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="17" cy="15" r="0.7" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Cactus.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 GCactus({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCactus({ 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="10" y="5" width="4" height="16" rx="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Path d="M10 15v-3a3 3 0 0 0-3-3 1 1 0 0 0-1 1 3 3 0 0 0 3 3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M14 13v-2a3 3 0 0 1 3-3 1 1 0 0 1 1 1 3 3 0 0 1-3 3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="8" y1="21" x2="16" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Cake.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 GCake({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCake({ 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 20v-7h16v7z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M4 13c1.5-2 2.5-2 4 0s2.5 2 4 0 2.5-2 4 0 2.5 2 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="8" y1="6" x2="8" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="12" y1="5" x2="12" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="16" y1="6" x2="16" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Calculator.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 GCalculator({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCalculator({ 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="5" y="3" width="14" height="18" rx="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="8" y="6" width="8" height="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Circle cx="9" cy="13" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="12" cy="13" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="13" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="9" cy="17" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="12" cy="17" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="17" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Calendar.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 GCalendar({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCalendar({ 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="5" width="16" height="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="4" y1="9" x2="20" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="8" y1="3" x2="8" y2="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="16" y1="3" x2="16" y2="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Line, Polyline, Rect } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GCalendarCheck({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCalendarCheck({ 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="5" width="16" height="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="4" y1="9" x2="20" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="8" y1="3" x2="8" y2="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="16" y1="3" x2="16" y2="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Polyline points="9,14 11,16 15,12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline>
     </Svg>
   )

package/src/glyphs/svg-components-native/Camera.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 GCamera({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCamera({ 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 7h3l2-2h6l2 2h3v12H4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="12" cy="13" r="3.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Campfire.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 GCampfire({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCampfire({ 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 5.5c.5 2.2 2.2 3.2 2.2 5.2a2.2 2.2 0 0 1-4.4 0c0-1 .6-1.7 1.1-2.2 0 .8.5 1.1 1 1.1-.1-1.5-.5-2.6.1-4.1z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M14.4 9.8A3.4 3.4 0 0 1 12 13a3.4 3.4 0 0 1-2.4-3.2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M5 19.5l14-4M19 19.5l-14-4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Candle.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 GCandle({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCandle({ 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="9" y="9" width="6" height="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="12" y1="5" x2="12" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M12 2c1.5 1.5 1.5 3 0 4-1.5-1-1.5-2.5 0-4z" fill={color} stroke="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Candy.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 GCandy({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCandy({ 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="M8 12L3 9.2v5.6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M16 12l5-2.8v5.6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 12l-2-1M8 12l-2 1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Car.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 GCar({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCar({ 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="M5 11l1.6-4.2A2 2 0 0 1 8.5 5.5h7A2 2 0 0 1 17.4 6.8L19 11" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M3 11h18v5H3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="7.5" cy="16" r="1.7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="16.5" cy="16" r="1.7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Polygon } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GCaretDown({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCaretDown({ 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}>
       <Polygon points="6,9 18,9 12,16" stroke="none" fill={color} strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Polygon } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GCaretLeft({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCaretLeft({ 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}>
       <Polygon points="15,6 15,18 8,12" stroke="none" fill={color} strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Polygon } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GCaretRight({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCaretRight({ 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}>
       <Polygon points="9,6 9,18 16,12" stroke="none" fill={color} strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Polygon } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GCaretUp({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCaretUp({ 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}>
       <Polygon points="6,15 18,15 12,8" stroke="none" fill={color} strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )

package/src/glyphs/svg-components-native/Cart.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 GCart({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCart({ 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="9" cy="20" r="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="17" cy="20" r="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M3 4h2l2.5 12h11l2-8H6.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Cat.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 GCat({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCat({ 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="M5 4l2.2 4h9.6L19 4v12.5a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="9.5" cy="12" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="14.5" cy="12" r="0.8" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M12 14v1.2M9 16.5h6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/ChartBar.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 GChartBar({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GChartBar({ 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}>
       <Line x1="4" y1="20" x2="20" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Rect x="6" y="12" width="3" height="8" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="11" y="8" width="3" height="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="16" y="14" width="3" height="6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
     </Svg>
   )

package/src/glyphs/svg-components-native/ChartLine.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 GChartLine({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GChartLine({ 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}>
       <Polyline points="4,16 9,11 13,14 20,6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Path d="M4 4v16h16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/ChartPie.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 GChartPie({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GChartPie({ 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 3v9h9a9 9 0 1 0-9-9z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M21 12a9 9 0 1 1-9-9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )