fluent-styles 1.62.12 → 1.62.14

package/lib/typescript/pressable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pressable/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,KAAK,oBAAoB,GAAG,cAAc,GAAG,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe;;;;;CAOnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pressable/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,KAAK,oBAAoB,GAAG,cAAc,GAAG,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe;;;;;CAOnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/typescript/safeAreaProvider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SafeAreaProviderProps } from 'react-native-safe-area-context';
 type StyledSafeAreaProviderProps = SafeAreaProviderProps;
 declare const StyledSafeAreaProvider: {

package/lib/typescript/safeAreaProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaProvider/index.ts"],"names":[],"mappings":";AACA,OAAO,EAEH,qBAAqB,EACxB,MAAM,gCAAgC,CAAC;AAGxC,KAAK,2BAA2B,GAAG,qBAAqB,CAAC;AAEzD,QAAA,MAAM,sBAAsB;;;;;CAG1B,CAAC;AAEH,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,qBAAqB,EACxB,MAAM,gCAAgC,CAAC;AAGxC,KAAK,2BAA2B,GAAG,qBAAqB,CAAC;AAEzD,QAAA,MAAM,sBAAsB;;;;;CAG1B,CAAC;AAEH,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,CAAC"}

package/lib/typescript/safeAreaView/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SafeAreaViewProps } from 'react-native-safe-area-context';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type StyledSafeAreaViewProps = SafeAreaViewProps & ViewStyleProps;

package/lib/typescript/safeAreaView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaView/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,iBAAiB,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAGrE,KAAK,uBAAuB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAElE,QAAA,MAAM,kBAAkB;;;;;CAOtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAGrE,KAAK,uBAAuB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAElE,QAAA,MAAM,kBAAkB;;;;;CAOtB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/typescript/scrollView/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScrollViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type StyledScrollViewProps = ScrollViewProps & ViewStyleProps;

package/lib/typescript/scrollView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/typescript/shape/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps, ViewStyle } from 'react-native';
 type ShapeVariants = {
     cycle?: boolean | [boolean, ViewStyle];

package/lib/typescript/shape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW;;;;;CAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,WAAW;;;;;CAyBf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/spacer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { ViewStyleProps } from '../utiles/viewStyleProps';
 type SpacerProps = ViewProps & (Pick<ViewStyleProps, 'margin' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginHorizontal' | 'marginVertical' | 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'flex' | 'width' | 'height'>);

package/lib/typescript/spacer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY;;;;;CAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY;;;;;CAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/stack/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps, ViewStyle } from 'react-native';
 /**
  * Stack-specific layout variants for flex direction

package/lib/typescript/stack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps, TextStyle } from 'react-native';
 type TextVariants = {
     fontSize?: number;

package/lib/typescript/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":";AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,SAAS,EACT,SAAS,EACZ,MAAM,cAAc,CAAC;AAItB,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAE;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAgDd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/utiles/viewStyleVariants.d.ts

@@ -1,53 +1,58 @@
 import { ViewStyle } from 'react-native';
+/**
+ * A raw variant value as it arrives from a prop. Numeric props (e.g. `width={100}`)
+ * come through as `number`, string props (e.g. `width="100%"`) come through as `string`.
+ */
+type RawValue = string | number | null | undefined;
 export declare const viewStyleVariants: {
-    width: (selected: string) => ViewStyle;
-    height: (selected: string) => ViewStyle;
-    minWidth: (selected: string) => ViewStyle;
-    maxWidth: (selected: string) => ViewStyle;
-    minHeight: (selected: string) => ViewStyle;
-    maxHeight: (selected: string) => ViewStyle;
-    top: (selected: string) => ViewStyle;
-    bottom: (selected: string) => ViewStyle;
-    left: (selected: string) => ViewStyle;
-    right: (selected: string) => ViewStyle;
-    margin: (selected: string) => ViewStyle;
-    marginTop: (selected: string) => ViewStyle;
-    marginBottom: (selected: string) => ViewStyle;
-    marginLeft: (selected: string) => ViewStyle;
-    marginRight: (selected: string) => ViewStyle;
-    marginHorizontal: (selected: string) => ViewStyle;
-    marginVertical: (selected: string) => ViewStyle;
-    padding: (selected: string) => ViewStyle;
-    paddingTop: (selected: string) => ViewStyle;
-    paddingBottom: (selected: string) => ViewStyle;
-    paddingLeft: (selected: string) => ViewStyle;
-    paddingRight: (selected: string) => ViewStyle;
-    paddingHorizontal: (selected: string) => ViewStyle;
-    paddingVertical: (selected: string) => ViewStyle;
-    borderWidth: (selected: string) => ViewStyle;
-    borderTopWidth: (selected: string) => ViewStyle;
-    borderBottomWidth: (selected: string) => ViewStyle;
-    borderLeftWidth: (selected: string) => ViewStyle;
-    borderRightWidth: (selected: string) => ViewStyle;
-    borderRadius: (selected: string) => ViewStyle;
-    borderTopLeftRadius: (selected: string) => ViewStyle;
-    borderTopRightRadius: (selected: string) => ViewStyle;
-    borderBottomLeftRadius: (selected: string) => ViewStyle;
-    borderBottomRightRadius: (selected: string) => ViewStyle;
-    borderColor: (selected: string) => ViewStyle;
-    borderTopColor: (selected: string) => ViewStyle;
-    borderBottomColor: (selected: string) => ViewStyle;
-    borderLeftColor: (selected: string) => ViewStyle;
-    borderRightColor: (selected: string) => ViewStyle;
-    backgroundColor: (selected: string) => ViewStyle;
-    opacity: (selected: string) => ViewStyle;
-    rotation: (selected: string) => ViewStyle;
-    scale: (selected: string) => ViewStyle;
-    shadowOpacity: (selected: string) => ViewStyle;
-    shadowRadius: (selected: string) => ViewStyle;
-    shadowColor: (selected: string) => ViewStyle;
-    elevation: (selected: string) => ViewStyle;
-    zIndex: (selected: string) => ViewStyle;
+    width: (selected: RawValue) => ViewStyle;
+    height: (selected: RawValue) => ViewStyle;
+    minWidth: (selected: RawValue) => ViewStyle;
+    maxWidth: (selected: RawValue) => ViewStyle;
+    minHeight: (selected: RawValue) => ViewStyle;
+    maxHeight: (selected: RawValue) => ViewStyle;
+    top: (selected: RawValue) => ViewStyle;
+    bottom: (selected: RawValue) => ViewStyle;
+    left: (selected: RawValue) => ViewStyle;
+    right: (selected: RawValue) => ViewStyle;
+    margin: (selected: RawValue) => ViewStyle;
+    marginTop: (selected: RawValue) => ViewStyle;
+    marginBottom: (selected: RawValue) => ViewStyle;
+    marginLeft: (selected: RawValue) => ViewStyle;
+    marginRight: (selected: RawValue) => ViewStyle;
+    marginHorizontal: (selected: RawValue) => ViewStyle;
+    marginVertical: (selected: RawValue) => ViewStyle;
+    padding: (selected: RawValue) => ViewStyle;
+    paddingTop: (selected: RawValue) => ViewStyle;
+    paddingBottom: (selected: RawValue) => ViewStyle;
+    paddingLeft: (selected: RawValue) => ViewStyle;
+    paddingRight: (selected: RawValue) => ViewStyle;
+    paddingHorizontal: (selected: RawValue) => ViewStyle;
+    paddingVertical: (selected: RawValue) => ViewStyle;
+    borderWidth: (selected: RawValue) => ViewStyle;
+    borderTopWidth: (selected: RawValue) => ViewStyle;
+    borderBottomWidth: (selected: RawValue) => ViewStyle;
+    borderLeftWidth: (selected: RawValue) => ViewStyle;
+    borderRightWidth: (selected: RawValue) => ViewStyle;
+    borderRadius: (selected: RawValue) => ViewStyle;
+    borderTopLeftRadius: (selected: RawValue) => ViewStyle;
+    borderTopRightRadius: (selected: RawValue) => ViewStyle;
+    borderBottomLeftRadius: (selected: RawValue) => ViewStyle;
+    borderBottomRightRadius: (selected: RawValue) => ViewStyle;
+    borderColor: (selected: RawValue) => ViewStyle;
+    borderTopColor: (selected: RawValue) => ViewStyle;
+    borderBottomColor: (selected: RawValue) => ViewStyle;
+    borderLeftColor: (selected: RawValue) => ViewStyle;
+    borderRightColor: (selected: RawValue) => ViewStyle;
+    backgroundColor: (selected: RawValue) => ViewStyle;
+    opacity: (selected: RawValue) => ViewStyle;
+    rotation: (selected: RawValue) => ViewStyle;
+    scale: (selected: RawValue) => ViewStyle;
+    shadowOpacity: (selected: RawValue) => ViewStyle;
+    shadowRadius: (selected: RawValue) => ViewStyle;
+    shadowColor: (selected: RawValue) => ViewStyle;
+    elevation: (selected: RawValue) => ViewStyle;
+    zIndex: (selected: RawValue) => ViewStyle;
 };
 export declare const viewStyleStringVariants: {
     position: {
@@ -110,12 +115,13 @@ export declare const viewStyleStringVariants: {
         dotted: ViewStyle;
         dashed: ViewStyle;
     };
-    flex: (selected: string) => ViewStyle;
-    flexBasis: (selected: string) => ViewStyle;
-    flexGrow: (selected: string) => ViewStyle;
-    flexShrink: (selected: string) => ViewStyle;
-    gap: (selected: string) => ViewStyle;
-    columnGap: (selected: string) => ViewStyle;
-    rowGap: (selected: string) => ViewStyle;
+    flex: (selected: RawValue) => ViewStyle;
+    flexBasis: (selected: RawValue) => ViewStyle;
+    flexGrow: (selected: RawValue) => ViewStyle;
+    flexShrink: (selected: RawValue) => ViewStyle;
+    gap: (selected: RawValue) => ViewStyle;
+    columnGap: (selected: RawValue) => ViewStyle;
+    rowGap: (selected: RawValue) => ViewStyle;
 };
+export {};
 //# sourceMappingURL=viewStyleVariants.d.ts.map

package/lib/typescript/utiles/viewStyleVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewStyleVariants.d.ts","sourceRoot":"","sources":["../../../src/utiles/viewStyleVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB;sBAEV,MAAM;uBAML,MAAM;yBAMJ,MAAM;yBAMN,MAAM;0BAML,MAAM;0BAMN,MAAM;oBAOZ,MAAM;uBAMH,MAAM;qBAMR,MAAM;sBAML,MAAM;uBAOL,MAAM;0BAMH,MAAM;6BAMH,MAAM;2BAMR,MAAM;4BAML,MAAM;iCAMD,MAAM;+BAMR,MAAM;wBAOb,MAAM;2BAMH,MAAM;8BAMH,MAAM;4BAMR,MAAM;6BAML,MAAM;kCAMD,MAAM;gCAMR,MAAM;4BAOV,MAAM;+BAMH,MAAM;kCAMH,MAAM;gCAMR,MAAM;iCAML,MAAM;6BAOV,MAAM;oCAMC,MAAM;qCAML,MAAM;uCAMJ,MAAM;wCAML,MAAM;4BAOlB,MAAM;+BAKH,MAAM;kCAKH,MAAM;gCAKR,MAAM;iCAKL,MAAM;gCAMP,MAAM;wBAKd,MAAM;yBAOL,MAAM;sBAMT,MAAM;8BAOE,MAAM;6BAMP,MAAM;4BAMP,MAAM;0BAMR,MAAM;uBAOT,MAAM;CAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuEjB,MAAM;0BAMD,MAAM;yBAMP,MAAM;2BAMJ,MAAM;oBAOb,MAAM;0BAMA,MAAM;uBAMT,MAAM;CAK1B,CAAC"}
+{"version":3,"file":"viewStyleVariants.d.ts","sourceRoot":"","sources":["../../../src/utiles/viewStyleVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAmCnD,eAAO,MAAM,iBAAiB;sBAEV,QAAQ;uBAMP,QAAQ;yBAMN,QAAQ;yBAMR,QAAQ;0BAMP,QAAQ;0BAMR,QAAQ;oBAOd,QAAQ;uBAML,QAAQ;qBAMV,QAAQ;sBAMP,QAAQ;uBAOP,QAAQ;0BAML,QAAQ;6BAML,QAAQ;2BAMV,QAAQ;4BAMP,QAAQ;iCAMH,QAAQ;+BAMV,QAAQ;wBAOf,QAAQ;2BAML,QAAQ;8BAML,QAAQ;4BAMV,QAAQ;6BAMP,QAAQ;kCAMH,QAAQ;gCAMV,QAAQ;4BAOZ,QAAQ;+BAML,QAAQ;kCAML,QAAQ;gCAMV,QAAQ;iCAMP,QAAQ;6BAOZ,QAAQ;oCAMD,QAAQ;qCAMP,QAAQ;uCAMN,QAAQ;wCAMP,QAAQ;4BAOpB,QAAQ;+BAKL,QAAQ;kCAKL,QAAQ;gCAKV,QAAQ;iCAKP,QAAQ;gCAMT,QAAQ;wBAKhB,QAAQ;yBAOP,QAAQ;sBAMX,QAAQ;8BAOA,QAAQ;6BAMT,QAAQ;4BAMT,QAAQ;0BAMV,QAAQ;uBAOX,QAAQ;CAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuEjB,QAAQ;0BAMH,QAAQ;yBAMT,QAAQ;2BAMN,QAAQ;oBAOf,QAAQ;0BAMF,QAAQ;uBAMX,QAAQ;CAK5B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-styles",
   "description": "Develop different styled versions of UI components.",
-  "version": "1.62.12",
+  "version": "1.62.14",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/input/index.tsx

@@ -15,13 +15,10 @@ import {
   View,
 } from 'react-native'
 import type {
-  NativeSyntheticEvent,
-  TextInputFocusEventData,
   TextStyle,
   ViewStyle,
 } from 'react-native'
 
-import { styled }               from '../utiles/styled'
 import { theme }                from '../utiles/theme'
 import { viewStyleVariants, viewStyleStringVariants } from '../utiles/viewStyleVariants'
 import { StyledText }           from '../text'
@@ -132,38 +129,52 @@ export interface StyledTextInputProps
   
 }
 
-const TextInputBase = styled<CardComponentProps>(TextInput, {
-    base: {
-        borderColor: theme.colors.gray[200],
-        backgroundColor: theme.colors.gray[1],
-        flex : 1,
-        color: theme.colors.gray[800],
-        paddingHorizontal: 16,
-        paddingVertical: 12,
-        fontSize: theme.fontSize.normal,
-        minHeight: 48,
-    },
-    variants: {
-        ...viewStyleVariants,
-        ...viewStyleStringVariants,
-
-        fontSize: (selected: string) => {
-            const size = selected || theme.fontSize.normal;
-            if (isNaN(Number(size))) {
-                // throw new Error('Invalid fontSize value');
-            }
-            return { fontSize: Number(size) };
-        },
+// ─── Flat style-prop resolution ────────────────────────────────────────────────
+// Replaces the generic `styled()` wrapper that used to sit around TextInput.
+// Preserves its behaviour exactly: any flat ViewStyle/TextStyle prop (e.g.
+// `opacity`, `padding`, `borderColor`) passed straight to StyledTextInput is
+// resolved into a real style on the inner TextInput and stripped out of the
+// props spread onto it — same variant maps `styled()` used, resolved locally
+// instead of through the shared HOC.
+const BASE_INPUT_STYLE: TextStyle = {
+    borderColor: theme.colors.gray[200],
+    backgroundColor: theme.colors.gray[1],
+    flex: 1,
+    color: theme.colors.gray[800],
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    fontSize: theme.fontSize.normal,
+    minHeight: 48,
+}
 
-        fontWeight: (selected: string) => {
-            const weight = selected || theme.fontWeight.normal;
-            if (isNaN(Number(weight))) {
-                // throw new Error('Invalid fontWeight value');
-            }
-            return { fontWeight: weight as any };
-        },
-    }
-});
+const FLAT_STYLE_VARIANTS: Record<string, any> = {
+    ...viewStyleVariants,
+    ...viewStyleStringVariants,
+}
+
+const resolveFlatStyle = (
+    props: Record<string, any>,
+): { style: TextStyle; clean: Record<string, any> } => {
+    const style: TextStyle = { ...BASE_INPUT_STYLE }
+    const clean: Record<string, any> = { ...props }
+
+    Object.keys(FLAT_STYLE_VARIANTS).forEach((key) => {
+        if (!(key in clean)) return
+        const selected = clean[key]
+        delete clean[key]
+
+        const variant = FLAT_STYLE_VARIANTS[key]
+        if (typeof variant === 'function') {
+            const resolved = variant(selected, props)
+            if (resolved) Object.assign(style, resolved)
+        } else if (variant?.[selected]) {
+            const value = variant[selected]
+            Object.assign(style, typeof value === 'function' ? value(selected, props) : value)
+        }
+    })
+
+    return { style, clean }
+}
 
 export interface StyledTextInputHandle extends StyledTextInputProps {
   focus:      () => void
@@ -396,7 +407,7 @@ export const StyledTextInput = (
     onBlur:  onBlurProp,
     ref,
     ...rest
-  }: StyledTextInputProps & { ref?: React.Ref<React.ComponentRef<typeof TextInputBase>> },
+  }: StyledTextInputProps & { ref?: React.Ref<StyledTextInputHandle> },
 ) => {
     const [focused,     setFocused]     = useState(false)
     const [localValue,  setLocalValue]  = useState(defaultValue ?? '')
@@ -418,12 +429,12 @@ export const StyledTextInput = (
       onChangeText?.(text)
     }, [value, onChangeText])
 
-    const handleFocus = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
+    const handleFocus = useCallback((e: Parameters<NonNullable<TextInputProps['onFocus']>>[0]) => {
       setFocused(true)
       onFocusProp?.(e)
     }, [onFocusProp])
 
-    const handleBlur = useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
+    const handleBlur = useCallback((e: Parameters<NonNullable<TextInputProps['onBlur']>>[0]) => {
       setFocused(false)
       onBlurProp?.(e)
     }, [onBlurProp])
@@ -451,6 +462,11 @@ export const StyledTextInput = (
     const hasLeftAddon  = !!leftAddon
     const hasRightAddon = !!rightAddon
 
+    // Resolves any flat ViewStyle/TextStyle prop passed straight to
+    // StyledTextInput (e.g. `opacity`, `padding`) into a real style, and
+    // strips those keys out of what gets spread onto the native TextInput.
+    const { style: flatStyle, clean: cleanRest } = resolveFlatStyle(rest)
+
     // ── Right-side icons (priority: loading > clear > rightIcon) ─────────
     const resolvedRightNode = loading ? (
       <ActivityIndicator size="small" color={theme.colors.gray[400]} />
@@ -535,7 +551,7 @@ export const StyledTextInput = (
             ) : null}
 
             {/* Core TextInput */}
-            <TextInputBase
+            <TextInput
               ref={inputRef}
               value={value}
               defaultValue={defaultValue}
@@ -549,6 +565,7 @@ export const StyledTextInput = (
               numberOfLines={numberOfLines}
               maxLength={maxLength}
               style={[
+                flatStyle,
                 S.input,
                 {
                   fontSize:    fontSizeProp ?? sz.fontSize,
@@ -562,7 +579,7 @@ export const StyledTextInput = (
                 },
                 inputStyle,
               ]}
-              {...rest}
+              {...cleanRest}
             />
 
             {/* Right icon / clear / spinner */}