@symbo.ls/scratch 2.11.213 → 2.11.216
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/cjs/defaultConfig/index.js +4 -0
- package/dist/cjs/defaultConfig/shadow.js +26 -0
- package/dist/cjs/factory.js +30 -26
- package/dist/cjs/index.js +155 -63
- package/dist/cjs/set.js +205 -45
- package/dist/cjs/system/color.js +37 -28
- package/dist/cjs/system/document.js +30 -26
- package/dist/cjs/system/font.js +30 -26
- package/dist/cjs/system/index.js +141 -43
- package/dist/cjs/system/reset.js +30 -26
- package/dist/cjs/system/shadow.js +1944 -0
- package/dist/cjs/system/spacing.js +30 -26
- package/dist/cjs/system/svg.js +30 -26
- package/dist/cjs/system/theme.js +30 -26
- package/dist/cjs/system/timing.js +30 -26
- package/dist/cjs/system/typography.js +30 -26
- package/dist/cjs/transforms/index.js +94 -56
- package/dist/cjs/utils/color.js +26 -26
- package/dist/cjs/utils/index.js +30 -26
- package/dist/cjs/utils/sequence.js +30 -26
- package/dist/cjs/utils/sprite.js +30 -26
- package/dist/cjs/utils/var.js +30 -26
- package/package.json +2 -2
- package/src/defaultConfig/color.js +1 -2
- package/src/defaultConfig/index.js +1 -0
- package/src/defaultConfig/shadow.js +8 -0
- package/src/set.js +3 -1
- package/src/system/color.js +7 -1
- package/src/system/index.js +1 -0
- package/src/system/shadow.js +99 -0
- package/src/transforms/index.js +6 -11
package/dist/cjs/set.js
CHANGED
|
@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
30
30
|
));
|
|
31
31
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
32
|
|
|
33
|
-
//
|
|
33
|
+
// ../../node_modules/@domql/utils/dist/cjs/key.js
|
|
34
34
|
var require_key = __commonJS({
|
|
35
|
-
"
|
|
35
|
+
"../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
|
|
36
36
|
"use strict";
|
|
37
37
|
var __defProp2 = Object.defineProperty;
|
|
38
38
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -69,9 +69,9 @@ var require_key = __commonJS({
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
|
|
72
|
-
//
|
|
72
|
+
// ../../node_modules/@domql/utils/dist/cjs/env.js
|
|
73
73
|
var require_env = __commonJS({
|
|
74
|
-
"
|
|
74
|
+
"../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
|
|
75
75
|
"use strict";
|
|
76
76
|
var __defProp2 = Object.defineProperty;
|
|
77
77
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -107,9 +107,9 @@ var require_env = __commonJS({
|
|
|
107
107
|
}
|
|
108
108
|
});
|
|
109
109
|
|
|
110
|
-
//
|
|
110
|
+
// ../../node_modules/@domql/utils/dist/cjs/globals.js
|
|
111
111
|
var require_globals = __commonJS({
|
|
112
|
-
"
|
|
112
|
+
"../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
|
|
113
113
|
"use strict";
|
|
114
114
|
var __defProp2 = Object.defineProperty;
|
|
115
115
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
|
|
|
143
143
|
}
|
|
144
144
|
});
|
|
145
145
|
|
|
146
|
-
//
|
|
146
|
+
// ../../node_modules/@domql/utils/dist/cjs/node.js
|
|
147
147
|
var require_node = __commonJS({
|
|
148
|
-
"
|
|
148
|
+
"../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
|
|
149
149
|
"use strict";
|
|
150
150
|
var __defProp2 = Object.defineProperty;
|
|
151
151
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -180,9 +180,9 @@ var require_node = __commonJS({
|
|
|
180
180
|
}
|
|
181
181
|
});
|
|
182
182
|
|
|
183
|
-
//
|
|
183
|
+
// ../../node_modules/@domql/utils/dist/cjs/types.js
|
|
184
184
|
var require_types = __commonJS({
|
|
185
|
-
"
|
|
185
|
+
"../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
|
|
186
186
|
"use strict";
|
|
187
187
|
var __defProp2 = Object.defineProperty;
|
|
188
188
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -205,47 +205,47 @@ var require_types = __commonJS({
|
|
|
205
205
|
__export2(types_exports, {
|
|
206
206
|
TYPES: () => TYPES,
|
|
207
207
|
is: () => is,
|
|
208
|
-
isArray: () =>
|
|
208
|
+
isArray: () => isArray7,
|
|
209
209
|
isBoolean: () => isBoolean,
|
|
210
210
|
isDefined: () => isDefined2,
|
|
211
211
|
isFunction: () => isFunction2,
|
|
212
212
|
isNot: () => isNot,
|
|
213
213
|
isNull: () => isNull,
|
|
214
214
|
isNumber: () => isNumber2,
|
|
215
|
-
isObject: () =>
|
|
215
|
+
isObject: () => isObject8,
|
|
216
216
|
isObjectLike: () => isObjectLike3,
|
|
217
|
-
isString: () =>
|
|
217
|
+
isString: () => isString9,
|
|
218
218
|
isUndefined: () => isUndefined
|
|
219
219
|
});
|
|
220
220
|
module2.exports = __toCommonJS2(types_exports);
|
|
221
221
|
var import_node = require_node();
|
|
222
|
-
var
|
|
222
|
+
var isObject8 = (arg) => {
|
|
223
223
|
if (arg === null)
|
|
224
224
|
return false;
|
|
225
225
|
return typeof arg === "object" && arg.constructor === Object;
|
|
226
226
|
};
|
|
227
|
-
var
|
|
227
|
+
var isString9 = (arg) => typeof arg === "string";
|
|
228
228
|
var isNumber2 = (arg) => typeof arg === "number";
|
|
229
229
|
var isFunction2 = (arg) => typeof arg === "function";
|
|
230
230
|
var isBoolean = (arg) => arg === true || arg === false;
|
|
231
231
|
var isNull = (arg) => arg === null;
|
|
232
|
-
var
|
|
232
|
+
var isArray7 = (arg) => Array.isArray(arg);
|
|
233
233
|
var isObjectLike3 = (arg) => {
|
|
234
234
|
if (arg === null)
|
|
235
235
|
return false;
|
|
236
236
|
return typeof arg === "object";
|
|
237
237
|
};
|
|
238
238
|
var isDefined2 = (arg) => {
|
|
239
|
-
return
|
|
239
|
+
return isObject8(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction2(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
|
|
240
240
|
};
|
|
241
241
|
var isUndefined = (arg) => {
|
|
242
242
|
return arg === void 0;
|
|
243
243
|
};
|
|
244
244
|
var TYPES = {
|
|
245
245
|
boolean: isBoolean,
|
|
246
|
-
array:
|
|
247
|
-
object:
|
|
248
|
-
string:
|
|
246
|
+
array: isArray7,
|
|
247
|
+
object: isObject8,
|
|
248
|
+
string: isString9,
|
|
249
249
|
number: isNumber2,
|
|
250
250
|
null: isNull,
|
|
251
251
|
function: isFunction2,
|
|
@@ -267,9 +267,9 @@ var require_types = __commonJS({
|
|
|
267
267
|
}
|
|
268
268
|
});
|
|
269
269
|
|
|
270
|
-
//
|
|
270
|
+
// ../../node_modules/@domql/utils/dist/cjs/array.js
|
|
271
271
|
var require_array = __commonJS({
|
|
272
|
-
"
|
|
272
|
+
"../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
|
|
273
273
|
"use strict";
|
|
274
274
|
var __defProp2 = Object.defineProperty;
|
|
275
275
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -366,9 +366,9 @@ var require_array = __commonJS({
|
|
|
366
366
|
}
|
|
367
367
|
});
|
|
368
368
|
|
|
369
|
-
//
|
|
369
|
+
// ../../node_modules/@domql/utils/dist/cjs/string.js
|
|
370
370
|
var require_string = __commonJS({
|
|
371
|
-
"
|
|
371
|
+
"../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
|
|
372
372
|
"use strict";
|
|
373
373
|
var __defProp2 = Object.defineProperty;
|
|
374
374
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -426,9 +426,9 @@ var require_string = __commonJS({
|
|
|
426
426
|
}
|
|
427
427
|
});
|
|
428
428
|
|
|
429
|
-
//
|
|
429
|
+
// ../../node_modules/@domql/utils/dist/cjs/object.js
|
|
430
430
|
var require_object = __commonJS({
|
|
431
|
-
"
|
|
431
|
+
"../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
|
|
432
432
|
"use strict";
|
|
433
433
|
var __defProp2 = Object.defineProperty;
|
|
434
434
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -878,9 +878,9 @@ var require_object = __commonJS({
|
|
|
878
878
|
}
|
|
879
879
|
});
|
|
880
880
|
|
|
881
|
-
//
|
|
881
|
+
// ../../node_modules/@domql/utils/dist/cjs/function.js
|
|
882
882
|
var require_function = __commonJS({
|
|
883
|
-
"
|
|
883
|
+
"../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
|
|
884
884
|
"use strict";
|
|
885
885
|
var __defProp2 = Object.defineProperty;
|
|
886
886
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -953,9 +953,9 @@ var require_function = __commonJS({
|
|
|
953
953
|
}
|
|
954
954
|
});
|
|
955
955
|
|
|
956
|
-
//
|
|
956
|
+
// ../../node_modules/@domql/utils/dist/cjs/log.js
|
|
957
957
|
var require_log = __commonJS({
|
|
958
|
-
"
|
|
958
|
+
"../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
|
|
959
959
|
"use strict";
|
|
960
960
|
var __defProp2 = Object.defineProperty;
|
|
961
961
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -994,9 +994,9 @@ var require_log = __commonJS({
|
|
|
994
994
|
}
|
|
995
995
|
});
|
|
996
996
|
|
|
997
|
-
//
|
|
997
|
+
// ../../node_modules/@domql/utils/dist/cjs/cookie.js
|
|
998
998
|
var require_cookie = __commonJS({
|
|
999
|
-
"
|
|
999
|
+
"../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
|
|
1000
1000
|
"use strict";
|
|
1001
1001
|
var __defProp2 = Object.defineProperty;
|
|
1002
1002
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1050,9 +1050,9 @@ var require_cookie = __commonJS({
|
|
|
1050
1050
|
}
|
|
1051
1051
|
});
|
|
1052
1052
|
|
|
1053
|
-
//
|
|
1053
|
+
// ../../node_modules/@domql/utils/dist/cjs/tags.js
|
|
1054
1054
|
var require_tags = __commonJS({
|
|
1055
|
-
"
|
|
1055
|
+
"../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
|
|
1056
1056
|
"use strict";
|
|
1057
1057
|
var __defProp2 = Object.defineProperty;
|
|
1058
1058
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1215,9 +1215,9 @@ var require_tags = __commonJS({
|
|
|
1215
1215
|
}
|
|
1216
1216
|
});
|
|
1217
1217
|
|
|
1218
|
-
//
|
|
1218
|
+
// ../../node_modules/@domql/utils/dist/cjs/index.js
|
|
1219
1219
|
var require_cjs = __commonJS({
|
|
1220
|
-
"
|
|
1220
|
+
"../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
|
|
1221
1221
|
"use strict";
|
|
1222
1222
|
var __defProp2 = Object.defineProperty;
|
|
1223
1223
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1317,6 +1317,7 @@ __export(defaultConfig_exports, {
|
|
|
1317
1317
|
MEDIA: () => MEDIA,
|
|
1318
1318
|
RESET: () => RESET,
|
|
1319
1319
|
SEQUENCE: () => SEQUENCE,
|
|
1320
|
+
SHADOW: () => SHADOW,
|
|
1320
1321
|
SPACING: () => SPACING,
|
|
1321
1322
|
SVG: () => SVG,
|
|
1322
1323
|
SVG_DATA: () => SVG_DATA,
|
|
@@ -1439,6 +1440,9 @@ var GRADIENT = {};
|
|
|
1439
1440
|
// src/defaultConfig/theme.js
|
|
1440
1441
|
var THEME = {};
|
|
1441
1442
|
|
|
1443
|
+
// src/defaultConfig/shadow.js
|
|
1444
|
+
var SHADOW = {};
|
|
1445
|
+
|
|
1442
1446
|
// src/defaultConfig/icons.js
|
|
1443
1447
|
var ICONS = {};
|
|
1444
1448
|
|
|
@@ -1661,6 +1665,7 @@ var import_utils4 = __toESM(require_cjs());
|
|
|
1661
1665
|
var import_utils3 = __toESM(require_cjs());
|
|
1662
1666
|
|
|
1663
1667
|
// ../utils/src/index.js
|
|
1668
|
+
var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
|
|
1664
1669
|
var arrayzeValue = (val) => {
|
|
1665
1670
|
if ((0, import_utils4.isString)(val))
|
|
1666
1671
|
return val.split(" ");
|
|
@@ -1769,6 +1774,69 @@ var generateSequence = (sequenceProps) => {
|
|
|
1769
1774
|
}
|
|
1770
1775
|
return sequenceProps;
|
|
1771
1776
|
};
|
|
1777
|
+
var getSequenceValue = (value = "A", sequenceProps) => {
|
|
1778
|
+
const CONFIG2 = getActiveConfig();
|
|
1779
|
+
const { UNIT: UNIT2 } = CONFIG2;
|
|
1780
|
+
const {
|
|
1781
|
+
sequence,
|
|
1782
|
+
unit = UNIT2.default,
|
|
1783
|
+
useVariable
|
|
1784
|
+
} = sequenceProps;
|
|
1785
|
+
if ((0, import_utils5.isString)(value) && value.slice(0, 2) === "--")
|
|
1786
|
+
return `var(${value})`;
|
|
1787
|
+
const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
|
|
1788
|
+
const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
|
|
1789
|
+
const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
|
|
1790
|
+
if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || !startsWithDashOrLetter)
|
|
1791
|
+
return value;
|
|
1792
|
+
const letterVal = value.toUpperCase();
|
|
1793
|
+
const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
|
|
1794
|
+
let absValue = isNegative ? letterVal.slice(1) : letterVal;
|
|
1795
|
+
let mediaName = "";
|
|
1796
|
+
if (absValue.includes("_")) {
|
|
1797
|
+
mediaName = "_" + absValue.split("_")[1].toLowerCase();
|
|
1798
|
+
absValue = absValue.split("_")[0];
|
|
1799
|
+
}
|
|
1800
|
+
const varValue = (v) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix}${v}${mediaName})` : v;
|
|
1801
|
+
if (absValue.includes("+")) {
|
|
1802
|
+
const [first, second] = absValue.split("+");
|
|
1803
|
+
const joint = `${varValue(first)} + ${varValue(second)}`;
|
|
1804
|
+
return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
|
|
1805
|
+
} else if (absValue.includes("*")) {
|
|
1806
|
+
const [first, second] = absValue.split("*");
|
|
1807
|
+
const joint = `${varValue(first)} * ${varValue(second)}`;
|
|
1808
|
+
return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
|
|
1809
|
+
} else if (absValue.includes("-")) {
|
|
1810
|
+
const [first, second] = absValue.split("-");
|
|
1811
|
+
const joint = `${varValue(first)} - ${varValue(second)}`;
|
|
1812
|
+
return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
|
|
1813
|
+
}
|
|
1814
|
+
if (!sequence[absValue] && absValue.length === 2) {
|
|
1815
|
+
if (CONFIG2.verbose)
|
|
1816
|
+
console.warn(absValue, "- value is not found because `subSequence` is set to false");
|
|
1817
|
+
absValue = absValue.slice(0, 1);
|
|
1818
|
+
}
|
|
1819
|
+
if (useVariable || CONFIG2.useVariable) {
|
|
1820
|
+
const varValue2 = `var(${prefix}${absValue}${mediaName})`;
|
|
1821
|
+
return isNegative ? `calc(${varValue2} * -1)` : varValue2;
|
|
1822
|
+
}
|
|
1823
|
+
const sequenceItem = sequence ? sequence[absValue] : null;
|
|
1824
|
+
if (!sequenceItem)
|
|
1825
|
+
return console.warn("can't find", sequence, absValue);
|
|
1826
|
+
if (unit === "ms" || unit === "s") {
|
|
1827
|
+
return isNegative + sequenceItem.val + unit;
|
|
1828
|
+
}
|
|
1829
|
+
return isNegative + sequenceItem.scaling + unit;
|
|
1830
|
+
};
|
|
1831
|
+
var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
|
|
1832
|
+
if (typeof value !== "string") {
|
|
1833
|
+
console.warn(propertyName, value, "is not a string");
|
|
1834
|
+
return {};
|
|
1835
|
+
}
|
|
1836
|
+
if (value === "-" || value === "")
|
|
1837
|
+
return {};
|
|
1838
|
+
return { [propertyName]: getSequenceValue(value, sequenceProps) };
|
|
1839
|
+
};
|
|
1772
1840
|
var findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];
|
|
1773
1841
|
var findHeadings = (propertyNames) => {
|
|
1774
1842
|
const { h1Matches, sequence } = propertyNames;
|
|
@@ -1909,8 +1977,13 @@ var setColor = (val, key, suffix) => {
|
|
|
1909
1977
|
}
|
|
1910
1978
|
if ((0, import_utils9.isObject)(val)) {
|
|
1911
1979
|
const obj = {};
|
|
1912
|
-
for (const variant in val)
|
|
1913
|
-
obj[variant] = setColor(
|
|
1980
|
+
for (const variant in val) {
|
|
1981
|
+
obj[variant] = setColor(
|
|
1982
|
+
val[variant],
|
|
1983
|
+
key,
|
|
1984
|
+
variant.slice(0, 1) === "@" ? variant.slice(1) : variant
|
|
1985
|
+
);
|
|
1986
|
+
}
|
|
1914
1987
|
return obj;
|
|
1915
1988
|
}
|
|
1916
1989
|
const CSSVar = `--color-${key}` + (suffix ? `-${suffix}` : "");
|
|
@@ -2283,6 +2356,92 @@ var applySpacingSequence = () => {
|
|
|
2283
2356
|
applySequenceVars(SPACING2);
|
|
2284
2357
|
runThroughMedia2(SPACING2);
|
|
2285
2358
|
};
|
|
2359
|
+
var getSequence = (sequenceProps) => {
|
|
2360
|
+
const CONFIG2 = getActiveConfig();
|
|
2361
|
+
const { SPACING: SPACING2 } = CONFIG2;
|
|
2362
|
+
if (!sequenceProps)
|
|
2363
|
+
return SPACING2;
|
|
2364
|
+
const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
|
|
2365
|
+
return hasGenerated ? sequenceProps : generateSequence(sequenceProps);
|
|
2366
|
+
};
|
|
2367
|
+
var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
|
|
2368
|
+
const sequence = getSequence(sequenceProps);
|
|
2369
|
+
const stack = arrayzeValue(value);
|
|
2370
|
+
if (!stack)
|
|
2371
|
+
return;
|
|
2372
|
+
if ((0, import_utils18.isString)(value) && value.includes("calc")) {
|
|
2373
|
+
return { [propertyName]: value };
|
|
2374
|
+
}
|
|
2375
|
+
if (stack.length > 1) {
|
|
2376
|
+
let suffix = "";
|
|
2377
|
+
if (propertyName === "borderWidth") {
|
|
2378
|
+
propertyName = "border";
|
|
2379
|
+
suffix = "Width";
|
|
2380
|
+
}
|
|
2381
|
+
const directions = {
|
|
2382
|
+
2: ["Block", "Inline"],
|
|
2383
|
+
3: ["BlockStart", "Inline", "BlockEnd"],
|
|
2384
|
+
4: ["BlockStart", "InlineEnd", "BlockEnd", "InlineStart"]
|
|
2385
|
+
};
|
|
2386
|
+
const wrapSequenceValueByDirection = (direction, i) => getSequenceValuePropertyPair(
|
|
2387
|
+
stack[i],
|
|
2388
|
+
propertyName + direction + suffix,
|
|
2389
|
+
sequence
|
|
2390
|
+
);
|
|
2391
|
+
return directions[stack.length].map((dir, key) => wrapSequenceValueByDirection(dir, key));
|
|
2392
|
+
}
|
|
2393
|
+
return getSequenceValuePropertyPair(
|
|
2394
|
+
value,
|
|
2395
|
+
propertyName,
|
|
2396
|
+
sequence
|
|
2397
|
+
);
|
|
2398
|
+
};
|
|
2399
|
+
|
|
2400
|
+
// src/system/shadow.js
|
|
2401
|
+
var import_utils20 = __toESM(require_cjs(), 1);
|
|
2402
|
+
var setShadow = (value, key, suffix, prefers) => {
|
|
2403
|
+
const CONFIG2 = getActiveConfig();
|
|
2404
|
+
if ((0, import_utils20.isArray)(value)) {
|
|
2405
|
+
return {
|
|
2406
|
+
"@light": setShadow(value[0], key, "light"),
|
|
2407
|
+
"@dark": setShadow(value[1], key, "dark")
|
|
2408
|
+
};
|
|
2409
|
+
}
|
|
2410
|
+
if ((0, import_utils20.isObject)(value)) {
|
|
2411
|
+
const obj = {};
|
|
2412
|
+
for (const variant in value) {
|
|
2413
|
+
obj[variant] = setShadow(
|
|
2414
|
+
value[variant],
|
|
2415
|
+
key,
|
|
2416
|
+
variant.startsWith("@") ? variant.slice(1) : variant
|
|
2417
|
+
);
|
|
2418
|
+
}
|
|
2419
|
+
return obj;
|
|
2420
|
+
}
|
|
2421
|
+
if ((0, import_utils20.isString)(value) && value.includes(",")) {
|
|
2422
|
+
value = value.split(",").map((v) => {
|
|
2423
|
+
v = v.trim();
|
|
2424
|
+
if (v.startsWith("--"))
|
|
2425
|
+
return `var(${v})`;
|
|
2426
|
+
if (getColor(v).length > 2)
|
|
2427
|
+
return getColor(v);
|
|
2428
|
+
if (v.includes("px") || v.slice(-2) === "em")
|
|
2429
|
+
return v;
|
|
2430
|
+
const arr = v.split(" ");
|
|
2431
|
+
if (!arr.length)
|
|
2432
|
+
return v;
|
|
2433
|
+
return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
|
|
2434
|
+
}).join(" ");
|
|
2435
|
+
}
|
|
2436
|
+
const CSSVar = `--shadow-${key}` + (suffix ? `-${suffix}` : "");
|
|
2437
|
+
if (CONFIG2.useVariable) {
|
|
2438
|
+
CONFIG2.CSS_VARS[CSSVar] = value;
|
|
2439
|
+
}
|
|
2440
|
+
return {
|
|
2441
|
+
var: CSSVar,
|
|
2442
|
+
value
|
|
2443
|
+
};
|
|
2444
|
+
};
|
|
2286
2445
|
|
|
2287
2446
|
// src/system/timing.js
|
|
2288
2447
|
var applyTimingSequence = () => {
|
|
@@ -2293,11 +2452,11 @@ var applyTimingSequence = () => {
|
|
|
2293
2452
|
};
|
|
2294
2453
|
|
|
2295
2454
|
// src/system/document.js
|
|
2296
|
-
var
|
|
2455
|
+
var import_utils23 = __toESM(require_cjs(), 1);
|
|
2297
2456
|
var applyDocument = () => {
|
|
2298
2457
|
const CONFIG2 = getActiveConfig();
|
|
2299
2458
|
const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
|
|
2300
|
-
return (0,
|
|
2459
|
+
return (0, import_utils23.merge)(DOCUMENT2, {
|
|
2301
2460
|
theme: THEME2.document,
|
|
2302
2461
|
fontFamily: getDefaultOrFirstKey(FONT_FAMILY2),
|
|
2303
2462
|
fontSize: TYPOGRAPHY2.base,
|
|
@@ -2328,7 +2487,7 @@ var setIcon = (val, key) => {
|
|
|
2328
2487
|
};
|
|
2329
2488
|
|
|
2330
2489
|
// src/system/reset.js
|
|
2331
|
-
var
|
|
2490
|
+
var import_utils26 = __toESM(require_cjs(), 1);
|
|
2332
2491
|
var applyReset = (reset = {}) => {
|
|
2333
2492
|
const CONFIG2 = getActiveConfig();
|
|
2334
2493
|
const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG2;
|
|
@@ -2350,8 +2509,8 @@ var applyReset = (reset = {}) => {
|
|
|
2350
2509
|
const { body, ...templates } = TYPOGRAPHY2.templates;
|
|
2351
2510
|
const globalTheme = CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {};
|
|
2352
2511
|
if (RESET2.html)
|
|
2353
|
-
(0,
|
|
2354
|
-
return (0,
|
|
2512
|
+
(0, import_utils26.overwriteDeep)(RESET2.html, globalTheme);
|
|
2513
|
+
return (0, import_utils26.deepMerge)((0, import_utils26.merge)(RESET2, reset), {
|
|
2355
2514
|
html: {
|
|
2356
2515
|
position: "absolute",
|
|
2357
2516
|
// overflow: 'hidden',
|
|
@@ -2390,9 +2549,9 @@ var applyReset = (reset = {}) => {
|
|
|
2390
2549
|
};
|
|
2391
2550
|
|
|
2392
2551
|
// src/set.js
|
|
2393
|
-
var
|
|
2552
|
+
var import_utils27 = __toESM(require_cjs(), 1);
|
|
2394
2553
|
var setCases = (val, key) => {
|
|
2395
|
-
if ((0,
|
|
2554
|
+
if ((0, import_utils27.isFunction)(val))
|
|
2396
2555
|
return val();
|
|
2397
2556
|
return val;
|
|
2398
2557
|
};
|
|
@@ -2408,6 +2567,7 @@ var VALUE_TRANSFORMERS = {
|
|
|
2408
2567
|
svg_data: setSameValue,
|
|
2409
2568
|
typography: setSameValue,
|
|
2410
2569
|
cases: setCases,
|
|
2570
|
+
shadow: setShadow,
|
|
2411
2571
|
spacing: setSameValue,
|
|
2412
2572
|
media: setSameValue,
|
|
2413
2573
|
timing: setSameValue,
|
package/dist/cjs/system/color.js
CHANGED
|
@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
30
30
|
));
|
|
31
31
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
32
|
|
|
33
|
-
//
|
|
33
|
+
// ../../node_modules/@domql/utils/dist/cjs/key.js
|
|
34
34
|
var require_key = __commonJS({
|
|
35
|
-
"
|
|
35
|
+
"../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
|
|
36
36
|
"use strict";
|
|
37
37
|
var __defProp2 = Object.defineProperty;
|
|
38
38
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -69,9 +69,9 @@ var require_key = __commonJS({
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
|
|
72
|
-
//
|
|
72
|
+
// ../../node_modules/@domql/utils/dist/cjs/env.js
|
|
73
73
|
var require_env = __commonJS({
|
|
74
|
-
"
|
|
74
|
+
"../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
|
|
75
75
|
"use strict";
|
|
76
76
|
var __defProp2 = Object.defineProperty;
|
|
77
77
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -107,9 +107,9 @@ var require_env = __commonJS({
|
|
|
107
107
|
}
|
|
108
108
|
});
|
|
109
109
|
|
|
110
|
-
//
|
|
110
|
+
// ../../node_modules/@domql/utils/dist/cjs/globals.js
|
|
111
111
|
var require_globals = __commonJS({
|
|
112
|
-
"
|
|
112
|
+
"../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
|
|
113
113
|
"use strict";
|
|
114
114
|
var __defProp2 = Object.defineProperty;
|
|
115
115
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
|
|
|
143
143
|
}
|
|
144
144
|
});
|
|
145
145
|
|
|
146
|
-
//
|
|
146
|
+
// ../../node_modules/@domql/utils/dist/cjs/node.js
|
|
147
147
|
var require_node = __commonJS({
|
|
148
|
-
"
|
|
148
|
+
"../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
|
|
149
149
|
"use strict";
|
|
150
150
|
var __defProp2 = Object.defineProperty;
|
|
151
151
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -180,9 +180,9 @@ var require_node = __commonJS({
|
|
|
180
180
|
}
|
|
181
181
|
});
|
|
182
182
|
|
|
183
|
-
//
|
|
183
|
+
// ../../node_modules/@domql/utils/dist/cjs/types.js
|
|
184
184
|
var require_types = __commonJS({
|
|
185
|
-
"
|
|
185
|
+
"../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
|
|
186
186
|
"use strict";
|
|
187
187
|
var __defProp2 = Object.defineProperty;
|
|
188
188
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -267,9 +267,9 @@ var require_types = __commonJS({
|
|
|
267
267
|
}
|
|
268
268
|
});
|
|
269
269
|
|
|
270
|
-
//
|
|
270
|
+
// ../../node_modules/@domql/utils/dist/cjs/array.js
|
|
271
271
|
var require_array = __commonJS({
|
|
272
|
-
"
|
|
272
|
+
"../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
|
|
273
273
|
"use strict";
|
|
274
274
|
var __defProp2 = Object.defineProperty;
|
|
275
275
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -366,9 +366,9 @@ var require_array = __commonJS({
|
|
|
366
366
|
}
|
|
367
367
|
});
|
|
368
368
|
|
|
369
|
-
//
|
|
369
|
+
// ../../node_modules/@domql/utils/dist/cjs/string.js
|
|
370
370
|
var require_string = __commonJS({
|
|
371
|
-
"
|
|
371
|
+
"../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
|
|
372
372
|
"use strict";
|
|
373
373
|
var __defProp2 = Object.defineProperty;
|
|
374
374
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -426,9 +426,9 @@ var require_string = __commonJS({
|
|
|
426
426
|
}
|
|
427
427
|
});
|
|
428
428
|
|
|
429
|
-
//
|
|
429
|
+
// ../../node_modules/@domql/utils/dist/cjs/object.js
|
|
430
430
|
var require_object = __commonJS({
|
|
431
|
-
"
|
|
431
|
+
"../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
|
|
432
432
|
"use strict";
|
|
433
433
|
var __defProp2 = Object.defineProperty;
|
|
434
434
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -878,9 +878,9 @@ var require_object = __commonJS({
|
|
|
878
878
|
}
|
|
879
879
|
});
|
|
880
880
|
|
|
881
|
-
//
|
|
881
|
+
// ../../node_modules/@domql/utils/dist/cjs/function.js
|
|
882
882
|
var require_function = __commonJS({
|
|
883
|
-
"
|
|
883
|
+
"../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
|
|
884
884
|
"use strict";
|
|
885
885
|
var __defProp2 = Object.defineProperty;
|
|
886
886
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -953,9 +953,9 @@ var require_function = __commonJS({
|
|
|
953
953
|
}
|
|
954
954
|
});
|
|
955
955
|
|
|
956
|
-
//
|
|
956
|
+
// ../../node_modules/@domql/utils/dist/cjs/log.js
|
|
957
957
|
var require_log = __commonJS({
|
|
958
|
-
"
|
|
958
|
+
"../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
|
|
959
959
|
"use strict";
|
|
960
960
|
var __defProp2 = Object.defineProperty;
|
|
961
961
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -994,9 +994,9 @@ var require_log = __commonJS({
|
|
|
994
994
|
}
|
|
995
995
|
});
|
|
996
996
|
|
|
997
|
-
//
|
|
997
|
+
// ../../node_modules/@domql/utils/dist/cjs/cookie.js
|
|
998
998
|
var require_cookie = __commonJS({
|
|
999
|
-
"
|
|
999
|
+
"../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
|
|
1000
1000
|
"use strict";
|
|
1001
1001
|
var __defProp2 = Object.defineProperty;
|
|
1002
1002
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1050,9 +1050,9 @@ var require_cookie = __commonJS({
|
|
|
1050
1050
|
}
|
|
1051
1051
|
});
|
|
1052
1052
|
|
|
1053
|
-
//
|
|
1053
|
+
// ../../node_modules/@domql/utils/dist/cjs/tags.js
|
|
1054
1054
|
var require_tags = __commonJS({
|
|
1055
|
-
"
|
|
1055
|
+
"../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
|
|
1056
1056
|
"use strict";
|
|
1057
1057
|
var __defProp2 = Object.defineProperty;
|
|
1058
1058
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1215,9 +1215,9 @@ var require_tags = __commonJS({
|
|
|
1215
1215
|
}
|
|
1216
1216
|
});
|
|
1217
1217
|
|
|
1218
|
-
//
|
|
1218
|
+
// ../../node_modules/@domql/utils/dist/cjs/index.js
|
|
1219
1219
|
var require_cjs = __commonJS({
|
|
1220
|
-
"
|
|
1220
|
+
"../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
|
|
1221
1221
|
"use strict";
|
|
1222
1222
|
var __defProp2 = Object.defineProperty;
|
|
1223
1223
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
@@ -1318,6 +1318,7 @@ __export(defaultConfig_exports, {
|
|
|
1318
1318
|
MEDIA: () => MEDIA,
|
|
1319
1319
|
RESET: () => RESET,
|
|
1320
1320
|
SEQUENCE: () => SEQUENCE,
|
|
1321
|
+
SHADOW: () => SHADOW,
|
|
1321
1322
|
SPACING: () => SPACING,
|
|
1322
1323
|
SVG: () => SVG,
|
|
1323
1324
|
SVG_DATA: () => SVG_DATA,
|
|
@@ -1440,6 +1441,9 @@ var GRADIENT = {};
|
|
|
1440
1441
|
// src/defaultConfig/theme.js
|
|
1441
1442
|
var THEME = {};
|
|
1442
1443
|
|
|
1444
|
+
// src/defaultConfig/shadow.js
|
|
1445
|
+
var SHADOW = {};
|
|
1446
|
+
|
|
1443
1447
|
// src/defaultConfig/icons.js
|
|
1444
1448
|
var ICONS = {};
|
|
1445
1449
|
|
|
@@ -1718,8 +1722,13 @@ var setColor = (val, key, suffix) => {
|
|
|
1718
1722
|
}
|
|
1719
1723
|
if ((0, import_utils9.isObject)(val)) {
|
|
1720
1724
|
const obj = {};
|
|
1721
|
-
for (const variant in val)
|
|
1722
|
-
obj[variant] = setColor(
|
|
1725
|
+
for (const variant in val) {
|
|
1726
|
+
obj[variant] = setColor(
|
|
1727
|
+
val[variant],
|
|
1728
|
+
key,
|
|
1729
|
+
variant.slice(0, 1) === "@" ? variant.slice(1) : variant
|
|
1730
|
+
);
|
|
1731
|
+
}
|
|
1723
1732
|
return obj;
|
|
1724
1733
|
}
|
|
1725
1734
|
const CSSVar = `--color-${key}` + (suffix ? `-${suffix}` : "");
|