@codeleap/styles 7.0.1 → 7.0.2
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/dist/classes/Cacher.js +10 -6
- package/dist/classes/Cacher.js.map +1 -1
- package/dist/classes/StaleControl.js +5 -1
- package/dist/classes/StaleControl.js.map +1 -1
- package/dist/classes/StyleCache.js +20 -16
- package/dist/classes/StyleCache.js.map +1 -1
- package/dist/classes/StylePersistor.js +10 -6
- package/dist/classes/StylePersistor.js.map +1 -1
- package/dist/classes/StyleRegistry.js +39 -35
- package/dist/classes/StyleRegistry.js.map +1 -1
- package/dist/classes/index.js +18 -2
- package/dist/classes/index.js.map +1 -1
- package/dist/constants.js +4 -1
- package/dist/constants.js.map +1 -1
- package/dist/hooks/index.js +20 -4
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useCompositionStyles.js +9 -6
- package/dist/hooks/useCompositionStyles.js.map +1 -1
- package/dist/hooks/useNestedStylesByKey.js +8 -5
- package/dist/hooks/useNestedStylesByKey.js.map +1 -1
- package/dist/hooks/useStyleObserver.js +7 -3
- package/dist/hooks/useStyleObserver.js.map +1 -1
- package/dist/hooks/useTheme.js +8 -4
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.js +27 -11
- package/dist/index.js.map +1 -1
- package/dist/lib/calc.js +5 -1
- package/dist/lib/calc.js.map +1 -1
- package/dist/lib/createStyles.js +12 -7
- package/dist/lib/createStyles.js.map +1 -1
- package/dist/lib/createTheme.js +34 -30
- package/dist/lib/createTheme.js.map +1 -1
- package/dist/lib/cssVariables.js +11 -5
- package/dist/lib/cssVariables.js.map +1 -1
- package/dist/lib/index.js +17 -4
- package/dist/lib/index.js.map +1 -1
- package/dist/theme/generateColorScheme.js +8 -5
- package/dist/theme/generateColorScheme.js.map +1 -1
- package/dist/theme/index.js +19 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/themeStore.d.ts +4 -4
- package/dist/theme/themeStore.d.ts.map +1 -1
- package/dist/theme/themeStore.js +14 -10
- package/dist/theme/themeStore.js.map +1 -1
- package/dist/theme/validateTheme.js +4 -1
- package/dist/theme/validateTheme.js.map +1 -1
- package/dist/tools/colors.js +16 -7
- package/dist/tools/colors.js.map +1 -1
- package/dist/tools/deepClone.js +8 -2
- package/dist/tools/deepClone.js.map +1 -1
- package/dist/tools/deepmerge.js +8 -1
- package/dist/tools/deepmerge.js.map +1 -1
- package/dist/tools/hashKey.js +7 -3
- package/dist/tools/hashKey.js.map +1 -1
- package/dist/tools/index.js +45 -6
- package/dist/tools/index.js.map +1 -1
- package/dist/tools/minifier.js +11 -6
- package/dist/tools/minifier.js.map +1 -1
- package/dist/tools/multiplierProperty.js +4 -1
- package/dist/tools/multiplierProperty.js.map +1 -1
- package/dist/types/cache.js +2 -1
- package/dist/types/component.js +2 -1
- package/dist/types/core.js +2 -1
- package/dist/types/core.js.map +1 -1
- package/dist/types/icon.js +2 -1
- package/dist/types/icon.js.map +1 -1
- package/dist/types/index.js +21 -5
- package/dist/types/index.js.map +1 -1
- package/dist/types/spacing.js +5 -2
- package/dist/types/spacing.js.map +1 -1
- package/dist/types/store.js +2 -1
- package/dist/types/style.js +2 -1
- package/dist/types/theme.js +2 -1
- package/dist/utils.js +23 -15
- package/dist/utils.js.map +1 -1
- package/dist/variants/borderCreator.js +9 -5
- package/dist/variants/borderCreator.js.map +1 -1
- package/dist/variants/createAppVariants.js +6 -3
- package/dist/variants/createAppVariants.js.map +1 -1
- package/dist/variants/defaultVariants.js +4 -1
- package/dist/variants/defaultVariants.js.map +1 -1
- package/dist/variants/dynamicVariants.js +24 -20
- package/dist/variants/dynamicVariants.js.map +1 -1
- package/dist/variants/index.js +22 -6
- package/dist/variants/index.js.map +1 -1
- package/dist/variants/mediaQuery.js +4 -1
- package/dist/variants/mediaQuery.js.map +1 -1
- package/dist/variants/spacing.js +6 -3
- package/dist/variants/spacing.js.map +1 -1
- package/package.json +1 -1
package/dist/utils.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.concatStyles = exports.ignoredStyleKeys = exports.mergeStyles = exports.spacingKeys = void 0;
|
|
4
|
+
exports.capitalize = capitalize;
|
|
5
|
+
exports.isSpacingKey = isSpacingKey;
|
|
6
|
+
exports.getNestedStylesByKey = getNestedStylesByKey;
|
|
7
|
+
const spacing_1 = require("./types/spacing");
|
|
8
|
+
const tools_1 = require("./tools");
|
|
3
9
|
/**
|
|
4
10
|
* Uppercases (or lowercases when `reverse = true`) the first character of a string.
|
|
5
11
|
* Returns the input unchanged when it is falsy or empty.
|
|
6
12
|
*/
|
|
7
|
-
|
|
13
|
+
function capitalize(str, reverse = false) {
|
|
8
14
|
if (!(str === null || str === void 0 ? void 0 : str.length))
|
|
9
15
|
return str;
|
|
10
16
|
const firstChar = reverse ? str[0].toLowerCase() : str[0].toUpperCase();
|
|
@@ -15,7 +21,7 @@ export function capitalize(str, reverse = false) {
|
|
|
15
21
|
* specially (resolved via the spacing factory rather than passed through as raw ICSS).
|
|
16
22
|
* Built eagerly at module load time by iterating `spacingVariants` and `spacingShortVariants`.
|
|
17
23
|
*/
|
|
18
|
-
|
|
24
|
+
exports.spacingKeys = [
|
|
19
25
|
'gap',
|
|
20
26
|
'top',
|
|
21
27
|
'left',
|
|
@@ -23,20 +29,20 @@ export const spacingKeys = [
|
|
|
23
29
|
'bottom',
|
|
24
30
|
];
|
|
25
31
|
for (const longProperty of ['padding', 'margin']) {
|
|
26
|
-
for (const variant of spacingVariants) {
|
|
27
|
-
spacingKeys.push(`${longProperty}${capitalize(variant)}`);
|
|
32
|
+
for (const variant of spacing_1.spacingVariants) {
|
|
33
|
+
exports.spacingKeys.push(`${longProperty}${capitalize(variant)}`);
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
for (const shortProperty of ['p', 'm']) {
|
|
31
|
-
for (const shortVariant of spacingShortVariants) {
|
|
32
|
-
spacingKeys.push(shortProperty + shortVariant);
|
|
37
|
+
for (const shortVariant of spacing_1.spacingShortVariants) {
|
|
38
|
+
exports.spacingKeys.push(shortProperty + shortVariant);
|
|
33
39
|
}
|
|
34
40
|
}
|
|
35
41
|
/** Returns `true` if `key` is one of the pre-built spacing property names. */
|
|
36
|
-
|
|
42
|
+
function isSpacingKey(key) {
|
|
37
43
|
if (!key)
|
|
38
44
|
return false;
|
|
39
|
-
return spacingKeys === null || spacingKeys === void 0 ? void 0 : spacingKeys.includes(key);
|
|
45
|
+
return exports.spacingKeys === null || exports.spacingKeys === void 0 ? void 0 : exports.spacingKeys.includes(key);
|
|
40
46
|
}
|
|
41
47
|
/**
|
|
42
48
|
* Extracts all entries whose key starts with `match`, stripping the prefix and
|
|
@@ -44,7 +50,7 @@ export function isSpacingKey(key) {
|
|
|
44
50
|
* slice a flat `{ wrapperText: ..., wrapperIcon: ... }` record into a nested
|
|
45
51
|
* `{ text: ..., icon: ... }` map for a single composition element.
|
|
46
52
|
*/
|
|
47
|
-
|
|
53
|
+
function getNestedStylesByKey(match, styles) {
|
|
48
54
|
const stylesByKey = {};
|
|
49
55
|
for (const [key, value] of Object.entries(styles)) {
|
|
50
56
|
if (key.startsWith(match)) {
|
|
@@ -58,17 +64,18 @@ export function getNestedStylesByKey(match, styles) {
|
|
|
58
64
|
* Merges an array of style objects into one using `@fastify/deepmerge` with `all: true`.
|
|
59
65
|
* Falsy entries are filtered out before merging. Later entries overwrite earlier ones.
|
|
60
66
|
*/
|
|
61
|
-
|
|
67
|
+
const mergeStyles = (styles) => {
|
|
62
68
|
const style = styles === null || styles === void 0 ? void 0 : styles.filter(s => !!s);
|
|
63
|
-
return deepmerge({ all: true })(...style);
|
|
69
|
+
return (0, tools_1.deepmerge)({ all: true })(...style);
|
|
64
70
|
};
|
|
71
|
+
exports.mergeStyles = mergeStyles;
|
|
65
72
|
/**
|
|
66
73
|
* Style property names that collide with CSS keywords and must not be treated as
|
|
67
74
|
* composition-element prefixes by the registry. Without this list, a style object
|
|
68
75
|
* like `{ textAlign: 'center' }` would be misidentified as a composition key starting
|
|
69
76
|
* with `text`.
|
|
70
77
|
*/
|
|
71
|
-
|
|
78
|
+
exports.ignoredStyleKeys = [
|
|
72
79
|
'textAlign',
|
|
73
80
|
'textDecoration',
|
|
74
81
|
'textOverflow',
|
|
@@ -82,7 +89,7 @@ export const ignoredStyleKeys = [
|
|
|
82
89
|
* assembling the final `style` prop from multiple sources (e.g., variant defaults
|
|
83
90
|
* plus overrides), without losing the order-dependent merge semantics of `StyleProp`.
|
|
84
91
|
*/
|
|
85
|
-
|
|
92
|
+
const concatStyles = (styles) => {
|
|
86
93
|
const results = [];
|
|
87
94
|
for (const style of styles) {
|
|
88
95
|
if (Array.isArray(style)) {
|
|
@@ -94,4 +101,5 @@ export const concatStyles = (styles) => {
|
|
|
94
101
|
}
|
|
95
102
|
return results;
|
|
96
103
|
};
|
|
104
|
+
exports.concatStyles = concatStyles;
|
|
97
105
|
//# sourceMappingURL=utils.js.map
|
package/dist/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.borderCreator = void 0;
|
|
4
|
+
const theme_1 = require("../theme");
|
|
5
|
+
const utils_1 = require("../utils");
|
|
3
6
|
/**
|
|
4
7
|
* Resolves `color` from `theme.colors` (falls back to the raw string if not found),
|
|
5
8
|
* then emits `border{Direction}Color`, `border{Direction}Width`, and — on web only —
|
|
@@ -8,14 +11,14 @@ import { capitalize } from '../utils';
|
|
|
8
11
|
* `borderStyle` is omitted on React Native because RN requires it on individual sides
|
|
9
12
|
* and `isBrowser` guards that path.
|
|
10
13
|
*/
|
|
11
|
-
|
|
14
|
+
const borderCreator = (args) => {
|
|
12
15
|
var _a, _b;
|
|
13
16
|
const { color: colorKey, width = 1, style = 'solid', directions = ['left', 'top', 'bottom', 'right'], } = args;
|
|
14
|
-
const theme = themeStore.themeTyped;
|
|
17
|
+
const theme = theme_1.themeStore.themeTyped;
|
|
15
18
|
const color = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a[colorKey]) !== null && _b !== void 0 ? _b : colorKey;
|
|
16
19
|
let borderStyles = {};
|
|
17
20
|
for (const direction of directions) {
|
|
18
|
-
const property = `border${capitalize(direction)}`;
|
|
21
|
+
const property = `border${(0, utils_1.capitalize)(direction)}`;
|
|
19
22
|
borderStyles[`${property}Color`] = color;
|
|
20
23
|
borderStyles[`${property}Width`] = width;
|
|
21
24
|
if (theme === null || theme === void 0 ? void 0 : theme.isBrowser)
|
|
@@ -23,4 +26,5 @@ export const borderCreator = (args) => {
|
|
|
23
26
|
}
|
|
24
27
|
return borderStyles;
|
|
25
28
|
};
|
|
29
|
+
exports.borderCreator = borderCreator;
|
|
26
30
|
//# sourceMappingURL=borderCreator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"borderCreator.js","sourceRoot":"","sources":["../../src/variants/borderCreator.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"borderCreator.js","sourceRoot":"","sources":["../../src/variants/borderCreator.ts"],"names":[],"mappings":";;;AAEA,oCAAqC;AACrC,oCAAqC;AAarC;;;;;;;GAOG;AACI,MAAM,aAAa,GAAkB,CAAC,IAAI,EAAE,EAAE;;IACnD,MAAM,EACJ,KAAK,EAAE,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,GAChD,GAAG,IAAI,CAAA;IAER,MAAM,KAAK,GAAG,kBAAU,CAAC,UAAU,CAAA;IAEnC,MAAM,KAAK,GAAG,MAAA,MAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAA8B,0CAAG,QAAQ,CAAC,mCAAI,QAAQ,CAAA;IAE5E,IAAI,YAAY,GAAwB,EAAE,CAAA;IAE1C,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,SAAS,IAAA,kBAAU,EAAC,SAAS,CAAC,EAAE,CAAA;QAEjD,YAAY,CAAC,GAAG,QAAQ,OAAO,CAAC,GAAG,KAAK,CAAA;QACxC,YAAY,CAAC,GAAG,QAAQ,OAAO,CAAC,GAAG,KAAK,CAAA;QACxC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;YAAE,YAAY,CAAC,GAAG,QAAQ,OAAO,CAAC,GAAG,KAAK,CAAA;IAChE,CAAC;IAED,OAAO,YAAoB,CAAA;AAC7B,CAAC,CAAA;AAvBY,QAAA,aAAa,iBAuBzB"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createAppVariants = createAppVariants;
|
|
4
|
+
const theme_1 = require("../theme");
|
|
2
5
|
/**
|
|
3
6
|
* Registers app-specific style variants with the global `themeStore`.
|
|
4
7
|
* Call this once during app initialisation (before any component mounts) with the
|
|
@@ -10,8 +13,8 @@ import { themeStore } from '../theme';
|
|
|
10
13
|
*
|
|
11
14
|
* @returns The same `variants` object — useful for typing augmentation of `IAppVariants`.
|
|
12
15
|
*/
|
|
13
|
-
|
|
14
|
-
themeStore.setVariants(variants);
|
|
16
|
+
function createAppVariants(variants) {
|
|
17
|
+
theme_1.themeStore.setVariants(variants);
|
|
15
18
|
return variants;
|
|
16
19
|
}
|
|
17
20
|
//# sourceMappingURL=createAppVariants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppVariants.js","sourceRoot":"","sources":["../../src/variants/createAppVariants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAppVariants.js","sourceRoot":"","sources":["../../src/variants/createAppVariants.ts"],"names":[],"mappings":";;AAkBA,8CAIC;AArBD,oCAAqC;AAMrC;;;;;;;;;;GAUG;AACH,SAAgB,iBAAiB,CAA2B,QAAW;IACrE,kBAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAEhC,OAAO,QAAQ,CAAA;AACjB,CAAC"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.defaultVariants = void 0;
|
|
1
4
|
/**
|
|
2
5
|
* Static built-in style variants available to every component without any registration.
|
|
3
6
|
* These are merged as the lowest-priority layer in `commonVariants`, so app-defined
|
|
@@ -10,7 +13,7 @@
|
|
|
10
13
|
* - `centerChildren` — centers children via `alignItems`/`justifyContent`; requires a flex container.
|
|
11
14
|
* - `'visibility:hidden'` / `'display:none'` — use quoted keys in style arrays.
|
|
12
15
|
*/
|
|
13
|
-
|
|
16
|
+
exports.defaultVariants = {
|
|
14
17
|
block: {
|
|
15
18
|
display: 'block',
|
|
16
19
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;
|
|
1
|
+
{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;GAWG;AACU,QAAA,eAAe,GAAG;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,OAAO;KACjB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,MAAM,EAAE;QACN,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;KACV;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,cAAc,EAAE;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,YAAY;KACzB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;KACvB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,SAAS;KACtB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,YAAY;KACxB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,UAAU;KACtB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,YAAY;KAC7B;IACD,UAAU,EAAE;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,eAAe;KAChC;IACD,kBAAkB,EAAE;QAClB,cAAc,EAAE,cAAc;KAC/B;IACD,SAAS,EAAE;QACT,SAAS,EAAE,OAAO;KACnB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM;KACjB;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,QAAQ;KACrB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,cAAc,EAAE;QACd,OAAO,EAAC,MAAM;KACf;CACO,CAAA"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.dynamicVariants = exports.createDynamicVariants = exports.cursorTypes = exports.borderProperties = exports.borderDirection = exports.borderYDirection = exports.borderXDirection = exports.colorVariants = void 0;
|
|
4
|
+
const utils_1 = require("../utils");
|
|
2
5
|
/** CSS properties that accept a color token: `backgroundColor` and `color`. */
|
|
3
|
-
|
|
6
|
+
exports.colorVariants = ['backgroundColor', 'color'];
|
|
4
7
|
/** Horizontal border directions used when generating per-corner radius variants. */
|
|
5
|
-
|
|
8
|
+
exports.borderXDirection = ['left', 'right'];
|
|
6
9
|
/** Vertical border directions used when generating per-corner radius variants. */
|
|
7
|
-
|
|
10
|
+
exports.borderYDirection = ['bottom', 'top'];
|
|
8
11
|
/** All four border directions plus the un-suffixed (all-sides) form. */
|
|
9
|
-
|
|
12
|
+
exports.borderDirection = [...exports.borderYDirection, ...exports.borderXDirection, ''];
|
|
10
13
|
/** Border sub-properties generated for each direction. */
|
|
11
|
-
|
|
14
|
+
exports.borderProperties = ['color', 'radius', 'width'];
|
|
12
15
|
/** CSS cursor values surfaced as `cursor:<value>` style variants. */
|
|
13
|
-
|
|
16
|
+
exports.cursorTypes = [
|
|
14
17
|
'not-allowed',
|
|
15
18
|
'help',
|
|
16
19
|
'pointer',
|
|
@@ -23,40 +26,40 @@ export const cursorTypes = [
|
|
|
23
26
|
* (the part before `:` in the variant string). The registry is consumed by
|
|
24
27
|
* `CodeleapStyleRegistry.computeCommonVariantStyle`.
|
|
25
28
|
*/
|
|
26
|
-
|
|
29
|
+
const createDynamicVariants = () => {
|
|
27
30
|
const dynamicVariants = {};
|
|
28
31
|
function createVariant(variantName, variantReturn) {
|
|
29
32
|
dynamicVariants[variantName] = variantReturn;
|
|
30
33
|
}
|
|
31
|
-
colorVariants.forEach(variant => {
|
|
34
|
+
exports.colorVariants.forEach(variant => {
|
|
32
35
|
createVariant(variant, (theme, color) => ({
|
|
33
36
|
[variant]: theme.colors[color],
|
|
34
37
|
}));
|
|
35
38
|
});
|
|
36
|
-
borderDirection.forEach(direction => {
|
|
37
|
-
if (borderYDirection.includes(direction)) {
|
|
38
|
-
borderXDirection.forEach(y => {
|
|
39
|
-
const variant = `border${capitalize(direction)}${capitalize(y)}Radius`;
|
|
39
|
+
exports.borderDirection.forEach(direction => {
|
|
40
|
+
if (exports.borderYDirection.includes(direction)) {
|
|
41
|
+
exports.borderXDirection.forEach(y => {
|
|
42
|
+
const variant = `border${(0, utils_1.capitalize)(direction)}${(0, utils_1.capitalize)(y)}Radius`;
|
|
40
43
|
createVariant(variant, (theme, value) => ({
|
|
41
44
|
[variant]: theme.radius[value],
|
|
42
45
|
}));
|
|
43
46
|
});
|
|
44
47
|
}
|
|
45
|
-
borderProperties.forEach(property => {
|
|
46
|
-
const variant = `border${capitalize(direction)}${capitalize(property)}`;
|
|
48
|
+
exports.borderProperties.forEach(property => {
|
|
49
|
+
const variant = `border${(0, utils_1.capitalize)(direction)}${(0, utils_1.capitalize)(property)}`;
|
|
47
50
|
createVariant(variant, (theme, value) => ({
|
|
48
51
|
[variant]: property == 'color' ? theme.colors[value] : theme.radius[value],
|
|
49
52
|
}));
|
|
50
53
|
});
|
|
51
54
|
});
|
|
52
|
-
borderXDirection.forEach(x => {
|
|
53
|
-
const variant = `border${capitalize(x)}Radius`;
|
|
55
|
+
exports.borderXDirection.forEach(x => {
|
|
56
|
+
const variant = `border${(0, utils_1.capitalize)(x)}Radius`;
|
|
54
57
|
createVariant(variant, (theme, value) => ({
|
|
55
58
|
[variant]: theme.radius[value],
|
|
56
59
|
}));
|
|
57
60
|
});
|
|
58
|
-
borderYDirection.forEach(y => {
|
|
59
|
-
const variant = `border${capitalize(y)}Radius`;
|
|
61
|
+
exports.borderYDirection.forEach(y => {
|
|
62
|
+
const variant = `border${(0, utils_1.capitalize)(y)}Radius`;
|
|
60
63
|
createVariant(variant, (theme, value) => ({
|
|
61
64
|
[variant]: theme.radius[value],
|
|
62
65
|
}));
|
|
@@ -81,9 +84,10 @@ export const createDynamicVariants = () => {
|
|
|
81
84
|
}));
|
|
82
85
|
return dynamicVariants;
|
|
83
86
|
};
|
|
87
|
+
exports.createDynamicVariants = createDynamicVariants;
|
|
84
88
|
/**
|
|
85
89
|
* Pre-built dynamic variant registry used by the `CodeleapStyleRegistry`.
|
|
86
90
|
* Created once at module load; re-creation would lose the closed-over variant map.
|
|
87
91
|
*/
|
|
88
|
-
|
|
92
|
+
exports.dynamicVariants = (0, exports.createDynamicVariants)();
|
|
89
93
|
//# sourceMappingURL=dynamicVariants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dynamicVariants.js","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"dynamicVariants.js","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"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"}
|
package/dist/variants/index.js
CHANGED
|
@@ -1,7 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./borderCreator"), exports);
|
|
18
|
+
__exportStar(require("./createAppVariants"), exports);
|
|
19
|
+
__exportStar(require("./defaultVariants"), exports);
|
|
20
|
+
__exportStar(require("./dynamicVariants"), exports);
|
|
21
|
+
__exportStar(require("./mediaQuery"), exports);
|
|
22
|
+
__exportStar(require("./spacing"), exports);
|
|
7
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variants/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variants/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,sDAAmC;AACnC,oDAAiC;AACjC,oDAAiC;AACjC,+CAA4B;AAC5B,4CAAyB"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createMediaQueries = createMediaQueries;
|
|
1
4
|
function getBreakpointValue(breakpoint, breakpoints) {
|
|
2
5
|
if (breakpoints[breakpoint]) {
|
|
3
6
|
return breakpoints[breakpoint];
|
|
@@ -9,7 +12,7 @@ function getBreakpointValue(breakpoint, breakpoints) {
|
|
|
9
12
|
* Unknown breakpoints (not in the map) fall back to `Infinity`, making `up(unknown)`
|
|
10
13
|
* match all widths and `down(unknown)` match none.
|
|
11
14
|
*/
|
|
12
|
-
|
|
15
|
+
function createMediaQueries(breakpoints) {
|
|
13
16
|
function getBreakpoint(breakpoint) {
|
|
14
17
|
return getBreakpointValue(breakpoint, breakpoints);
|
|
15
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../src/variants/mediaQuery.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../src/variants/mediaQuery.ts"],"names":[],"mappings":";;AAuCA,gDAgDC;AA7DD,SAAS,kBAAkB,CAAC,UAAe,EAAE,WAAgB;IAC3D,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5B,OAAO,WAAW,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAgB,WAAc;IAC9D,SAAS,aAAa,CAAC,UAAe;QACpC,OAAO,kBAAkB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IACpD,CAAC;IAED,MAAM,OAAO,GAAY;QACvB,EAAE,EAAE,CAAC,UAAe,EAAE,EAAE;YACtB,4BAA4B;YAC5B,MAAM,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACrC,OAAO,gCAAgC,GAAG,KAAK,CAAA;QACjD,CAAC;QACD,IAAI,EAAE,CAAC,UAAe,EAAE,EAAE;YACxB,8BAA8B;YAC9B,MAAM,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACrC,OAAO,gCAAgC,GAAG,KAAK,CAAA;QACjD,CAAC;QACD,EAAE,EAAE,CAAC,UAAe,EAAE,EAAE;YACtB,sBAAsB;YACtB,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACvC,OAAO,gCAAgC,KAAK,sBAAsB,KAAK,KAAK,CAAA;QAC9E,CAAC;QACD,GAAG,EAAE,CAAC,UAAe,EAAE,EAAE;YACvB,0BAA0B;YAC1B,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YACvC,OAAO,oCAAoC,KAAK,sBAAsB,KAAK,KAAK,CAAA;QAClF,CAAC;KACF,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;QAClE,IAAI,KAAK,GAAG,EAAE,CAAA;QAEd,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,EAAE,CAAC;YACtB,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,GAAY,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;YACrB,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACzC,CAAC;aAAM,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,CAAC;YACvB,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAa,CAAC,CAAA;QACzC,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,uCACK,OAAO,KACV,qBAAqB,IACtB;AACH,CAAC"}
|
package/dist/variants/spacing.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.spacingFactory = spacingFactory;
|
|
4
|
+
const spacing_1 = require("../types/spacing");
|
|
2
5
|
const shortMapValues = {
|
|
3
6
|
'x': 'Horizontal',
|
|
4
7
|
'y': 'Vertical',
|
|
@@ -25,9 +28,9 @@ const shortPositionMap = {
|
|
|
25
28
|
* The `'Horizontal'` and `'Vertical'` (or `'x'`/`'y'`) directions expand to two
|
|
26
29
|
* properties each; the empty-string direction produces all four sides at once.
|
|
27
30
|
*/
|
|
28
|
-
|
|
31
|
+
function spacingFactory(base, spacingProperty, isShort = false) {
|
|
29
32
|
const baseProperty = isShort ? shortMapValues[spacingProperty] : spacingProperty;
|
|
30
|
-
const positions = isShort ? spacingShortVariants : spacingVariants;
|
|
33
|
+
const positions = isShort ? spacing_1.spacingShortVariants : spacing_1.spacingVariants;
|
|
31
34
|
const spacings = {
|
|
32
35
|
[`${spacingProperty}`]: (n) => {
|
|
33
36
|
if (n === 'auto') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/variants/spacing.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/variants/spacing.ts"],"names":[],"mappings":"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"}
|