@codeleap/styles 7.0.2 → 7.1.1
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 +18 -20
- package/dist/classes/Cacher.js.map +1 -1
- package/dist/classes/StaleControl.js +6 -7
- package/dist/classes/StaleControl.js.map +1 -1
- package/dist/classes/StyleCache.js +27 -24
- package/dist/classes/StyleCache.js.map +1 -1
- package/dist/classes/StylePersistor.js +7 -10
- package/dist/classes/StylePersistor.js.map +1 -1
- package/dist/classes/StyleRegistry.js +62 -75
- package/dist/classes/StyleRegistry.js.map +1 -1
- package/dist/classes/index.js +2 -18
- package/dist/classes/index.js.map +1 -1
- package/dist/constants.js +1 -4
- package/dist/constants.js.map +1 -1
- package/dist/hooks/index.js +4 -20
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useCompositionStyles.js +9 -10
- package/dist/hooks/useCompositionStyles.js.map +1 -1
- package/dist/hooks/useNestedStylesByKey.js +8 -9
- package/dist/hooks/useNestedStylesByKey.js.map +1 -1
- package/dist/hooks/useStyleObserver.js +4 -8
- package/dist/hooks/useStyleObserver.js.map +1 -1
- package/dist/hooks/useTheme.js +4 -8
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.js +11 -27
- package/dist/index.js.map +1 -1
- package/dist/lib/calc.js +2 -5
- package/dist/lib/calc.js.map +1 -1
- package/dist/lib/createStyles.js +7 -12
- package/dist/lib/createStyles.js.map +1 -1
- package/dist/lib/createTheme.js +73 -58
- package/dist/lib/createTheme.js.map +1 -1
- package/dist/lib/cssVariables.js +5 -11
- package/dist/lib/cssVariables.js.map +1 -1
- package/dist/lib/index.js +4 -17
- package/dist/lib/index.js.map +1 -1
- package/dist/theme/generateColorScheme.js +5 -8
- package/dist/theme/generateColorScheme.js.map +1 -1
- package/dist/theme/index.js +3 -19
- 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 +22 -26
- package/dist/theme/themeStore.js.map +1 -1
- package/dist/theme/validateTheme.js +13 -6
- package/dist/theme/validateTheme.js.map +1 -1
- package/dist/tools/colors.js +7 -16
- package/dist/tools/colors.js.map +1 -1
- package/dist/tools/deepClone.js +2 -8
- package/dist/tools/deepClone.js.map +1 -1
- package/dist/tools/deepmerge.js +1 -8
- package/dist/tools/deepmerge.js.map +1 -1
- package/dist/tools/hashKey.js +4 -9
- package/dist/tools/hashKey.js.map +1 -1
- package/dist/tools/index.js +6 -45
- package/dist/tools/index.js.map +1 -1
- package/dist/tools/minifier.js +6 -11
- package/dist/tools/minifier.js.map +1 -1
- package/dist/tools/multiplierProperty.js +1 -4
- package/dist/tools/multiplierProperty.js.map +1 -1
- package/dist/types/cache.js +1 -2
- package/dist/types/component.js +1 -2
- package/dist/types/core.js +1 -2
- package/dist/types/core.js.map +1 -1
- package/dist/types/icon.js +1 -2
- package/dist/types/icon.js.map +1 -1
- package/dist/types/index.js +5 -21
- package/dist/types/index.js.map +1 -1
- package/dist/types/spacing.js +2 -5
- package/dist/types/spacing.js.map +1 -1
- package/dist/types/store.js +1 -2
- package/dist/types/style.js +1 -2
- package/dist/types/theme.js +1 -2
- package/dist/utils.js +17 -25
- package/dist/utils.js.map +1 -1
- package/dist/variants/borderCreator.js +7 -12
- package/dist/variants/borderCreator.js.map +1 -1
- package/dist/variants/createAppVariants.js +3 -6
- package/dist/variants/createAppVariants.js.map +1 -1
- package/dist/variants/defaultVariants.js +1 -4
- package/dist/variants/defaultVariants.js.map +1 -1
- package/dist/variants/dynamicVariants.js +20 -24
- package/dist/variants/dynamicVariants.js.map +1 -1
- package/dist/variants/index.js +6 -22
- package/dist/variants/index.js.map +1 -1
- package/dist/variants/mediaQuery.js +9 -9
- package/dist/variants/mediaQuery.js.map +1 -1
- package/dist/variants/spacing.js +3 -6
- package/dist/variants/spacing.js.map +1 -1
- package/package.json +2 -2
package/dist/utils.js
CHANGED
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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");
|
|
1
|
+
import { spacingShortVariants, spacingVariants } from './types/spacing';
|
|
2
|
+
import { deepmerge } from './tools';
|
|
9
3
|
/**
|
|
10
4
|
* Uppercases (or lowercases when `reverse = true`) the first character of a string.
|
|
11
5
|
* Returns the input unchanged when it is falsy or empty.
|
|
12
6
|
*/
|
|
13
|
-
function capitalize(str, reverse = false) {
|
|
14
|
-
if (!
|
|
7
|
+
export function capitalize(str, reverse = false) {
|
|
8
|
+
if (!str?.length)
|
|
15
9
|
return str;
|
|
16
10
|
const firstChar = reverse ? str[0].toLowerCase() : str[0].toUpperCase();
|
|
17
11
|
return firstChar + str.substring(1);
|
|
@@ -21,7 +15,7 @@ function capitalize(str, reverse = false) {
|
|
|
21
15
|
* specially (resolved via the spacing factory rather than passed through as raw ICSS).
|
|
22
16
|
* Built eagerly at module load time by iterating `spacingVariants` and `spacingShortVariants`.
|
|
23
17
|
*/
|
|
24
|
-
|
|
18
|
+
export const spacingKeys = [
|
|
25
19
|
'gap',
|
|
26
20
|
'top',
|
|
27
21
|
'left',
|
|
@@ -29,20 +23,20 @@ exports.spacingKeys = [
|
|
|
29
23
|
'bottom',
|
|
30
24
|
];
|
|
31
25
|
for (const longProperty of ['padding', 'margin']) {
|
|
32
|
-
for (const variant of
|
|
33
|
-
|
|
26
|
+
for (const variant of spacingVariants) {
|
|
27
|
+
spacingKeys.push(`${longProperty}${capitalize(variant)}`);
|
|
34
28
|
}
|
|
35
29
|
}
|
|
36
30
|
for (const shortProperty of ['p', 'm']) {
|
|
37
|
-
for (const shortVariant of
|
|
38
|
-
|
|
31
|
+
for (const shortVariant of spacingShortVariants) {
|
|
32
|
+
spacingKeys.push(shortProperty + shortVariant);
|
|
39
33
|
}
|
|
40
34
|
}
|
|
41
35
|
/** Returns `true` if `key` is one of the pre-built spacing property names. */
|
|
42
|
-
function isSpacingKey(key) {
|
|
36
|
+
export function isSpacingKey(key) {
|
|
43
37
|
if (!key)
|
|
44
38
|
return false;
|
|
45
|
-
return
|
|
39
|
+
return spacingKeys?.includes(key);
|
|
46
40
|
}
|
|
47
41
|
/**
|
|
48
42
|
* Extracts all entries whose key starts with `match`, stripping the prefix and
|
|
@@ -50,7 +44,7 @@ function isSpacingKey(key) {
|
|
|
50
44
|
* slice a flat `{ wrapperText: ..., wrapperIcon: ... }` record into a nested
|
|
51
45
|
* `{ text: ..., icon: ... }` map for a single composition element.
|
|
52
46
|
*/
|
|
53
|
-
function getNestedStylesByKey(match, styles) {
|
|
47
|
+
export function getNestedStylesByKey(match, styles) {
|
|
54
48
|
const stylesByKey = {};
|
|
55
49
|
for (const [key, value] of Object.entries(styles)) {
|
|
56
50
|
if (key.startsWith(match)) {
|
|
@@ -64,18 +58,17 @@ function getNestedStylesByKey(match, styles) {
|
|
|
64
58
|
* Merges an array of style objects into one using `@fastify/deepmerge` with `all: true`.
|
|
65
59
|
* Falsy entries are filtered out before merging. Later entries overwrite earlier ones.
|
|
66
60
|
*/
|
|
67
|
-
const mergeStyles = (styles) => {
|
|
68
|
-
const style = styles
|
|
69
|
-
return
|
|
61
|
+
export const mergeStyles = (styles) => {
|
|
62
|
+
const style = styles?.filter(s => !!s);
|
|
63
|
+
return deepmerge({ all: true })(...style);
|
|
70
64
|
};
|
|
71
|
-
exports.mergeStyles = mergeStyles;
|
|
72
65
|
/**
|
|
73
66
|
* Style property names that collide with CSS keywords and must not be treated as
|
|
74
67
|
* composition-element prefixes by the registry. Without this list, a style object
|
|
75
68
|
* like `{ textAlign: 'center' }` would be misidentified as a composition key starting
|
|
76
69
|
* with `text`.
|
|
77
70
|
*/
|
|
78
|
-
|
|
71
|
+
export const ignoredStyleKeys = [
|
|
79
72
|
'textAlign',
|
|
80
73
|
'textDecoration',
|
|
81
74
|
'textOverflow',
|
|
@@ -89,7 +82,7 @@ exports.ignoredStyleKeys = [
|
|
|
89
82
|
* assembling the final `style` prop from multiple sources (e.g., variant defaults
|
|
90
83
|
* plus overrides), without losing the order-dependent merge semantics of `StyleProp`.
|
|
91
84
|
*/
|
|
92
|
-
const concatStyles = (styles) => {
|
|
85
|
+
export const concatStyles = (styles) => {
|
|
93
86
|
const results = [];
|
|
94
87
|
for (const style of styles) {
|
|
95
88
|
if (Array.isArray(style)) {
|
|
@@ -101,5 +94,4 @@ const concatStyles = (styles) => {
|
|
|
101
94
|
}
|
|
102
95
|
return results;
|
|
103
96
|
};
|
|
104
|
-
exports.concatStyles = concatStyles;
|
|
105
97
|
//# 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,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.borderCreator = void 0;
|
|
4
|
-
const theme_1 = require("../theme");
|
|
5
|
-
const utils_1 = require("../utils");
|
|
1
|
+
import { themeStore } from '../theme';
|
|
2
|
+
import { capitalize } from '../utils';
|
|
6
3
|
/**
|
|
7
4
|
* Resolves `color` from `theme.colors` (falls back to the raw string if not found),
|
|
8
5
|
* then emits `border{Direction}Color`, `border{Direction}Width`, and — on web only —
|
|
@@ -11,20 +8,18 @@ const utils_1 = require("../utils");
|
|
|
11
8
|
* `borderStyle` is omitted on React Native because RN requires it on individual sides
|
|
12
9
|
* and `isBrowser` guards that path.
|
|
13
10
|
*/
|
|
14
|
-
const borderCreator = (args) => {
|
|
15
|
-
var _a, _b;
|
|
11
|
+
export const borderCreator = (args) => {
|
|
16
12
|
const { color: colorKey, width = 1, style = 'solid', directions = ['left', 'top', 'bottom', 'right'], } = args;
|
|
17
|
-
const theme =
|
|
18
|
-
const color =
|
|
13
|
+
const theme = themeStore.themeTyped;
|
|
14
|
+
const color = theme?.colors?.[colorKey] ?? colorKey;
|
|
19
15
|
let borderStyles = {};
|
|
20
16
|
for (const direction of directions) {
|
|
21
|
-
const property = `border${
|
|
17
|
+
const property = `border${capitalize(direction)}`;
|
|
22
18
|
borderStyles[`${property}Color`] = color;
|
|
23
19
|
borderStyles[`${property}Width`] = width;
|
|
24
|
-
if (theme
|
|
20
|
+
if (theme?.isBrowser)
|
|
25
21
|
borderStyles[`${property}Style`] = style;
|
|
26
22
|
}
|
|
27
23
|
return borderStyles;
|
|
28
24
|
};
|
|
29
|
-
exports.borderCreator = borderCreator;
|
|
30
25
|
//# sourceMappingURL=borderCreator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"borderCreator.js","sourceRoot":"","sources":["../../src/variants/borderCreator.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"borderCreator.js","sourceRoot":"","sources":["../../src/variants/borderCreator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAarC;;;;;;;GAOG;AACH,MAAM,CAAC,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,UAAU,CAAC,UAAU,CAAA;IAEnC,MAAM,KAAK,GAAI,KAAK,EAAE,MAA8B,EAAE,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAA;IAE5E,IAAI,YAAY,GAAwB,EAAE,CAAA;IAE1C,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,SAAS,UAAU,CAAC,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,EAAE,SAAS;YAAE,YAAY,CAAC,GAAG,QAAQ,OAAO,CAAC,GAAG,KAAK,CAAA;IAChE,CAAC;IAED,OAAO,YAAoB,CAAA;AAC7B,CAAC,CAAA"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createAppVariants = createAppVariants;
|
|
4
|
-
const theme_1 = require("../theme");
|
|
1
|
+
import { themeStore } from '../theme';
|
|
5
2
|
/**
|
|
6
3
|
* Registers app-specific style variants with the global `themeStore`.
|
|
7
4
|
* Call this once during app initialisation (before any component mounts) with the
|
|
@@ -13,8 +10,8 @@ const theme_1 = require("../theme");
|
|
|
13
10
|
*
|
|
14
11
|
* @returns The same `variants` object — useful for typing augmentation of `IAppVariants`.
|
|
15
12
|
*/
|
|
16
|
-
function createAppVariants(variants) {
|
|
17
|
-
|
|
13
|
+
export function createAppVariants(variants) {
|
|
14
|
+
themeStore.setVariants(variants);
|
|
18
15
|
return variants;
|
|
19
16
|
}
|
|
20
17
|
//# 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":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAMrC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,iBAAiB,CAA2B,QAAW;IACrE,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAEhC,OAAO,QAAQ,CAAA;AACjB,CAAC"}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.defaultVariants = void 0;
|
|
4
1
|
/**
|
|
5
2
|
* Static built-in style variants available to every component without any registration.
|
|
6
3
|
* These are merged as the lowest-priority layer in `commonVariants`, so app-defined
|
|
@@ -13,7 +10,7 @@ exports.defaultVariants = void 0;
|
|
|
13
10
|
* - `centerChildren` — centers children via `alignItems`/`justifyContent`; requires a flex container.
|
|
14
11
|
* - `'visibility:hidden'` / `'display:none'` — use quoted keys in style arrays.
|
|
15
12
|
*/
|
|
16
|
-
|
|
13
|
+
export const defaultVariants = {
|
|
17
14
|
block: {
|
|
18
15
|
display: 'block',
|
|
19
16
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,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,19 +1,16 @@
|
|
|
1
|
-
|
|
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");
|
|
1
|
+
import { capitalize } from '../utils';
|
|
5
2
|
/** CSS properties that accept a color token: `backgroundColor` and `color`. */
|
|
6
|
-
|
|
3
|
+
export const colorVariants = ['backgroundColor', 'color'];
|
|
7
4
|
/** Horizontal border directions used when generating per-corner radius variants. */
|
|
8
|
-
|
|
5
|
+
export const borderXDirection = ['left', 'right'];
|
|
9
6
|
/** Vertical border directions used when generating per-corner radius variants. */
|
|
10
|
-
|
|
7
|
+
export const borderYDirection = ['bottom', 'top'];
|
|
11
8
|
/** All four border directions plus the un-suffixed (all-sides) form. */
|
|
12
|
-
|
|
9
|
+
export const borderDirection = [...borderYDirection, ...borderXDirection, ''];
|
|
13
10
|
/** Border sub-properties generated for each direction. */
|
|
14
|
-
|
|
11
|
+
export const borderProperties = ['color', 'radius', 'width'];
|
|
15
12
|
/** CSS cursor values surfaced as `cursor:<value>` style variants. */
|
|
16
|
-
|
|
13
|
+
export const cursorTypes = [
|
|
17
14
|
'not-allowed',
|
|
18
15
|
'help',
|
|
19
16
|
'pointer',
|
|
@@ -26,40 +23,40 @@ exports.cursorTypes = [
|
|
|
26
23
|
* (the part before `:` in the variant string). The registry is consumed by
|
|
27
24
|
* `CodeleapStyleRegistry.computeCommonVariantStyle`.
|
|
28
25
|
*/
|
|
29
|
-
const createDynamicVariants = () => {
|
|
26
|
+
export const createDynamicVariants = () => {
|
|
30
27
|
const dynamicVariants = {};
|
|
31
28
|
function createVariant(variantName, variantReturn) {
|
|
32
29
|
dynamicVariants[variantName] = variantReturn;
|
|
33
30
|
}
|
|
34
|
-
|
|
31
|
+
colorVariants.forEach(variant => {
|
|
35
32
|
createVariant(variant, (theme, color) => ({
|
|
36
33
|
[variant]: theme.colors[color],
|
|
37
34
|
}));
|
|
38
35
|
});
|
|
39
|
-
|
|
40
|
-
if (
|
|
41
|
-
|
|
42
|
-
const variant = `border${
|
|
36
|
+
borderDirection.forEach(direction => {
|
|
37
|
+
if (borderYDirection.includes(direction)) {
|
|
38
|
+
borderXDirection.forEach(y => {
|
|
39
|
+
const variant = `border${capitalize(direction)}${capitalize(y)}Radius`;
|
|
43
40
|
createVariant(variant, (theme, value) => ({
|
|
44
41
|
[variant]: theme.radius[value],
|
|
45
42
|
}));
|
|
46
43
|
});
|
|
47
44
|
}
|
|
48
|
-
|
|
49
|
-
const variant = `border${
|
|
45
|
+
borderProperties.forEach(property => {
|
|
46
|
+
const variant = `border${capitalize(direction)}${capitalize(property)}`;
|
|
50
47
|
createVariant(variant, (theme, value) => ({
|
|
51
48
|
[variant]: property == 'color' ? theme.colors[value] : theme.radius[value],
|
|
52
49
|
}));
|
|
53
50
|
});
|
|
54
51
|
});
|
|
55
|
-
|
|
56
|
-
const variant = `border${
|
|
52
|
+
borderXDirection.forEach(x => {
|
|
53
|
+
const variant = `border${capitalize(x)}Radius`;
|
|
57
54
|
createVariant(variant, (theme, value) => ({
|
|
58
55
|
[variant]: theme.radius[value],
|
|
59
56
|
}));
|
|
60
57
|
});
|
|
61
|
-
|
|
62
|
-
const variant = `border${
|
|
58
|
+
borderYDirection.forEach(y => {
|
|
59
|
+
const variant = `border${capitalize(y)}Radius`;
|
|
63
60
|
createVariant(variant, (theme, value) => ({
|
|
64
61
|
[variant]: theme.radius[value],
|
|
65
62
|
}));
|
|
@@ -84,10 +81,9 @@ const createDynamicVariants = () => {
|
|
|
84
81
|
}));
|
|
85
82
|
return dynamicVariants;
|
|
86
83
|
};
|
|
87
|
-
exports.createDynamicVariants = createDynamicVariants;
|
|
88
84
|
/**
|
|
89
85
|
* Pre-built dynamic variant registry used by the `CodeleapStyleRegistry`.
|
|
90
86
|
* Created once at module load; re-creation would lose the closed-over variant map.
|
|
91
87
|
*/
|
|
92
|
-
|
|
88
|
+
export const dynamicVariants = createDynamicVariants();
|
|
93
89
|
//# sourceMappingURL=dynamicVariants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dynamicVariants.js","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"
|
|
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,23 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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);
|
|
1
|
+
export * from './borderCreator';
|
|
2
|
+
export * from './createAppVariants';
|
|
3
|
+
export * from './defaultVariants';
|
|
4
|
+
export * from './dynamicVariants';
|
|
5
|
+
export * from './mediaQuery';
|
|
6
|
+
export * from './spacing';
|
|
23
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variants/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variants/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createMediaQueries = createMediaQueries;
|
|
4
1
|
function getBreakpointValue(breakpoint, breakpoints) {
|
|
5
2
|
if (breakpoints[breakpoint]) {
|
|
6
3
|
return breakpoints[breakpoint];
|
|
@@ -12,7 +9,7 @@ function getBreakpointValue(breakpoint, breakpoints) {
|
|
|
12
9
|
* Unknown breakpoints (not in the map) fall back to `Infinity`, making `up(unknown)`
|
|
13
10
|
* match all widths and `down(unknown)` match none.
|
|
14
11
|
*/
|
|
15
|
-
function createMediaQueries(breakpoints) {
|
|
12
|
+
export function createMediaQueries(breakpoints) {
|
|
16
13
|
function getBreakpoint(breakpoint) {
|
|
17
14
|
return getBreakpointValue(breakpoint, breakpoints);
|
|
18
15
|
}
|
|
@@ -40,20 +37,23 @@ function createMediaQueries(breakpoints) {
|
|
|
40
37
|
};
|
|
41
38
|
const renderToPlatformQuery = (props) => {
|
|
42
39
|
let query = '';
|
|
43
|
-
if (props
|
|
40
|
+
if (props?.is) {
|
|
44
41
|
query = queries.not(props.is);
|
|
45
42
|
}
|
|
46
|
-
else if (props
|
|
43
|
+
else if (props?.not) {
|
|
47
44
|
query = queries.is(props.not);
|
|
48
45
|
}
|
|
49
|
-
else if (props
|
|
46
|
+
else if (props?.up) {
|
|
50
47
|
query = queries.down(props.up);
|
|
51
48
|
}
|
|
52
|
-
else if (props
|
|
49
|
+
else if (props?.down) {
|
|
53
50
|
query = queries.up(props.down);
|
|
54
51
|
}
|
|
55
52
|
return query;
|
|
56
53
|
};
|
|
57
|
-
return
|
|
54
|
+
return {
|
|
55
|
+
...queries,
|
|
56
|
+
renderToPlatformQuery,
|
|
57
|
+
};
|
|
58
58
|
}
|
|
59
59
|
//# sourceMappingURL=mediaQuery.js.map
|
|
@@ -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":"AA0BA,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,MAAM,UAAU,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,EAAE,EAAE,EAAE,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,EAAE,GAAG,EAAE,CAAC;YACtB,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,GAAY,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,KAAK,EAAE,EAAE,EAAE,CAAC;YACrB,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAW,CAAC,CAAA;QACzC,CAAC;aAAM,IAAI,KAAK,EAAE,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,OAAO;QACL,GAAG,OAAO;QACV,qBAAqB;KACtB,CAAA;AACH,CAAC"}
|
package/dist/variants/spacing.js
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.spacingFactory = spacingFactory;
|
|
4
|
-
const spacing_1 = require("../types/spacing");
|
|
1
|
+
import { spacingVariants, spacingShortVariants } from '../types/spacing';
|
|
5
2
|
const shortMapValues = {
|
|
6
3
|
'x': 'Horizontal',
|
|
7
4
|
'y': 'Vertical',
|
|
@@ -28,9 +25,9 @@ const shortPositionMap = {
|
|
|
28
25
|
* The `'Horizontal'` and `'Vertical'` (or `'x'`/`'y'`) directions expand to two
|
|
29
26
|
* properties each; the empty-string direction produces all four sides at once.
|
|
30
27
|
*/
|
|
31
|
-
function spacingFactory(base, spacingProperty, isShort = false) {
|
|
28
|
+
export function spacingFactory(base, spacingProperty, isShort = false) {
|
|
32
29
|
const baseProperty = isShort ? shortMapValues[spacingProperty] : spacingProperty;
|
|
33
|
-
const positions = isShort ?
|
|
30
|
+
const positions = isShort ? spacingShortVariants : spacingVariants;
|
|
34
31
|
const spacings = {
|
|
35
32
|
[`${spacingProperty}`]: (n) => {
|
|
36
33
|
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":"AACA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAyC,MAAM,kBAAkB,CAAA;AAkB/G,MAAM,cAAc,GAAG;IACrB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,UAAU;IACf,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,SAAS;CACf,CAAA;AAED,MAAM,gBAAgB,GAAG;IACvB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,UAAU;IACf,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,QAAQ;CACd,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,IAAY,EACZ,eAAkB,EAClB,UAAmB,KAAK;IAExB,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,eAA8C,CAAC,CAAC,CAAC,CAAC,eAAe,CAAA;IAC/G,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAA;IAElE,MAAM,QAAQ,GAAgE;QAC5E,CAAC,GAAG,eAAe,EAAE,CAAC,EAAE,CAAC,CAAkB,EAAE,EAAE;YAC7C,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;gBACjB,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;YACnC,CAAC;YACD,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7C,CAAC;KACF,CAAA;IAED,KAAK,MAAM,SAAS,IAAI,SAAS,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,OAAO;YACtB,CAAC,CAAC,gBAAgB,CAAC,SAA0C,CAAC,IAAI,SAAS;YAC3E,CAAC,CAAC,SAAS,CAAA;QAEb,MAAM,GAAG,GAAG,GAAG,eAAe,GAAG,SAAS,EAAE,CAAA;QAE5C,IAAI,MAAM,GAAG,IAAI,CAAA;QAEjB,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,YAAY;gBACf,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;oBACpC,CAAC,GAAG,YAAY,MAAM,CAAC,EAAE,KAAK;oBAC9B,CAAC,GAAG,YAAY,OAAO,CAAC,EAAE,KAAK;iBAChC,CAAC,CAAA;gBACF,MAAK;YACP,KAAK,UAAU;gBACb,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;oBACpC,CAAC,GAAG,YAAY,KAAK,CAAC,EAAE,KAAK;oBAC7B,CAAC,GAAG,YAAY,QAAQ,CAAC,EAAE,KAAK;iBACjC,CAAC,CAAA;gBACF,MAAK;YACP,KAAK,EAAE;gBACL,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;oBACpC,CAAC,GAAG,YAAY,KAAK,CAAC,EAAE,KAAK;oBAC7B,CAAC,GAAG,YAAY,OAAO,CAAC,EAAE,KAAK;oBAC/B,CAAC,GAAG,YAAY,QAAQ,CAAC,EAAE,KAAK;oBAChC,CAAC,GAAG,YAAY,MAAM,CAAC,EAAE,KAAK;iBAC/B,CAAC,CAAA;gBACF,MAAK;YACP;gBACE,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;oBACpC,CAAC,GAAG,YAAY,GAAG,QAAQ,EAAE,CAAC,EAAE,KAAK;iBACtC,CAAC,CAAA;gBACF,MAAK;QACT,CAAC;QAED,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAkB,EAAE,EAAE;YACrC,IAAI,CAAC,KAAK,MAAM;gBAAE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;YACvC,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;YAC9B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;IACH,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/styles",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.1.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"directory": "packages/styles"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@codeleap/config": "7.0.
|
|
25
|
+
"@codeleap/config": "7.0.2",
|
|
26
26
|
"ts-node-dev": "^1.1.8"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|