@symbo.ls/scratch 3.8.9 → 3.14.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/README.md +2 -2
- package/dist/cjs/defaultConfig/animation.js +4 -2
- package/dist/cjs/defaultConfig/cases.js +4 -2
- package/dist/cjs/defaultConfig/class.js +4 -2
- package/dist/cjs/defaultConfig/color.js +6 -9
- package/dist/cjs/defaultConfig/document.js +4 -2
- package/dist/cjs/defaultConfig/font-family.js +8 -12
- package/dist/cjs/defaultConfig/font.js +4 -11
- package/dist/cjs/defaultConfig/grid.js +5 -3
- package/dist/cjs/defaultConfig/icons.js +6 -4
- package/dist/cjs/defaultConfig/index.js +200 -24
- package/dist/cjs/defaultConfig/media.js +4 -2
- package/dist/cjs/defaultConfig/responsive.js +6 -4
- package/dist/cjs/defaultConfig/sequence.js +4 -2
- package/dist/cjs/defaultConfig/shadow.js +4 -2
- package/dist/cjs/defaultConfig/spacing.js +56 -7
- package/dist/cjs/defaultConfig/svg.js +6 -4
- package/dist/cjs/defaultConfig/templates.js +4 -2
- package/dist/cjs/defaultConfig/theme.js +4 -14
- package/dist/cjs/defaultConfig/timing.js +36 -5
- package/dist/cjs/defaultConfig/typography.js +36 -5
- package/dist/cjs/defaultConfig/unit.js +4 -2
- package/dist/cjs/factory.js +341 -40
- package/dist/cjs/index.js +6333 -11
- package/dist/cjs/package.json +4 -0
- package/dist/cjs/set.js +5614 -158
- package/dist/cjs/system/color.js +4481 -104
- package/dist/cjs/system/document.js +4371 -11
- package/dist/cjs/system/font.js +4401 -28
- package/dist/cjs/system/index.js +5748 -11
- package/dist/cjs/system/reset.js +4445 -21
- package/dist/cjs/system/shadow.js +4832 -41
- package/dist/cjs/system/spacing.js +4752 -39
- package/dist/cjs/system/svg.js +4437 -47
- package/dist/cjs/system/theme.js +4526 -335
- package/dist/cjs/system/timing.js +4695 -19
- package/dist/cjs/system/typography.js +4755 -33
- package/dist/cjs/tests/index.js +4 -2
- package/dist/cjs/transforms/index.js +5019 -134
- package/dist/cjs/utils/color.js +47 -66
- package/dist/cjs/utils/font.js +25 -46
- package/dist/cjs/utils/index.js +5068 -8
- package/dist/cjs/utils/sequence.js +4423 -35
- package/dist/cjs/utils/sprite.js +353 -12
- package/dist/cjs/utils/theme.js +3 -1
- package/dist/cjs/utils/unit.js +4 -2
- package/dist/cjs/utils/var.js +4390 -42
- package/index.js +1 -0
- package/package.json +11 -14
- package/src/defaultConfig/class.js +2 -1
- package/src/defaultConfig/font-family.js +3 -3
- package/src/defaultConfig/icons.js +1 -1
- package/src/defaultConfig/svg.js +1 -1
- package/src/defaultConfig/timing.js +1 -1
- package/src/factory.js +85 -13
- package/src/index.js +16 -5
- package/src/set.js +156 -63
- package/src/system/color.js +113 -12
- package/src/system/document.js +3 -3
- package/src/system/font.js +5 -5
- package/src/system/reset.js +41 -8
- package/src/system/shadow.js +4 -3
- package/src/system/spacing.js +3 -3
- package/src/system/svg.js +42 -5
- package/src/system/theme.js +87 -64
- package/src/system/timing.js +2 -2
- package/src/system/typography.js +12 -3
- package/src/transforms/index.js +4 -4
- package/src/utils/color.js +2 -1
- package/src/utils/font.js +7 -1
- package/src/utils/sequence.js +46 -29
- package/src/utils/sprite.js +44 -16
- package/src/utils/var.js +27 -9
- package/dist/esm/defaultConfig/animation.js +0 -4
- package/dist/esm/defaultConfig/cases.js +0 -4
- package/dist/esm/defaultConfig/class.js +0 -5
- package/dist/esm/defaultConfig/color.js +0 -11
- package/dist/esm/defaultConfig/document.js +0 -4
- package/dist/esm/defaultConfig/font-family.js +0 -18
- package/dist/esm/defaultConfig/font.js +0 -13
- package/dist/esm/defaultConfig/grid.js +0 -5
- package/dist/esm/defaultConfig/icons.js +0 -6
- package/dist/esm/defaultConfig/index.js +0 -25
- package/dist/esm/defaultConfig/media.js +0 -9
- package/dist/esm/defaultConfig/responsive.js +0 -30
- package/dist/esm/defaultConfig/sequence.js +0 -29
- package/dist/esm/defaultConfig/shadow.js +0 -4
- package/dist/esm/defaultConfig/spacing.js +0 -18
- package/dist/esm/defaultConfig/svg.js +0 -6
- package/dist/esm/defaultConfig/templates.js +0 -4
- package/dist/esm/defaultConfig/theme.js +0 -16
- package/dist/esm/defaultConfig/timing.js +0 -17
- package/dist/esm/defaultConfig/typography.js +0 -21
- package/dist/esm/defaultConfig/unit.js +0 -6
- package/dist/esm/factory.js +0 -60
- package/dist/esm/index.js +0 -12
- package/dist/esm/set.js +0 -219
- package/dist/esm/system/color.js +0 -193
- package/dist/esm/system/document.js +0 -16
- package/dist/esm/system/font.js +0 -58
- package/dist/esm/system/index.js +0 -10
- package/dist/esm/system/reset.js +0 -67
- package/dist/esm/system/shadow.js +0 -91
- package/dist/esm/system/spacing.js +0 -121
- package/dist/esm/system/svg.js +0 -86
- package/dist/esm/system/theme.js +0 -480
- package/dist/esm/system/timing.js +0 -32
- package/dist/esm/system/typography.js +0 -85
- package/dist/esm/tests/index.js +0 -8
- package/dist/esm/transforms/index.js +0 -216
- package/dist/esm/utils/color.js +0 -192
- package/dist/esm/utils/font.js +0 -92
- package/dist/esm/utils/index.js +0 -7
- package/dist/esm/utils/sequence.js +0 -303
- package/dist/esm/utils/sprite.js +0 -65
- package/dist/esm/utils/theme.js +0 -9
- package/dist/esm/utils/unit.js +0 -59
- package/dist/esm/utils/var.js +0 -82
- package/dist/iife/index.js +0 -3204
|
@@ -16,17 +16,48 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/defaultConfig/timing.js
|
|
19
21
|
var timing_exports = {};
|
|
20
22
|
__export(timing_exports, {
|
|
21
|
-
|
|
23
|
+
TIMING: () => TIMING
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(timing_exports);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
|
|
27
|
+
// src/defaultConfig/sequence.js
|
|
28
|
+
var SEQUENCE = {
|
|
29
|
+
"minor-second": 1.067,
|
|
30
|
+
"major-second": 1.125,
|
|
31
|
+
"minor-third": 1.2,
|
|
32
|
+
"major-third": 1.25,
|
|
33
|
+
"perfect-fourth": 1.333,
|
|
34
|
+
"augmented-fourth": 1.414,
|
|
35
|
+
"perfect-fifth": 1.5,
|
|
36
|
+
"minor-sixth": 1.6,
|
|
37
|
+
phi: 1.618,
|
|
38
|
+
// golden-ratio
|
|
39
|
+
"major-sixth": 1.667,
|
|
40
|
+
"square-root-3": 1.732,
|
|
41
|
+
// theodorus
|
|
42
|
+
"minor-seventh": 1.778,
|
|
43
|
+
"major-seventh": 1.875,
|
|
44
|
+
octave: 2,
|
|
45
|
+
"square-root-5": 2.23,
|
|
46
|
+
// pythagoras
|
|
47
|
+
"major-tenth": 2.5,
|
|
48
|
+
"major-eleventh": 2.667,
|
|
49
|
+
"major-twelfth": 3,
|
|
50
|
+
pi: 3.14,
|
|
51
|
+
// archimedes
|
|
52
|
+
"double-octave": 4
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
// src/defaultConfig/timing.js
|
|
56
|
+
var defaultProps = {
|
|
26
57
|
default: 150,
|
|
27
58
|
base: 150,
|
|
28
59
|
type: "timing",
|
|
29
|
-
ratio:
|
|
60
|
+
ratio: SEQUENCE["perfect-fourth"],
|
|
30
61
|
range: [-3, 12],
|
|
31
62
|
mediaRegenerate: false,
|
|
32
63
|
unit: "ms",
|
|
@@ -34,4 +65,4 @@ const defaultProps = {
|
|
|
34
65
|
scales: {},
|
|
35
66
|
vars: {}
|
|
36
67
|
};
|
|
37
|
-
|
|
68
|
+
var TIMING = defaultProps;
|
|
@@ -16,17 +16,48 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/defaultConfig/typography.js
|
|
19
21
|
var typography_exports = {};
|
|
20
22
|
__export(typography_exports, {
|
|
21
|
-
|
|
23
|
+
TYPOGRAPHY: () => TYPOGRAPHY
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(typography_exports);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
|
|
27
|
+
// src/defaultConfig/sequence.js
|
|
28
|
+
var SEQUENCE = {
|
|
29
|
+
"minor-second": 1.067,
|
|
30
|
+
"major-second": 1.125,
|
|
31
|
+
"minor-third": 1.2,
|
|
32
|
+
"major-third": 1.25,
|
|
33
|
+
"perfect-fourth": 1.333,
|
|
34
|
+
"augmented-fourth": 1.414,
|
|
35
|
+
"perfect-fifth": 1.5,
|
|
36
|
+
"minor-sixth": 1.6,
|
|
37
|
+
phi: 1.618,
|
|
38
|
+
// golden-ratio
|
|
39
|
+
"major-sixth": 1.667,
|
|
40
|
+
"square-root-3": 1.732,
|
|
41
|
+
// theodorus
|
|
42
|
+
"minor-seventh": 1.778,
|
|
43
|
+
"major-seventh": 1.875,
|
|
44
|
+
octave: 2,
|
|
45
|
+
"square-root-5": 2.23,
|
|
46
|
+
// pythagoras
|
|
47
|
+
"major-tenth": 2.5,
|
|
48
|
+
"major-eleventh": 2.667,
|
|
49
|
+
"major-twelfth": 3,
|
|
50
|
+
pi: 3.14,
|
|
51
|
+
// archimedes
|
|
52
|
+
"double-octave": 4
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
// src/defaultConfig/typography.js
|
|
56
|
+
var defaultProps = {
|
|
26
57
|
browserDefault: 16,
|
|
27
58
|
base: 16,
|
|
28
59
|
type: "font-size",
|
|
29
|
-
ratio:
|
|
60
|
+
ratio: SEQUENCE["minor-third"],
|
|
30
61
|
range: [-3, 12],
|
|
31
62
|
h1Matches: 6,
|
|
32
63
|
lineHeight: 1.5,
|
|
@@ -38,4 +69,4 @@ const defaultProps = {
|
|
|
38
69
|
scales: {},
|
|
39
70
|
vars: {}
|
|
40
71
|
};
|
|
41
|
-
|
|
72
|
+
var TYPOGRAPHY = defaultProps;
|
|
@@ -16,11 +16,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/defaultConfig/unit.js
|
|
19
21
|
var unit_exports = {};
|
|
20
22
|
__export(unit_exports, {
|
|
21
|
-
|
|
23
|
+
UNIT: () => UNIT
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(unit_exports);
|
|
24
|
-
|
|
26
|
+
var UNIT = {
|
|
25
27
|
default: "em"
|
|
26
28
|
};
|
package/dist/cjs/factory.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,19 +15,12 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/factory.js
|
|
29
21
|
var factory_exports = {};
|
|
30
22
|
__export(factory_exports, {
|
|
31
23
|
CONFIG: () => CONFIG,
|
|
32
|
-
CSS_MEDIA_VARS: () => CSS_MEDIA_VARS,
|
|
33
24
|
CSS_VARS: () => CSS_VARS,
|
|
34
25
|
FACTORY: () => FACTORY,
|
|
35
26
|
activateConfig: () => activateConfig,
|
|
@@ -37,49 +28,359 @@ __export(factory_exports, {
|
|
|
37
28
|
setActiveConfig: () => setActiveConfig
|
|
38
29
|
});
|
|
39
30
|
module.exports = __toCommonJS(factory_exports);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
if (
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
31
|
+
|
|
32
|
+
// ../../../domql/packages/utils/globals.js
|
|
33
|
+
var window2 = globalThis;
|
|
34
|
+
var document2 = window2.document;
|
|
35
|
+
|
|
36
|
+
// ../../../domql/packages/utils/node.js
|
|
37
|
+
var isDOMNode = (obj) => {
|
|
38
|
+
return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// ../../../domql/packages/utils/types.js
|
|
42
|
+
var isObject = (arg) => {
|
|
43
|
+
if (arg === null) return false;
|
|
44
|
+
return typeof arg === "object" && arg.constructor === Object;
|
|
45
|
+
};
|
|
46
|
+
var isString = (arg) => typeof arg === "string";
|
|
47
|
+
var isNumber = (arg) => typeof arg === "number";
|
|
48
|
+
var isFunction = (arg) => typeof arg === "function";
|
|
49
|
+
var isBoolean = (arg) => arg === true || arg === false;
|
|
50
|
+
var isNull = (arg) => arg === null;
|
|
51
|
+
var isArray = (arg) => Array.isArray(arg);
|
|
52
|
+
var isDate = (d) => d instanceof Date;
|
|
53
|
+
var isObjectLike = (arg) => {
|
|
54
|
+
if (arg === null) return false;
|
|
55
|
+
return typeof arg === "object";
|
|
56
|
+
};
|
|
57
|
+
var isDefined = (arg) => {
|
|
58
|
+
return isObject(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
|
|
59
|
+
};
|
|
60
|
+
var isUndefined = (arg) => {
|
|
61
|
+
return arg === void 0;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
// ../../../domql/packages/utils/array.js
|
|
65
|
+
var mergeArray = (arr, exclude = []) => {
|
|
66
|
+
return arr.reduce(
|
|
67
|
+
(a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
|
|
68
|
+
{}
|
|
69
|
+
);
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
// ../../../domql/packages/utils/object.js
|
|
73
|
+
var deepMerge = (element, extend, excludeFrom = [], level = Infinity) => {
|
|
74
|
+
for (const e in extend) {
|
|
75
|
+
const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
|
|
76
|
+
if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
|
|
77
|
+
continue;
|
|
78
|
+
const elementProp = element[e];
|
|
79
|
+
const extendProp = extend[e];
|
|
80
|
+
if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
|
|
81
|
+
if (level > 0) {
|
|
82
|
+
deepMerge(elementProp, extendProp, excludeFrom, level - 1);
|
|
83
|
+
} else {
|
|
84
|
+
for (const k in extendProp) {
|
|
85
|
+
if (excludeFrom.includes(k) || elementProp[k] !== void 0) continue;
|
|
86
|
+
elementProp[k] = extendProp[k];
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
} else if (elementProp === void 0) {
|
|
90
|
+
element[e] = extendProp;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
return element;
|
|
94
|
+
};
|
|
95
|
+
var deepClone = (obj, options = {}) => {
|
|
96
|
+
const {
|
|
97
|
+
exclude = [],
|
|
98
|
+
cleanUndefined = false,
|
|
99
|
+
cleanNull = false,
|
|
100
|
+
window: targetWindow,
|
|
101
|
+
visited = /* @__PURE__ */ new WeakMap(),
|
|
102
|
+
handleExtend = false
|
|
103
|
+
} = options;
|
|
104
|
+
const contentWindow = targetWindow || window2 || globalThis;
|
|
105
|
+
if (!isObjectLike(obj) || isDOMNode(obj)) {
|
|
106
|
+
return obj;
|
|
107
|
+
}
|
|
108
|
+
if (visited.has(obj)) {
|
|
109
|
+
return visited.get(obj);
|
|
110
|
+
}
|
|
111
|
+
const clone = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
|
|
112
|
+
visited.set(obj, clone);
|
|
113
|
+
for (const key in obj) {
|
|
114
|
+
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
115
|
+
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
|
|
116
|
+
continue;
|
|
117
|
+
let value = obj[key];
|
|
118
|
+
if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
|
|
119
|
+
continue;
|
|
120
|
+
if (isDOMNode(value)) {
|
|
121
|
+
clone[key] = value;
|
|
122
|
+
continue;
|
|
123
|
+
}
|
|
124
|
+
if (handleExtend && key === "extend" && isArray(value)) {
|
|
125
|
+
clone[key] = mergeArray(value, exclude);
|
|
126
|
+
continue;
|
|
127
|
+
}
|
|
128
|
+
if (isFunction(value) && options.window) {
|
|
129
|
+
clone[key] = contentWindow.eval("(" + value.toString() + ")");
|
|
130
|
+
continue;
|
|
131
|
+
}
|
|
132
|
+
if ((value == null ? void 0 : value.__ref) && (value == null ? void 0 : value.node)) {
|
|
133
|
+
value = value.parseDeep();
|
|
134
|
+
}
|
|
135
|
+
if (value == null ? void 0 : value.__element) {
|
|
136
|
+
value = value.parse();
|
|
137
|
+
}
|
|
138
|
+
if (isObjectLike(value)) {
|
|
139
|
+
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
140
|
+
clone[key] = deepClone(value, {
|
|
141
|
+
...options,
|
|
142
|
+
visited
|
|
143
|
+
});
|
|
144
|
+
} else {
|
|
145
|
+
clone[key] = value;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
return clone;
|
|
149
|
+
};
|
|
150
|
+
|
|
151
|
+
// ../../../domql/packages/utils/cookie.js
|
|
152
|
+
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
153
|
+
|
|
154
|
+
// src/defaultConfig/index.js
|
|
155
|
+
var defaultConfig_exports = {};
|
|
156
|
+
__export(defaultConfig_exports, {
|
|
157
|
+
ANIMATION: () => ANIMATION,
|
|
158
|
+
BREAKPOINTS: () => BREAKPOINTS,
|
|
159
|
+
CASES: () => CASES,
|
|
160
|
+
CLASS: () => CLASS,
|
|
161
|
+
COLOR: () => COLOR,
|
|
162
|
+
DEVICES: () => DEVICES,
|
|
163
|
+
DOCUMENT: () => DOCUMENT,
|
|
164
|
+
FONT: () => FONT,
|
|
165
|
+
FONT_FACE: () => FONT_FACE,
|
|
166
|
+
FONT_FAMILY: () => FONT_FAMILY,
|
|
167
|
+
FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
|
|
168
|
+
GRADIENT: () => GRADIENT,
|
|
169
|
+
GRID: () => GRID,
|
|
170
|
+
ICONS: () => ICONS,
|
|
171
|
+
MEDIA: () => MEDIA,
|
|
172
|
+
RESET: () => RESET,
|
|
173
|
+
SEMANTIC_ICONS: () => SEMANTIC_ICONS,
|
|
174
|
+
SEQUENCE: () => SEQUENCE,
|
|
175
|
+
SHADOW: () => SHADOW,
|
|
176
|
+
SPACING: () => SPACING,
|
|
177
|
+
SVG: () => SVG,
|
|
178
|
+
SVG_DATA: () => SVG_DATA,
|
|
179
|
+
TEMPLATES: () => TEMPLATES,
|
|
180
|
+
THEME: () => THEME,
|
|
181
|
+
TIMING: () => TIMING,
|
|
182
|
+
TYPOGRAPHY: () => TYPOGRAPHY,
|
|
183
|
+
UNIT: () => UNIT
|
|
184
|
+
});
|
|
185
|
+
|
|
186
|
+
// src/defaultConfig/sequence.js
|
|
187
|
+
var SEQUENCE = {
|
|
188
|
+
"minor-second": 1.067,
|
|
189
|
+
"major-second": 1.125,
|
|
190
|
+
"minor-third": 1.2,
|
|
191
|
+
"major-third": 1.25,
|
|
192
|
+
"perfect-fourth": 1.333,
|
|
193
|
+
"augmented-fourth": 1.414,
|
|
194
|
+
"perfect-fifth": 1.5,
|
|
195
|
+
"minor-sixth": 1.6,
|
|
196
|
+
phi: 1.618,
|
|
197
|
+
// golden-ratio
|
|
198
|
+
"major-sixth": 1.667,
|
|
199
|
+
"square-root-3": 1.732,
|
|
200
|
+
// theodorus
|
|
201
|
+
"minor-seventh": 1.778,
|
|
202
|
+
"major-seventh": 1.875,
|
|
203
|
+
octave: 2,
|
|
204
|
+
"square-root-5": 2.23,
|
|
205
|
+
// pythagoras
|
|
206
|
+
"major-tenth": 2.5,
|
|
207
|
+
"major-eleventh": 2.667,
|
|
208
|
+
"major-twelfth": 3,
|
|
209
|
+
pi: 3.14,
|
|
210
|
+
// archimedes
|
|
211
|
+
"double-octave": 4
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
// src/defaultConfig/unit.js
|
|
215
|
+
var UNIT = {
|
|
216
|
+
default: "em"
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
// src/defaultConfig/typography.js
|
|
220
|
+
var defaultProps = {
|
|
221
|
+
browserDefault: 16,
|
|
222
|
+
base: 16,
|
|
223
|
+
type: "font-size",
|
|
224
|
+
ratio: SEQUENCE["minor-third"],
|
|
225
|
+
range: [-3, 12],
|
|
226
|
+
h1Matches: 6,
|
|
227
|
+
lineHeight: 1.5,
|
|
228
|
+
subSequence: true,
|
|
229
|
+
mediaRegenerate: false,
|
|
230
|
+
unit: "em",
|
|
231
|
+
templates: {},
|
|
232
|
+
sequence: {},
|
|
233
|
+
scales: {},
|
|
234
|
+
vars: {}
|
|
235
|
+
};
|
|
236
|
+
var TYPOGRAPHY = defaultProps;
|
|
237
|
+
|
|
238
|
+
// src/defaultConfig/font.js
|
|
239
|
+
var FONT = {};
|
|
240
|
+
|
|
241
|
+
// src/defaultConfig/font-family.js
|
|
242
|
+
var FONT_FAMILY = {};
|
|
243
|
+
var FONT_FAMILY_TYPES = {
|
|
244
|
+
"sans-serif": "Helvetica, Arial, sans-serif, --system-default",
|
|
245
|
+
serif: "Times New Roman, Georgia, serif, --system-default",
|
|
246
|
+
monospace: "Courier New, monospace, --system-default"
|
|
247
|
+
};
|
|
248
|
+
var FONT_FACE = {};
|
|
249
|
+
|
|
250
|
+
// src/defaultConfig/media.js
|
|
251
|
+
var MEDIA = {
|
|
252
|
+
tv: "(min-width: 2780px)",
|
|
253
|
+
light: "(prefers-color-scheme: light)",
|
|
254
|
+
dark: "(prefers-color-scheme: dark)",
|
|
255
|
+
print: "print"
|
|
256
|
+
};
|
|
257
|
+
|
|
258
|
+
// src/defaultConfig/spacing.js
|
|
259
|
+
var defaultProps2 = {
|
|
260
|
+
base: TYPOGRAPHY.base,
|
|
261
|
+
type: "spacing",
|
|
262
|
+
ratio: SEQUENCE.phi,
|
|
263
|
+
range: [-5, 15],
|
|
264
|
+
subSequence: true,
|
|
265
|
+
mediaRegenerate: false,
|
|
266
|
+
unit: "em",
|
|
267
|
+
sequence: {},
|
|
268
|
+
scales: {},
|
|
269
|
+
vars: {}
|
|
270
|
+
};
|
|
271
|
+
var SPACING = defaultProps2;
|
|
272
|
+
|
|
273
|
+
// src/defaultConfig/color.js
|
|
274
|
+
var COLOR = {};
|
|
275
|
+
var GRADIENT = {};
|
|
276
|
+
|
|
277
|
+
// src/defaultConfig/theme.js
|
|
278
|
+
var THEME = {};
|
|
279
|
+
|
|
280
|
+
// src/defaultConfig/shadow.js
|
|
281
|
+
var SHADOW = {};
|
|
282
|
+
|
|
283
|
+
// src/defaultConfig/icons.js
|
|
284
|
+
var ICONS = {};
|
|
285
|
+
var SEMANTIC_ICONS = {};
|
|
286
|
+
|
|
287
|
+
// src/defaultConfig/timing.js
|
|
288
|
+
var defaultProps3 = {
|
|
289
|
+
default: 150,
|
|
290
|
+
base: 150,
|
|
291
|
+
type: "timing",
|
|
292
|
+
ratio: SEQUENCE["perfect-fourth"],
|
|
293
|
+
range: [-3, 12],
|
|
294
|
+
mediaRegenerate: false,
|
|
295
|
+
unit: "ms",
|
|
296
|
+
sequence: {},
|
|
297
|
+
scales: {},
|
|
298
|
+
vars: {}
|
|
299
|
+
};
|
|
300
|
+
var TIMING = defaultProps3;
|
|
301
|
+
|
|
302
|
+
// src/defaultConfig/document.js
|
|
303
|
+
var DOCUMENT = {};
|
|
304
|
+
|
|
305
|
+
// src/defaultConfig/responsive.js
|
|
306
|
+
var BREAKPOINTS = {
|
|
307
|
+
screenL: 1920,
|
|
308
|
+
screenM: 1680,
|
|
309
|
+
screenS: 1440,
|
|
310
|
+
tabletL: 1366,
|
|
311
|
+
tabletM: 1280,
|
|
312
|
+
tabletS: 1024,
|
|
313
|
+
mobileL: 768,
|
|
314
|
+
mobileM: 560,
|
|
315
|
+
mobileS: 480,
|
|
316
|
+
mobileXS: 375
|
|
317
|
+
};
|
|
318
|
+
var DEVICES = {
|
|
319
|
+
screenXXL: [2560, 1440],
|
|
320
|
+
screenXL: [2240, 1260],
|
|
321
|
+
screenL: [1920, 1024],
|
|
322
|
+
screenM: [1680, 1024],
|
|
323
|
+
screenS: [1440, 720],
|
|
324
|
+
tabletL: [1366, 926],
|
|
325
|
+
tabletM: [1280, 768],
|
|
326
|
+
tabletS: [1024, 768],
|
|
327
|
+
mobileL: [768, 375],
|
|
328
|
+
mobileM: [560, 768],
|
|
329
|
+
mobileS: [480, 768],
|
|
330
|
+
mobileXS: [375, 768]
|
|
331
|
+
};
|
|
332
|
+
|
|
333
|
+
// src/defaultConfig/cases.js
|
|
334
|
+
var CASES = {};
|
|
335
|
+
|
|
336
|
+
// src/defaultConfig/animation.js
|
|
337
|
+
var ANIMATION = {};
|
|
338
|
+
|
|
339
|
+
// src/defaultConfig/svg.js
|
|
340
|
+
var SVG = {};
|
|
341
|
+
var SVG_DATA = {};
|
|
342
|
+
|
|
343
|
+
// src/defaultConfig/templates.js
|
|
344
|
+
var TEMPLATES = {};
|
|
345
|
+
|
|
346
|
+
// src/defaultConfig/grid.js
|
|
347
|
+
var defaultProps4 = {};
|
|
348
|
+
var GRID = defaultProps4;
|
|
349
|
+
|
|
350
|
+
// src/defaultConfig/class.js
|
|
351
|
+
var defaultProps5 = {};
|
|
352
|
+
var CLASS = defaultProps5;
|
|
353
|
+
|
|
354
|
+
// src/defaultConfig/index.js
|
|
355
|
+
var RESET = {};
|
|
356
|
+
|
|
357
|
+
// src/factory.js
|
|
358
|
+
var CSS_VARS = {};
|
|
359
|
+
var CONFIG = {
|
|
58
360
|
verbose: false,
|
|
59
361
|
useVariable: true,
|
|
60
362
|
useReset: true,
|
|
61
|
-
globalTheme: "auto",
|
|
62
363
|
CSS_VARS,
|
|
63
|
-
|
|
64
|
-
..._confLower
|
|
364
|
+
...void 0 || defaultConfig_exports
|
|
65
365
|
};
|
|
66
|
-
|
|
67
|
-
|
|
366
|
+
var cachedConfig = deepClone(CONFIG);
|
|
367
|
+
var FACTORY = {
|
|
68
368
|
active: "0",
|
|
69
369
|
0: CONFIG
|
|
70
370
|
};
|
|
71
|
-
|
|
72
|
-
if (
|
|
371
|
+
var activateConfig = (def) => {
|
|
372
|
+
if (isDefined(def)) {
|
|
73
373
|
FACTORY.active = def;
|
|
74
374
|
}
|
|
75
375
|
return FACTORY[def || FACTORY.active];
|
|
76
376
|
};
|
|
77
|
-
|
|
377
|
+
var getActiveConfig = (def) => {
|
|
78
378
|
return FACTORY[def || FACTORY.active] || CONFIG;
|
|
79
379
|
};
|
|
80
|
-
|
|
81
|
-
if (!
|
|
380
|
+
var setActiveConfig = (newConfig) => {
|
|
381
|
+
if (!isObject(newConfig)) return;
|
|
82
382
|
FACTORY.active = "1";
|
|
83
|
-
FACTORY["1"] =
|
|
383
|
+
FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
|
|
84
384
|
return newConfig;
|
|
85
385
|
};
|
|
386
|
+
// @preserve-env
|