react-native-unistyles 3.0.0-alpha.32 → 3.0.0-alpha.34

package/lib/typescript/src/core/useTheme.d.ts

@@ -1,3 +0,0 @@
-import type { UnistylesTheme } from '../types';
-export declare const useTheme: () => UnistylesTheme;
-//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/src/core/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/core/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,eAAO,MAAM,QAAQ,QAAO,cAY3B,CAAA"}

package/lib/typescript/src/core/useTheme.native.d.ts

@@ -1,3 +0,0 @@
-import type { UnistylesTheme } from '../types';
-export declare const useTheme: () => UnistylesTheme;
-//# sourceMappingURL=useTheme.native.d.ts.map

package/lib/typescript/src/core/useTheme.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.native.d.ts","sourceRoot":"","sources":["../../../../src/core/useTheme.native.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,eAAO,MAAM,QAAQ,QAAO,cAgB3B,CAAA"}

package/lib/typescript/src/web/mq.d.ts

@@ -1,8 +0,0 @@
-export declare const parseMq: (mq: string) => {
-    minWidth: number | undefined;
-    maxWidth: number | undefined;
-    minHeight: number | undefined;
-    maxHeight: number | undefined;
-};
-export declare const isUnistylesMq: (mq: string) => boolean;
-//# sourceMappingURL=mq.d.ts.map

package/lib/typescript/src/web/mq.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mq.d.ts","sourceRoot":"","sources":["../../../../src/web/mq.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,OAAQ,MAAM;;;;;CAUjC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA"}

package/src/common.js

@@ -1,4 +0,0 @@
-import { Platform } from 'react-native';
-export const isWeb = Platform.OS === 'web';
-export const isIOS = Platform.OS === 'ios';
-export const isAndroid = Platform.OS === 'android';

package/src/core/createUnistylesComponent.js

@@ -1,6 +0,0 @@
-import React, {} from 'react';
-export const createUnistylesComponent = (Component, mappings) => {
-    return (props) => {
-        return React.createElement(Component, { ...props });
-    };
-};

package/src/core/createUnistylesComponent.native.js

@@ -1,31 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
-export const createUnistylesComponent = (Component, mappings) => {
-    return (props) => {
-        const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
-        const [, setRt] = useState(0);
-        useEffect(() => {
-            const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-                const componentDependencies = (props.style?.uni__dependencies || mappings(theme).style?.uni__dependencies);
-                if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
-                    setTheme(UnistylesRuntime.getTheme());
-                }
-                if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
-                    setRt(prevState => prevState + 1);
-                }
-            });
-            return () => {
-                removeChangeListener();
-            };
-        }, []);
-        const mergedProps = { ...mappings(theme) };
-        Object.keys(props).forEach(key => {
-            if (key in mergedProps) {
-                mergedProps[key] = Object.assign(props[key], mergedProps[key]);
-                return;
-            }
-            mergedProps[key] = props[key];
-        });
-        return React.createElement(Component, { ...mergedProps });
-    };
-};

package/src/core/index.js

@@ -1,3 +0,0 @@
-export { useBreakpoint } from './useBreakpoint';
-export { useTheme } from './useTheme';
-export { createUnistylesComponent } from './createUnistylesComponent';

package/src/core/useBreakpoint.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from 'react';
-import { UnistylesRuntime } from '../web';
-import { UnistylesListener } from '../web/listener';
-import { UnistyleDependency } from '../specs/NativePlatform';
-export const useBreakpoint = () => {
-    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
-    useEffect(() => {
-        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Breakpoints], () => setBreakpoint(UnistylesRuntime.breakpoint));
-        return () => {
-            removeChangeListener();
-        };
-    }, []);
-    return breakpoint;
-};

package/src/core/useBreakpoint.native.js

@@ -1,16 +0,0 @@
-import { useEffect, useState } from 'react';
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
-export const useBreakpoint = () => {
-    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
-    useEffect(() => {
-        const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-            if (dependencies.includes(UnistyleDependency.Breakpoints)) {
-                setBreakpoint(UnistylesRuntime.breakpoint);
-            }
-        });
-        return () => {
-            removeChangeListener();
-        };
-    }, []);
-    return breakpoint;
-};

package/src/core/useBreakpoint.native.ts

@@ -1,21 +0,0 @@
-import { useEffect, useState } from 'react'
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs'
-import type { UnistylesStyleSheet } from '../specs'
-
-export const useBreakpoint = () => {
-    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint)
-
-    useEffect(() => {
-        const removeChangeListener = (StyleSheet as UnistylesStyleSheet).addChangeListener(dependencies => {
-            if (dependencies.includes(UnistyleDependency.Breakpoints)) {
-                setBreakpoint(UnistylesRuntime.breakpoint)
-            }
-        })
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return breakpoint
-}

package/src/core/useBreakpoint.ts

@@ -1,18 +0,0 @@
-import { useEffect, useState } from 'react'
-import { UnistylesRuntime } from '../web'
-import { UnistylesListener } from '../web/listener'
-import { UnistyleDependency } from '../specs/NativePlatform'
-
-export const useBreakpoint = () => {
-    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint)
-
-    useEffect(() => {
-        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Breakpoints], () => setBreakpoint(UnistylesRuntime.breakpoint))
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return breakpoint
-}

package/src/core/useTheme.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from 'react';
-import { UnistylesRuntime } from '../web';
-import { UnistylesListener } from '../web/listener';
-import { UnistyleDependency } from '../specs/NativePlatform';
-export const useTheme = () => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
-    useEffect(() => {
-        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Theme], () => setTheme(UnistylesRuntime.getTheme()));
-        return () => {
-            removeChangeListener();
-        };
-    }, []);
-    return theme;
-};

package/src/core/useTheme.native.js

@@ -1,16 +0,0 @@
-import { useEffect, useState } from 'react';
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
-export const useTheme = () => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
-    useEffect(() => {
-        const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-            if (dependencies.includes(UnistyleDependency.Theme)) {
-                setTheme(UnistylesRuntime.getTheme());
-            }
-        });
-        return () => {
-            removeChangeListener();
-        };
-    }, []);
-    return theme;
-};

package/src/core/useTheme.native.ts

@@ -1,22 +0,0 @@
-import { useEffect, useState } from 'react'
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs'
-import type { UnistylesStyleSheet } from '../specs'
-import type { UnistylesTheme } from '../types'
-
-export const useTheme = (): UnistylesTheme => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
-
-    useEffect(() => {
-        const removeChangeListener = (StyleSheet as UnistylesStyleSheet).addChangeListener(dependencies => {
-            if (dependencies.includes(UnistyleDependency.Theme)) {
-                setTheme(UnistylesRuntime.getTheme())
-            }
-        })
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return theme
-}

package/src/core/useTheme.ts

@@ -1,19 +0,0 @@
-import { useEffect, useState } from 'react'
-import { UnistylesRuntime } from '../web'
-import { UnistylesListener } from '../web/listener'
-import { UnistyleDependency } from '../specs/NativePlatform'
-import type { UnistylesTheme } from '../types'
-
-export const useTheme = (): UnistylesTheme => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
-
-    useEffect(() => {
-        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Theme], () => setTheme(UnistylesRuntime.getTheme()))
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return theme
-}

package/src/global.js

@@ -1 +0,0 @@
-export {};

package/src/index.js

@@ -1,3 +0,0 @@
-export * from './specs';
-export { mq } from './mq';
-export { useTheme, useBreakpoint, createUnistylesComponent } from './core';

package/src/mq.js

@@ -1,38 +0,0 @@
-const getMQValue = (value) => {
-    if (typeof value === 'number') {
-        return value;
-    }
-    if (value === null) {
-        return 0;
-    }
-    // todo take it from js
-    const breakpoints = {
-        xs: 0,
-        sm: 300,
-        md: 500,
-        lg: 800,
-        xl: 1200
-    };
-    // @ts-ignore
-    return breakpoints[value] ?? 0;
-};
-/**
- * Utility to create cross-platform media queries
- * @returns - JavaScript symbol to be used in your stylesheet
- */
-export const mq = {
-    only: {
-        width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
-        height: (hMin = 0, hMax = Infinity) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
-    },
-    width: (wMin = 0, wMax = Infinity) => ({
-        and: {
-            height: (hMin = 0, hMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
-        }
-    }),
-    height: (hMin = 0, hMax = Infinity) => ({
-        and: {
-            width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
-        }
-    })
-};

package/src/specs/NativePlatform/NativePlatform.nitro.js

@@ -1,19 +0,0 @@
-import {} from '../types';
-export var UnistyleDependency;
-(function (UnistyleDependency) {
-    UnistyleDependency[UnistyleDependency["Theme"] = 0] = "Theme";
-    UnistyleDependency[UnistyleDependency["ThemeName"] = 1] = "ThemeName";
-    UnistyleDependency[UnistyleDependency["AdaptiveThemes"] = 2] = "AdaptiveThemes";
-    UnistyleDependency[UnistyleDependency["Breakpoints"] = 3] = "Breakpoints";
-    UnistyleDependency[UnistyleDependency["Variants"] = 4] = "Variants";
-    UnistyleDependency[UnistyleDependency["ColorScheme"] = 5] = "ColorScheme";
-    UnistyleDependency[UnistyleDependency["Dimensions"] = 6] = "Dimensions";
-    UnistyleDependency[UnistyleDependency["Orientation"] = 7] = "Orientation";
-    UnistyleDependency[UnistyleDependency["ContentSizeCategory"] = 8] = "ContentSizeCategory";
-    UnistyleDependency[UnistyleDependency["Insets"] = 9] = "Insets";
-    UnistyleDependency[UnistyleDependency["PixelRatio"] = 10] = "PixelRatio";
-    UnistyleDependency[UnistyleDependency["FontScale"] = 11] = "FontScale";
-    UnistyleDependency[UnistyleDependency["StatusBar"] = 12] = "StatusBar";
-    UnistyleDependency[UnistyleDependency["NavigationBar"] = 13] = "NavigationBar";
-    UnistyleDependency[UnistyleDependency["Ime"] = 14] = "Ime";
-})(UnistyleDependency || (UnistyleDependency = {}));

package/src/specs/NativePlatform/index.js

@@ -1 +0,0 @@
-export { UnistyleDependency } from './NativePlatform.nitro';

package/src/specs/NavigtionBar/UnistylesNavigationBar.nitro.js

@@ -1 +0,0 @@
-export {};

package/src/specs/NavigtionBar/index.js

@@ -1,9 +0,0 @@
-import { processColor } from 'react-native';
-export const attachNavigationBarJSMethods = (hybridObject) => {
-    const privateHybrid = hybridObject;
-    privateHybrid._setBackgroundColor = hybridObject.setBackgroundColor;
-    hybridObject.setBackgroundColor = (color) => {
-        const parsedColor = processColor(color) ?? 0;
-        privateHybrid._setBackgroundColor(parsedColor);
-    };
-};

package/src/specs/ShadowRegistry/ShadowRegistry.nitro.js

@@ -1 +0,0 @@
-export {};

package/src/specs/ShadowRegistry/index.js

@@ -1,26 +0,0 @@
-import { NitroModules } from 'react-native-nitro-modules';
-const HybridShadowRegistry = NitroModules.createHybridObject('UnistylesShadowRegistry');
-const findShadowNodeForHandle = (handle) => {
-    const node = handle?.__internalInstanceHandle?.stateNode?.node
-        ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node
-        ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node;
-    if (!node) {
-        // todo extend log with file name / component name
-        throw new Error('Could not find shadow node for one of your components');
-    }
-    return node;
-};
-HybridShadowRegistry.add = (handle, style, variants, args) => {
-    // virtualized nodes can be null
-    if (!handle || !style) {
-        return;
-    }
-    HybridShadowRegistry.link(findShadowNodeForHandle(handle), style, variants ?? {}, args ?? []);
-};
-HybridShadowRegistry.remove = handle => {
-    if (!handle) {
-        return;
-    }
-    HybridShadowRegistry.unlink(findShadowNodeForHandle(handle));
-};
-export const UnistylesShadowRegistry = HybridShadowRegistry;

package/src/specs/ShadowRegistry/types.js

@@ -1 +0,0 @@
-export {};

package/src/specs/StatusBar/UnistylesStatusBar.nitro.js

@@ -1 +0,0 @@
-export {};

package/src/specs/StatusBar/index.js

@@ -1,25 +0,0 @@
-import { processColor, StatusBar as NativeStatusBar } from 'react-native';
-import { StatusBarStyle } from '../types';
-export const attachStatusBarJSMethods = (hybridObject) => {
-    hybridObject.setStyle = (style, animated) => {
-        switch (style) {
-            case StatusBarStyle.Light:
-                return NativeStatusBar.setBarStyle('light-content', animated);
-            case StatusBarStyle.Dark:
-                return NativeStatusBar.setBarStyle('dark-content', animated);
-            case StatusBarStyle.Default:
-                return NativeStatusBar.setBarStyle('default', animated);
-        }
-    };
-    const privateHybrid = hybridObject;
-    privateHybrid._setHidden = hybridObject.setHidden;
-    hybridObject.setHidden = (isHidden, animation) => {
-        NativeStatusBar.setHidden(isHidden, animation);
-        privateHybrid._setHidden(isHidden);
-    };
-    privateHybrid._setBackgroundColor = hybridObject.setBackgroundColor;
-    hybridObject.setBackgroundColor = (color) => {
-        const parsedColor = processColor(color) ?? 0;
-        privateHybrid._setBackgroundColor(parsedColor);
-    };
-};

package/src/specs/StyleSheet/UnistylesStyleSheet.nitro.js

@@ -1 +0,0 @@
-import { UnistyleDependency } from '../NativePlatform';

package/src/specs/StyleSheet/index.js

@@ -1,13 +0,0 @@
-import { NitroModules } from 'react-native-nitro-modules';
-import { processColor, StyleSheet as NativeStyleSheet } from 'react-native';
-const HybridUnistylesStyleSheet = NitroModules
-    .createHybridObject('UnistylesStyleSheet');
-HybridUnistylesStyleSheet.absoluteFillObject = NativeStyleSheet.absoluteFillObject;
-HybridUnistylesStyleSheet.absoluteFill = NativeStyleSheet.absoluteFill;
-HybridUnistylesStyleSheet.flatten = NativeStyleSheet.flatten;
-HybridUnistylesStyleSheet.compose = NativeStyleSheet.compose;
-HybridUnistylesStyleSheet.jsMethods = {
-    processColor
-};
-HybridUnistylesStyleSheet.init();
-export const StyleSheet = HybridUnistylesStyleSheet;

package/src/specs/TurboUnistyles/NativeTurboUnistyles.js

@@ -1,2 +0,0 @@
-import { TurboModuleRegistry } from 'react-native';
-TurboModuleRegistry.get('Unistyles');

package/src/specs/TurboUnistyles/index.js

@@ -1 +0,0 @@
-import './NativeTurboUnistyles';

package/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.js

@@ -1 +0,0 @@
-export {};

package/src/specs/UnistylesRuntime/index.js

@@ -1,20 +0,0 @@
-import { processColor } from 'react-native';
-import { NitroModules } from 'react-native-nitro-modules';
-import { attachStatusBarJSMethods } from '../StatusBar';
-import { attachNavigationBarJSMethods } from '../NavigtionBar';
-import { isIOS } from '../../common';
-const HybridUnistylesRuntime = NitroModules
-    .createHybridObject('UnistylesRuntime');
-HybridUnistylesRuntime.statusBar = HybridUnistylesRuntime.createHybridStatusBar();
-HybridUnistylesRuntime.navigationBar = HybridUnistylesRuntime.createHybridNavigationBar();
-HybridUnistylesRuntime._setRootViewBackgroundColor = HybridUnistylesRuntime.setRootViewBackgroundColor;
-HybridUnistylesRuntime.setRootViewBackgroundColor = (color) => {
-    const parsedColor = processColor(color) ?? 0;
-    HybridUnistylesRuntime._setRootViewBackgroundColor(parsedColor);
-};
-if (isIOS) {
-    HybridUnistylesRuntime.setImmersiveMode = (isEnabled) => HybridUnistylesRuntime.statusBar.setHidden(isEnabled, 'fade');
-}
-attachStatusBarJSMethods(HybridUnistylesRuntime.statusBar);
-attachNavigationBarJSMethods(HybridUnistylesRuntime.navigationBar);
-export const Runtime = HybridUnistylesRuntime;

package/src/specs/index.js

@@ -1,8 +0,0 @@
-import './TurboUnistyles';
-import { Runtime } from './UnistylesRuntime';
-import { StyleSheet } from './StyleSheet';
-import { UnistylesShadowRegistry } from './ShadowRegistry';
-import { StatusBarStyle, ColorScheme, Orientation } from './types';
-import { UnistyleDependency } from './NativePlatform';
-export { StatusBarStyle, ColorScheme, Orientation, UnistyleDependency };
-export { UnistylesShadowRegistry, Runtime as UnistylesRuntime, StyleSheet, };

package/src/specs/index.web.js

@@ -1,2 +0,0 @@
-export const getSSRUnistyles = () => [];
-export * from '../web';

package/src/specs/types.js

@@ -1,17 +0,0 @@
-export var ColorScheme;
-(function (ColorScheme) {
-    ColorScheme["Light"] = "light";
-    ColorScheme["Dark"] = "dark";
-    ColorScheme["Unspecified"] = "unspecified";
-})(ColorScheme || (ColorScheme = {}));
-export var Orientation;
-(function (Orientation) {
-    Orientation["Portrait"] = "portrait";
-    Orientation["Landscape"] = "landscape";
-})(Orientation || (Orientation = {}));
-export var StatusBarStyle;
-(function (StatusBarStyle) {
-    StatusBarStyle["Default"] = "default";
-    StatusBarStyle["Light"] = "light";
-    StatusBarStyle["Dark"] = "dark";
-})(StatusBarStyle || (StatusBarStyle = {}));

package/src/types/accessibility.js

@@ -1,30 +0,0 @@
-export var IOSContentSizeCategory;
-(function (IOSContentSizeCategory) {
-    IOSContentSizeCategory["AccessibilityExtraExtraExtraLarge"] = "accessibilityExtraExtraExtraLarge";
-    IOSContentSizeCategory["AccessibilityExtraExtraLarge"] = "accessibilityExtraExtraLarge";
-    IOSContentSizeCategory["AccessibilityExtraLarge"] = "accessibilityExtraLarge";
-    IOSContentSizeCategory["AccessibilityLarge"] = "accessibilityLarge";
-    IOSContentSizeCategory["AccessibilityMedium"] = "accessibilityMedium";
-    IOSContentSizeCategory["ExtraExtraExtraLarge"] = "xxxLarge";
-    IOSContentSizeCategory["ExtraExtraLarge"] = "xxLarge";
-    IOSContentSizeCategory["ExtraLarge"] = "xLarge";
-    IOSContentSizeCategory["Large"] = "Large";
-    IOSContentSizeCategory["Medium"] = "Medium";
-    IOSContentSizeCategory["Small"] = "Small";
-    IOSContentSizeCategory["ExtraSmall"] = "xSmall";
-    IOSContentSizeCategory["Unspecified"] = "unspecified";
-})(IOSContentSizeCategory || (IOSContentSizeCategory = {}));
-export var AndroidContentSizeCategory;
-(function (AndroidContentSizeCategory) {
-    AndroidContentSizeCategory["Small"] = "Small";
-    AndroidContentSizeCategory["Default"] = "Default";
-    AndroidContentSizeCategory["Large"] = "Large";
-    AndroidContentSizeCategory["ExtraLarge"] = "ExtraLarge";
-    AndroidContentSizeCategory["Huge"] = "Huge";
-    AndroidContentSizeCategory["ExtraHuge"] = "ExtraHuge";
-    AndroidContentSizeCategory["ExtraExtraHuge"] = "ExtraExtraHuge";
-})(AndroidContentSizeCategory || (AndroidContentSizeCategory = {}));
-export var WebContentSizeCategory;
-(function (WebContentSizeCategory) {
-    WebContentSizeCategory["Unspecified"] = "web-unspecified";
-})(WebContentSizeCategory || (WebContentSizeCategory = {}));

package/src/types/breakpoints.js

@@ -1 +0,0 @@
-export {};

package/src/types/common.js

@@ -1 +0,0 @@
-export {};

package/src/types/core.js

@@ -1 +0,0 @@
-export {};

package/src/types/index.js

@@ -1 +0,0 @@
-export { AndroidContentSizeCategory, IOSContentSizeCategory, WebContentSizeCategory } from './accessibility';

package/src/types/stylesheet.js

@@ -1,2 +0,0 @@
-const create = (stylesheet) => stylesheet;
-export {};

package/src/types/variants.js

@@ -1 +0,0 @@
-export {};

package/src/web/convert/boxShadow.js

@@ -1,59 +0,0 @@
-import { deepMergeObjects, warn } from '../utils';
-import { validateShadow } from './shadow';
-import { BOX_SHADOW_STYLES } from './types';
-import { extractShadowValue, normalizeColor, normalizeNumericValue } from './utils';
-const createBoxShadowValue = (style) => {
-    // at this point every prop is present
-    const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
-    const offsetX = normalizeNumericValue(shadowOffset.width);
-    const offsetY = normalizeNumericValue(shadowOffset.height);
-    const radius = normalizeNumericValue(shadowRadius);
-    const color = normalizeColor(shadowColor, shadowOpacity);
-    return `${offsetX} ${offsetY} ${radius} ${color}`;
-};
-export const getBoxShadowStyle = (styles) => {
-    const missingStyles = BOX_SHADOW_STYLES.filter(key => !(key in styles));
-    if (missingStyles.length) {
-        warn(`can't apply box shadow as you miss these properties: ${missingStyles.join(', ')}`);
-        return {};
-    }
-    const breakpointsSet = new Set();
-    try {
-        validateShadow(BOX_SHADOW_STYLES, styles, breakpointsSet);
-    }
-    catch (error) {
-        if (typeof error === 'string') {
-            warn(error);
-        }
-        return {};
-    }
-    const breakpoints = Array.from(breakpointsSet);
-    // If no breakpoints were used return styles without media queries
-    if (breakpoints.length === 0) {
-        return {
-            boxShadow: createBoxShadowValue(styles)
-        };
-    }
-    // Create boxShadow for each breakpoint
-    const breakpointStyles = breakpoints.map(breakpoint => {
-        const color = extractShadowValue('shadowColor', breakpoint, styles);
-        const { width, height } = extractShadowValue('shadowOffset', breakpoint, styles);
-        const radius = extractShadowValue('shadowRadius', breakpoint, styles);
-        const opacity = extractShadowValue('shadowOpacity', breakpoint, styles);
-        return {
-            [breakpoint]: {
-                boxShadow: createBoxShadowValue({
-                    shadowColor: color,
-                    shadowOffset: {
-                        width,
-                        height
-                    },
-                    shadowRadius: radius,
-                    shadowOpacity: opacity
-                })
-            }
-        };
-    });
-    // Merge all breakpoints styles into one
-    return deepMergeObjects(...breakpointStyles);
-};

package/src/web/convert/index.js

@@ -1,56 +0,0 @@
-import { isPseudo } from './pseudo';
-import { getStyle } from './style';
-import { deepMergeObjects } from '../utils';
-import { getTransformStyle } from './transform';
-import { isBoxShadow, isTextShadow, isTransform } from './utils';
-import { getTextShadowStyle } from './textShadow';
-import { getBoxShadowStyle } from './boxShadow';
-export const convertUnistyles = (value) => {
-    // Flag to mark if textShadow is already created
-    let hasTextShadow = false;
-    // Flag to mark if boxShadow is already created
-    let hasBoxShadow = false;
-    const stylesArray = Object.entries({
-        ...value,
-        ...value._web
-    }).flatMap(([unistylesKey, unistylesValue]) => {
-        // Keys to omit
-        if (['_classNames', '_web', 'variants', 'compoundVariants', 'uni__dependencies', '__unistyles-secrets__'].includes(unistylesKey) || unistylesKey.startsWith('variant-')) {
-            return [];
-        }
-        // Pseudo classes :hover, :before etc.
-        if (isPseudo(unistylesKey)) {
-            const flattenValues = convertUnistyles(unistylesValue);
-            return { [unistylesKey]: flattenValues };
-        }
-        // Text shadow
-        if (isTextShadow(unistylesKey)) {
-            if (hasTextShadow) {
-                return [];
-            }
-            hasTextShadow = true;
-            return getTextShadowStyle(value);
-        }
-        // Box shadow
-        if (isBoxShadow(unistylesKey)) {
-            if (hasBoxShadow) {
-                return [];
-            }
-            hasBoxShadow = true;
-            return getBoxShadowStyle(value);
-        }
-        // Transforms
-        if (isTransform(unistylesKey, unistylesValue)) {
-            return getTransformStyle(unistylesValue);
-        }
-        // Breakpoints
-        if (typeof unistylesValue === 'object' && unistylesValue !== null) {
-            return Object.entries(unistylesValue).map(([breakpointKey, breakpointValue]) => {
-                return { [breakpointKey]: getStyle(unistylesKey, breakpointValue) };
-            });
-        }
-        // Regular styles
-        return getStyle(unistylesKey, unistylesValue);
-    });
-    return deepMergeObjects(...stylesArray);
-};