@ledgerhq/lumen-ui-rnative 0.0.44 → 0.0.45

package/dist/src/styles/factories/createStyledPressable.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../Provider/useTheme';
+import { resolveViewStyle } from '../resolveStyle/resolveStyle';
+import { areLxPropsEqual } from './areLxPropsEqual';
+/**
+ * Check if any style item (including nested arrays) is a function
+ */
+const hasStyleFunction = (style) => {
+    if (Array.isArray(style)) {
+        return style.some((s) => hasStyleFunction(s));
+    }
+    return typeof style === 'function';
+};
+/**
+ * Resolve all style functions in a style tree
+ */
+const resolveStyleFunctions = (style, state) => {
+    if (Array.isArray(style)) {
+        return style.map((s) => resolveStyleFunctions(s, state));
+    }
+    return typeof style === 'function' ? style(state) : style;
+};
+/**
+ * Factory function to create a styled Pressable component.
+ *
+ * Supports `style` as an object, function, or array of objects/functions (including nested).
+ *
+ * ```tsx
+ * // Create a styled Pressable
+ * const Pressable = createStyledPressable(RNPressable);
+ *
+ * // Usage with array of styles
+ * <Pressable style={[props.style, ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })]} />
+ * ```
+ */
+export const createStyledPressable = (Component) => {
+    const StyledComponent = memo(forwardRef(({ lx = {}, style, ...props }, ref) => {
+        const { theme } = useTheme();
+        const resolvedLxStyle = resolveViewStyle(theme, lx);
+        if (!hasStyleFunction(style)) {
+            const finalStyle = StyleSheet.flatten([
+                resolvedLxStyle,
+                style,
+            ]);
+            return _jsx(Component, { ref: ref, ...props, style: finalStyle });
+        }
+        const mergedStyle = (state) => {
+            const resolvedStyle = resolveStyleFunctions(style, state);
+            return StyleSheet.flatten([resolvedLxStyle, resolvedStyle]);
+        };
+        return _jsx(Component, { ref: ref, ...props, style: mergedStyle });
+    }), areLxPropsEqual);
+    // Set display name for debugging
+    const componentName = Component.displayName ||
+        Component.name ||
+        'Component';
+    StyledComponent.displayName = `StyledPressable(${componentName})`;
+    return StyledComponent;
+};

package/dist/src/styles/factories/createStyledText.d.ts

@@ -1,35 +1,24 @@
-import React, { MemoExoticComponent } from 'react';
-import type { Text } from 'react-native';
-import type { LumenTextProps } from '../types';
-type TextRef = React.ElementRef<typeof Text>;
-type ReturnComponentType = MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<LumenTextProps> & React.RefAttributes<TextRef>>>;
+import React from 'react';
+import type { Text, TextProps } from 'react-native';
+import type { LumenStyleSheetTheme, LumenTextStyleLX } from '../types';
+export type StyledTextProps = LumenTextStyleLX & TextProps & {
+    /**
+     * Typography preset
+     */
+    typography?: keyof LumenStyleSheetTheme['typographies'];
+};
 /**
  * Factory function to create a styled Text component.
  *
- * Creates a component that accepts token-constrained style props directly,
- * plus a `typo` prop for typography presets, resolving them to actual
- * values at runtime using the current theme.
- *
- * @param Component - The base Text-like component to wrap
- *
- * @example
  * ```tsx
- * import { Text } from 'react-native';
- * import { createStyledText } from '@ledgerhq/lumen-ui-rnative/styles';
- *
  * // Create a basic Text
  * const StyledText = createStyledText(Text);
- *
- * // Usage - token props and typo are resolved
- * <StyledText typo='body1'>Hello World</StyledText>
- * <StyledText typo='heading2SemiBold' marginTop='s8' color='muted'>
- *   Subtitle
- * </StyledText>
- *
- * // style prop for escape hatch
- * <StyledText typo='body1' style={{ letterSpacing: 2 }} />
  * ```
  */
-export declare const createStyledText: (Component: React.ComponentType<LumenTextProps>) => ReturnComponentType;
-export {};
+export declare const createStyledText: (Component: typeof Text) => React.MemoExoticComponent<React.ForwardRefExoticComponent<LumenTextStyleLX & TextProps & {
+    /**
+     * Typography preset
+     */
+    typography?: keyof LumenStyleSheetTheme["typographies"];
+} & React.RefAttributes<Text>>>;
 //# sourceMappingURL=createStyledText.d.ts.map

package/dist/src/styles/factories/createStyledText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createStyledText.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAM/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7C,KAAK,mBAAmB,GAAG,mBAAmB,CAC5C,KAAK,CAAC,yBAAyB,CAC7B,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACrE,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC7C,mBA8BF,CAAC"}
+{"version":3,"file":"createStyledText.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAG/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIvE,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,SAAS,GAAG;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACzD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI;IAdnD;;OAEG;iBACU,MAAM,oBAAoB,CAAC,cAAc,CAAC;+BAyC1D,CAAC"}

package/dist/src/styles/factories/createStyledText.js

@@ -1,45 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from 'react';
+import { StyleSheet } from 'react-native';
 import { useTheme } from '../Provider/useTheme';
-import { resolveTextStyle, extractLumenTextStyleProps, } from '../resolveStyle/resolveStyle';
+import { resolveTextStyle } from '../resolveStyle/resolveStyle';
+import { areLxPropsEqual } from './areLxPropsEqual';
 /**
  * Factory function to create a styled Text component.
  *
- * Creates a component that accepts token-constrained style props directly,
- * plus a `typo` prop for typography presets, resolving them to actual
- * values at runtime using the current theme.
- *
- * @param Component - The base Text-like component to wrap
- *
- * @example
  * ```tsx
- * import { Text } from 'react-native';
- * import { createStyledText } from '@ledgerhq/lumen-ui-rnative/styles';
- *
  * // Create a basic Text
  * const StyledText = createStyledText(Text);
- *
- * // Usage - token props and typo are resolved
- * <StyledText typo='body1'>Hello World</StyledText>
- * <StyledText typo='heading2SemiBold' marginTop='s8' color='muted'>
- *   Subtitle
- * </StyledText>
- *
- * // style prop for escape hatch
- * <StyledText typo='body1' style={{ letterSpacing: 2 }} />
  * ```
  */
 export const createStyledText = (Component) => {
-    const StyledComponent = memo(forwardRef((props, ref) => {
+    const StyledComponent = memo(forwardRef(({ typography = 'body3', lx = {}, style, ...props }, ref) => {
         const { theme } = useTheme();
-        const { lumenStyle, rest } = extractLumenTextStyleProps(props);
-        const resolvedStyle = resolveTextStyle(theme, lumenStyle);
-        const { style: propsStyle, ...componentProps } = rest;
-        const finalStyle = propsStyle
-            ? [resolvedStyle, propsStyle]
-            : resolvedStyle;
-        return (_jsx(Component, { ...{ ...componentProps, ref, style: finalStyle } }));
-    }));
+        const resolvedStyle = resolveTextStyle(theme, lx);
+        const resolvedTypographyStyles = theme.typographies[typography];
+        const finalStyle = StyleSheet.flatten([
+            resolvedStyle,
+            resolvedTypographyStyles,
+            style,
+        ]);
+        return _jsx(Component, { ref: ref, ...props, style: finalStyle });
+    }), areLxPropsEqual);
     // Set display name for debugging
     const componentName = Component.displayName ||
         Component.name ||

package/dist/src/styles/factories/createStyledView.d.ts

@@ -1,34 +1,14 @@
-import React, { MemoExoticComponent } from 'react';
-import type { View } from 'react-native';
-import type { LumenViewProps } from '../types';
-type ViewRef = React.ElementRef<typeof View>;
-type ReturnComponentType = MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<LumenViewProps> & React.RefAttributes<ViewRef>>>;
+import React from 'react';
+import { View, type ViewProps } from 'react-native';
+import type { LumenViewStyleLX } from '../types';
+export type StyledViewProps = LumenViewStyleLX & ViewProps;
 /**
  * Factory function to create a styled View component.
  *
- * Creates a component that accepts token-constrained style props directly,
- * resolving them to actual values at runtime using the current theme.
- *
- * @param Component - The base View-like component to wrap
- *
- * @example
  * ```tsx
- * import { View } from 'react-native';
- * import { createStyledView } from '@ledgerhq/lumen-ui-rnative/styles';
- *
- * // Create a basic Box
- * const Box = createStyledView(View);
- *
- * // Usage - token props are resolved to actual values
- * <Box width='s400' marginTop='s4' gap='s12' alignItems='center' />
- * <Box padding='s16' backgroundColor='surface' borderRadius='md'>
- *   Content
- * </Box>
- *
- * // style prop for escape hatch
- * <Box marginTop='s4' style={{ width: 127 }} />
+ * // Create a basic View
+ * const StyledView = createStyledView(View);
  * ```
  */
-export declare const createStyledView: (Component: React.ComponentType<LumenViewProps>) => ReturnComponentType;
-export {};
+export declare const createStyledView: (Component: typeof View) => React.MemoExoticComponent<React.ForwardRefExoticComponent<LumenViewStyleLX & ViewProps & React.RefAttributes<View>>>;
 //# sourceMappingURL=createStyledView.d.ts.map

package/dist/src/styles/factories/createStyledView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createStyledView.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAM/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7C,KAAK,mBAAmB,GAAG,mBAAmB,CAC5C,KAAK,CAAC,yBAAyB,CAC7B,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACrE,CACF,CAAC;AACF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC7C,mBA+BF,CAAC"}
+{"version":3,"file":"createStyledView.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/createStyledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAE3D;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,OAAO,IAAI,yHAsBtD,CAAC"}

package/dist/src/styles/factories/createStyledView.js

@@ -1,44 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from 'react';
+import { StyleSheet } from 'react-native';
 import { useTheme } from '../Provider/useTheme';
-import { resolveViewStyle, extractLumenViewStyleProps, } from '../resolveStyle/resolveStyle';
+import { resolveViewStyle } from '../resolveStyle/resolveStyle';
+import { areLxPropsEqual } from './areLxPropsEqual';
 /**
  * Factory function to create a styled View component.
  *
- * Creates a component that accepts token-constrained style props directly,
- * resolving them to actual values at runtime using the current theme.
- *
- * @param Component - The base View-like component to wrap
- *
- * @example
  * ```tsx
- * import { View } from 'react-native';
- * import { createStyledView } from '@ledgerhq/lumen-ui-rnative/styles';
- *
- * // Create a basic Box
- * const Box = createStyledView(View);
- *
- * // Usage - token props are resolved to actual values
- * <Box width='s400' marginTop='s4' gap='s12' alignItems='center' />
- * <Box padding='s16' backgroundColor='surface' borderRadius='md'>
- *   Content
- * </Box>
- *
- * // style prop for escape hatch
- * <Box marginTop='s4' style={{ width: 127 }} />
+ * // Create a basic View
+ * const StyledView = createStyledView(View);
  * ```
  */
 export const createStyledView = (Component) => {
-    const StyledComponent = memo(forwardRef((props, ref) => {
+    const StyledComponent = memo(forwardRef(({ lx = {}, style, ...props }, ref) => {
         const { theme } = useTheme();
-        const { lumenStyle, rest } = extractLumenViewStyleProps(props);
-        const resolvedStyle = resolveViewStyle(theme, lumenStyle);
-        const { style: propsStyle, ...componentProps } = rest;
-        const style = propsStyle
-            ? [resolvedStyle, propsStyle]
-            : resolvedStyle;
-        return (_jsx(Component, { ...{ ...componentProps, ref, style } }));
-    }));
+        const resolvedStyle = resolveViewStyle(theme, lx);
+        const finalStyle = StyleSheet.flatten([resolvedStyle, style]);
+        return _jsx(Component, { ref: ref, ...props, style: finalStyle });
+    }), areLxPropsEqual);
     // Set display name for debugging
     const componentName = Component.displayName ||
         Component.name ||

package/dist/src/styles/factories/index.d.ts

@@ -0,0 +1,4 @@
+export * from './createStyledPressable';
+export * from './createStyledText';
+export * from './createStyledView';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/factories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/src/styles/factories/index.js

@@ -0,0 +1,3 @@
+export * from './createStyledPressable';
+export * from './createStyledText';
+export * from './createStyledView';

package/dist/src/styles/index.d.ts

@@ -1,7 +1,6 @@
 export { LumenStyleSheetProvider } from './Provider/LumenStyleSheetProvider';
 export { LumenStyleSheet } from './LumenStyleSheet';
 export * from './types';
-export * from './factories/createStyledText';
-export * from './factories/createStyledView';
-export * from './utils/styleVarianceAuthority';
+export * from './factories';
+export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/src/styles/index.js

@@ -1,6 +1,5 @@
 export { LumenStyleSheetProvider } from './Provider/LumenStyleSheetProvider';
 export { LumenStyleSheet } from './LumenStyleSheet';
 export * from './types';
-export * from './factories/createStyledText';
-export * from './factories/createStyledView';
-export * from './utils/styleVarianceAuthority';
+export * from './factories';
+export * from './utils';

package/dist/src/styles/resolveStyle/resolveConfig.d.ts

@@ -1,8 +1,8 @@
-import { LumenTextStyleProps, LumenViewStyleProps } from '../types';
+import { LumenTextStyle, LumenViewStyle } from '../types';
 /**
  * Configuration for each style prop
  * - path: Theme path for token lookup (array of keys)
- * - spread: true for props that spread into multiple style properties (typo)
+ * - spread: true for props that spread into multiple style properties (typography)
  * - No path = passthrough prop (value passed as-is)
  */
 export type PropConfig = {
@@ -12,17 +12,17 @@ export type PropConfig = {
 /**
  * View style props configuration
  */
-export declare const VIEW_PROP_CONFIG: Record<keyof LumenViewStyleProps, PropConfig>;
+export declare const VIEW_PROP_CONFIG: Record<keyof LumenViewStyle, PropConfig>;
 /**
- * Text style props configuration (extends view props + color + typo)
+ * Text style props configuration (extends view props + color + typography)
  */
-export declare const TEXT_PROP_CONFIG: Record<keyof LumenTextStyleProps, PropConfig>;
+export declare const TEXT_PROP_CONFIG: Record<keyof LumenTextStyle, PropConfig>;
 /**
  * Set for O(1) view prop lookup
  */
-export declare const LUMEN_VIEW_STYLE_PROPS: Set<keyof LumenViewStyleProps>;
+export declare const LUMEN_VIEW_STYLE_PROPS: Set<keyof LumenViewStyle>;
 /**
  * Set for O(1) text prop lookup
  */
-export declare const LUMEN_TEXT_STYLE_PROPS: Set<keyof LumenTextStyleProps>;
+export declare const LUMEN_TEXT_STYLE_PROPS: Set<keyof LumenTextStyle>;
 //# sourceMappingURL=resolveConfig.d.ts.map

package/dist/src/styles/resolveStyle/resolveConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveConfig.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,mBAAmB,EAAE,UAAU,CAwFjE,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,mBAAmB,EAAE,UAAU,CAOjE,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,mBAAmB,CAAC,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"resolveConfig.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,cAAc,EAAE,UAAU,CAyF5D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,cAAc,EAAE,UAAU,CAO5D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAE9B,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC"}

package/dist/src/styles/resolveStyle/resolveConfig.js

@@ -24,6 +24,13 @@ export const VIEW_PROP_CONFIG = {
     gap: { path: ['spacings'] },
     rowGap: { path: ['spacings'] },
     columnGap: { path: ['spacings'] },
+    position: {},
+    top: { path: ['spacings'] },
+    bottom: { path: ['spacings'] },
+    left: { path: ['spacings'] },
+    right: { path: ['spacings'] },
+    start: { path: ['spacings'] },
+    end: { path: ['spacings'] },
     // Size props
     width: { path: ['sizes'] },
     height: { path: ['sizes'] },
@@ -68,13 +75,6 @@ export const VIEW_PROP_CONFIG = {
     flexGrow: {},
     flexShrink: {},
     flexBasis: {},
-    position: {},
-    top: {},
-    bottom: {},
-    left: {},
-    right: {},
-    start: {},
-    end: {},
     zIndex: {},
     overflow: {},
     display: {},
@@ -84,12 +84,12 @@ export const VIEW_PROP_CONFIG = {
     transform: {},
 };
 /**
- * Text style props configuration (extends view props + color + typo)
+ * Text style props configuration (extends view props + color + typography)
  */
 export const TEXT_PROP_CONFIG = {
     ...VIEW_PROP_CONFIG,
     color: { path: ['colors', 'text'] },
-    typo: { path: ['typographies'], spread: true },
+    typography: { path: ['typographies'], spread: true },
     textAlign: {},
     textTransform: {},
     textDecorationLine: {},

package/dist/src/styles/resolveStyle/resolveStyle.d.ts

@@ -1,25 +1,11 @@
-import type { ViewStyle, TextStyle, ViewProps, TextProps } from 'react-native';
-import type { LumenStyleSheetTheme, LumenTextStyleProps, LumenViewStyleProps } from '../types';
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { LumenStyleSheetTheme, LumenTextStyle, LumenViewStyle } from '../types';
 /**
- * Resolve LumenViewStyleProps to React Native ViewStyle
+ * Transform lx props to StyleSheet style object for View
  */
-export declare const resolveViewStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenViewStyleProps) => ViewStyle;
+export declare const resolveViewStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenViewStyle) => ViewStyle;
 /**
- * Resolve LumenTextStyleProps to React Native TextStyle
+ * Transform lx props to StyleSheet style object for Text
  */
-export declare const resolveTextStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenTextStyleProps) => TextStyle;
-/**
- * Extract styled view props from component props
- */
-export declare const extractLumenViewStyleProps: (props: LumenViewStyleProps) => {
-    lumenStyle: LumenViewStyleProps;
-    rest: ViewProps;
-};
-/**
- * Extract styled text props from component props
- */
-export declare const extractLumenTextStyleProps: (props: LumenTextStyleProps) => {
-    lumenStyle: LumenTextStyleProps;
-    rest: TextProps;
-};
+export declare const resolveTextStyle: (theme: LumenStyleSheetTheme, lumenStyle: LumenTextStyle) => TextStyle;
 //# sourceMappingURL=resolveStyle.d.ts.map

package/dist/src/styles/resolveStyle/resolveStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AA8ClB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,mBAAmB,KAC9B,SAAyE,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,mBAAmB,KAC9B,SAAyE,CAAC;AA+B7E;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,mBAAmB,KACzB;IAAE,UAAU,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CACwB,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,OAAO,mBAAmB,KACzB;IAAE,UAAU,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CACwB,CAAC"}
+{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../src/styles/resolveStyle/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,cAAc,EACf,MAAM,UAAU,CAAC;AAyClB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,cAAc,KACzB,SAAyE,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,oBAAoB,EAC3B,YAAY,cAAc,KACzB,SAAyE,CAAC"}

package/dist/src/styles/resolveStyle/resolveStyle.js

@@ -1,5 +1,5 @@
 import { getObjectPath } from '@ledgerhq/lumen-utils-shared';
-import { VIEW_PROP_CONFIG, TEXT_PROP_CONFIG, LUMEN_VIEW_STYLE_PROPS, LUMEN_TEXT_STYLE_PROPS, } from './resolveConfig';
+import { VIEW_PROP_CONFIG, TEXT_PROP_CONFIG } from './resolveConfig';
 /**
  * Unified style resolver
  * Config-driven: single loop resolves all props via provided config
@@ -20,7 +20,7 @@ const resolveStyle = (theme, lumenStyle, config) => {
             ...propConfig.path,
             value,
         ]);
-        // Spread props (like typo) merge into resolved styles
+        // Spread props (like typography) merge into resolved styles
         if (propConfig.spread && resolvedValue) {
             Object.assign(resolved, resolvedValue);
         }
@@ -31,35 +31,10 @@ const resolveStyle = (theme, lumenStyle, config) => {
     return resolved;
 };
 /**
- * Resolve LumenViewStyleProps to React Native ViewStyle
+ * Transform lx props to StyleSheet style object for View
  */
 export const resolveViewStyle = (theme, lumenStyle) => resolveStyle(theme, lumenStyle, VIEW_PROP_CONFIG);
 /**
- * Resolve LumenTextStyleProps to React Native TextStyle
+ * Transform lx props to StyleSheet style object for Text
  */
 export const resolveTextStyle = (theme, lumenStyle) => resolveStyle(theme, lumenStyle, TEXT_PROP_CONFIG);
-/**
- * Unified style props extractor
- * Loops only through input props with O(1) Set lookup
- */
-const extractStyleProps = (props, stylePropsSet) => {
-    const lumenStyle = {};
-    const rest = {};
-    for (const key of Object.keys(props)) {
-        if (stylePropsSet.has(key)) {
-            lumenStyle[key] = props[key];
-        }
-        else {
-            rest[key] = props[key];
-        }
-    }
-    return { lumenStyle, rest };
-};
-/**
- * Extract styled view props from component props
- */
-export const extractLumenViewStyleProps = (props) => extractStyleProps(props, LUMEN_VIEW_STYLE_PROPS);
-/**
- * Extract styled text props from component props
- */
-export const extractLumenTextStyleProps = (props) => extractStyleProps(props, LUMEN_TEXT_STYLE_PROPS);

package/dist/src/styles/types/create.types.d.ts

@@ -5,7 +5,7 @@ type AllAvailableKeys = keyof (ViewStyle & TextStyle & ImageStyle);
 type FlatLumensValues = {
     [propName in AllAvailableKeys]?: AllAvailableStyles[propName];
 };
-type LumensValues = FlatLumensValues;
+type LumensValues = FlatLumensValues | FlatLumensValues[];
 export type LumenStyleSheet = {
     [styleName: string]: LumensValues | ((...args: any) => LumensValues);
 };

package/dist/src/styles/types/create.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/create.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,KAAK,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC7D,KAAK,gBAAgB,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,gBAAgB,GAAG;KACrB,QAAQ,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;CAC9D,CAAC;AAEF,KAAK,YAAY,GAAG,gBAAgB,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,SAAS,EAAE,MAAM,GACd,YAAY,GAEZ,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,eAAe,IACzD,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,CAAC,CAAC,GACpC,CAAC,CAAC"}
+{"version":3,"file":"create.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/create.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,KAAK,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC7D,KAAK,gBAAgB,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,gBAAgB,GAAG;KACrB,QAAQ,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC;CAC9D,CAAC;AAEF,KAAK,YAAY,GAAG,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,SAAS,EAAE,MAAM,GACd,YAAY,GAEZ,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,YAAY,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,eAAe,IACzD,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,CAAC,CAAC,GACpC,CAAC,CAAC"}