@react-native-styled-system/core 1.4.4 → 2.1.1

package/lib/module/@types/ThemedDict.js

@@ -1,5 +1,3 @@
-"use strict";
-
 /*
  * Theme type from developer
  */
@@ -9,6 +7,399 @@ export const emptyThemedDict = {
   colors: {},
   sizes: {},
   radii: {},
-  typography: {}
+  typography: {},
+  breakpoints: []
+};
+const defaultSpace = {
+  '0': 0,
+  'px': 1,
+  '0.5': 2,
+  '1': 4,
+  '2': 8,
+  '3': 12,
+  '4': 16,
+  '5': 20,
+  '6': 24,
+  '7': 28,
+  '8': 32,
+  '9': 36,
+  '10': 40,
+  '12': 48,
+  '14': 56,
+  '16': 64,
+  '20': 80,
+  '24': 96,
+  '32': 128,
+  '40': 160,
+  '48': 192
+};
+const defaultColors = {
+  'white': '#FFFFFF',
+  'black': '#000000',
+  'transparent': 'transparent',
+  'slate.50': '#f8fafc',
+  'slate.100': '#f1f5f9',
+  'slate.200': '#e2e8f0',
+  'slate.300': '#cad5e2',
+  'slate.400': '#90a1b9',
+  'slate.500': '#62748e',
+  'slate.600': '#45556c',
+  'slate.700': '#314158',
+  'slate.800': '#1d293d',
+  'slate.900': '#0f172b',
+  'slate.950': '#020618',
+  'gray.50': '#f9fafb',
+  'gray.100': '#f3f4f6',
+  'gray.200': '#e5e7eb',
+  'gray.300': '#d1d5dc',
+  'gray.400': '#99a1af',
+  'gray.500': '#6a7282',
+  'gray.600': '#4a5565',
+  'gray.700': '#364153',
+  'gray.800': '#1e2939',
+  'gray.900': '#101828',
+  'gray.950': '#030712',
+  'zinc.50': '#fafafa',
+  'zinc.100': '#f4f4f5',
+  'zinc.200': '#e4e4e7',
+  'zinc.300': '#d4d4d8',
+  'zinc.400': '#9f9fa9',
+  'zinc.500': '#71717b',
+  'zinc.600': '#52525c',
+  'zinc.700': '#3f3f46',
+  'zinc.800': '#27272a',
+  'zinc.900': '#18181b',
+  'zinc.950': '#09090b',
+  'neutral.50': '#fafafa',
+  'neutral.100': '#f5f5f5',
+  'neutral.200': '#e5e5e5',
+  'neutral.300': '#d4d4d4',
+  'neutral.400': '#a1a1a1',
+  'neutral.500': '#737373',
+  'neutral.600': '#525252',
+  'neutral.700': '#404040',
+  'neutral.800': '#262626',
+  'neutral.900': '#171717',
+  'neutral.950': '#0a0a0a',
+  'stone.50': '#fafaf9',
+  'stone.100': '#f5f5f4',
+  'stone.200': '#e7e5e4',
+  'stone.300': '#d7d3d1',
+  'stone.400': '#a6a09b',
+  'stone.500': '#79716b',
+  'stone.600': '#57534d',
+  'stone.700': '#44403b',
+  'stone.800': '#292524',
+  'stone.900': '#1c1917',
+  'stone.950': '#0c0a09',
+  'red.50': '#fef2f2',
+  'red.100': '#ffe2e2',
+  'red.200': '#ffc9c9',
+  'red.300': '#ffa2a2',
+  'red.400': '#ff6467',
+  'red.500': '#fb2c36',
+  'red.600': '#e7000b',
+  'red.700': '#c10007',
+  'red.800': '#9f0712',
+  'red.900': '#82181a',
+  'red.950': '#460809',
+  'orange.50': '#fff7ed',
+  'orange.100': '#ffedd4',
+  'orange.200': '#ffd6a7',
+  'orange.300': '#ffb869',
+  'orange.400': '#ff8903',
+  'orange.500': '#ff6900',
+  'orange.600': '#f54900',
+  'orange.700': '#ca3500',
+  'orange.800': '#9f2d00',
+  'orange.900': '#7e2a0c',
+  'orange.950': '#441306',
+  'amber.50': '#fffbeb',
+  'amber.100': '#fef3c6',
+  'amber.200': '#fee685',
+  'amber.300': '#ffd230',
+  'amber.400': '#ffb900',
+  'amber.500': '#fe9a00',
+  'amber.600': '#e17100',
+  'amber.700': '#bb4d00',
+  'amber.800': '#973c00',
+  'amber.900': '#7b3306',
+  'amber.950': '#461901',
+  'yellow.50': '#fefce8',
+  'yellow.100': '#fef9c2',
+  'yellow.200': '#fff085',
+  'yellow.300': '#ffdf20',
+  'yellow.400': '#fdc700',
+  'yellow.500': '#f0b100',
+  'yellow.600': '#d08700',
+  'yellow.700': '#a65f00',
+  'yellow.800': '#894b00',
+  'yellow.900': '#733e0a',
+  'yellow.950': '#432004',
+  'lime.50': '#f7fee7',
+  'lime.100': '#ecfcca',
+  'lime.200': '#d8f999',
+  'lime.300': '#bbf451',
+  'lime.400': '#9ae600',
+  'lime.500': '#7ccf00',
+  'lime.600': '#5ea500',
+  'lime.700': '#497d00',
+  'lime.800': '#3d6300',
+  'lime.900': '#35530e',
+  'lime.950': '#192e03',
+  'green.50': '#f0fdf4',
+  'green.100': '#dcfce7',
+  'green.200': '#b9f8cf',
+  'green.300': '#7bf1a7',
+  'green.400': '#06df72',
+  'green.500': '#00c950',
+  'green.600': '#00a63e',
+  'green.700': '#008235',
+  'green.800': '#026630',
+  'green.900': '#0d542b',
+  'green.950': '#032e15',
+  'emerald.50': '#ecfdf5',
+  'emerald.100': '#d0fae5',
+  'emerald.200': '#a4f4cf',
+  'emerald.300': '#5ee9b5',
+  'emerald.400': '#00d492',
+  'emerald.500': '#00bc7d',
+  'emerald.600': '#009966',
+  'emerald.700': '#007a55',
+  'emerald.800': '#006045',
+  'emerald.900': '#004f3b',
+  'emerald.950': '#002c22',
+  'teal.50': '#f0fdfa',
+  'teal.100': '#cbfbf1',
+  'teal.200': '#96f7e4',
+  'teal.300': '#46ecd4',
+  'teal.400': '#00d5bd',
+  'teal.500': '#00bba7',
+  'teal.600': '#009689',
+  'teal.700': '#00786f',
+  'teal.800': '#005f5a',
+  'teal.900': '#0b4f4a',
+  'teal.950': '#022f2e',
+  'cyan.50': '#ecfeff',
+  'cyan.100': '#cefafe',
+  'cyan.200': '#a2f4fd',
+  'cyan.300': '#53eafd',
+  'cyan.400': '#00d3f2',
+  'cyan.500': '#00b8db',
+  'cyan.600': '#0092b8',
+  'cyan.700': '#007595',
+  'cyan.800': '#005f78',
+  'cyan.900': '#104e64',
+  'cyan.950': '#053345',
+  'sky.50': '#f0f9ff',
+  'sky.100': '#dff2fe',
+  'sky.200': '#b8e6fe',
+  'sky.300': '#74d4ff',
+  'sky.400': '#00bcff',
+  'sky.500': '#00a6f4',
+  'sky.600': '#0084d1',
+  'sky.700': '#0069a8',
+  'sky.800': '#00598a',
+  'sky.900': '#024a70',
+  'sky.950': '#052f4a',
+  'blue.50': '#eff6ff',
+  'blue.100': '#dbeafe',
+  'blue.200': '#bedbff',
+  'blue.300': '#8ec5ff',
+  'blue.400': '#51a2ff',
+  'blue.500': '#2b7fff',
+  'blue.600': '#155dfb',
+  'blue.700': '#1447e6',
+  'blue.800': '#193cb8',
+  'blue.900': '#1c398e',
+  'blue.950': '#162556',
+  'indigo.50': '#eef2ff',
+  'indigo.100': '#e0e7ff',
+  'indigo.200': '#c7d2ff',
+  'indigo.300': '#a3b3ff',
+  'indigo.400': '#7c86ff',
+  'indigo.500': '#615fff',
+  'indigo.600': '#4f39f6',
+  'indigo.700': '#432dd7',
+  'indigo.800': '#372aac',
+  'indigo.900': '#312c85',
+  'indigo.950': '#1e1a4d',
+  'violet.50': '#f5f3ff',
+  'violet.100': '#ede9fe',
+  'violet.200': '#ddd6ff',
+  'violet.300': '#c4b4ff',
+  'violet.400': '#a684ff',
+  'violet.500': '#8e51ff',
+  'violet.600': '#7f22fe',
+  'violet.700': '#7008e7',
+  'violet.800': '#5d0ec0',
+  'violet.900': '#4d179a',
+  'violet.950': '#2f0d68',
+  'purple.50': '#faf5ff',
+  'purple.100': '#f3e8ff',
+  'purple.200': '#e9d4ff',
+  'purple.300': '#dab2ff',
+  'purple.400': '#c27aff',
+  'purple.500': '#ad46ff',
+  'purple.600': '#9810fa',
+  'purple.700': '#8200db',
+  'purple.800': '#6e11b0',
+  'purple.900': '#59168b',
+  'purple.950': '#3c0366',
+  'fuchsia.50': '#fdf4ff',
+  'fuchsia.100': '#fae8ff',
+  'fuchsia.200': '#f6cfff',
+  'fuchsia.300': '#f4a8ff',
+  'fuchsia.400': '#ed6aff',
+  'fuchsia.500': '#e12afb',
+  'fuchsia.600': '#c800de',
+  'fuchsia.700': '#a800b7',
+  'fuchsia.800': '#8a0194',
+  'fuchsia.900': '#721378',
+  'fuchsia.950': '#4b004f',
+  'pink.50': '#fdf2f8',
+  'pink.100': '#fce7f3',
+  'pink.200': '#fccee8',
+  'pink.300': '#fea5d5',
+  'pink.400': '#fb64b6',
+  'pink.500': '#f6339a',
+  'pink.600': '#e60076',
+  'pink.700': '#c6005b',
+  'pink.800': '#a3004c',
+  'pink.900': '#861043',
+  'pink.950': '#510424',
+  'rose.50': '#fff1f2',
+  'rose.100': '#ffe4e6',
+  'rose.200': '#ffccd2',
+  'rose.300': '#ffa1ad',
+  'rose.400': '#ff637e',
+  'rose.500': '#ff2056',
+  'rose.600': '#ec003f',
+  'rose.700': '#c70036',
+  'rose.800': '#a50036',
+  'rose.900': '#8b0836',
+  'rose.950': '#4d0218'
+};
+const defaultRadii = {
+  'none': 0,
+  'sm': 4,
+  'md': 8,
+  'lg': 12,
+  'xl': 16,
+  '2xl': 24,
+  'full': 9999
+};
+const defaultTypography = {
+  h1: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    lineHeight: 40
+  },
+  h2: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    lineHeight: 32
+  },
+  h3: {
+    fontSize: 20,
+    fontWeight: '600',
+    lineHeight: 28
+  },
+  body: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  caption: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  small: {
+    fontSize: 12,
+    lineHeight: 16
+  }
+};
+const grayScales = ['slate', 'gray', 'zinc', 'neutral', 'stone'];
+export const createThemeColors = ({
+  base,
+  theme
+}) => {
+  const b = shade => defaultColors[`${base}.${shade}`];
+  const t = shade => defaultColors[`${theme}.${shade}`];
+  const isGray = grayScales.includes(theme);
+  const light = {
+    'background': '#FFFFFF',
+    'foreground': b(950),
+    'card': '#FFFFFF',
+    'card-foreground': b(950),
+    'popover': '#FFFFFF',
+    'popover-foreground': b(950),
+    'primary': isGray ? t(900) : t(600),
+    'primary-foreground': isGray ? t(50) : '#FFFFFF',
+    'secondary': b(100),
+    'secondary-foreground': b(900),
+    'muted': b(100),
+    'muted-foreground': b(500),
+    'accent': b(100),
+    'accent-foreground': b(900),
+    'destructive': defaultColors['red.600'],
+    'destructive-foreground': b(50),
+    'border': b(200),
+    'input': b(200),
+    'ring': isGray ? b(400) : t(400),
+    'chart-1': defaultColors['orange.600'],
+    'chart-2': defaultColors['teal.600'],
+    'chart-3': defaultColors['cyan.900'],
+    'chart-4': defaultColors['amber.400'],
+    'chart-5': defaultColors['amber.500']
+  };
+  const dark = {
+    'background': b(950),
+    'foreground': b(50),
+    'card': b(900),
+    'card-foreground': b(50),
+    'popover': b(900),
+    'popover-foreground': b(50),
+    'primary': isGray ? t(200) : t(500),
+    'primary-foreground': isGray ? t(900) : '#FFFFFF',
+    'secondary': b(800),
+    'secondary-foreground': b(50),
+    'muted': b(800),
+    'muted-foreground': b(400),
+    'accent': b(800),
+    'accent-foreground': b(50),
+    'destructive': defaultColors['red.400'],
+    'destructive-foreground': b(50),
+    'border': b(800),
+    'input': b(800),
+    'ring': isGray ? b(500) : t(500),
+    'chart-1': defaultColors['blue.700'],
+    'chart-2': defaultColors['emerald.500'],
+    'chart-3': defaultColors['amber.500'],
+    'chart-4': defaultColors['purple.500'],
+    'chart-5': defaultColors['rose.500']
+  };
+  return {
+    light,
+    dark
+  };
+};
+const defaultSemanticColors = createThemeColors({
+  base: 'neutral',
+  theme: 'neutral'
+});
+export const defaultTheme = {
+  space: defaultSpace,
+  sizes: {
+    ...defaultSpace,
+    full: '100%',
+    half: '50%'
+  },
+  colors: {
+    ...defaultColors,
+    ...defaultSemanticColors.light
+  },
+  radii: defaultRadii,
+  typography: defaultTypography,
+  breakpoints: [480, 768, 1024]
 };
 //# sourceMappingURL=ThemedDict.js.map

package/lib/module/@types/ThemedDict.js.map

@@ -1 +1 @@
-{"version":3,"names":["emptyThemedDict","space","colors","sizes","radii","typography"],"sourceRoot":"../../../src","sources":["@types/ThemedDict.ts"],"mappings":";;AAEA;AACA;AACA;;AAQA,OAAO,MAAMA,eAAe,GAAG;EAC7BC,KAAK,EAAE,CAAC,CAAC;EACTC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE,CAAC,CAAC;EACTC,KAAK,EAAE,CAAC,CAAC;EACTC,UAAU,EAAE,CAAC;AACf,CAAsB","ignoreList":[]}
+{"version":3,"names":["emptyThemedDict","space","colors","sizes","radii","typography","breakpoints","defaultSpace","defaultColors","defaultRadii","defaultTypography","h1","fontSize","fontWeight","lineHeight","h2","h3","body","caption","small","grayScales","createThemeColors","base","theme","b","shade","t","isGray","includes","light","dark","defaultSemanticColors","defaultTheme","full","half"],"sourceRoot":"../../../src","sources":["@types/ThemedDict.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/@types/ThemedTypings.js

@@ -1,4 +1,2 @@
-"use strict";
-
 export {};
 //# sourceMappingURL=ThemedTypings.js.map

package/lib/module/@types/Token.js

@@ -1,4 +1,2 @@
-"use strict";
-
 export {};
 //# sourceMappingURL=Token.js.map

package/lib/module/__testUtils__/testTheme.js

@@ -0,0 +1,45 @@
+import { emptyThemedDict } from '../@types/ThemedDict';
+export const emptyTheme = emptyThemedDict;
+export const baseTheme = {
+  colors: {
+    red: 'red',
+    blue: 'blue',
+    green: 'green'
+  },
+  sizes: {
+    1: 4,
+    2: 8,
+    pagePadding: 20,
+    full: '100%'
+  },
+  space: {
+    1: 4,
+    2: 8,
+    pagePadding: 20,
+    full: '100%'
+  },
+  radii: {
+    sm: 8,
+    md: 12,
+    lg: 20
+  },
+  typography: {
+    title: {
+      fontFamily: 'Noto Sans',
+      fontSize: 14,
+      fontStyle: 'normal',
+      fontWeight: '400'
+    },
+    body: {
+      fontFamily: 'Noto Sans',
+      fontSize: 12,
+      fontStyle: 'normal',
+      fontWeight: '400'
+    }
+  }
+};
+export const responsiveTheme = {
+  ...baseTheme,
+  breakpoints: [480, 768, 1024]
+};
+//# sourceMappingURL=testTheme.js.map

package/lib/module/__testUtils__/testTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emptyThemedDict","emptyTheme","baseTheme","colors","red","blue","green","sizes","pagePadding","full","space","radii","sm","md","lg","typography","title","fontFamily","fontSize","fontStyle","fontWeight","body","responsiveTheme","breakpoints"],"sourceRoot":"../../../src","sources":["__testUtils__/testTheme.ts"],"mappings":"AACA,SAASA,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,MAAMC,UAAU,GAAGD,eAAe;AAEzC,OAAO,MAAME,SAAqB,GAAG;EACnCC,MAAM,EAAE;IACNC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACL,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJC,WAAW,EAAE,EAAE;IACfC,IAAI,EAAE;EACR,CAAC;EACDC,KAAK,EAAE;IAAE,CAAC,EAAE,CAAC;IAAE,CAAC,EAAE,CAAC;IAAEF,WAAW,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAO,CAAC;EACpDE,KAAK,EAAE;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;MACLC,UAAU,EAAE,WAAW;MACvBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJJ,UAAU,EAAE,WAAW;MACvBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE;IACd;EACF;AACF,CAAC;AAED,OAAO,MAAME,eAA2B,GAAG;EACzC,GAAGpB,SAAS;EACZqB,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI;AAC9B,CAAC","ignoreList":[]}

package/lib/module/hook/useSx.js

@@ -1,5 +1,3 @@
-"use strict";
-
 import { useContext, useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import { is } from '@mj-studio/js-util';
@@ -18,17 +16,22 @@ export const useSx = (props, {
   styleType = defaultUseSxOptions.styleType,
   transform = defaultUseSxOptions.transform,
   fallback,
-  cache
+  cache,
+  screenWidth: optionScreenWidth
 } = defaultUseSxOptions) => {
   const styledSystemContext = useContext(StyledSystemContext);
   const getStyle = useStableCallback(() => {
     const skip = !props && !fallback;
     const theme = optionTheme ?? styledSystemContext?.theme;
+    const breakpoints = theme?.breakpoints ?? [];
+    const screenWidth = optionScreenWidth ?? styledSystemContext?.screenWidth ?? 0;
     if (skip) {
       if (is.function(transform)) {
         return propsToThemedStyle({
           theme,
-          sx: transform({})
+          sx: transform({}),
+          breakpoints,
+          screenWidth
         });
       } else {
         return;
@@ -48,7 +51,9 @@ export const useSx = (props, {
     const mergedSxStyle = propsToThemedStyle({
       theme,
       sx: mergedSx,
-      styleType
+      styleType,
+      breakpoints,
+      screenWidth
     });
     const composedStyle = !mergedSxStyle ? props?.style : props?.style ? [mergedSxStyle, props.style] : mergedSxStyle;
     if (is.function(transform)) {
@@ -56,7 +61,9 @@ export const useSx = (props, {
       const ret = [composedStyle, propsToThemedStyle({
         theme,
         sx: transformedSx,
-        styleType
+        styleType,
+        breakpoints,
+        screenWidth
       })];
       if (cache) {
         return getCachedStyle(ret);

package/lib/module/hook/useSx.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useMemo","StyleSheet","is","_textStylePropList","_viewStylePropList","useStableCallback","mutateShortcutPropToOriginalKeys","printWarning","getCachedStyle","StyledSystemContext","propsToThemedStyle","defaultUseSxOptions","styleType","useSx","props","theme","optionTheme","transform","fallback","cache","styledSystemContext","getStyle","skip","function","sx","mergedSx","mergedSxStyle","composedStyle","style","transformedSx","flatten","ret","filteredProps","forEach","keyName"],"sourceRoot":"../../../src","sources":["hook/useSx.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useContext","useMemo","StyleSheet","is","_textStylePropList","_viewStylePropList","useStableCallback","mutateShortcutPropToOriginalKeys","printWarning","getCachedStyle","StyledSystemContext","propsToThemedStyle","defaultUseSxOptions","styleType","useSx","props","theme","optionTheme","transform","fallback","cache","screenWidth","optionScreenWidth","styledSystemContext","getStyle","skip","breakpoints","function","sx","mergedSx","mergedSxStyle","composedStyle","style","transformedSx","flatten","ret","filteredProps","forEach","keyName"],"sourceRoot":"../../../src","sources":["hook/useSx.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAE3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,oBAAoB;AAIvC,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAE1E,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,gCAAgC,QAAQ,mDAAmD;AACpG,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE,SAASC,kBAAkB,QAAQ,4BAA4B;AAc/D,MAAMC,mBAAiC,GAAG;EAAEC,SAAS,EAAE;AAAY,CAAC;AACpE,OAAO,MAAMC,KAAK,GAAGA,CACnBC,KAAgB,EAChB;EACEC,KAAK,EAAEC,WAAW;EAClBJ,SAAS,GAAGD,mBAAmB,CAACC,SAAS;EACzCK,SAAS,GAAGN,mBAAmB,CAACM,SAAS;EACzCC,QAAQ;EACRC,KAAK;EACLC,WAAW,EAAEC;AACD,CAAC,GAAGV,mBAAmB,KAClC;EACH,MAAMW,mBAAmB,GAAGvB,UAAU,CAACU,mBAAmB,CAAC;EAE3D,MAAMc,QAAQ,GAAGlB,iBAAiB,CAAC,MAAuC;IACxE,MAAMmB,IAAI,GAAG,CAACV,KAAK,IAAI,CAACI,QAAQ;IAChC,MAAMH,KAAK,GAAGC,WAAW,IAAIM,mBAAmB,EAAEP,KAAK;IACvD,MAAMU,WAAW,GAAGV,KAAK,EAAEU,WAAW,IAAI,EAAE;IAC5C,MAAML,WAAW,GAAGC,iBAAiB,IAAIC,mBAAmB,EAAEF,WAAW,IAAI,CAAC;IAE9E,IAAII,IAAI,EAAE;MACR,IAAItB,EAAE,CAACwB,QAAQ,CAACT,SAAS,CAAC,EAAE;QAC1B,OAAOP,kBAAkB,CAAC;UAAEK,KAAK;UAAEY,EAAE,EAAEV,SAAS,CAAC,CAAC,CAAC,CAAC;UAAEQ,WAAW;UAAEL;QAAY,CAAC,CAAC;MACnF,CAAC,MAAM;QACL;MACF;IACF;IAEA,IAAI,CAACL,KAAK,EAAE;MACVR,YAAY,CAAC,yDAAyD,CAAC;MAEvE;IACF;;IAEA;IACA,MAAMqB,QAAqB,GAAG;MAC5B,GAAGtB,gCAAgC,CAACY,QAAQ,CAAC;MAC7C,GAAGZ,gCAAgC,CAACQ,KAAK,CAAC;MAC1C,GAAGR,gCAAgC,CAACQ,KAAK,EAAEa,EAAE;IAC/C,CAAC;IAED,MAAME,aAAa,GAAGnB,kBAAkB,CAAC;MACvCK,KAAK;MACLY,EAAE,EAAEC,QAAQ;MACZhB,SAAS;MACTa,WAAW;MACXL;IACF,CAAC,CAAC;IAEF,MAAMU,aAAa,GAAG,CAACD,aAAa,GAChCf,KAAK,EAAEiB,KAAK,GACZjB,KAAK,EAAEiB,KAAK,GACV,CAACF,aAAa,EAAEf,KAAK,CAACiB,KAAK,CAAC,GAC5BF,aAAa;IAEnB,IAAI3B,EAAE,CAACwB,QAAQ,CAACT,SAAS,CAAC,EAAE;MAC1B,MAAMe,aAAa,GAAGf,SAAS,CAAChB,UAAU,CAACgC,OAAO,CAACH,aAAa,CAAC,CAAC;MAElE,MAAMI,GAAG,GAAG,CACVJ,aAAa,EACbpB,kBAAkB,CAAC;QAAEK,KAAK;QAAEY,EAAE,EAAEK,aAAa;QAAEpB,SAAS;QAAEa,WAAW;QAAEL;MAAY,CAAC,CAAC,CACtF;MAED,IAAID,KAAK,EAAE;QACT,OAAOX,cAAc,CAAC0B,GAAG,CAAC;MAC5B,CAAC,MAAM;QACL,OAAOA,GAAG;MACZ;IACF,CAAC,MAAM;MACL,IAAIf,KAAK,EAAE;QACT,OAAOX,cAAc,CAACsB,aAAa,CAAC;MACtC,CAAC,MAAM;QACL,OAAOA,aAAa;MACtB;IACF;EACF,CAAC,CAAC;EAEF,MAAMK,aAA6C,GAAGnC,OAAO,CAAC,MAAM;IAClE,MAAMkC,GAAG,GAAG;MAAE,GAAGpB;IAAM,CAAmC;IAE1DV,kBAAkB,CAACgC,OAAO,CAAEC,OAAO,IAAK,OAAOH,GAAG,CAACG,OAAO,CAAC,CAAC;IAC5D,IAAIzB,SAAS,KAAK,WAAW,EAAE;MAC7BT,kBAAkB,CAACiC,OAAO,CAAEC,OAAO,IAAK,OAAOH,GAAG,CAACG,OAAO,CAAC,CAAC;IAC9D;IAEA,OAAOH,GAAG;EACZ,CAAC,EAAE,CAACpB,KAAK,EAAEF,SAAS,CAAC,CAAC;EAEtB,OAAO;IAAEW,QAAQ;IAAEY;EAAc,CAAC;AACpC,CAAC","ignoreList":[]}

package/lib/module/hook/useSxStyle.js

@@ -1,5 +1,3 @@
-"use strict";
-
 import { useContext } from 'react';
 import { printWarning } from '../internal/util/printWarning';
 import { getCachedStyle } from '../internal/util/StyleHash';
@@ -8,11 +6,14 @@ import { propsToThemedStyle } from '../util/propsToThemedStyle';
 const defaultOptions = {};
 export const useSxStyle = ({
   theme: optionTheme,
-  cache
+  cache,
+  screenWidth: optionScreenWidth
 } = defaultOptions) => {
   const styledSystemContext = useContext(StyledSystemContext);
   return sx => {
     const theme = optionTheme ?? styledSystemContext?.theme;
+    const breakpoints = theme?.breakpoints ?? [];
+    const screenWidth = optionScreenWidth ?? styledSystemContext?.screenWidth ?? 0;
     if (!theme) {
       printWarning('theme not found from useSxStyle, empty style will be returned.');
       return {};
@@ -20,12 +21,16 @@ export const useSxStyle = ({
     if (cache) {
       return getCachedStyle(propsToThemedStyle({
         theme,
-        sx
+        sx,
+        breakpoints,
+        screenWidth
       }));
     } else {
       return propsToThemedStyle({
         theme,
-        sx
+        sx,
+        breakpoints,
+        screenWidth
       });
     }
   };

package/lib/module/hook/useSxStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","printWarning","getCachedStyle","StyledSystemContext","propsToThemedStyle","defaultOptions","useSxStyle","theme","optionTheme","cache","styledSystemContext","sx"],"sourceRoot":"../../../src","sources":["hook/useSxStyle.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAKlC,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,kBAAkB,QAAQ,4BAA4B;AAM/D,MAAMC,cAAiC,GAAG,CAAC,CAAC;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK,EAAEC,WAAW;EAAEC;AAAyB,CAAC,GAAGJ,cAAc,KAAK;EAC/F,MAAMK,mBAAmB,GAAGV,UAAU,CAACG,mBAAmB,CAAC;EAE3D,OAAQQ,EAAe,IAA2B;IAChD,MAAMJ,KAAK,GAAGC,WAAW,IAAIE,mBAAmB,EAAEH,KAAK;IAEvD,IAAI,CAACA,KAAK,EAAE;MACVN,YAAY,CAAC,gEAAgE,CAAC;MAE9E,OAAO,CAAC,CAAC;IACX;IAEA,IAAIQ,KAAK,EAAE;MACT,OAAOP,cAAc,CACnBE,kBAAkB,CAAC;QACjBG,KAAK;QACLI;MACF,CAAC,CACH,CAAC;IACH,CAAC,MAAM;MACL,OAAOP,kBAAkB,CAAC;QACxBG,KAAK;QACLI;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","printWarning","getCachedStyle","StyledSystemContext","propsToThemedStyle","defaultOptions","useSxStyle","theme","optionTheme","cache","screenWidth","optionScreenWidth","styledSystemContext","sx","breakpoints"],"sourceRoot":"../../../src","sources":["hook/useSxStyle.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAKlC,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,kBAAkB,QAAQ,4BAA4B;AAO/D,MAAMC,cAAiC,GAAG,CAAC,CAAC;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,KAAK,EAAEC,WAAW;EAClBC,KAAK;EACLC,WAAW,EAAEC;AACI,CAAC,GAAGN,cAAc,KAAK;EACxC,MAAMO,mBAAmB,GAAGZ,UAAU,CAACG,mBAAmB,CAAC;EAE3D,OAAQU,EAAe,IAA2B;IAChD,MAAMN,KAAK,GAAGC,WAAW,IAAII,mBAAmB,EAAEL,KAAK;IACvD,MAAMO,WAAW,GAAGP,KAAK,EAAEO,WAAW,IAAI,EAAE;IAC5C,MAAMJ,WAAW,GAAGC,iBAAiB,IAAIC,mBAAmB,EAAEF,WAAW,IAAI,CAAC;IAE9E,IAAI,CAACH,KAAK,EAAE;MACVN,YAAY,CAAC,gEAAgE,CAAC;MAE9E,OAAO,CAAC,CAAC;IACX;IAEA,IAAIQ,KAAK,EAAE;MACT,OAAOP,cAAc,CACnBE,kBAAkB,CAAC;QACjBG,KAAK;QACLM,EAAE;QACFC,WAAW;QACXJ;MACF,CAAC,CACH,CAAC;IACH,CAAC,MAAM;MACL,OAAON,kBAAkB,CAAC;QACxBG,KAAK;QACLM,EAAE;QACFC,WAAW;QACXJ;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/hook/useSxTokens.js

@@ -1,5 +1,3 @@
-"use strict";
-
 import { useContext } from 'react';
 import { generateArray } from '@mj-studio/js-util';
 import { printWarning } from '../internal/util/printWarning';

package/lib/module/hook/useSxTokens.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","generateArray","printWarning","StyledSystemContext","useSxTokens","tokenType","tokenValues","theme","optionTheme","styledSystemContext","length","map","undefined","ret","i","tokenValue","String","push"],"sourceRoot":"../../../src","sources":["hook/useSxTokens.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,mBAAmB,QAAQ,kCAAkC;AAKtE,OAAO,MAAMC,WAAW,GAAGA,CACzBC,SAAY,EACZC,WAAgD,EAChD;EAAEC,KAAK,EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,KACD;EAC9C,MAAMC,mBAAmB,GAAGT,UAAU,CAACG,mBAAmB,CAAC;EAE3D,MAAMI,KAAK,GAAGC,WAAW,IAAIC,mBAAmB,EAAEF,KAAK;EAEvD,IAAI,CAACA,KAAK,EAAE;IACVL,YAAY,CAAC,gEAAgE,CAAC;IAE9E,OAAOD,aAAa,CAACK,WAAW,CAACI,MAAM,CAAC,CAACC,GAAG,CAAC,MAAMC,SAAS,CAAC;EAC/D;EAEA,MAAMC,GAA8C,GAAG,EAAE;EAEzD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,WAAW,CAACI,MAAM,EAAEI,CAAC,EAAE,EAAE;IAC3C,MAAMC,UAAU,GAAGT,WAAW,CAACQ,CAAC,CAAC,IAAI,WAAW;IAChD,IAAI,EAAEC,UAAU,IAAIR,KAAK,CAACF,SAAS,CAAC,CAAC,EAAE;MACrCH,YAAY,CACV,cAAcc,MAAM,CAACD,UAAU,CAAC,aAAaD,CAAC,+BAA+BT,SAAS,gDACxF,CAAC;MACDQ,GAAG,CAACI,IAAI,CAACL,SAAgB,CAAC;IAC5B,CAAC,MAAM;MACLC,GAAG,CAACI,IAAI,CAACV,KAAK,CAACF,SAAS,CAAC,CAACU,UAAU,CAAC,CAAC;IACxC;EACF;EAEA,OAAOF,GAAG;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","generateArray","printWarning","StyledSystemContext","useSxTokens","tokenType","tokenValues","theme","optionTheme","styledSystemContext","length","map","undefined","ret","i","tokenValue","String","push"],"sourceRoot":"../../../src","sources":["hook/useSxTokens.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,mBAAmB,QAAQ,kCAAkC;AAKtE,OAAO,MAAMC,WAAW,GAAGA,CACzBC,SAAY,EACZC,WAAgD,EAChD;EAAEC,KAAK,EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,KACD;EAC9C,MAAMC,mBAAmB,GAAGT,UAAU,CAACG,mBAAmB,CAAC;EAE3D,MAAMI,KAAK,GAAGC,WAAW,IAAIC,mBAAmB,EAAEF,KAAK;EAEvD,IAAI,CAACA,KAAK,EAAE;IACVL,YAAY,CAAC,gEAAgE,CAAC;IAE9E,OAAOD,aAAa,CAACK,WAAW,CAACI,MAAM,CAAC,CAACC,GAAG,CAAC,MAAMC,SAAS,CAAC;EAC/D;EAEA,MAAMC,GAA8C,GAAG,EAAE;EAEzD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,WAAW,CAACI,MAAM,EAAEI,CAAC,EAAE,EAAE;IAC3C,MAAMC,UAAU,GAAGT,WAAW,CAACQ,CAAC,CAAC,IAAI,WAAW;IAChD,IAAI,EAAEC,UAAU,IAAIR,KAAK,CAACF,SAAS,CAAC,CAAC,EAAE;MACrCH,YAAY,CACV,cAAcc,MAAM,CAACD,UAAU,CAAC,aAAaD,CAAC,+BAA+BT,SAAS,gDACxF,CAAC;MACDQ,GAAG,CAACI,IAAI,CAACL,SAAgB,CAAC;IAC5B,CAAC,MAAM;MACLC,GAAG,CAACI,IAAI,CAACV,KAAK,CAACF,SAAS,CAAC,CAACU,UAAU,CAAC,CAAC;IACxC;EACF;EAEA,OAAOF,GAAG;AACZ,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,4 @@
-"use strict";
-
+export * from './@types/Responsive';
 export * from './@types/SxProps';
 export * from './@types/ThemedDict';
 export * from './@types/ThemedTypings';
@@ -9,4 +8,5 @@ export * from './hook/useSxTokens';
 export * from './provider/StyledSystemProvider';
 export * from './util/propsToThemedStyle';
 export * from './util/createSxComponent';
+export * from './util/createTheme';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC;AAC/C,cAAc,2BAA2B;AACzC,cAAc,0BAA0B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,iCAAiC;AAC/C,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,oBAAoB","ignoreList":[]}

package/lib/module/internal/TokenParser/ColorsParser.js

@@ -1,5 +1,3 @@
-"use strict";
-
 export const createColorsParser = theme => {
   return token => parseColors(theme, token);
 };

package/lib/module/internal/TokenParser/ColorsParser.js.map

@@ -1 +1 @@
-{"version":3,"names":["createColorsParser","theme","token","parseColors","colors"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/ColorsParser.ts"],"mappings":";;AAGA,OAAO,MAAMA,kBAAkB,GAAIC,KAAiB,IAAK;EACvD,OAAQC,KAAuB,IAAKC,WAAW,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC/D,CAAC;AAED,MAAMC,WAAW,GAAGA,CAACF,KAAiB,EAAEC,KAAuB,KAA8B;EAC3F,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,IAAIA,KAAK,IAAID,KAAK,CAACG,MAAM,EAAE;IACzB,OAAOH,KAAK,CAACG,MAAM,CAACF,KAAK,CAAC;EAC5B,CAAC,MAAM;IACL,OAAOA,KAAK;EACd;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["createColorsParser","theme","token","parseColors","colors"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/ColorsParser.ts"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,GAAIC,KAAiB,IAAK;EACvD,OAAQC,KAAuB,IAAKC,WAAW,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC/D,CAAC;AAED,MAAMC,WAAW,GAAGA,CAACF,KAAiB,EAAEC,KAAuB,KAA8B;EAC3F,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,IAAIA,KAAK,IAAID,KAAK,CAACG,MAAM,EAAE;IACzB,OAAOH,KAAK,CAACG,MAAM,CAACF,KAAK,CAAC;EAC5B,CAAC,MAAM;IACL,OAAOA,KAAK;EACd;AACF,CAAC","ignoreList":[]}