@symbo.ls/scratch 2.10.224 → 2.10.230
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/animation.js +3 -1
- package/dist/cjs/defaultConfig/cases.js +3 -1
- package/dist/cjs/defaultConfig/color.js +4 -8
- package/dist/cjs/defaultConfig/document.js +3 -1
- package/dist/cjs/defaultConfig/font-family.js +5 -9
- package/dist/cjs/defaultConfig/font.js +3 -10
- package/dist/cjs/defaultConfig/icons.js +3 -1
- package/dist/cjs/defaultConfig/index.js +184 -19
- package/dist/cjs/defaultConfig/media.js +3 -1
- package/dist/cjs/defaultConfig/responsive.js +4 -2
- package/dist/cjs/defaultConfig/sequence.js +3 -1
- package/dist/cjs/defaultConfig/spacing.js +53 -6
- package/dist/cjs/defaultConfig/svg.js +4 -2
- package/dist/cjs/defaultConfig/theme.js +3 -13
- package/dist/cjs/defaultConfig/timing.js +35 -4
- package/dist/cjs/defaultConfig/typography.js +35 -4
- package/dist/cjs/defaultConfig/unit.js +3 -1
- package/dist/cjs/factory.js +1016 -10
- package/dist/cjs/index.js +2479 -6
- package/dist/cjs/set.js +2189 -45
- package/dist/cjs/system/color.js +1179 -44
- package/dist/cjs/system/document.js +1079 -11
- package/dist/cjs/system/font.js +1110 -17
- package/dist/cjs/system/index.js +2153 -10
- package/dist/cjs/system/reset.js +1148 -20
- package/dist/cjs/system/spacing.js +1291 -33
- package/dist/cjs/system/svg.js +1121 -25
- package/dist/cjs/system/theme.js +1204 -68
- package/dist/cjs/system/timing.js +1272 -19
- package/dist/cjs/system/typography.js +1287 -28
- package/dist/cjs/tests/index.js +4 -2
- package/dist/cjs/utils/color.js +68 -16
- package/dist/cjs/utils/font.js +11 -9
- package/dist/cjs/utils/index.js +1525 -7
- package/dist/cjs/utils/sequence.js +1068 -19
- package/dist/cjs/utils/sprite.js +832 -4
- package/dist/cjs/utils/theme.js +3 -1
- package/dist/cjs/utils/var.js +1061 -21
- package/package.json +3 -3
- package/src/index.js +4 -0
- package/src/utils/color.js +3 -0
|
@@ -16,9 +16,11 @@ 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/animation.js
|
|
19
21
|
var animation_exports = {};
|
|
20
22
|
__export(animation_exports, {
|
|
21
23
|
ANIMATION: () => ANIMATION
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(animation_exports);
|
|
24
|
-
|
|
26
|
+
var ANIMATION = {};
|
|
@@ -16,9 +16,11 @@ 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/cases.js
|
|
19
21
|
var cases_exports = {};
|
|
20
22
|
__export(cases_exports, {
|
|
21
23
|
CASES: () => CASES
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(cases_exports);
|
|
24
|
-
|
|
26
|
+
var CASES = {};
|
|
@@ -16,17 +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/color.js
|
|
19
21
|
var color_exports = {};
|
|
20
22
|
__export(color_exports, {
|
|
21
23
|
COLOR: () => COLOR,
|
|
22
24
|
GRADIENT: () => GRADIENT
|
|
23
25
|
});
|
|
24
26
|
module.exports = __toCommonJS(color_exports);
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
name: "",
|
|
28
|
-
value: "",
|
|
29
|
-
themes: {}
|
|
30
|
-
};
|
|
31
|
-
const COLOR = {};
|
|
32
|
-
const GRADIENT = {};
|
|
27
|
+
var COLOR = {};
|
|
28
|
+
var GRADIENT = {};
|
|
@@ -16,9 +16,11 @@ 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/document.js
|
|
19
21
|
var document_exports = {};
|
|
20
22
|
__export(document_exports, {
|
|
21
23
|
DOCUMENT: () => DOCUMENT
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(document_exports);
|
|
24
|
-
|
|
26
|
+
var DOCUMENT = {};
|
|
@@ -16,6 +16,8 @@ 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/font-family.js
|
|
19
21
|
var font_family_exports = {};
|
|
20
22
|
__export(font_family_exports, {
|
|
21
23
|
FONT_FACE: () => FONT_FACE,
|
|
@@ -23,16 +25,10 @@ __export(font_family_exports, {
|
|
|
23
25
|
FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(font_family_exports);
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
name: "",
|
|
29
|
-
family: "",
|
|
30
|
-
type: ""
|
|
31
|
-
};
|
|
32
|
-
const FONT_FAMILY = {};
|
|
33
|
-
const FONT_FAMILY_TYPES = {
|
|
28
|
+
var FONT_FAMILY = {};
|
|
29
|
+
var FONT_FAMILY_TYPES = {
|
|
34
30
|
"sans-serif": "Helvetica, Arial, sans-serif, --system-default",
|
|
35
31
|
serif: "Times New Roman, Georgia, serif, --system-default",
|
|
36
32
|
monospace: "Courier New, monospace, --system-default"
|
|
37
33
|
};
|
|
38
|
-
|
|
34
|
+
var FONT_FACE = {};
|
|
@@ -16,18 +16,11 @@ 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/font.js
|
|
19
21
|
var font_exports = {};
|
|
20
22
|
__export(font_exports, {
|
|
21
23
|
FONT: () => FONT
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(font_exports);
|
|
24
|
-
var
|
|
25
|
-
// eslint-disable-line
|
|
26
|
-
name: "",
|
|
27
|
-
url: "",
|
|
28
|
-
fontStyle: "",
|
|
29
|
-
fontWeight: 500,
|
|
30
|
-
fontStretch: "normal",
|
|
31
|
-
fontOpticalSizing: "auto"
|
|
32
|
-
};
|
|
33
|
-
const FONT = {};
|
|
26
|
+
var FONT = {};
|
|
@@ -16,9 +16,11 @@ 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/icons.js
|
|
19
21
|
var icons_exports = {};
|
|
20
22
|
__export(icons_exports, {
|
|
21
23
|
ICONS: () => ICONS
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(icons_exports);
|
|
24
|
-
|
|
26
|
+
var ICONS = {};
|
|
@@ -15,27 +15,192 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
15
|
}
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/defaultConfig/index.js
|
|
20
21
|
var defaultConfig_exports = {};
|
|
21
22
|
__export(defaultConfig_exports, {
|
|
22
|
-
|
|
23
|
+
ANIMATION: () => ANIMATION,
|
|
24
|
+
BREAKPOINTS: () => BREAKPOINTS,
|
|
25
|
+
CASES: () => CASES,
|
|
26
|
+
COLOR: () => COLOR,
|
|
27
|
+
DEVICES: () => DEVICES,
|
|
28
|
+
DOCUMENT: () => DOCUMENT,
|
|
29
|
+
FONT: () => FONT,
|
|
30
|
+
FONT_FACE: () => FONT_FACE,
|
|
31
|
+
FONT_FAMILY: () => FONT_FAMILY,
|
|
32
|
+
FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
|
|
33
|
+
GRADIENT: () => GRADIENT,
|
|
34
|
+
ICONS: () => ICONS,
|
|
35
|
+
MEDIA: () => MEDIA,
|
|
36
|
+
RESET: () => RESET,
|
|
37
|
+
SEQUENCE: () => SEQUENCE,
|
|
38
|
+
SPACING: () => SPACING,
|
|
39
|
+
SVG: () => SVG,
|
|
40
|
+
SVG_DATA: () => SVG_DATA,
|
|
41
|
+
THEME: () => THEME,
|
|
42
|
+
TIMING: () => TIMING,
|
|
43
|
+
TYPOGRAPHY: () => TYPOGRAPHY,
|
|
44
|
+
UNIT: () => UNIT
|
|
23
45
|
});
|
|
24
46
|
module.exports = __toCommonJS(defaultConfig_exports);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
47
|
+
|
|
48
|
+
// src/defaultConfig/sequence.js
|
|
49
|
+
var SEQUENCE = {
|
|
50
|
+
"minor-second": 1.067,
|
|
51
|
+
"major-second": 1.125,
|
|
52
|
+
"minor-third": 1.2,
|
|
53
|
+
"major-third": 1.25,
|
|
54
|
+
"perfect-fourth": 1.333,
|
|
55
|
+
"augmented-fourth": 1.414,
|
|
56
|
+
"perfect-fifth": 1.5,
|
|
57
|
+
"minor-sixth": 1.6,
|
|
58
|
+
phi: 1.618,
|
|
59
|
+
// golden-ratio
|
|
60
|
+
"major-sixth": 1.667,
|
|
61
|
+
"square-root-3": 1.732,
|
|
62
|
+
// theodorus
|
|
63
|
+
"minor-seventh": 1.778,
|
|
64
|
+
"major-seventh": 1.875,
|
|
65
|
+
octave: 2,
|
|
66
|
+
"square-root-5": 2.23,
|
|
67
|
+
// pythagoras
|
|
68
|
+
"major-tenth": 2.5,
|
|
69
|
+
"major-eleventh": 2.667,
|
|
70
|
+
"major-twelfth": 3,
|
|
71
|
+
pi: 3.14,
|
|
72
|
+
// archimedes
|
|
73
|
+
"double-octave": 4
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
// src/defaultConfig/unit.js
|
|
77
|
+
var UNIT = {
|
|
78
|
+
default: "em"
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
// src/defaultConfig/typography.js
|
|
82
|
+
var defaultProps = {
|
|
83
|
+
browserDefault: 16,
|
|
84
|
+
base: 16,
|
|
85
|
+
type: "font-size",
|
|
86
|
+
ratio: SEQUENCE["minor-third"],
|
|
87
|
+
range: [-3, 12],
|
|
88
|
+
h1Matches: 6,
|
|
89
|
+
lineHeight: 1.5,
|
|
90
|
+
unit: "em",
|
|
91
|
+
templates: {},
|
|
92
|
+
sequence: {},
|
|
93
|
+
scales: {},
|
|
94
|
+
vars: {}
|
|
95
|
+
};
|
|
96
|
+
var TYPOGRAPHY = defaultProps;
|
|
97
|
+
|
|
98
|
+
// src/defaultConfig/font.js
|
|
99
|
+
var FONT = {};
|
|
100
|
+
|
|
101
|
+
// src/defaultConfig/font-family.js
|
|
102
|
+
var FONT_FAMILY = {};
|
|
103
|
+
var FONT_FAMILY_TYPES = {
|
|
104
|
+
"sans-serif": "Helvetica, Arial, sans-serif, --system-default",
|
|
105
|
+
serif: "Times New Roman, Georgia, serif, --system-default",
|
|
106
|
+
monospace: "Courier New, monospace, --system-default"
|
|
107
|
+
};
|
|
108
|
+
var FONT_FACE = {};
|
|
109
|
+
|
|
110
|
+
// src/defaultConfig/media.js
|
|
111
|
+
var MEDIA = {
|
|
112
|
+
tv: "(min-width: 2780px)",
|
|
113
|
+
screenL: "(max-width: 1920px)",
|
|
114
|
+
screenM: "(max-width: 1680px)",
|
|
115
|
+
screenS: "(max-width: 1440px)",
|
|
116
|
+
tabletL: "(max-width: 1366px)",
|
|
117
|
+
tabletM: "(max-width: 1280px)",
|
|
118
|
+
tabletS: "(max-width: 1024px)",
|
|
119
|
+
mobileL: "(max-width: 768px)",
|
|
120
|
+
mobileM: "(max-width: 560px)",
|
|
121
|
+
mobileS: "(max-width: 480px)",
|
|
122
|
+
mobileXS: "(max-width: 375px)",
|
|
123
|
+
light: "(prefers-color-scheme: light)",
|
|
124
|
+
dark: "(prefers-color-scheme: dark)",
|
|
125
|
+
print: "print"
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
// src/defaultConfig/spacing.js
|
|
129
|
+
var defaultProps2 = {
|
|
130
|
+
base: TYPOGRAPHY.base,
|
|
131
|
+
type: "spacing",
|
|
132
|
+
ratio: SEQUENCE.phi,
|
|
133
|
+
range: [-5, 15],
|
|
134
|
+
subSequence: true,
|
|
135
|
+
unit: "em",
|
|
136
|
+
sequence: {},
|
|
137
|
+
scales: {},
|
|
138
|
+
vars: {}
|
|
139
|
+
};
|
|
140
|
+
var SPACING = defaultProps2;
|
|
141
|
+
|
|
142
|
+
// src/defaultConfig/color.js
|
|
143
|
+
var COLOR = {};
|
|
144
|
+
var GRADIENT = {};
|
|
145
|
+
|
|
146
|
+
// src/defaultConfig/theme.js
|
|
147
|
+
var THEME = {};
|
|
148
|
+
|
|
149
|
+
// src/defaultConfig/icons.js
|
|
150
|
+
var ICONS = {};
|
|
151
|
+
|
|
152
|
+
// src/defaultConfig/timing.js
|
|
153
|
+
var defaultProps3 = {
|
|
154
|
+
default: 150,
|
|
155
|
+
base: 150,
|
|
156
|
+
type: "timing",
|
|
157
|
+
ratio: SEQUENCE["perfect-fourth"],
|
|
158
|
+
range: [-3, 12],
|
|
159
|
+
unit: "ms",
|
|
160
|
+
sequence: {},
|
|
161
|
+
scales: {},
|
|
162
|
+
vars: {}
|
|
163
|
+
};
|
|
164
|
+
var TIMING = defaultProps3;
|
|
165
|
+
|
|
166
|
+
// src/defaultConfig/document.js
|
|
167
|
+
var DOCUMENT = {};
|
|
168
|
+
|
|
169
|
+
// src/defaultConfig/responsive.js
|
|
170
|
+
var BREAKPOINTS = {
|
|
171
|
+
screenL: 1920,
|
|
172
|
+
screenM: 1680,
|
|
173
|
+
screenS: 1440,
|
|
174
|
+
tabletL: 1366,
|
|
175
|
+
tabletM: 1280,
|
|
176
|
+
tabletS: 1024,
|
|
177
|
+
mobileL: 768,
|
|
178
|
+
mobileM: 560,
|
|
179
|
+
mobileS: 480,
|
|
180
|
+
mobileXS: 375
|
|
181
|
+
};
|
|
182
|
+
var DEVICES = {
|
|
183
|
+
screenL: [1920, 1024],
|
|
184
|
+
screenM: [1680, 1024],
|
|
185
|
+
screenS: [1440, 978],
|
|
186
|
+
tabletL: [1366, 926],
|
|
187
|
+
tabletM: [1280, 768],
|
|
188
|
+
tabletS: [1024, 768],
|
|
189
|
+
mobileL: [768, 375],
|
|
190
|
+
mobileM: [560, 768],
|
|
191
|
+
mobileS: [480, 768],
|
|
192
|
+
mobileXS: [375, 768]
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
// src/defaultConfig/cases.js
|
|
196
|
+
var CASES = {};
|
|
197
|
+
|
|
198
|
+
// src/defaultConfig/animation.js
|
|
199
|
+
var ANIMATION = {};
|
|
200
|
+
|
|
201
|
+
// src/defaultConfig/svg.js
|
|
202
|
+
var SVG = {};
|
|
203
|
+
var SVG_DATA = {};
|
|
204
|
+
|
|
205
|
+
// src/defaultConfig/index.js
|
|
206
|
+
var RESET = {};
|
|
@@ -16,12 +16,14 @@ 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/media.js
|
|
19
21
|
var media_exports = {};
|
|
20
22
|
__export(media_exports, {
|
|
21
23
|
MEDIA: () => MEDIA
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(media_exports);
|
|
24
|
-
|
|
26
|
+
var MEDIA = {
|
|
25
27
|
tv: "(min-width: 2780px)",
|
|
26
28
|
screenL: "(max-width: 1920px)",
|
|
27
29
|
screenM: "(max-width: 1680px)",
|
|
@@ -16,13 +16,15 @@ 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/responsive.js
|
|
19
21
|
var responsive_exports = {};
|
|
20
22
|
__export(responsive_exports, {
|
|
21
23
|
BREAKPOINTS: () => BREAKPOINTS,
|
|
22
24
|
DEVICES: () => DEVICES
|
|
23
25
|
});
|
|
24
26
|
module.exports = __toCommonJS(responsive_exports);
|
|
25
|
-
|
|
27
|
+
var BREAKPOINTS = {
|
|
26
28
|
screenL: 1920,
|
|
27
29
|
screenM: 1680,
|
|
28
30
|
screenS: 1440,
|
|
@@ -34,7 +36,7 @@ const BREAKPOINTS = {
|
|
|
34
36
|
mobileS: 480,
|
|
35
37
|
mobileXS: 375
|
|
36
38
|
};
|
|
37
|
-
|
|
39
|
+
var DEVICES = {
|
|
38
40
|
screenL: [1920, 1024],
|
|
39
41
|
screenM: [1680, 1024],
|
|
40
42
|
screenS: [1440, 978],
|
|
@@ -16,12 +16,14 @@ 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/sequence.js
|
|
19
21
|
var sequence_exports = {};
|
|
20
22
|
__export(sequence_exports, {
|
|
21
23
|
SEQUENCE: () => SEQUENCE
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(sequence_exports);
|
|
24
|
-
|
|
26
|
+
var SEQUENCE = {
|
|
25
27
|
"minor-second": 1.067,
|
|
26
28
|
"major-second": 1.125,
|
|
27
29
|
"minor-third": 1.2,
|
|
@@ -16,17 +16,64 @@ 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/spacing.js
|
|
19
21
|
var spacing_exports = {};
|
|
20
22
|
__export(spacing_exports, {
|
|
21
23
|
SPACING: () => SPACING
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(spacing_exports);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 = {
|
|
57
|
+
browserDefault: 16,
|
|
58
|
+
base: 16,
|
|
59
|
+
type: "font-size",
|
|
60
|
+
ratio: SEQUENCE["minor-third"],
|
|
61
|
+
range: [-3, 12],
|
|
62
|
+
h1Matches: 6,
|
|
63
|
+
lineHeight: 1.5,
|
|
64
|
+
unit: "em",
|
|
65
|
+
templates: {},
|
|
66
|
+
sequence: {},
|
|
67
|
+
scales: {},
|
|
68
|
+
vars: {}
|
|
69
|
+
};
|
|
70
|
+
var TYPOGRAPHY = defaultProps;
|
|
71
|
+
|
|
72
|
+
// src/defaultConfig/spacing.js
|
|
73
|
+
var defaultProps2 = {
|
|
74
|
+
base: TYPOGRAPHY.base,
|
|
28
75
|
type: "spacing",
|
|
29
|
-
ratio:
|
|
76
|
+
ratio: SEQUENCE.phi,
|
|
30
77
|
range: [-5, 15],
|
|
31
78
|
subSequence: true,
|
|
32
79
|
unit: "em",
|
|
@@ -34,4 +81,4 @@ const defaultProps = {
|
|
|
34
81
|
scales: {},
|
|
35
82
|
vars: {}
|
|
36
83
|
};
|
|
37
|
-
|
|
84
|
+
var SPACING = defaultProps2;
|
|
@@ -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/svg.js
|
|
19
21
|
var svg_exports = {};
|
|
20
22
|
__export(svg_exports, {
|
|
21
23
|
SVG: () => SVG,
|
|
22
24
|
SVG_DATA: () => SVG_DATA
|
|
23
25
|
});
|
|
24
26
|
module.exports = __toCommonJS(svg_exports);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
var SVG = {};
|
|
28
|
+
var SVG_DATA = {};
|
|
@@ -16,21 +16,11 @@ 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/theme.js
|
|
19
21
|
var theme_exports = {};
|
|
20
22
|
__export(theme_exports, {
|
|
21
23
|
THEME: () => THEME
|
|
22
24
|
});
|
|
23
25
|
module.exports = __toCommonJS(theme_exports);
|
|
24
|
-
|
|
25
|
-
// eslint-disable-line no-unused-vars
|
|
26
|
-
text: "blue",
|
|
27
|
-
background: "white",
|
|
28
|
-
border: "black",
|
|
29
|
-
// .opacity(0.2),
|
|
30
|
-
active: {},
|
|
31
|
-
helpers: [],
|
|
32
|
-
themes: {},
|
|
33
|
-
inverse: {}
|
|
34
|
-
// schemeAInverse
|
|
35
|
-
};
|
|
36
|
-
const THEME = {};
|
|
26
|
+
var THEME = {};
|
|
@@ -16,21 +16,52 @@ 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
|
unit: "ms",
|
|
32
63
|
sequence: {},
|
|
33
64
|
scales: {},
|
|
34
65
|
vars: {}
|
|
35
66
|
};
|
|
36
|
-
|
|
67
|
+
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,
|
|
@@ -36,4 +67,4 @@ const defaultProps = {
|
|
|
36
67
|
scales: {},
|
|
37
68
|
vars: {}
|
|
38
69
|
};
|
|
39
|
-
|
|
70
|
+
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
|
};
|