fluent-styles 1.62.7 → 1.62.8

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

@@ -5,7 +5,12 @@ type ShapeVariants = {
     size?: string | number | [string | number, ViewStyle];
 };
 type ShapeProps = ShapeVariants & ViewProps & ViewStyle;
-declare const StyleShape: import("react").ForwardRefExoticComponent<ShapeVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
-export { StyleShape };
+declare const StyledShape: {
+    (props: ShapeVariants & ViewProps & ViewStyle & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export { StyledShape, StyledShape as StyleShape };
 export type { ShapeProps };
 //# sourceMappingURL=index.d.ts.map

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;AAG1D,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,UAAU,uHAuBd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,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/slider/index.d.ts

@@ -10,11 +10,33 @@
  *  • gradient   — gradient-filled track
  *  • buffer     — primary thumb + secondary buffer fill (media player style)
  *
- * Tooltip fix (three-layer layout):
- *  • Track fill lives in its own overflow:hidden View
- *  • Thumbs + tooltips live in a sibling overflow:visible wrapper
- *  • SVG <Path> triangle pointer — never clips, always sharp
- *  • useNativeDriver: false for tooltipAnim so text colour renders correctly on iOS
+ * FIX (v1.1):
+ *  The previous version had a useEffect(() => setLocalLow(value), [value])
+ *  that created a feedback loop when used as a controlled component:
+ *    onValueChange → setState → re-render → value prop changes
+ *    → useEffect fires → setLocalLow resets → thumb snaps back
+ *
+ *  Fix strategy:
+ *    1. useEffect only fires on MOUNT (empty dep array) — sets initial position once
+ *    2. External value changes are ignored while dragging (dragging ref guard)
+ *    3. External value changes ARE applied when not dragging (programmatic updates work)
+ *    4. onValueChange fires continuously during drag (for live display updates)
+ *    5. onSlidingComplete fires once on finger lift (for committing to state)
+ *
+ *  Correct usage in parent (controlled, live display):
+ *    const displayRef = useRef(initialValue)          // never causes re-render
+ *    const [display, setDisplay] = useState(initialValue)
+ *    <StyledSlider
+ *      value={initialValue}                           // ← frozen, never updated
+ *      onValueChange={v => { displayRef.current = v; setDisplay(v) }}
+ *      onSlidingComplete={v => commitToState(v)}
+ *    />
+ *
+ *  Simplest usage (fire-and-forget):
+ *    <StyledSlider
+ *      value={28}
+ *      onSlidingComplete={v => saveValue(v)}
+ *    />
  */
 import React from "react";
 export type SliderVariant = "default" | "range" | "stepped" | "gradient" | "buffer";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAiSD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6QpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAyUD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmSpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -2,7 +2,12 @@
 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'>);
-declare const StyledSpacer: import("react").ForwardRefExoticComponent<ViewProps & Pick<ViewStyleProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "height" | "margin" | "marginBottom" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginTop" | "marginVertical" | "width"> & import("react").RefAttributes<any>>;
+declare const StyledSpacer: {
+    (props: ViewProps & Pick<ViewStyleProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "height" | "margin" | "marginBottom" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginTop" | "marginVertical" | "width"> & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
 export { StyledSpacer };
 export type { SpacerProps };
 //# sourceMappingURL=index.d.ts.map

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,qUAIhB,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/spinner/index.d.ts

@@ -37,7 +37,12 @@ declare const variantConfig: Record<'default' | 'primary' | 'success' | 'warning
  * - Theme integration
  * - Accessibility support
  */
-declare const StyledSpinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<any>>;
+declare const StyledSpinner: {
+    ({ size, variant, color, overlay, overlayColor, label, labelColor, labelSize, accessibilityLabel, ref, ...rest }: SpinnerProps & {
+        ref?: React.Ref<any> | undefined;
+    }): React.JSX.Element;
+    displayName: string;
+};
 /**
  * Props for SpinnerContainer - Full-screen loading overlay with backdrop
  */
@@ -52,7 +57,12 @@ interface SpinnerContainerProps extends Omit<SpinnerProps, 'ref' | 'overlay'> {
  *
  * Use for: Page loading, data fetching, async operations
  */
-declare const SpinnerContainer: React.ForwardRefExoticComponent<SpinnerContainerProps & React.RefAttributes<any>>;
+declare const SpinnerContainer: {
+    ({ isVisible, size, variant, color, backdropColor, message, labelColor, labelSize, onBackdropPress, ref, ...rest }: SpinnerContainerProps & {
+        ref?: React.Ref<any> | undefined;
+    }): React.JSX.Element | null;
+    displayName: string;
+};
 /**
  * Props for InlineSpinner - Spinner with text in a row
  */
@@ -66,7 +76,12 @@ interface InlineSpinnerProps extends Omit<SpinnerProps, 'overlay'> {
  *
  * Use for: Button loading states, inline operations, compact loading indicators
  */
-declare const InlineSpinner: React.ForwardRefExoticComponent<InlineSpinnerProps & React.RefAttributes<any>>;
+declare const InlineSpinner: {
+    ({ size, variant, color, text, labelColor, labelSize, direction, gap, accessibilityLabel, ref, ...rest }: InlineSpinnerProps & {
+        ref?: React.Ref<any> | undefined;
+    }): React.JSX.Element;
+    displayName: string;
+};
 /**
  * Exports
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,sBAAsB,EACvB,MAAM,cAAc,CAAC;AAOtB;;GAEG;AACH,UAAU,YAAa,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAG7C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAGnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,CAI5D,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,MAAM,CACzB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACxD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsBjC,CAAC;AAWF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa,0EAqFlB,CAAC;AAIF;;GAEG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,mFAsFrB,CAAC;AAIF;;GAEG;AACH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,gFA+ClB,CAAC;AAIF;;GAEG;AACH,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,UAAU,EACV,aAAa,GACd,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,sBAAsB,EACvB,MAAM,cAAc,CAAC;AAOtB;;GAEG;AACH,UAAU,YAAa,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAG7C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAGnE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,CAI5D,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,MAAM,CACzB,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACxD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsBjC,CAAC;AAWF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa;;;;;CAmFlB,CAAC;AAIF;;GAEG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB;;;;;CAoFrB,CAAC;AAIF;;GAEG;AACH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa;;;;;CA6ClB,CAAC;AAIF;;GAEG;AACH,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,UAAU,EACV,aAAa,GACd,CAAC;AACF,eAAe,aAAa,CAAC"}

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

@@ -16,9 +16,24 @@ type StackProps = StackVariants & ViewProps & ViewStyle;
  * Default: neutral layout (no flex direction preset)
  * Use horizontal or vertical variants to set flex direction
  */
-declare const Stack: import("react").ForwardRefExoticComponent<StackVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
-declare const XStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
-declare const YStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
+declare const Stack: {
+    (props: StackVariants & ViewProps & ViewStyle & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+declare const XStack: {
+    (props: Omit<StackProps, "horizontal" | "vertical"> & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+declare const YStack: {
+    (props: Omit<StackProps, "horizontal" | "vertical"> & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
 export { Stack, XStack, YStack };
 export type { StackProps };
 //# sourceMappingURL=index.d.ts.map

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;AAG1D;;;;;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,uHAkBT,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,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;AAG1D;;;;;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;;;;;CAkBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CAKV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CAKV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/tabBar/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAad,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAA;AAwdpB,eAAO,MAAM,MAAM,6CAEd,MAAM,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/tabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAWd,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAA;AAyWpB,eAAO,MAAM,MAAM,6CAEd,MAAM,GAAG,QAAQ,CAAA"}

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

@@ -10,7 +10,12 @@ type TextVariants = {
     link?: boolean;
 };
 type StyledTextProps = TextVariants & TextProps & TextStyle;
-declare const StyledText: import("react").ForwardRefExoticComponent<TextVariants & TextProps & TextStyle & import("react").RefAttributes<any>>;
+declare const StyledText: {
+    (props: TextVariants & TextProps & TextStyle & {
+        ref?: import("react").Ref<any> | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
 export { StyledText };
 export type { StyledTextProps };
 //# sourceMappingURL=index.d.ts.map

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,sHAgDd,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/timeline/index.d.ts

@@ -45,6 +45,14 @@ export interface StyledTimelineColors {
     /** Secondary time (endTime) colour. Default: theme.colors.gray[400] */
     endTimeText?: string;
 }
+export interface StyledTimeFont {
+    /** Time text font size. Default: theme.fontSize.normal */
+    startFontSize?: number;
+    /** Secondary time (endTime) font size. Default: theme.fontSize.small */
+    endFontSize?: number;
+    startFontWeight?: number | string;
+    endFontWeight?: number | string;
+}
 export interface StyledTimelineProps {
     /**
      * Array of timeline entries.
@@ -80,6 +88,7 @@ export interface StyledTimelineProps {
     colors?: StyledTimelineColors;
     /** Called when an item is pressed (only fires if item has no custom onPress) */
     onItemPress?: (item: TimelineItem) => void;
+    fonts?: StyledTimeFont;
 }
 /**
  * StyledTimeline — vertical data-driven timeline for fluent-styles apps.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,yCAAyC;IACzC,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAE9B,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAiGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+HxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAEjC;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,yCAAyC;IACzC,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAE9B,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAiGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwIxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -9,6 +9,11 @@ interface StyledOptions {
         } | ((selected: string, options: any) => Style);
     };
 }
-declare const styled: <P extends object>(Component: React.ComponentType<P>, { base, variants }?: StyledOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+declare const styled: <P extends object>(Component: React.ComponentType<P>, { base, variants }?: StyledOptions) => {
+    (props: P & {
+        ref?: React.Ref<any> | undefined;
+    }): React.JSX.Element;
+    displayName: string;
+};
 export { styled };
 //# sourceMappingURL=styled.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/utiles/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;SAC1E,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;KACnD,CAAC;CACL;AAED,QAAA,MAAM,MAAM,6EAEY,aAAa,yFA4BpC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/utiles/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;SAC1E,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC;KACnD,CAAC;CACL;AAED,QAAA,MAAM,MAAM,6EAEY,aAAa;;;;;CA+BpC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/package.json

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

package/src/timeline/index.tsx

@@ -61,6 +61,16 @@ export interface StyledTimelineColors {
   endTimeText?: string;
 }
 
+export interface StyledTimeFont{
+  /** Time text font size. Default: theme.fontSize.normal */
+  startFontSize?: number;
+  /** Secondary time (endTime) font size. Default: theme.fontSize.small */
+  endFontSize?: number;
+  startFontWeight?: number | string;
+  endFontWeight?: number | string;
+
+}
+
 export interface StyledTimelineProps {
   /**
    * Array of timeline entries.
@@ -106,6 +116,7 @@ export interface StyledTimelineProps {
 
   /** Called when an item is pressed (only fires if item has no custom onPress) */
   onItemPress?: (item: TimelineItem) => void;
+  fonts?: StyledTimeFont;
 }
 
 // ─── Size tokens ──────────────────────────────────────────────────────────────
@@ -254,6 +265,7 @@ export const StyledTimeline: React.FC<StyledTimelineProps> = ({
   animated          = true,
   colors: colorsProp,
   onItemPress,
+  fonts: fontsProp,
 }) => {
   const C = {
     line:        colorsProp?.line        ?? theme.colors.gray[200],
@@ -263,6 +275,13 @@ export const StyledTimeline: React.FC<StyledTimelineProps> = ({
     endTimeText: colorsProp?.endTimeText ?? theme.colors.gray[400],
   };
 
+  const F = {
+    startFontSize: fontsProp?.startFontSize ?? theme.fontSize.normal,
+    endFontSize:   fontsProp?.endFontSize   ?? theme.fontSize.small,
+    startFontWeight: fontsProp?.startFontWeight ?? theme.fontWeight.normal,
+    endFontWeight:   fontsProp?.endFontWeight   ?? theme.fontWeight.normal,
+  };
+
   const gap         = VARIANT_GAP[variant];
   const childArray  = React.Children.toArray(children);
 
@@ -296,14 +315,14 @@ export const StyledTimeline: React.FC<StyledTimelineProps> = ({
           <Stack key={item.id} horizontal alignItems="stretch">
 
             {/* ── Left: time + connector ── */}
-            <Stack width={timeColumnWidth} alignItems="flex-end" paddingRight={12}>
+            <Stack width={timeColumnWidth} alignItems="flex-end" paddingRight={8}>
 
               {/* Time labels */}
               <Stack alignItems="flex-end" gap={2} paddingTop={2}>
                 {hasTime && (
                   <StyledText
-                    fontSize={theme.fontSize.normal}
-                    fontWeight={theme.fontWeight.semiBold}
+                    fontSize={F.startFontSize}
+                    fontWeight={F.startFontWeight as any}
                     color={C.timeText}
                     numberOfLines={1}
                   >
@@ -312,7 +331,8 @@ export const StyledTimeline: React.FC<StyledTimelineProps> = ({
                 )}
                 {item.endTime && (
                   <StyledText
-                    fontSize={theme.fontSize.small}
+                    fontSize={F.endFontSize}
+                    fontWeight={F.endFontWeight as any}
                     color={C.endTimeText}
                     numberOfLines={1}
                   >