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/src/glyphs/svg-components-native/Crown.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 GCrown({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCrown({ 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 18l-1-10 5 4 4-7 4 7 5-4-1 10z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="4" y1="20" x2="20" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

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

package/src/glyphs/svg-components-native/Cup.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 GCup({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GCup({ 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 5h14l-1.5 15h-11z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="6" y1="10" x2="18" y2="10" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

@@ -1,9 +1,10 @@
 // AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
 import { Svg, Ellipse, Path } from 'react-native-svg'
-interface Props { size?: number; color?: string }
-export default function GDatabase({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDatabase({ 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="6" rx="8" ry="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Ellipse><Path d="M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Dice.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 GDice({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDice({ 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="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Circle cx="9" cy="9" r="1.2" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="9" r="1.2" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="12" cy="12" r="1.2" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="9" cy="15" r="1.2" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="15" r="1.2" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Dog.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 GDog({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDog({ 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 8l2-3.5 2.5 2.5h7L18 4.5 20 8v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z" 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="M11 15h2l-1 1.2z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Dollar.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 GDollar({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDollar({ 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 2.5v19" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M16.5 6.5C15.5 5.3 13.8 4.8 12 4.8c-2.4 0-4.3 1.3-4.3 3.1S9.6 11 12 11s4.3 1.1 4.3 2.9-1.9 3.1-4.3 3.1c-1.8 0-3.5-.5-4.5-1.7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Donut.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 GDonut({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDonut({ 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="8.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="12" cy="12" r="3.2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M7 7.5l.8.8M16.5 8l.8-.8M17 16.5l.8.8M7 16.5l-.8.8M12 3.5v1.2M20.5 12h-1.2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Door.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 GDoor({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDoor({ 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="6" y="3" width="12" height="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Circle cx="14.5" cy="12" r="1" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Download.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 GDownload({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDownload({ 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 3v12" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="7,11 12,16 17,11" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline><Path d="M4 20h16" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/DraftingCompass.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 GDraftingCompass({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDraftingCompass({ 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="1.8" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Line x1="11" y1="6.5" x2="6" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="13" y1="6.5" x2="18" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M8.5 14a7 7 0 0 0 7 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="18" y1="20" x2="20" y2="22" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Drag.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 GDrag({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDrag({ 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="6" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="6" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="9" cy="12" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="12" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="9" cy="18" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="15" cy="18" r="1.4" fill={color} stroke="none" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/Dress.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 GDress({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDress({ 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 3l3 2 3-2 1.2 5-2.2 2 3 11H6.5l3-11-2.2-2z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Droplet.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 GDroplet({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDroplet({ 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 3c4 5 6 8 6 11a6 6 0 0 1-12 0c0-3 2-6 6-11z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Dumbbell.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 GDumbbell({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GDumbbell({ 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 9v6M6.5 7v10M17.5 7v10M20 9v6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="6.5" y1="12" x2="17.5" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Edit.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 GEdit({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEdit({ 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 20h4L18 10l-4-4L4 16z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="13" y1="7" x2="17" y2="11" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Egg.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 GEgg({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEgg({ 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 3.5c-3 0-5.8 5-5.8 9.7a5.8 5.8 0 0 0 11.6 0C17.8 8.5 15 3.5 12 3.5z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

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

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

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

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

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

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

package/src/glyphs/svg-components-native/Eraser.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 GEraser({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEraser({ 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 20l-4-4 9-9 7 7-6 6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="13" x2="15" y2="19" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="11" y1="20" x2="20" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/Euro.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 GEuro({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEuro({ 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="M17.5 6.3a6 6 0 1 0 0 11.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="4" y1="10" x2="13.5" y2="10" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="4" y1="14" x2="12.5" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

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

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

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

package/src/glyphs/svg-components-native/ExternalLink.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 GExternalLink({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GExternalLink({ 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 4h6v6" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="20" y1="4" x2="11" y2="13" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Eye.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 GEye({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEye({ 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="M2 12c3-5 7-7 10-7s7 2 10 7c-3 5-7 7-10 7s-7-2-10-7z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="12" cy="12" r="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="12" cy="12" r="1" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
     </Svg>
   )

package/src/glyphs/svg-components-native/EyeOff.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 GEyeOff({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GEyeOff({ 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="M2 12c3-5 7-7 10-7 1.4 0 2.8.3 4 .9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M19 8c1.5 1.1 2.5 2.4 3 4-3 5-7 7-10 7-1.4 0-2.8-.3-4-.9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="12" cy="12" r="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><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/Factory.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 GFactory({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFactory({ 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 21V10l6 4V10l6 4V7l6 3v11z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3" y1="21" x2="21" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Rect x="6" y="16" width="2" height="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="11" y="16" width="2" height="3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
     </Svg>
   )

package/src/glyphs/svg-components-native/Feather.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 GFeather({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFeather({ 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="M20 4c-8 0-14 6-14 14v2h2c8 0 14-6 14-14V4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M6 20L20 6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/Fern.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 GFern({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFern({ 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 21V4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path><Path d="M12 4c-2 1-3 3-3 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path><Path d="M12 9c-2 1-3 3-3 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path><Path d="M12 14c-2 1-3 3-3 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path><Path d="M12 6c2 1 3 3 3 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path><Path d="M12 11c2 1 3 3 3 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round"></Path>
     </Svg>
   )

package/src/glyphs/svg-components-native/File.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 GFile({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFile({ 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 3h8l4 4v14H6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="14,3 14,7 18,7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Line x1="9" y1="13" x2="15" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="16" x2="15" y2="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

package/src/glyphs/svg-components-native/FilePlus.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 GFilePlus({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFilePlus({ 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 3h8l4 4v14H6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="14,3 14,7 18,7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Line x1="12" y1="11" x2="12" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="14" x2="15" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
     </Svg>
   )

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

package/src/glyphs/svg-components-native/Filter.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 GFilter({ size = 24, color = '#000000' }: Props) {
+import type { ViewStyle } from 'react-native'
+interface Props { size?: number; color?: string; style?: ViewStyle }
+export default function GFilter({ 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="3,5 21,5 14,13 14,20 10,18 10,13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polygon>
     </Svg>
   )