@mochi-inc-japan/react-native-stylex-sheet 1.0.0 → 1.0.2

package/lib/module/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","createElement","useContext","useMemo","PixelRatio","useWindowDimensions","mix","props","detectMedia","RNStyleXContext","undefined","RNStyleXProvider","componentProps","_componentProps$windo","_componentProps$theme","width","correctedWidth","windowWidth","getPixelSizeForLayoutSize","theme","value","media","_len","arguments","length","args","Array","_key","sheets","map","v","isArray","arg","variants","config","Provider","only","children","useStylex","context","Error"],"sources":["hooks.ts"],"sourcesContent":["import {\n  Children,\n  createContext,\n  createElement,\n  useContext,\n  useMemo,\n} from 'react';\nimport { PixelRatio, useWindowDimensions } from 'react-native';\nimport { mix, props } from './base';\nimport { RNStyle, VariantStyleSheet } from './types';\nimport { detectMedia } from './media';\n\ntype IApi = {\n  props: typeof props;\n  mix: typeof mix;\n};\n\ntype UserConfig = {\n  windowWidth: number;\n  theme: string;\n};\n\ntype ValueType = UserConfig & IApi;\n\nconst RNStyleXContext = createContext<ValueType | undefined>(undefined);\n\nexport const RNStyleXProvider = (\n  componentProps: Partial<Pick<ValueType, 'windowWidth' | 'theme'>> & {\n    media?: Record<string, string>;\n    children: React.ReactNode;\n  }\n) => {\n  const { width } = useWindowDimensions();\n  const correctedWidth =\n    componentProps.windowWidth ?? PixelRatio.getPixelSizeForLayoutSize(width);\n  const theme = componentProps.theme ?? 'default';\n\n  const value = useMemo<ValueType>(() => {\n    const media = componentProps.media && detectMedia(componentProps.media, correctedWidth);\n    return {\n      windowWidth: correctedWidth,\n      theme,\n      props(...args) {\n        const sheets = args.map((v) =>\n          Array.isArray(v)\n            ? v\n            : v && this.mix(v as VariantStyleSheet<string, RNStyle>)\n        );\n        return props(...sheets);\n      },\n      mix(arg, variants) {\n        if (!arg) return [];\n        const config = {\n          theme,\n          media: media ?? this.windowWidth,\n        };\n        if (Array.isArray(arg)) {\n          return mix([arg[0], { ...config, ...arg[1] }], variants);\n        }\n        return mix([arg, config], variants);\n      },\n    };\n  }, [correctedWidth, theme]);\n  return createElement(\n    RNStyleXContext.Provider,\n    { value },\n    Children.only(componentProps.children)\n  );\n};\n\nexport const useStylex = () => {\n  const context = useContext(RNStyleXContext);\n  if (!context) {\n    throw new Error('useStylex must be used within a RNStyleXProvider');\n  }\n  return context;\n};\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,aAAa,EACbC,aAAa,EACbC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,GAAG,EAAEC,KAAK,QAAQ,QAAQ;AAEnC,SAASC,WAAW,QAAQ,SAAS;AAcrC,MAAMC,eAAe,gBAAGT,aAAa,CAAwBU,SAAS,CAAC;AAEvE,OAAO,MAAMC,gBAAgB,GAC3BC,cAGC,IACE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACH,MAAM;IAAEC;EAAM,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EACvC,MAAMW,cAAc,IAAAH,qBAAA,GAClBD,cAAc,CAACK,WAAW,cAAAJ,qBAAA,cAAAA,qBAAA,GAAIT,UAAU,CAACc,yBAAyB,CAACH,KAAK,CAAC;EAC3E,MAAMI,KAAK,IAAAL,qBAAA,GAAGF,cAAc,CAACO,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,SAAS;EAE/C,MAAMM,KAAK,GAAGjB,OAAO,CAAY,MAAM;IACrC,MAAMkB,KAAK,GAAGT,cAAc,CAACS,KAAK,IAAIb,WAAW,CAACI,cAAc,CAACS,KAAK,EAAEL,cAAc,CAAC;IACvF,OAAO;MACLC,WAAW,EAAED,cAAc;MAC3BG,KAAK;MACLZ,KAAKA,CAAA,EAAU;QAAA,SAAAe,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAANC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;QAAA;QACX,MAAMC,MAAM,GAAGH,IAAI,CAACI,GAAG,CAAEC,CAAC,IACxBJ,KAAK,CAACK,OAAO,CAACD,CAAC,CAAC,GACZA,CAAC,GACDA,CAAC,IAAI,IAAI,CAACxB,GAAG,CAACwB,CAAuC,CAC3D,CAAC;QACD,OAAOvB,KAAK,CAAC,GAAGqB,MAAM,CAAC;MACzB,CAAC;MACDtB,GAAGA,CAAC0B,GAAG,EAAEC,QAAQ,EAAE;QACjB,IAAI,CAACD,GAAG,EAAE,OAAO,EAAE;QACnB,MAAME,MAAM,GAAG;UACbf,KAAK;UACLE,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,CAACJ;QACvB,CAAC;QACD,IAAIS,KAAK,CAACK,OAAO,CAACC,GAAG,CAAC,EAAE;UACtB,OAAO1B,GAAG,CAAC,CAAC0B,GAAG,CAAC,CAAC,CAAC,EAAE;YAAE,GAAGE,MAAM;YAAE,GAAGF,GAAG,CAAC,CAAC;UAAE,CAAC,CAAC,EAAEC,QAAQ,CAAC;QAC1D;QACA,OAAO3B,GAAG,CAAC,CAAC0B,GAAG,EAAEE,MAAM,CAAC,EAAED,QAAQ,CAAC;MACrC;IACF,CAAC;EACH,CAAC,EAAE,CAACjB,cAAc,EAAEG,KAAK,CAAC,CAAC;EAC3B,oBAAOlB,aAAa,CAClBQ,eAAe,CAAC0B,QAAQ,EACxB;IAAEf;EAAM,CAAC,EACTrB,QAAQ,CAACqC,IAAI,CAACxB,cAAc,CAACyB,QAAQ,CACvC,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGrC,UAAU,CAACO,eAAe,CAAC;EAC3C,IAAI,CAAC8B,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["Children","createContext","createElement","useContext","useMemo","PixelRatio","useWindowDimensions","flatten","mix","props","detectMedia","RNStyleXContext","undefined","RNStyleXProvider","componentProps","_componentProps$windo","_componentProps$theme","width","correctedWidth","windowWidth","getPixelSizeForLayoutSize","theme","value","media","_len","arguments","length","args","Array","_key","sheets","map","v","isArray","_len2","_key2","arg","variants","config","Provider","only","children","useStylex","context","Error"],"sources":["hooks.ts"],"sourcesContent":["import {\n  Children,\n  createContext,\n  createElement,\n  useContext,\n  useMemo,\n} from 'react';\nimport { PixelRatio, useWindowDimensions } from 'react-native';\nimport { flatten, mix, props } from './base';\nimport { RNStyle, VariantStyleSheet } from './types';\nimport { detectMedia } from './media';\n\ntype IApi = {\n  props: typeof props;\n  mix: typeof mix;\n  flatten: typeof flatten;\n};\n\ntype UserConfig = {\n  windowWidth: number;\n  theme: string;\n};\n\ntype ValueType = UserConfig & IApi;\n\nconst RNStyleXContext = createContext<ValueType | undefined>(undefined);\n\nexport const RNStyleXProvider = (\n  componentProps: Partial<Pick<ValueType, 'windowWidth' | 'theme'>> & {\n    media?: Record<string, string>;\n    children: React.ReactNode;\n  }\n) => {\n  const { width } = useWindowDimensions();\n  const correctedWidth =\n    componentProps.windowWidth ?? PixelRatio.getPixelSizeForLayoutSize(width);\n  const theme = componentProps.theme ?? 'default';\n\n  const value = useMemo<ValueType>(() => {\n    const media = componentProps.media && detectMedia(componentProps.media, correctedWidth);\n    return {\n      windowWidth: correctedWidth,\n      theme,\n      props(...args) {\n        const sheets = args.map((v) =>\n          Array.isArray(v)\n            ? v\n            : v && this.mix(v as VariantStyleSheet<string, RNStyle>)\n        );\n        return props(...sheets);\n      },\n      flatten(...args) {\n        const sheets = args.map((v) =>\n          Array.isArray(v)\n            ? v\n            : v && this.mix(v as VariantStyleSheet<string, RNStyle>)\n        );\n        return flatten(...sheets);\n      },\n      mix(arg, variants) {\n        if (!arg) return [];\n        const config = {\n          theme,\n          media: media ?? this.windowWidth,\n        };\n        if (Array.isArray(arg)) {\n          return mix([arg[0], { ...config, ...arg[1] }], variants);\n        }\n        return mix([arg, config], variants);\n      },\n    };\n  }, [correctedWidth, theme]);\n  return createElement(\n    RNStyleXContext.Provider,\n    { value },\n    Children.only(componentProps.children)\n  );\n};\n\nexport const useStylex = () => {\n  const context = useContext(RNStyleXContext);\n  if (!context) {\n    throw new Error('useStylex must be used within a RNStyleXProvider');\n  }\n  return context;\n};\n"],"mappings":"AAAA,SACEA,QAAQ,EACRC,aAAa,EACbC,aAAa,EACbC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,OAAO,EAAEC,GAAG,EAAEC,KAAK,QAAQ,QAAQ;AAE5C,SAASC,WAAW,QAAQ,SAAS;AAerC,MAAMC,eAAe,gBAAGV,aAAa,CAAwBW,SAAS,CAAC;AAEvE,OAAO,MAAMC,gBAAgB,GAC3BC,cAGC,IACE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACH,MAAM;IAAEC;EAAM,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EACvC,MAAMY,cAAc,IAAAH,qBAAA,GAClBD,cAAc,CAACK,WAAW,cAAAJ,qBAAA,cAAAA,qBAAA,GAAIV,UAAU,CAACe,yBAAyB,CAACH,KAAK,CAAC;EAC3E,MAAMI,KAAK,IAAAL,qBAAA,GAAGF,cAAc,CAACO,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,SAAS;EAE/C,MAAMM,KAAK,GAAGlB,OAAO,CAAY,MAAM;IACrC,MAAMmB,KAAK,GAAGT,cAAc,CAACS,KAAK,IAAIb,WAAW,CAACI,cAAc,CAACS,KAAK,EAAEL,cAAc,CAAC;IACvF,OAAO;MACLC,WAAW,EAAED,cAAc;MAC3BG,KAAK;MACLZ,KAAKA,CAAA,EAAU;QAAA,SAAAe,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAANC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;QAAA;QACX,MAAMC,MAAM,GAAGH,IAAI,CAACI,GAAG,CAAEC,CAAC,IACxBJ,KAAK,CAACK,OAAO,CAACD,CAAC,CAAC,GACZA,CAAC,GACDA,CAAC,IAAI,IAAI,CAACxB,GAAG,CAACwB,CAAuC,CAC3D,CAAC;QACD,OAAOvB,KAAK,CAAC,GAAGqB,MAAM,CAAC;MACzB,CAAC;MACDvB,OAAOA,CAAA,EAAU;QAAA,SAAA2B,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAANC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;UAAJR,IAAI,CAAAQ,KAAA,IAAAV,SAAA,CAAAU,KAAA;QAAA;QACb,MAAML,MAAM,GAAGH,IAAI,CAACI,GAAG,CAAEC,CAAC,IACxBJ,KAAK,CAACK,OAAO,CAACD,CAAC,CAAC,GACZA,CAAC,GACDA,CAAC,IAAI,IAAI,CAACxB,GAAG,CAACwB,CAAuC,CAC3D,CAAC;QACD,OAAOzB,OAAO,CAAC,GAAGuB,MAAM,CAAC;MAC3B,CAAC;MACDtB,GAAGA,CAAC4B,GAAG,EAAEC,QAAQ,EAAE;QACjB,IAAI,CAACD,GAAG,EAAE,OAAO,EAAE;QACnB,MAAME,MAAM,GAAG;UACbjB,KAAK;UACLE,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,CAACJ;QACvB,CAAC;QACD,IAAIS,KAAK,CAACK,OAAO,CAACG,GAAG,CAAC,EAAE;UACtB,OAAO5B,GAAG,CAAC,CAAC4B,GAAG,CAAC,CAAC,CAAC,EAAE;YAAE,GAAGE,MAAM;YAAE,GAAGF,GAAG,CAAC,CAAC;UAAE,CAAC,CAAC,EAAEC,QAAQ,CAAC;QAC1D;QACA,OAAO7B,GAAG,CAAC,CAAC4B,GAAG,EAAEE,MAAM,CAAC,EAAED,QAAQ,CAAC;MACrC;IACF,CAAC;EACH,CAAC,EAAE,CAACnB,cAAc,EAAEG,KAAK,CAAC,CAAC;EAC3B,oBAAOnB,aAAa,CAClBS,eAAe,CAAC4B,QAAQ,EACxB;IAAEjB;EAAM,CAAC,EACTtB,QAAQ,CAACwC,IAAI,CAAC1B,cAAc,CAAC2B,QAAQ,CACvC,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGxC,UAAU,CAACQ,eAAe,CAAC;EAC3C,IAAI,CAACgC,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/utils/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyleSheet } from 'react-native';\n\nexport type StyleObject = StyleSheet.NamedStyles<any>;\nexport type RNStyle = StyleObject[string];\n\nexport type VariantStyle<S> = { [key: string]: S };\nexport type VariantStyleSheet<Key extends string, S extends RNStyle> = {\n  [key in Key]: S;\n};\n\nexport type XRNStyle<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]> | S[key];\n};\n\ntype ExtractVariantKeys<\n  X extends XRNStyle<S>,\n  S extends RNStyle = RNStyle\n> = Extract<keyof Extract<X[keyof X], VariantStyle<any>>, string>;\n\nexport type NamedStyles<T = string, R extends RNStyle = RNStyle> = {\n  [P in keyof T]: XRNStyle<R>;\n};\n\nexport type XRNStyleSheets<\n  X extends NamedStyles<any, S>,\n  S extends RNStyle = RNStyle\n> = {\n  [key in keyof X]: VariantStyleSheet<ExtractVariantKeys<X[key]>, S>;\n};\n\ntype ExtractPostFix<T extends string> = T extends `@${string}_${infer PostFix}`\n  ? PostFix\n  : 'default';\n\n// NOTE: This map for keyof (X | Y) = (keyof X & keyof Y) != (keyof X | keyof Y).\n// different object value is composed to union type and keyof is applied later\n// without explicit individual object evaluation by this utility type.\ntype KeysOfUnion<T> = T extends T ? keyof T : never;\n\nexport type Variants<\n  A extends Record<string, Record<string, Record<string, any>>>\n> = {\n  [key in keyof A]?:\n    | number\n    | boolean\n    | ExtractPostFix<Extract<KeysOfUnion<A[key][keyof A[key]]>, string>>;\n};\n\nexport type VariantValue<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]>;\n}; // Style Fields\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyleSheet } from 'react-native';\n\nexport type StyleObject = StyleSheet.NamedStyles<any>;\nexport type RNStyle = StyleObject[string];\n\nexport type VariantStyle<S> = { [key: string]: S };\nexport type VariantStyleSheet<Key extends string, S extends RNStyle> = {\n  [key in Key]: S;\n} & { default: S; };\n\nexport type XRNStyle<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]> | S[key];\n};\n\ntype ExtractVariantKeys<\n  X extends XRNStyle<S>,\n  S extends RNStyle = RNStyle\n> = Extract<keyof Extract<X[keyof X], VariantStyle<any>>, string>;\n\nexport type NamedStyles<T = string, R extends RNStyle = RNStyle> = {\n  [P in keyof T]: XRNStyle<R>;\n};\n\nexport type XRNStyleSheets<\n  X extends NamedStyles<any, S>,\n  S extends RNStyle = RNStyle\n> = {\n  [key in keyof X]: VariantStyleSheet<ExtractVariantKeys<X[key]>, S>;\n};\n\ntype ExtractPostFix<T extends string> = T extends `@${string}_${infer PostFix}`\n  ? PostFix\n  : 'default';\n\n// NOTE: This map for keyof (X | Y) = (keyof X & keyof Y) != (keyof X | keyof Y).\n// different object value is composed to union type and keyof is applied later\n// without explicit individual object evaluation by this utility type.\ntype KeysOfUnion<T> = T extends T ? keyof T : never;\n\nexport type Variants<\n  A extends Record<string, Record<string, Record<string, any>>>\n> = {\n  [key in keyof A]?:\n    | number\n    | boolean\n    | ExtractPostFix<Extract<KeysOfUnion<A[key][keyof A[key]]>, string>>;\n};\n\nexport type VariantValue<S extends RNStyle = RNStyle> = {\n  [key in keyof S]: VariantStyle<S[key]>;\n}; // Style Fields\n"],"mappings":"","ignoreList":[]}

package/lib/{types → typescript}/index.d.ts

@@ -1,4 +1,4 @@
-export { create, props, mix } from './utils/base';
+export { create, props, mix, flatten } from './utils/base';
 export { createVariants } from './utils/variant';
 export { defineConsts, defineVars } from './utils/tokens';
 export { useStylex, RNStyleXProvider } from './utils/hooks';

package/lib/{types → typescript}/utils/base.d.ts

@@ -1,11 +1,12 @@
 import { XRNStyleSheets, NamedStyles, RNStyle, VariantStyleSheet } from './types';
-export declare const create: <T extends NamedStyles<any, R>, R extends RNStyle>(args: T) => XRNStyleSheets<T, R>;
+export declare const create: <const T extends NamedStyles<any, R>, R extends RNStyle>(args: T) => XRNStyleSheets<T, R>;
 export declare const mix: <Variants extends {
     [key: string]: string | number | boolean | undefined;
 }, Theme extends string = string, T extends VariantStyleSheet<string, RNStyle> = VariantStyleSheet<string, RNStyle>>(target?: T | [T, {
     theme?: Theme;
     media?: number | string;
 }], variantArgs?: Variants) => RNStyle[];
+export declare const flatten: <T extends RNStyle>(...args: (PropValue | RNStyle[] | false | null | undefined)[]) => T;
 type PropValue = VariantStyleSheet<string, RNStyle> | RNStyle;
 export declare const props: <T extends RNStyle>(...args: (PropValue | RNStyle[] | false | null | undefined)[]) => {
     style: T[];

package/lib/{types → typescript}/utils/hooks.d.ts

@@ -1,7 +1,8 @@
-import { mix, props } from './base';
+import { flatten, mix, props } from './base';
 type IApi = {
     props: typeof props;
     mix: typeof mix;
+    flatten: typeof flatten;
 };
 type UserConfig = {
     windowWidth: number;

package/lib/{types → typescript}/utils/types.d.ts

@@ -6,6 +6,8 @@ export type VariantStyle<S> = {
 };
 export type VariantStyleSheet<Key extends string, S extends RNStyle> = {
     [key in Key]: S;
+} & {
+    default: S;
 };
 export type XRNStyle<S extends RNStyle = RNStyle> = {
     [key in keyof S]: VariantStyle<S[key]> | S[key];

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@mochi-inc-japan/react-native-stylex-sheet",
   "description": "The modern CSS-in-JS library for React Native",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "author": "Tkow",
   "repository": "https://github.com/MOCHI-inc-JAPAN/react-native-stylex-sheet",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
-  "types": "lib/types/index.d.ts",
+  "types": "lib/typescript/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "require": "./lib/commonjs/index.js",
       "import": "./lib/module/index.js",
-      "types": "./lib/types/index.d.ts"
+      "types": "./lib/typescript/index.d.ts"
     }
   },
   "files": [
@@ -64,7 +64,13 @@
     "output": "lib",
     "targets": [
       "commonjs",
-      "module"
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
     ]
   },
   "watch": {
@@ -122,7 +128,7 @@
     "tsx"
   ],
   "scripts": {
-    "build": "bob build && tsc -p tsconfig.build.json",
+    "build": "bob build",
     "release": "np --any-branch",
     "watch": "npm-watch",
     "test": "jest",

package/lib/commonjs/tests/index.test.js

@@ -1,224 +0,0 @@
-"use strict";
-
-var _reactNative = require("@testing-library/react-native");
-var _react = _interopRequireDefault(require("react"));
-var _reactNative2 = require("react-native");
-var stylex = _interopRequireWildcard(require("../"));
-var _testUtils = require("./test-utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// ---------------------------------------------------------------------------
-// Basic
-// ---------------------------------------------------------------------------
-
-describe('Basic', () => {
-  it('create() + props() returns base styles', () => {
-    const styles = stylex.create({
-      view: {
-        backgroundColor: 'red',
-        height: 100,
-        width: 100
-      }
-    });
-    const {
-      style
-    } = stylex.props(styles.view);
-    expect(style[0]).toMatchObject({
-      backgroundColor: 'red',
-      height: 100,
-      width: 100
-    });
-  });
-  it('stylex.props() renders base styles', () => {
-    var _toJSON;
-    const styles = stylex.create({
-      view: {
-        backgroundColor: 'red',
-        height: 100,
-        width: 100
-      },
-      view2: {
-        height: 200,
-        width: 200
-      }
-    });
-    function Comp() {
-      return /*#__PURE__*/_react.default.createElement(_reactNative2.View, stylex.props(styles.view, styles.view2));
-    }
-    const {
-      toJSON
-    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Comp, null));
-    expect((_toJSON = toJSON()) === null || _toJSON === void 0 ? void 0 : _toJSON.props.style[1]).toMatchObject({
-      height: 200,
-      width: 200
-    });
-  });
-  it('stylex.props() has backward compatibility on StyleSheet', () => {
-    const sameArgs = {
-      view: {
-        backgroundColor: 'red',
-        height: 100,
-        width: 100
-      },
-      view2: {
-        height: 200,
-        width: 200
-      }
-    };
-    const styles = stylex.create(sameArgs);
-    const orgStyles = _reactNative2.StyleSheet.create(sameArgs);
-    expect(stylex.props(styles.view, styles.view2).style).toMatchObject([orgStyles.view, orgStyles.view2]);
-  });
-});
-
-// ---------------------------------------------------------------------------
-// Variants
-// ---------------------------------------------------------------------------
-
-describe('Variants', () => {
-  it('variants are applied correctly', () => {
-    const vars = stylex.defineVars({
-      colors: {
-        default: 'white',
-        primary: 'red',
-        secondary: 'blue'
-      },
-      sizes: {
-        default: 10,
-        small: 5,
-        medium: 15
-      }
-    });
-    const variants = stylex.createVariants({
-      var1: {
-        backgroundColor: vars.colors
-      },
-      var2: {
-        width: vars.sizes
-      }
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: variants.var1.backgroundColor,
-        width: variants.var2.width
-      }
-    });
-    expect(stylex.props(styles.view).style[0]).toMatchObject({
-      backgroundColor: 'white',
-      width: 10
-    });
-    expect(stylex.props(styles.view).style.length).toBe(1);
-    expect(stylex.props(stylex.mix(styles.view, {
-      var1: 'primary',
-      var2: 'medium'
-    })).style).toMatchObject([{
-      backgroundColor: 'white',
-      width: 10
-    }, {
-      backgroundColor: 'red'
-    }, {
-      width: 15
-    }]);
-  });
-  it('multiple style have same variant value is applied correctly', () => {
-    const variants = stylex.createVariants({
-      shape: {
-        borderRadius: {
-          default: 4,
-          round: 8,
-          square: 0,
-          test: 1
-        },
-        fontSize: {
-          default: 14,
-          round: 16,
-          square: 18
-        }
-      }
-    });
-    const styles = stylex.create({
-      view: {
-        ...variants.shape
-      }
-    });
-    expect((0, _testUtils.reduceStyles)(stylex.props(stylex.mix(styles.view, {
-      shape: 'round'
-    })).style)).toMatchObject({
-      borderRadius: 8,
-      fontSize: 16
-    });
-    expect((0, _testUtils.reduceStyles)(stylex.props(stylex.mix(styles.view, {
-      shape: 'test'
-    })).style)).toMatchObject({
-      borderRadius: 1,
-      fontSize: 14
-    });
-  });
-});
-
-// ---------------------------------------------------------------------------
-// Theme queries
-// ---------------------------------------------------------------------------
-
-describe('Theme', () => {
-  it('theme usage implicitly', () => {
-    const {
-      themes
-    } = stylex.createThemes(['light', 'dark']);
-    const styles = stylex.create({
-      view: {
-        borderBlockColor: {
-          default: 'black',
-          [themes.light]: 'white',
-          [themes.dark]: 'gray'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative2.View, sx.props(styles.view));
-    }
-    const outputStyle = theme => {
-      return (0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, {
-        theme: themes[theme]
-      }, /*#__PURE__*/_react.default.createElement(Comp, null)));
-    };
-    expect(outputStyle('light')).toMatchObject({
-      borderBlockColor: 'white'
-    });
-    expect(outputStyle('dark')).toMatchObject({
-      borderBlockColor: 'gray'
-    });
-  });
-  it('theme usage implicitly', () => {
-    const {
-      themes
-    } = stylex.createThemes(['light', 'dark']);
-    const styles = stylex.create({
-      view: {
-        borderBlockColor: {
-          default: 'black',
-          [themes.light]: 'white',
-          [themes.dark]: 'gray'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative2.View, sx.props(sx.mix(styles.view)));
-    }
-    const outputStyle = theme => {
-      return (0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, {
-        theme: themes[theme]
-      }, /*#__PURE__*/_react.default.createElement(Comp, null)));
-    };
-    expect(outputStyle('light')).toMatchObject({
-      borderBlockColor: 'white'
-    });
-    expect(outputStyle('dark')).toMatchObject({
-      borderBlockColor: 'gray'
-    });
-  });
-});
-//# sourceMappingURL=index.test.js.map

package/lib/commonjs/tests/index.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","stylex","_interopRequireWildcard","_testUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","describe","it","styles","create","view","backgroundColor","height","width","style","props","expect","toMatchObject","_toJSON","view2","Comp","createElement","View","toJSON","render","sameArgs","orgStyles","StyleSheet","vars","defineVars","colors","primary","secondary","sizes","small","medium","variants","createVariants","var1","var2","length","toBe","mix","shape","borderRadius","round","square","test","fontSize","reduceStyles","themes","createThemes","borderBlockColor","light","dark","sx","useStylex","outputStyle","theme","finalStyle","RNStyleXProvider"],"sources":["index.test.tsx"],"sourcesContent":["import { render } from '@testing-library/react-native';\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport * as stylex from '../';\nimport { Variants } from '../utils/types';\nimport { finalStyle, reduceStyles } from './test-utils';\n\n// ---------------------------------------------------------------------------\n// Basic\n// ---------------------------------------------------------------------------\n\ndescribe('Basic', () => {\n  it('create() + props() returns base styles', () => {\n    const styles = stylex.create({\n      view: {\n        backgroundColor: 'red',\n        height: 100,\n        width: 100,\n      },\n    });\n\n    const { style } = stylex.props(styles.view);\n    expect(style[0]).toMatchObject({\n      backgroundColor: 'red',\n      height: 100,\n      width: 100,\n    });\n  });\n\n  it('stylex.props() renders base styles', () => {\n    const styles = stylex.create({\n      view: { backgroundColor: 'red', height: 100, width: 100 },\n      view2: { height: 200, width: 200 },\n    });\n\n    function Comp() {\n      return <View {...stylex.props(styles.view, styles.view2)} />;\n    }\n    const { toJSON } = render(<Comp />);\n    expect(toJSON()?.props.style[1]).toMatchObject({\n      height: 200,\n      width: 200,\n    });\n  });\n\n  it('stylex.props() has backward compatibility on StyleSheet', () => {\n    const sameArgs = {\n      view: { backgroundColor: 'red', height: 100, width: 100 },\n      view2: { height: 200, width: 200 },\n    };\n    const styles = stylex.create(sameArgs);\n\n    const orgStyles = StyleSheet.create(sameArgs);\n\n    expect(stylex.props(styles.view, styles.view2).style).toMatchObject([\n      orgStyles.view,\n      orgStyles.view2,\n    ]);\n  });\n});\n\n// ---------------------------------------------------------------------------\n// Variants\n// ---------------------------------------------------------------------------\n\ndescribe('Variants', () => {\n  it('variants are applied correctly', () => {\n    const vars = stylex.defineVars({\n      colors: {\n        default: 'white',\n        primary: 'red',\n        secondary: 'blue',\n      },\n      sizes: {\n        default: 10,\n        small: 5,\n        medium: 15,\n      },\n    });\n\n    const variants = stylex.createVariants({\n      var1: {\n        backgroundColor: vars.colors,\n      },\n      var2: {\n        width: vars.sizes,\n      },\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: variants.var1.backgroundColor,\n        width: variants.var2.width,\n      },\n    });\n\n    expect(stylex.props(styles.view).style[0]).toMatchObject({\n      backgroundColor: 'white',\n      width: 10,\n    });\n\n    expect(stylex.props(styles.view).style.length).toBe(1);\n\n    expect(\n      stylex.props(\n        stylex.mix<Variants<typeof variants>>(styles.view, {\n          var1: 'primary',\n          var2: 'medium',\n        })\n      ).style\n    ).toMatchObject([\n      {\n        backgroundColor: 'white',\n        width: 10,\n      },\n      {\n        backgroundColor: 'red',\n      },\n      {\n        width: 15,\n      },\n    ]);\n  });\n\n  it('multiple style have same variant value is applied correctly', () => {\n    const variants = stylex.createVariants({\n      shape: {\n        borderRadius: {\n          default: 4,\n          round: 8,\n          square: 0,\n          test: 1,\n        },\n        fontSize: {\n          default: 14,\n          round: 16,\n          square: 18,\n        },\n      },\n    });\n    const styles = stylex.create({\n      view: {\n        ...variants.shape,\n      },\n    });\n\n    expect(\n      reduceStyles(\n        stylex.props(\n          stylex.mix<Variants<typeof variants>>(styles.view, {\n            shape: 'round',\n          })\n        ).style\n      )\n    ).toMatchObject({ borderRadius: 8, fontSize: 16 });\n    expect(\n      reduceStyles(\n        stylex.props(\n          stylex.mix<Variants<typeof variants>>(styles.view, {\n            shape: 'test',\n          })\n        ).style\n      )\n    ).toMatchObject({ borderRadius: 1, fontSize: 14 });\n  });\n});\n\n// ---------------------------------------------------------------------------\n// Theme queries\n// ---------------------------------------------------------------------------\n\ndescribe('Theme', () => {\n  it('theme usage implicitly', () => {\n    const { themes } = stylex.createThemes(['light', 'dark']);\n    const styles = stylex.create({\n      view: {\n        borderBlockColor: {\n          default: 'black',\n          [themes.light]: 'white',\n          [themes.dark]: 'gray',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(styles.view)} />;\n    }\n\n    const outputStyle = (theme: keyof typeof themes) => {\n      return finalStyle(\n        <stylex.RNStyleXProvider theme={themes[theme]}>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      );\n    };\n\n    expect(outputStyle('light')).toMatchObject({\n      borderBlockColor: 'white',\n    });\n    expect(outputStyle('dark')).toMatchObject({\n      borderBlockColor: 'gray',\n    });\n  });\n\n  it('theme usage implicitly', () => {\n    const { themes } = stylex.createThemes(['light', 'dark']);\n    const styles = stylex.create({\n      view: {\n        borderBlockColor: {\n          default: 'black',\n          [themes.light]: 'white',\n          [themes.dark]: 'gray',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    const outputStyle = (theme: keyof typeof themes) => {\n      return finalStyle(\n        <stylex.RNStyleXProvider theme={themes[theme]}>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      );\n    };\n\n    expect(outputStyle('light')).toMatchObject({\n      borderBlockColor: 'white',\n    });\n    expect(outputStyle('dark')).toMatchObject({\n      borderBlockColor: 'gray',\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tests/media.test.js

@@ -1,226 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var stylex = _interopRequireWildcard(require("../"));
-var _testUtils = require("./test-utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// ---------------------------------------------------------------------------
-// Media queries
-// ---------------------------------------------------------------------------
-
-describe('Media', () => {
-  it('single media queries default', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 640
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'yellow'
-    });
-  });
-  it('usage from hooks implicitly', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(styles.view));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 750
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'blue'
-    });
-  });
-  it('single media queries md', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 750
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'blue'
-    });
-  });
-  it('single media queries lg', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 1080
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'green'
-    });
-  });
-  it('multi-range media query matches width inside range', () => {
-    const media = stylex.defineConsts({
-      md: '(750px <= width < 1080px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 900
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'blue'
-    });
-  });
-  it('multi-range media query does not match width outside range', () => {
-    const media = stylex.defineConsts({
-      md: '(750px <= width < 1080px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 1080
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'green'
-    });
-  });
-  it('multiple properties each with independent breakpoints', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)',
-      lg: '(width >= 1080px)'
-    });
-    const styles = stylex.create({
-      view: {
-        backgroundColor: {
-          default: 'yellow',
-          [media.md]: 'blue',
-          [media.lg]: 'green'
-        },
-        width: {
-          default: 100,
-          [media.md]: 200,
-          [media.lg]: 300
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.view)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 750
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'blue',
-      width: 200
-    });
-  });
-  it('multiple style entries with media queries are merged in order', () => {
-    const media = stylex.defineConsts({
-      md: '(width >= 750px)'
-    });
-    const styles = stylex.create({
-      base: {
-        backgroundColor: {
-          default: 'yellow'
-        },
-        height: 100
-      },
-      override: {
-        backgroundColor: {
-          [media.md]: 'purple'
-        }
-      }
-    });
-    function Comp() {
-      const sx = stylex.useStylex();
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, sx.props(sx.mix(styles.base), sx.mix(styles.override)));
-    }
-    (0, _testUtils.mockDimensions)({
-      width: 750
-    });
-    expect((0, _testUtils.finalStyle)(/*#__PURE__*/_react.default.createElement(stylex.RNStyleXProvider, null, /*#__PURE__*/_react.default.createElement(Comp, null)))).toMatchObject({
-      backgroundColor: 'purple',
-      height: 100
-    });
-  });
-});
-//# sourceMappingURL=media.test.js.map

package/lib/commonjs/tests/media.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","stylex","_interopRequireWildcard","_testUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","describe","it","media","defineConsts","md","lg","styles","create","view","backgroundColor","Comp","sx","useStylex","createElement","View","props","mix","mockDimensions","width","expect","finalStyle","RNStyleXProvider","toMatchObject","base","height","override"],"sources":["media.test.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport * as stylex from '../';\nimport { mockDimensions, finalStyle } from './test-utils';\n\n// ---------------------------------------------------------------------------\n// Media queries\n// ---------------------------------------------------------------------------\n\ndescribe('Media', () => {\n  it('single media queries default', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 640 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'yellow',\n    });\n  });\n\n  it('usage from hooks implicitly', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(styles.view)} />;\n    }\n\n    mockDimensions({ width: 750 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'blue',\n    });\n  });\n\n  it('single media queries md', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 750 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'blue',\n    });\n  });\n\n  it('single media queries lg', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 1080 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'green',\n    });\n  });\n\n  it('multi-range media query matches width inside range', () => {\n    const media = stylex.defineConsts({\n      md: '(750px <= width < 1080px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 900 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'blue',\n    });\n  });\n\n  it('multi-range media query does not match width outside range', () => {\n    const media = stylex.defineConsts({\n      md: '(750px <= width < 1080px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 1080 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'green',\n    });\n  });\n\n  it('multiple properties each with independent breakpoints', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n      lg: '(width >= 1080px)',\n    });\n\n    const styles = stylex.create({\n      view: {\n        backgroundColor: {\n          default: 'yellow',\n          [media.md]: 'blue',\n          [media.lg]: 'green',\n        },\n        width: {\n          default: 100,\n          [media.md]: 200,\n          [media.lg]: 300,\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return <View {...sx.props(sx.mix(styles.view))} />;\n    }\n\n    mockDimensions({ width: 750 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'blue',\n      width: 200,\n    });\n  });\n\n  it('multiple style entries with media queries are merged in order', () => {\n    const media = stylex.defineConsts({\n      md: '(width >= 750px)',\n    });\n\n    const styles = stylex.create({\n      base: {\n        backgroundColor: {\n          default: 'yellow',\n        },\n        height: 100,\n      },\n      override: {\n        backgroundColor: {\n          [media.md]: 'purple',\n        },\n      },\n    });\n\n    function Comp() {\n      const sx = stylex.useStylex();\n      return (\n        <View {...sx.props(sx.mix(styles.base), sx.mix(styles.override))} />\n      );\n    }\n\n    mockDimensions({ width: 750 });\n    expect(\n      finalStyle(\n        <stylex.RNStyleXProvider>\n          <Comp />\n        </stylex.RNStyleXProvider>\n      )\n    ).toMatchObject({\n      backgroundColor: 'purple',\n      height: 100,\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}