@react-native-styled-system/core 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/theme-gen.js +149 -0
- package/lib/commonjs/@types/SxProps.js +12 -0
- package/lib/commonjs/@types/SxProps.js.map +1 -0
- package/lib/commonjs/@types/ThemedDict.js +14 -0
- package/lib/commonjs/@types/ThemedDict.js.map +1 -0
- package/lib/commonjs/@types/ThemedTypings.js +6 -0
- package/lib/commonjs/@types/ThemedTypings.js.map +1 -0
- package/lib/commonjs/@types/Token.js +6 -0
- package/lib/commonjs/@types/Token.js.map +1 -0
- package/lib/commonjs/hook/useSx.js +82 -0
- package/lib/commonjs/hook/useSx.js.map +1 -0
- package/lib/commonjs/hook/useSxStyle.js +29 -0
- package/lib/commonjs/hook/useSxStyle.js.map +1 -0
- package/lib/commonjs/hook/useSxTokens.js +33 -0
- package/lib/commonjs/hook/useSxTokens.js.map +1 -0
- package/lib/commonjs/index.js +72 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/ColorsParser.js +21 -0
- package/lib/commonjs/internal/TokenParser/ColorsParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/RadiiParser.js +41 -0
- package/lib/commonjs/internal/TokenParser/RadiiParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/SizesParser.js +41 -0
- package/lib/commonjs/internal/TokenParser/SizesParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/SpaceParser.js +90 -0
- package/lib/commonjs/internal/TokenParser/SpaceParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/TokenParser.js +23 -0
- package/lib/commonjs/internal/TokenParser/TokenParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/TypographyParser.js +23 -0
- package/lib/commonjs/internal/TokenParser/TypographyParser.js.map +1 -0
- package/lib/commonjs/internal/useStableCallback.js +34 -0
- package/lib/commonjs/internal/useStableCallback.js.map +1 -0
- package/lib/commonjs/internal/util/fillNullishThemeKey.js +18 -0
- package/lib/commonjs/internal/util/fillNullishThemeKey.js.map +1 -0
- package/lib/commonjs/internal/util/fillStyleIfNotNullish.js +21 -0
- package/lib/commonjs/internal/util/fillStyleIfNotNullish.js.map +1 -0
- package/lib/commonjs/internal/util/parsePxSuffixNumber.js +16 -0
- package/lib/commonjs/internal/util/parsePxSuffixNumber.js.map +1 -0
- package/lib/commonjs/internal/util/printWarning.js +18 -0
- package/lib/commonjs/internal/util/printWarning.js.map +1 -0
- package/lib/commonjs/provider/StyledSystemProvider.js +25 -0
- package/lib/commonjs/provider/StyledSystemProvider.js.map +1 -0
- package/lib/commonjs/util/propsToThemedStyle.js +138 -0
- package/lib/commonjs/util/propsToThemedStyle.js.map +1 -0
- package/lib/module/@types/SxProps.js +6 -0
- package/lib/module/@types/SxProps.js.map +1 -0
- package/lib/module/@types/ThemedDict.js +8 -0
- package/lib/module/@types/ThemedDict.js.map +1 -0
- package/lib/module/@types/ThemedTypings.js +2 -0
- package/lib/module/@types/ThemedTypings.js.map +1 -0
- package/lib/module/@types/Token.js +2 -0
- package/lib/module/@types/Token.js.map +1 -0
- package/lib/module/hook/useSx.js +75 -0
- package/lib/module/hook/useSx.js.map +1 -0
- package/lib/module/hook/useSxStyle.js +22 -0
- package/lib/module/hook/useSxStyle.js.map +1 -0
- package/lib/module/hook/useSxTokens.js +26 -0
- package/lib/module/hook/useSxTokens.js.map +1 -0
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/internal/TokenParser/ColorsParser.js +14 -0
- package/lib/module/internal/TokenParser/ColorsParser.js.map +1 -0
- package/lib/module/internal/TokenParser/RadiiParser.js +34 -0
- package/lib/module/internal/TokenParser/RadiiParser.js.map +1 -0
- package/lib/module/internal/TokenParser/SizesParser.js +34 -0
- package/lib/module/internal/TokenParser/SizesParser.js.map +1 -0
- package/lib/module/internal/TokenParser/SpaceParser.js +82 -0
- package/lib/module/internal/TokenParser/SpaceParser.js.map +1 -0
- package/lib/module/internal/TokenParser/TokenParser.js +16 -0
- package/lib/module/internal/TokenParser/TokenParser.js.map +1 -0
- package/lib/module/internal/TokenParser/TypographyParser.js +15 -0
- package/lib/module/internal/TokenParser/TypographyParser.js.map +1 -0
- package/lib/module/internal/useStableCallback.js +27 -0
- package/lib/module/internal/useStableCallback.js.map +1 -0
- package/lib/module/internal/util/fillNullishThemeKey.js +11 -0
- package/lib/module/internal/util/fillNullishThemeKey.js.map +1 -0
- package/lib/module/internal/util/fillStyleIfNotNullish.js +14 -0
- package/lib/module/internal/util/fillStyleIfNotNullish.js.map +1 -0
- package/lib/module/internal/util/parsePxSuffixNumber.js +10 -0
- package/lib/module/internal/util/parsePxSuffixNumber.js.map +1 -0
- package/lib/module/internal/util/printWarning.js +11 -0
- package/lib/module/internal/util/printWarning.js.map +1 -0
- package/lib/module/provider/StyledSystemProvider.js +17 -0
- package/lib/module/provider/StyledSystemProvider.js.map +1 -0
- package/lib/module/util/propsToThemedStyle.js +131 -0
- package/lib/module/util/propsToThemedStyle.js.map +1 -0
- package/lib/typescript/@types/SxProps.d.ts +140 -0
- package/lib/typescript/@types/SxProps.d.ts.map +1 -0
- package/lib/typescript/@types/ThemedDict.d.ts +16 -0
- package/lib/typescript/@types/ThemedDict.d.ts.map +1 -0
- package/lib/typescript/@types/ThemedTypings.d.ts +9 -0
- package/lib/typescript/@types/ThemedTypings.d.ts.map +1 -0
- package/lib/typescript/@types/Token.d.ts +17 -0
- package/lib/typescript/@types/Token.d.ts.map +1 -0
- package/lib/typescript/hook/useSx.d.ts +307 -0
- package/lib/typescript/hook/useSx.d.ts.map +1 -0
- package/lib/typescript/hook/useSxStyle.d.ts +8 -0
- package/lib/typescript/hook/useSxStyle.d.ts.map +1 -0
- package/lib/typescript/hook/useSxTokens.d.ts +7 -0
- package/lib/typescript/hook/useSxTokens.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +7 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/ColorsParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/ColorsParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/RadiiParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/RadiiParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/SizesParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/SizesParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/SpaceParser.d.ts +5 -0
- package/lib/typescript/internal/TokenParser/SpaceParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/TokenParser.d.ts +10 -0
- package/lib/typescript/internal/TokenParser/TokenParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/TypographyParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/TypographyParser.d.ts.map +1 -0
- package/lib/typescript/internal/useStableCallback.d.ts +2 -0
- package/lib/typescript/internal/useStableCallback.d.ts.map +1 -0
- package/lib/typescript/internal/util/fillNullishThemeKey.d.ts +3 -0
- package/lib/typescript/internal/util/fillNullishThemeKey.d.ts.map +1 -0
- package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts +4 -0
- package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts.map +1 -0
- package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts +2 -0
- package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts.map +1 -0
- package/lib/typescript/internal/util/printWarning.d.ts +2 -0
- package/lib/typescript/internal/util/printWarning.d.ts.map +1 -0
- package/lib/typescript/provider/StyledSystemProvider.d.ts +13 -0
- package/lib/typescript/provider/StyledSystemProvider.d.ts.map +1 -0
- package/lib/typescript/util/propsToThemedStyle.d.ts +10 -0
- package/lib/typescript/util/propsToThemedStyle.d.ts.map +1 -0
- package/package.json +78 -0
- package/src/@types/SxProps.ts +255 -0
- package/src/@types/ThemedDict.ts +16 -0
- package/src/@types/ThemedTypings.ts +9 -0
- package/src/@types/Token.ts +21 -0
- package/src/hook/useSx.test.ts +348 -0
- package/src/hook/useSx.ts +94 -0
- package/src/hook/useSxStyle.test.ts +57 -0
- package/src/hook/useSxStyle.ts +32 -0
- package/src/hook/useSxTokens.test.ts +59 -0
- package/src/hook/useSxTokens.ts +42 -0
- package/src/index.ts +6 -0
- package/src/internal/TokenParser/ColorsParser.ts +18 -0
- package/src/internal/TokenParser/RadiiParser.ts +44 -0
- package/src/internal/TokenParser/SizesParser.ts +44 -0
- package/src/internal/TokenParser/SpaceParser.ts +95 -0
- package/src/internal/TokenParser/TokenParser.ts +18 -0
- package/src/internal/TokenParser/TypographyParser.ts +24 -0
- package/src/internal/useStableCallback.ts +29 -0
- package/src/internal/util/fillNullishThemeKey.ts +12 -0
- package/src/internal/util/fillStyleIfNotNullish.ts +26 -0
- package/src/internal/util/parsePxSuffixNumber.ts +10 -0
- package/src/internal/util/printWarning.ts +11 -0
- package/src/provider/StyledSystemProvider.tsx +23 -0
- package/src/util/propsToThemedStyle.ts +168 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_jsUtil","require","_parsePxSuffixNumber","createSpaceParser","theme","token","parseSpace","exports","createSpaceAsNumberOnlyParser","parseSpaceAsNumberOnly","is","nullOrUndefined","px","parsePxSuffixNumber","number","string","endsWith","spaces","space","stringKey","negativeNumberKey","value","negativeStringKey","charAt","substring","startsWith","originalToken","numberString","Number","ret"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/SpaceParser.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTokenParsers = void 0;
|
|
7
|
+
var _ColorsParser = require("./ColorsParser");
|
|
8
|
+
var _RadiiParser = require("./RadiiParser");
|
|
9
|
+
var _SizesParser = require("./SizesParser");
|
|
10
|
+
var _SpaceParser = require("./SpaceParser");
|
|
11
|
+
var _TypographyParser = require("./TypographyParser");
|
|
12
|
+
const createTokenParsers = theme => {
|
|
13
|
+
return {
|
|
14
|
+
colors: (0, _ColorsParser.createColorsParser)(theme),
|
|
15
|
+
space: (0, _SpaceParser.createSpaceParser)(theme),
|
|
16
|
+
spaceAsNumberOnly: (0, _SpaceParser.createSpaceAsNumberOnlyParser)(theme),
|
|
17
|
+
sizes: (0, _SizesParser.createSizesParser)(theme),
|
|
18
|
+
radii: (0, _RadiiParser.createRadiiParser)(theme),
|
|
19
|
+
typography: (0, _TypographyParser.createTypographyParser)(theme)
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
exports.createTokenParsers = createTokenParsers;
|
|
23
|
+
//# sourceMappingURL=TokenParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_ColorsParser","require","_RadiiParser","_SizesParser","_SpaceParser","_TypographyParser","createTokenParsers","theme","colors","createColorsParser","space","createSpaceParser","spaceAsNumberOnly","createSpaceAsNumberOnlyParser","sizes","createSizesParser","radii","createRadiiParser","typography","createTypographyParser","exports"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/TokenParser.ts"],"mappings":";;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEO,MAAMK,kBAAkB,GAAIC,KAAiB,IAAK;EACvD,OAAO;IACLC,MAAM,EAAE,IAAAC,gCAAkB,EAACF,KAAK,CAAC;IACjCG,KAAK,EAAE,IAAAC,8BAAiB,EAACJ,KAAK,CAAC;IAC/BK,iBAAiB,EAAE,IAAAC,0CAA6B,EAACN,KAAK,CAAC;IACvDO,KAAK,EAAE,IAAAC,8BAAiB,EAACR,KAAK,CAAC;IAC/BS,KAAK,EAAE,IAAAC,8BAAiB,EAACV,KAAK,CAAC;IAC/BW,UAAU,EAAE,IAAAC,wCAAsB,EAACZ,KAAK;EAC1C,CAAC;AACH,CAAC;AAACa,OAAA,CAAAd,kBAAA,GAAAA,kBAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTypographyParser = void 0;
|
|
7
|
+
var _jsUtil = require("@mj-studio/js-util");
|
|
8
|
+
var _invariant = _interopRequireDefault(require("invariant"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const createTypographyParser = theme => {
|
|
11
|
+
return token => parseTypography(theme, token);
|
|
12
|
+
};
|
|
13
|
+
exports.createTypographyParser = createTypographyParser;
|
|
14
|
+
const parseTypography = (theme, token) => {
|
|
15
|
+
if (_jsUtil.is.nullOrUndefined(token)) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
(0, _invariant.default)(_jsUtil.is.string(token), 'typography token should be a string');
|
|
19
|
+
if (_jsUtil.is.string(token) && token in theme.typography) {
|
|
20
|
+
return theme.typography[token];
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=TypographyParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_jsUtil","require","_invariant","_interopRequireDefault","obj","__esModule","default","createTypographyParser","theme","token","parseTypography","exports","is","nullOrUndefined","invariant","string","typography"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/TypographyParser.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAkC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAK3B,MAAMG,sBAAsB,GAAIC,KAAiB,IAAK;EAC3D,OAAQC,KAA2B,IAAKC,eAAe,CAACF,KAAK,EAAEC,KAAK,CAAC;AACvE,CAAC;AAACE,OAAA,CAAAJ,sBAAA,GAAAA,sBAAA;AAEF,MAAMG,eAAe,GAAGA,CACtBF,KAAiB,EACjBC,KAA2B,KACK;EAChC,IAAIG,UAAE,CAACC,eAAe,CAACJ,KAAK,CAAC,EAAE;IAC7B;EACF;EAEA,IAAAK,kBAAS,EAACF,UAAE,CAACG,MAAM,CAACN,KAAK,CAAC,EAAE,qCAAqC,CAAC;EAElE,IAAIG,UAAE,CAACG,MAAM,CAACN,KAAK,CAAC,IAAIA,KAAK,IAAID,KAAK,CAACQ,UAAU,EAAE;IACjD,OAAOR,KAAK,CAACQ,UAAU,CAACP,KAAK,CAAC;EAChC;AACF,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useStableCallback = useStableCallback;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Returns a stabilized callback reference which delegates to the most recent unstable callback
|
|
10
|
+
*
|
|
11
|
+
* This is similar to useCallback, but allows unstableCallback to access the most recent values from the closure.
|
|
12
|
+
* This can be useful if the callback is being stored long term, such as in the Transition Hook registry.
|
|
13
|
+
*
|
|
14
|
+
* Example:
|
|
15
|
+
* ```jsx
|
|
16
|
+
* const latestValueFromProps = props.value
|
|
17
|
+
* const transitionHook = useStableCallback(() => console.log(latestValueFromProps));
|
|
18
|
+
* useEffect(() => {
|
|
19
|
+
* const deregister = transitionService.onBefore({ exiting: 'someState' }, transitionHook);
|
|
20
|
+
* return () => deregister();
|
|
21
|
+
* }, []);
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
function useStableCallback(unstableCallback) {
|
|
26
|
+
const ref = (0, _react.useRef)(unstableCallback);
|
|
27
|
+
ref.current = unstableCallback;
|
|
28
|
+
const callback = (0, _react.useCallback)(function () {
|
|
29
|
+
// @ts-ignore
|
|
30
|
+
return ref.current && ref.current.apply(this, arguments);
|
|
31
|
+
}, []);
|
|
32
|
+
return callback;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=useStableCallback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useStableCallback","unstableCallback","ref","useRef","current","callback","useCallback","apply","arguments"],"sourceRoot":"../../../src","sources":["internal/useStableCallback.ts"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGO,SAASC,iBAAiBA,CAAqBC,gBAAmB,EAAK;EAC5E,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAIF,gBAAgB,CAAC;EACvCC,GAAG,CAACE,OAAO,GAAGH,gBAAgB;EAE9B,MAAMI,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAY;IACvC;IACA,OAAOJ,GAAG,CAACE,OAAO,IAAIF,GAAG,CAACE,OAAO,CAACG,KAAK,CAAC,IAAI,EAAEC,SAAS,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,QAAQ;AACjB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.fillNullishThemeKey = void 0;
|
|
7
|
+
const fillNullishThemeKey = theme => {
|
|
8
|
+
return {
|
|
9
|
+
colors: {},
|
|
10
|
+
space: {},
|
|
11
|
+
sizes: {},
|
|
12
|
+
radii: {},
|
|
13
|
+
typography: {},
|
|
14
|
+
...theme
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
exports.fillNullishThemeKey = fillNullishThemeKey;
|
|
18
|
+
//# sourceMappingURL=fillNullishThemeKey.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["fillNullishThemeKey","theme","colors","space","sizes","radii","typography","exports"],"sourceRoot":"../../../../src","sources":["internal/util/fillNullishThemeKey.ts"],"mappings":";;;;;;AAEO,MAAMA,mBAAmB,GAAIC,KAA0B,IAAiB;EAC7E,OAAO;IACLC,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,UAAU,EAAE,CAAC,CAAC;IACd,GAAGL;EACL,CAAC;AACH,CAAC;AAACM,OAAA,CAAAP,mBAAA,GAAAA,mBAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.fillTextStyleIfNotNullish = fillTextStyleIfNotNullish;
|
|
7
|
+
exports.fillViewStyleIfNotNullish = fillViewStyleIfNotNullish;
|
|
8
|
+
var _jsUtil = require("@mj-studio/js-util");
|
|
9
|
+
function fillViewStyleIfNotNullish(into, key, value) {
|
|
10
|
+
if (_jsUtil.is.undefined(value) || _jsUtil.is.null(value)) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
into[key] = value;
|
|
14
|
+
}
|
|
15
|
+
function fillTextStyleIfNotNullish(into, key, value) {
|
|
16
|
+
if (_jsUtil.is.undefined(value) || _jsUtil.is.null(value)) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
into[key] = value;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=fillStyleIfNotNullish.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_jsUtil","require","fillViewStyleIfNotNullish","into","key","value","is","undefined","null","fillTextStyleIfNotNullish"],"sourceRoot":"../../../../src","sources":["internal/util/fillStyleIfNotNullish.ts"],"mappings":";;;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEO,SAASC,yBAAyBA,CACvCC,IAAe,EACfC,GAAM,EACNC,KAA2B,EAC3B;EACA,IAAIC,UAAE,CAACC,SAAS,CAACF,KAAK,CAAC,IAAIC,UAAE,CAACE,IAAI,CAACH,KAAK,CAAC,EAAE;IACzC;EACF;EAEAF,IAAI,CAACC,GAAG,CAAC,GAAGC,KAAK;AACnB;AAEO,SAASI,yBAAyBA,CACvCN,IAAe,EACfC,GAAM,EACNC,KAA2B,EAC3B;EACA,IAAIC,UAAE,CAACC,SAAS,CAACF,KAAK,CAAC,IAAIC,UAAE,CAACE,IAAI,CAACH,KAAK,CAAC,EAAE;IACzC;EACF;EAEAF,IAAI,CAACC,GAAG,CAAC,GAAGC,KAAK;AACnB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.parsePxSuffixNumber = parsePxSuffixNumber;
|
|
7
|
+
var _jsUtil = require("@mj-studio/js-util");
|
|
8
|
+
function parsePxSuffixNumber(value) {
|
|
9
|
+
if (_jsUtil.is.string(value) && value.endsWith('px')) {
|
|
10
|
+
const sub = value.substring(0, value.length - 2);
|
|
11
|
+
if (_jsUtil.is.numberString(sub)) {
|
|
12
|
+
return Number(sub);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=parsePxSuffixNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_jsUtil","require","parsePxSuffixNumber","value","is","string","endsWith","sub","substring","length","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/util/parsePxSuffixNumber.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAACC,KAAU,EAAsB;EAClE,IAAIC,UAAE,CAACC,MAAM,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C,MAAMC,GAAG,GAAGJ,KAAK,CAACK,SAAS,CAAC,CAAC,EAAEL,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC;IAChD,IAAIL,UAAE,CAACM,YAAY,CAACH,GAAG,CAAC,EAAE;MACxB,OAAOI,MAAM,CAACJ,GAAG,CAAC;IACpB;EACF;AACF"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.printWarning = void 0;
|
|
7
|
+
/* eslint-disable no-console */
|
|
8
|
+
|
|
9
|
+
function isTestEnv() {
|
|
10
|
+
return process.env.JEST_WORKER_ID !== undefined;
|
|
11
|
+
}
|
|
12
|
+
const printWarning = msg => {
|
|
13
|
+
if (!isTestEnv()) {
|
|
14
|
+
console.warn('[⚠️@react-native-styled-system/core]', msg);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
exports.printWarning = printWarning;
|
|
18
|
+
//# sourceMappingURL=printWarning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isTestEnv","process","env","JEST_WORKER_ID","undefined","printWarning","msg","console","warn","exports"],"sourceRoot":"../../../../src","sources":["internal/util/printWarning.ts"],"mappings":";;;;;;AAAA;;AAEA,SAASA,SAASA,CAAA,EAAG;EACnB,OAAOC,OAAO,CAACC,GAAG,CAACC,cAAc,KAAKC,SAAS;AACjD;AAEO,MAAMC,YAAY,GAAIC,GAAW,IAAK;EAC3C,IAAI,CAACN,SAAS,CAAC,CAAC,EAAE;IAChBO,OAAO,CAACC,IAAI,CAAC,sCAAsC,EAAEF,GAAG,CAAC;EAC3D;AACF,CAAC;AAACG,OAAA,CAAAJ,YAAA,GAAAA,YAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StyledSystemProvider = exports.StyledSystemContext = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ThemedDict = require("../@types/ThemedDict");
|
|
9
|
+
var _fillNullishThemeKey = require("../internal/util/fillNullishThemeKey");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const StyledSystemContext = exports.StyledSystemContext = /*#__PURE__*/_react.default.createContext({
|
|
12
|
+
theme: _ThemedDict.emptyThemedDict
|
|
13
|
+
});
|
|
14
|
+
const StyledSystemProvider = ({
|
|
15
|
+
children,
|
|
16
|
+
theme
|
|
17
|
+
}) => {
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(StyledSystemContext.Provider, {
|
|
19
|
+
value: {
|
|
20
|
+
theme: (0, _fillNullishThemeKey.fillNullishThemeKey)(theme)
|
|
21
|
+
}
|
|
22
|
+
}, children);
|
|
23
|
+
};
|
|
24
|
+
exports.StyledSystemProvider = StyledSystemProvider;
|
|
25
|
+
//# sourceMappingURL=StyledSystemProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_ThemedDict","_fillNullishThemeKey","obj","__esModule","default","StyledSystemContext","exports","React","createContext","theme","emptyThemedDict","StyledSystemProvider","children","createElement","Provider","value","fillNullishThemeKey"],"sourceRoot":"../../../src","sources":["provider/StyledSystemProvider.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAA2E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMpE,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAGE,cAAK,CAACC,aAAa,CAA2B;EAC/EC,KAAK,EAAEC;AACT,CAAC,CAAC;AAGK,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,QAAQ;EAAEH;AAAa,CAAC,KAAK;EAClE,oBACEZ,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACR,mBAAmB,CAACS,QAAQ;IAACC,KAAK,EAAE;MAAEN,KAAK,EAAE,IAAAO,wCAAmB,EAACP,KAAK;IAAE;EAAE,GACxEG,QAC2B,CAAC;AAEnC,CAAC;AAACN,OAAA,CAAAK,oBAAA,GAAAA,oBAAA"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.propsToThemedStyle = void 0;
|
|
7
|
+
var _TokenParser = require("../internal/TokenParser/TokenParser");
|
|
8
|
+
var _fillStyleIfNotNullish = require("../internal/util/fillStyleIfNotNullish");
|
|
9
|
+
var _printWarning = require("../internal/util/printWarning");
|
|
10
|
+
/* eslint-disable padding-line-between-statements */
|
|
11
|
+
|
|
12
|
+
const propsToThemedStyle = ({
|
|
13
|
+
theme,
|
|
14
|
+
sx,
|
|
15
|
+
styleType = 'ViewStyle'
|
|
16
|
+
}) => {
|
|
17
|
+
const ret = {};
|
|
18
|
+
if (!theme) {
|
|
19
|
+
(0, _printWarning.printWarning)('theme not found');
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
if (!sx) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const {
|
|
26
|
+
colors,
|
|
27
|
+
radii,
|
|
28
|
+
sizes,
|
|
29
|
+
space,
|
|
30
|
+
spaceAsNumberOnly,
|
|
31
|
+
typography
|
|
32
|
+
} = (0, _TokenParser.createTokenParsers)(theme);
|
|
33
|
+
|
|
34
|
+
// region colors
|
|
35
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'backgroundColor', colors(sx.backgroundColor ?? sx.bg));
|
|
36
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderColor', colors(sx.borderColor));
|
|
37
|
+
// endregion
|
|
38
|
+
|
|
39
|
+
// region space
|
|
40
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'margin', space(sx.margin ?? sx.m));
|
|
41
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginTop', space(sx.marginTop ?? sx.mt));
|
|
42
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginRight', space(sx.marginRight ?? sx.mr));
|
|
43
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginBottom', space(sx.marginBottom ?? sx.mb));
|
|
44
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginLeft', space(sx.marginLeft ?? sx.ml));
|
|
45
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginVertical', space(sx.marginY ?? sx.my));
|
|
46
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'marginHorizontal', space(sx.marginX ?? sx.mx));
|
|
47
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'padding', space(sx.padding ?? sx.p));
|
|
48
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingTop', space(sx.paddingTop ?? sx.pt));
|
|
49
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingRight', space(sx.paddingRight ?? sx.pr));
|
|
50
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingBottom', space(sx.paddingBottom ?? sx.pb));
|
|
51
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingLeft', space(sx.paddingLeft ?? sx.pl));
|
|
52
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingVertical', space(sx.paddingY ?? sx.py));
|
|
53
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'paddingHorizontal', space(sx.paddingX ?? sx.px));
|
|
54
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'top', space(sx.top ?? (sx.absoluteFill ? 0 : undefined)));
|
|
55
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'right', space(sx.right ?? (sx.absoluteFill ? 0 : undefined)));
|
|
56
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'bottom', space(sx.bottom ?? (sx.absoluteFill ? 0 : undefined)));
|
|
57
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'left', space(sx.left ?? (sx.absoluteFill ? 0 : undefined)));
|
|
58
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'gap', spaceAsNumberOnly(sx.gap));
|
|
59
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'columnGap', spaceAsNumberOnly(sx.gapX));
|
|
60
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'rowGap', spaceAsNumberOnly(sx.gapY));
|
|
61
|
+
// endregion
|
|
62
|
+
|
|
63
|
+
// region sizes
|
|
64
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'width', sizes(sx.width ?? sx.w));
|
|
65
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'minWidth', sizes(sx.minWidth ?? sx.minW));
|
|
66
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'maxWidth', sizes(sx.maxWidth ?? sx.maxW));
|
|
67
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'height', sizes(sx.height ?? sx.h));
|
|
68
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'minHeight', sizes(sx.minHeight ?? sx.minH));
|
|
69
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'maxHeight', sizes(sx.maxHeight ?? sx.maxH));
|
|
70
|
+
// endregion
|
|
71
|
+
|
|
72
|
+
// region radii
|
|
73
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderRadius', radii(sx.borderRadius ?? sx.radius));
|
|
74
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderTopLeftRadius', radii(sx.borderTopLeftRadius ?? sx.topLeftRadius));
|
|
75
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderTopRightRadius', radii(sx.borderTopRightRadius ?? sx.topRightRadius));
|
|
76
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderBottomLeftRadius', radii(sx.borderBottomLeftRadius ?? sx.bottomLeftRadius));
|
|
77
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderBottomRightRadius', radii(sx.borderBottomRightRadius ?? sx.bottomRightRadius));
|
|
78
|
+
// endregion
|
|
79
|
+
|
|
80
|
+
// region styles
|
|
81
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flex', sx.flex);
|
|
82
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'alignItems', sx.alignItems ?? (sx.center ? 'center' : undefined));
|
|
83
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'alignContent', sx.alignContent);
|
|
84
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'justifyContent', sx.justifyContent ?? (sx.center ? 'center' : undefined));
|
|
85
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flexWrap', sx.flexWrap);
|
|
86
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flexDirection', sx.flexDirection);
|
|
87
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flexGrow', sx.flexGrow);
|
|
88
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flexShrink', sx.flexShrink);
|
|
89
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'flexBasis', sx.flexBasis);
|
|
90
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'alignSelf', sx.alignSelf);
|
|
91
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'position', sx.position ?? sx.pos ?? (sx.absoluteFill ? 'absolute' : undefined));
|
|
92
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderWidth', sx.borderWidth);
|
|
93
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderTopWidth', sx.borderTopWidth);
|
|
94
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderRightWidth', sx.borderRightWidth);
|
|
95
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderBottomWidth', sx.borderBottomWidth);
|
|
96
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'borderLeftWidth', sx.borderLeftWidth);
|
|
97
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'opacity', sx.opacity);
|
|
98
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'overflow', sx.overflow);
|
|
99
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'transform', sx.transform);
|
|
100
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'aspectRatio', sx.aspectRatio);
|
|
101
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'display', sx.display);
|
|
102
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'elevation', sx.elevation);
|
|
103
|
+
(0, _fillStyleIfNotNullish.fillViewStyleIfNotNullish)(ret, 'zIndex', sx.zIndex);
|
|
104
|
+
// endregion
|
|
105
|
+
|
|
106
|
+
if (styleType === 'TextStyle') {
|
|
107
|
+
// region colors
|
|
108
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'color', colors(sx.color));
|
|
109
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textDecorationColor', colors(sx.textDecorationColor));
|
|
110
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textShadowColor', colors(sx.textShadowColor));
|
|
111
|
+
// endregion
|
|
112
|
+
|
|
113
|
+
// region styles
|
|
114
|
+
const t = typography(sx.typography ?? sx.t);
|
|
115
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'fontFamily', sx.fontFamily ?? t?.fontFamily);
|
|
116
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'fontSize', sx.fontSize ?? t?.fontSize);
|
|
117
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'lineHeight', sx.lineHeight ?? t?.lineHeight);
|
|
118
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'fontWeight', sx.fontWeight ?? sx.weight ?? t?.fontWeight);
|
|
119
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'letterSpacing', sx.letterSpacing ?? t?.letterSpacing);
|
|
120
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textAlign', sx.textAlign ?? sx.align ?? t?.textAlign);
|
|
121
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'fontStyle', sx.fontStyle ?? t?.fontStyle);
|
|
122
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textDecorationLine', sx.textDecorationLine);
|
|
123
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textDecorationStyle', sx.textDecorationStyle);
|
|
124
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textShadowOffset', sx.textShadowOffset);
|
|
125
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textShadowRadius', sx.textShadowRadius);
|
|
126
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'textTransform', sx.textTransform);
|
|
127
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'userSelect', sx.userSelect);
|
|
128
|
+
// android
|
|
129
|
+
(0, _fillStyleIfNotNullish.fillTextStyleIfNotNullish)(ret, 'includeFontPadding', sx.includeFontPadding);
|
|
130
|
+
/* todo */
|
|
131
|
+
// ios
|
|
132
|
+
/* todo */
|
|
133
|
+
// endregion
|
|
134
|
+
}
|
|
135
|
+
return ret;
|
|
136
|
+
};
|
|
137
|
+
exports.propsToThemedStyle = propsToThemedStyle;
|
|
138
|
+
//# sourceMappingURL=propsToThemedStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_TokenParser","require","_fillStyleIfNotNullish","_printWarning","propsToThemedStyle","theme","sx","styleType","ret","printWarning","colors","radii","sizes","space","spaceAsNumberOnly","typography","createTokenParsers","fillViewStyleIfNotNullish","backgroundColor","bg","borderColor","margin","m","marginTop","mt","marginRight","mr","marginBottom","mb","marginLeft","ml","marginY","my","marginX","mx","padding","p","paddingTop","pt","paddingRight","pr","paddingBottom","pb","paddingLeft","pl","paddingY","py","paddingX","px","top","absoluteFill","undefined","right","bottom","left","gap","gapX","gapY","width","w","minWidth","minW","maxWidth","maxW","height","h","minHeight","minH","maxHeight","maxH","borderRadius","radius","borderTopLeftRadius","topLeftRadius","borderTopRightRadius","topRightRadius","borderBottomLeftRadius","bottomLeftRadius","borderBottomRightRadius","bottomRightRadius","flex","alignItems","center","alignContent","justifyContent","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignSelf","position","pos","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","opacity","overflow","transform","aspectRatio","display","elevation","zIndex","fillTextStyleIfNotNullish","color","textDecorationColor","textShadowColor","t","fontFamily","fontSize","lineHeight","fontWeight","weight","letterSpacing","textAlign","align","fontStyle","textDecorationLine","textDecorationStyle","textShadowOffset","textShadowRadius","textTransform","userSelect","includeFontPadding","exports"],"sourceRoot":"../../../src","sources":["util/propsToThemedStyle.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Always modify if you change API
|
|
3
|
+
*/
|
|
4
|
+
export const _viewStylePropList = ['style', 'sx', 'backgroundColor', 'bg', 'borderColor', 'margin', 'm', 'marginTop', 'mt', 'marginRight', 'mr', 'marginBottom', 'mb', 'marginLeft', 'ml', 'marginX', 'mx', 'marginY', 'my', 'padding', 'p', 'paddingTop', 'pt', 'paddingRight', 'pr', 'paddingBottom', 'pb', 'paddingLeft', 'pl', 'paddingX', 'px', 'paddingY', 'py', 'top', 'right', 'bottom', 'left', 'gap', 'gapX', 'gapY', 'width', 'w', 'minW', 'minWidth', 'maxW', 'maxWidth', 'height', 'h', 'minH', 'minHeight', 'maxH', 'maxHeight', 'flex', 'alignItems', 'alignContent', 'justifyContent', 'flexWrap', 'flexDirection', 'flexGrow', 'flexShrink', 'flexBasis', 'alignSelf', 'position', 'pos', 'borderWidth', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'borderRadius', 'radius', 'opacity', 'overflow', 'transform', 'aspectRatio', 'display', 'elevation', 'zIndex', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius'];
|
|
5
|
+
export const _textStylePropList = ['color', 'textDecorationColor', 'textShadowColor', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'weight', 'letterSpacing', 'lineHeight', 'textAlign', 'align', 'textDecorationLine', 'textDecorationStyle', 'textShadowOffset', 'textShadowRadius', 'textTransform', 'userSelect', 'includeFontPadding', 'typography', 't'];
|
|
6
|
+
//# sourceMappingURL=SxProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_viewStylePropList","_textStylePropList"],"sourceRoot":"../../../src","sources":["@types/SxProps.ts"],"mappings":"AAMA;AACA;AACA;AACA,OAAO,MAAMA,kBAAkB,GAAG,CAChC,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,GAAG,EACH,WAAW,EACX,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,GAAG,EACH,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,IAAI,EACJ,eAAe,EACf,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,GAAG,EACH,MAAM,EACN,UAAU,EACV,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,EACH,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,MAAM,EACN,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,CACU;AACrC,OAAO,MAAMC,kBAAkB,GAAG,CAChC,OAAO,EACP,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,GAAG,CAC+D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["emptyThemedDict","space","colors","sizes","radii","typography"],"sourceRoot":"../../../src","sources":["@types/ThemedDict.ts"],"mappings":"AASA,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/ThemedTypings.ts"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/Token.ts"],"mappings":""}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { useContext, useMemo } from 'react';
|
|
2
|
+
import { StyleSheet } from 'react-native';
|
|
3
|
+
import { is } from '@mj-studio/js-util';
|
|
4
|
+
import { _textStylePropList, _viewStylePropList } from '../@types/SxProps';
|
|
5
|
+
import { useStableCallback } from '../internal/useStableCallback';
|
|
6
|
+
import { printWarning } from '../internal/util/printWarning';
|
|
7
|
+
import { StyledSystemContext } from '../provider/StyledSystemProvider';
|
|
8
|
+
import { propsToThemedStyle } from '../util/propsToThemedStyle';
|
|
9
|
+
const defaultUseSxOptions = {
|
|
10
|
+
styleType: 'ViewStyle'
|
|
11
|
+
};
|
|
12
|
+
export const useSx = (props, {
|
|
13
|
+
theme: optionTheme,
|
|
14
|
+
styleType = defaultUseSxOptions.styleType,
|
|
15
|
+
transform = defaultUseSxOptions.transform,
|
|
16
|
+
fallback
|
|
17
|
+
} = defaultUseSxOptions) => {
|
|
18
|
+
const styledSystemContext = useContext(StyledSystemContext);
|
|
19
|
+
const getStyle = useStableCallback(() => {
|
|
20
|
+
const skip = !props && !fallback;
|
|
21
|
+
const theme = optionTheme ?? styledSystemContext?.theme;
|
|
22
|
+
if (skip) {
|
|
23
|
+
if (is.function(transform)) {
|
|
24
|
+
return propsToThemedStyle({
|
|
25
|
+
theme,
|
|
26
|
+
sx: transform({})
|
|
27
|
+
});
|
|
28
|
+
} else {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (!theme) {
|
|
33
|
+
printWarning('theme not found from useSx, undefined will be returned.');
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// caution: priority should be ordered correctly.
|
|
38
|
+
const mergedSx = {
|
|
39
|
+
...fallback,
|
|
40
|
+
...props,
|
|
41
|
+
...props?.sx
|
|
42
|
+
};
|
|
43
|
+
const mergedSxStyle = propsToThemedStyle({
|
|
44
|
+
theme,
|
|
45
|
+
sx: mergedSx,
|
|
46
|
+
styleType
|
|
47
|
+
});
|
|
48
|
+
const composedStyle = !mergedSxStyle ? props?.style : props?.style ? StyleSheet.compose(mergedSxStyle, props.style) : mergedSxStyle;
|
|
49
|
+
if (is.function(transform)) {
|
|
50
|
+
const transformedSx = transform(StyleSheet.flatten(composedStyle));
|
|
51
|
+
return StyleSheet.compose(composedStyle, propsToThemedStyle({
|
|
52
|
+
theme,
|
|
53
|
+
sx: transformedSx,
|
|
54
|
+
styleType
|
|
55
|
+
}));
|
|
56
|
+
} else {
|
|
57
|
+
return composedStyle;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
const filteredProps = useMemo(() => {
|
|
61
|
+
const ret = {
|
|
62
|
+
...props
|
|
63
|
+
};
|
|
64
|
+
_viewStylePropList.forEach(keyName => delete ret[keyName]);
|
|
65
|
+
if (styleType === 'TextStyle') {
|
|
66
|
+
_textStylePropList.forEach(keyName => delete ret[keyName]);
|
|
67
|
+
}
|
|
68
|
+
return ret;
|
|
69
|
+
}, [props, styleType]);
|
|
70
|
+
return {
|
|
71
|
+
getStyle,
|
|
72
|
+
filteredProps
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=useSx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","useMemo","StyleSheet","is","_textStylePropList","_viewStylePropList","useStableCallback","printWarning","StyledSystemContext","propsToThemedStyle","defaultUseSxOptions","styleType","useSx","props","theme","optionTheme","transform","fallback","styledSystemContext","getStyle","skip","function","sx","mergedSx","mergedSxStyle","composedStyle","style","compose","transformedSx","flatten","filteredProps","ret","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;AAGvC,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAE1E,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE,SAASC,kBAAkB,QAAQ,4BAA4B;AAY/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;AACY,CAAC,GAAGP,mBAAmB,KAClC;EACH,MAAMQ,mBAAmB,GAAGlB,UAAU,CAACQ,mBAAmB,CAAC;EAE3D,MAAMW,QAAQ,GAAGb,iBAAiB,CAAC,MAAgC;IACjE,MAAMc,IAAI,GAAG,CAACP,KAAK,IAAI,CAACI,QAAQ;IAChC,MAAMH,KAAK,GAAGC,WAAW,IAAIG,mBAAmB,EAAEJ,KAAK;IAEvD,IAAIM,IAAI,EAAE;MACR,IAAIjB,EAAE,CAACkB,QAAQ,CAACL,SAAS,CAAC,EAAE;QAC1B,OAAOP,kBAAkB,CAAC;UAAEK,KAAK;UAAEQ,EAAE,EAAEN,SAAS,CAAC,CAAC,CAAC;QAAE,CAAC,CAAC;MACzD,CAAC,MAAM;QACL;MACF;IACF;IAEA,IAAI,CAACF,KAAK,EAAE;MACVP,YAAY,CAAC,yDAAyD,CAAC;MAEvE;IACF;;IAEA;IACA,MAAMgB,QAAqB,GAAG;MAAE,GAAGN,QAAQ;MAAE,GAAGJ,KAAK;MAAE,GAAGA,KAAK,EAAES;IAAG,CAAC;IAErE,MAAME,aAAa,GAAGf,kBAAkB,CAAC;MACvCK,KAAK;MACLQ,EAAE,EAAEC,QAAQ;MACZZ;IACF,CAAC,CAAC;IAEF,MAAMc,aAAa,GAAG,CAACD,aAAa,GAChCX,KAAK,EAAEa,KAAK,GACZb,KAAK,EAAEa,KAAK,GACVxB,UAAU,CAACyB,OAAO,CAACH,aAAa,EAAEX,KAAK,CAACa,KAAK,CAAC,GAC9CF,aAAa;IAEnB,IAAIrB,EAAE,CAACkB,QAAQ,CAACL,SAAS,CAAC,EAAE;MAC1B,MAAMY,aAAa,GAAGZ,SAAS,CAACd,UAAU,CAAC2B,OAAO,CAACJ,aAAa,CAAC,CAAC;MAElE,OAAOvB,UAAU,CAACyB,OAAO,CACvBF,aAAa,EACbhB,kBAAkB,CAAC;QAAEK,KAAK;QAAEQ,EAAE,EAAEM,aAAa;QAAEjB;MAAU,CAAC,CAC5D,CAAC;IACH,CAAC,MAAM;MACL,OAAOc,aAAa;IACtB;EACF,CAAC,CAAC;EAEF,MAAMK,aAA6C,GAAG7B,OAAO,CAAC,MAAM;IAClE,MAAM8B,GAAG,GAAG;MAAE,GAAGlB;IAAM,CAAmC;IAE1DR,kBAAkB,CAAC2B,OAAO,CAAEC,OAAO,IAAK,OAAOF,GAAG,CAACE,OAAO,CAAC,CAAC;IAC5D,IAAItB,SAAS,KAAK,WAAW,EAAE;MAC7BP,kBAAkB,CAAC4B,OAAO,CAAEC,OAAO,IAAK,OAAOF,GAAG,CAACE,OAAO,CAAC,CAAC;IAC9D;IAEA,OAAOF,GAAG;EACZ,CAAC,EAAE,CAAClB,KAAK,EAAEF,SAAS,CAAC,CAAC;EAEtB,OAAO;IAAEQ,QAAQ;IAAEW;EAAc,CAAC;AACpC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { printWarning } from '../internal/util/printWarning';
|
|
3
|
+
import { StyledSystemContext } from '../provider/StyledSystemProvider';
|
|
4
|
+
import { propsToThemedStyle } from '../util/propsToThemedStyle';
|
|
5
|
+
const defaultOptions = {};
|
|
6
|
+
export const useSxStyle = ({
|
|
7
|
+
theme: optionTheme
|
|
8
|
+
} = defaultOptions) => {
|
|
9
|
+
const styledSystemContext = useContext(StyledSystemContext);
|
|
10
|
+
return sx => {
|
|
11
|
+
const theme = optionTheme ?? styledSystemContext?.theme;
|
|
12
|
+
if (!theme) {
|
|
13
|
+
printWarning('theme not found from useSxStyle, empty style will be returned.');
|
|
14
|
+
return {};
|
|
15
|
+
}
|
|
16
|
+
return propsToThemedStyle({
|
|
17
|
+
theme,
|
|
18
|
+
sx
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=useSxStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","printWarning","StyledSystemContext","propsToThemedStyle","defaultOptions","useSxStyle","theme","optionTheme","styledSystemContext","sx"],"sourceRoot":"../../../src","sources":["hook/useSxStyle.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAKlC,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,kBAAkB,QAAQ,4BAA4B;AAK/D,MAAMC,cAAiC,GAAG,CAAC,CAAC;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK,EAAEC;AAA+B,CAAC,GAAGH,cAAc,KAAK;EACxF,MAAMI,mBAAmB,GAAGR,UAAU,CAACE,mBAAmB,CAAC;EAE3D,OAAQO,EAAe,IAA2B;IAChD,MAAMH,KAAK,GAAGC,WAAW,IAAIC,mBAAmB,EAAEF,KAAK;IAEvD,IAAI,CAACA,KAAK,EAAE;MACVL,YAAY,CAAC,gEAAgE,CAAC;MAE9E,OAAO,CAAC,CAAC;IACX;IAEA,OAAOE,kBAAkB,CAAC;MACxBG,KAAK;MACLG;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { generateArray } from '@mj-studio/js-util';
|
|
3
|
+
import { printWarning } from '../internal/util/printWarning';
|
|
4
|
+
import { StyledSystemContext } from '../provider/StyledSystemProvider';
|
|
5
|
+
export const useSxTokens = (tokenType, tokenValues, {
|
|
6
|
+
theme: optionTheme
|
|
7
|
+
} = {}) => {
|
|
8
|
+
const styledSystemContext = useContext(StyledSystemContext);
|
|
9
|
+
const theme = optionTheme ?? styledSystemContext?.theme;
|
|
10
|
+
if (!theme) {
|
|
11
|
+
printWarning('theme not found from useSxTokens, undefineds will be returned.');
|
|
12
|
+
return generateArray(tokenValues.length).map(() => undefined);
|
|
13
|
+
}
|
|
14
|
+
const ret = [];
|
|
15
|
+
for (let i = 0; i < tokenValues.length; i++) {
|
|
16
|
+
const tokenValue = tokenValues[i];
|
|
17
|
+
if (!(tokenValue in theme[tokenType])) {
|
|
18
|
+
printWarning(`tokenValue ${String(tokenValue)} at index ${i} doesn't exist in tokenType ${tokenType} from useSxTokens, undefined will be returned.`);
|
|
19
|
+
ret.push(undefined);
|
|
20
|
+
} else {
|
|
21
|
+
ret.push(theme[tokenType][tokenValue]);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return ret;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=useSxTokens.js.map
|
|
@@ -0,0 +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;IACjC,IAAI,EAAEC,UAAU,IAAIR,KAAK,CAACF,SAAS,CAAC,CAAC,EAAE;MACrCH,YAAY,CACT,cAAac,MAAM,CAACD,UAAU,CAAE,aAAYD,CAAE,+BAA8BT,SAAU,gDACzF,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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './provider/StyledSystemProvider';
|
|
2
|
+
export * from './hook/useSx';
|
|
3
|
+
export * from './@types/ThemedDict';
|
|
4
|
+
export * from './@types/SxProps';
|
|
5
|
+
export * from './@types/ThemedTypings';
|
|
6
|
+
export * from './util/propsToThemedStyle';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,iCAAiC;AAC/C,cAAc,cAAc;AAC5B,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,2BAA2B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const createColorsParser = theme => {
|
|
2
|
+
return token => parseColors(theme, token);
|
|
3
|
+
};
|
|
4
|
+
const parseColors = (theme, token) => {
|
|
5
|
+
if (!token) {
|
|
6
|
+
return;
|
|
7
|
+
}
|
|
8
|
+
if (token in theme.colors) {
|
|
9
|
+
return theme.colors[token];
|
|
10
|
+
} else {
|
|
11
|
+
return token;
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=ColorsParser.js.map
|
|
@@ -0,0 +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"}
|