@loadsmart/loadsmart-ui 7.5.0 → 7.6.0
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/index.js +162 -162
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4063 -5327
- package/dist/index.mjs.map +1 -1
- package/dist/miranda-compatibility.theme-ChPV-BBw.js +2 -0
- package/dist/miranda-compatibility.theme-ChPV-BBw.js.map +1 -0
- package/dist/{miranda-compatibility.theme-ClCWbTIT.mjs → miranda-compatibility.theme-DQDHkWzC.mjs} +256 -312
- package/dist/miranda-compatibility.theme-DQDHkWzC.mjs.map +1 -0
- package/dist/prop-5m3D4883.mjs +54 -0
- package/dist/{prop-C4yDbi0C.mjs.map → prop-5m3D4883.mjs.map} +1 -1
- package/dist/prop-BwhJNJHO.js +2 -0
- package/dist/{prop-pWSEOvKc.js.map → prop-BwhJNJHO.js.map} +1 -1
- package/dist/testing/index.js +1 -1
- package/dist/testing/index.js.map +1 -1
- package/dist/testing/index.mjs +44 -43
- package/dist/testing/index.mjs.map +1 -1
- package/dist/theming/index.js +1 -1
- package/dist/theming/index.js.map +1 -1
- package/dist/theming/index.mjs +13 -12
- package/dist/theming/index.mjs.map +1 -1
- package/dist/toArray-BW3gx_gH.js +2 -0
- package/dist/toArray-BW3gx_gH.js.map +1 -0
- package/dist/toArray-DqgeO2ua.mjs +8 -0
- package/dist/toArray-DqgeO2ua.mjs.map +1 -0
- package/dist/tools/index.js +1 -1
- package/dist/tools/index.mjs +1 -1
- package/package.json +6 -5
- package/dist/miranda-compatibility.theme-C3Dt-45K.js +0 -2
- package/dist/miranda-compatibility.theme-C3Dt-45K.js.map +0 -1
- package/dist/miranda-compatibility.theme-ClCWbTIT.mjs.map +0 -1
- package/dist/prop-C4yDbi0C.mjs +0 -53
- package/dist/prop-pWSEOvKc.js +0 -2
- package/dist/toArray-BJfx0Xhj.mjs +0 -38
- package/dist/toArray-BJfx0Xhj.mjs.map +0 -1
- package/dist/toArray-Dw6F-w3t.js +0 -2
- package/dist/toArray-Dw6F-w3t.js.map +0 -1
package/dist/{miranda-compatibility.theme-ClCWbTIT.mjs → miranda-compatibility.theme-DQDHkWzC.mjs}
RENAMED
|
@@ -1,123 +1,68 @@
|
|
|
1
1
|
import { toCSSValue as t } from "@loadsmart/miranda-tokens";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
function
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
for (var F = Array(s), Z = 0, m = 0; m < h; m++)
|
|
11
|
-
for (var U = arguments[m], C = 0, vr = U.length; C < vr; C++, Z++)
|
|
12
|
-
F[Z] = U[C];
|
|
13
|
-
return F;
|
|
2
|
+
import v from "lodash/get.js";
|
|
3
|
+
function F(k) {
|
|
4
|
+
return function(x, $) {
|
|
5
|
+
const y = v(k, `color-${x}`);
|
|
6
|
+
if ($ == null)
|
|
7
|
+
return y;
|
|
8
|
+
const gr = ($ * 255).toString(16);
|
|
9
|
+
return `${y}${gr}`;
|
|
14
10
|
};
|
|
15
|
-
Object.defineProperty(S, "__esModule", { value: !0 });
|
|
16
|
-
function b(s) {
|
|
17
|
-
return function() {
|
|
18
|
-
for (var h = [], F = 0; F < arguments.length; F++)
|
|
19
|
-
h[F] = arguments[F];
|
|
20
|
-
return h.length >= s.length ? s.apply(void 0, h) : b(
|
|
21
|
-
s.bind.apply(s, u([null], h))
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
return S.default = b, S;
|
|
26
11
|
}
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
V = 1, Object.defineProperty(I, "__esModule", { value: !0 });
|
|
31
|
-
function u(b) {
|
|
32
|
-
return b;
|
|
33
|
-
}
|
|
34
|
-
return I.default = u, I;
|
|
35
|
-
}
|
|
36
|
-
var A = {}, J;
|
|
37
|
-
function Fr() {
|
|
38
|
-
if (J) return A;
|
|
39
|
-
J = 1, Object.defineProperty(A, "__esModule", { value: !0 });
|
|
40
|
-
function u(b) {
|
|
41
|
-
var s = typeof b;
|
|
42
|
-
return b != null && s == "function";
|
|
43
|
-
}
|
|
44
|
-
return A.default = u, A;
|
|
45
|
-
}
|
|
46
|
-
var K;
|
|
47
|
-
function Er() {
|
|
48
|
-
if (K) return E;
|
|
49
|
-
K = 1, Object.defineProperty(E, "__esModule", { value: !0 }), E.isFunction = E.identity = E.enablePartialApplication = void 0;
|
|
50
|
-
var u = zr();
|
|
51
|
-
E.enablePartialApplication = u.default;
|
|
52
|
-
var b = $r();
|
|
53
|
-
E.identity = b.default;
|
|
54
|
-
var s = Fr();
|
|
55
|
-
return E.isFunction = s.default, E;
|
|
56
|
-
}
|
|
57
|
-
var Nr = Er();
|
|
58
|
-
function O(u) {
|
|
59
|
-
return function(s, m) {
|
|
60
|
-
const h = $(u, `color-${s}`);
|
|
61
|
-
if (m == null)
|
|
62
|
-
return h;
|
|
63
|
-
const F = (m * 255).toString(16);
|
|
64
|
-
return `${h}${F}`;
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
function T(u) {
|
|
68
|
-
return function(s) {
|
|
69
|
-
return $(u, `space-${s}`);
|
|
12
|
+
function E(k) {
|
|
13
|
+
return function(x) {
|
|
14
|
+
return v(k, `space-${x}`);
|
|
70
15
|
};
|
|
71
16
|
}
|
|
72
|
-
function
|
|
73
|
-
return function(
|
|
74
|
-
return
|
|
17
|
+
function C(k) {
|
|
18
|
+
return function(x) {
|
|
19
|
+
return v(k, `shadow-${x}`);
|
|
75
20
|
};
|
|
76
21
|
}
|
|
77
|
-
function
|
|
78
|
-
families:
|
|
79
|
-
sizes:
|
|
80
|
-
weights:
|
|
81
|
-
heights:
|
|
22
|
+
function I({
|
|
23
|
+
families: k,
|
|
24
|
+
sizes: z,
|
|
25
|
+
weights: x,
|
|
26
|
+
heights: $
|
|
82
27
|
}) {
|
|
83
28
|
return {
|
|
84
|
-
family(
|
|
85
|
-
return
|
|
29
|
+
family(y) {
|
|
30
|
+
return v(k, `font-family-${y}`);
|
|
86
31
|
},
|
|
87
|
-
size(
|
|
88
|
-
return
|
|
32
|
+
size(y) {
|
|
33
|
+
return v(z, `font-size-${y}`);
|
|
89
34
|
},
|
|
90
|
-
weight(
|
|
91
|
-
return
|
|
35
|
+
weight(y) {
|
|
36
|
+
return v(x, `font-weight-${y}`);
|
|
92
37
|
},
|
|
93
|
-
height(
|
|
94
|
-
return
|
|
38
|
+
height(y) {
|
|
39
|
+
return v($, `font-height-${y}`);
|
|
95
40
|
}
|
|
96
41
|
};
|
|
97
42
|
}
|
|
98
|
-
function
|
|
99
|
-
radiuses:
|
|
100
|
-
widths:
|
|
43
|
+
function T({
|
|
44
|
+
radiuses: k,
|
|
45
|
+
widths: z
|
|
101
46
|
}) {
|
|
102
47
|
return {
|
|
103
|
-
radius(
|
|
104
|
-
return
|
|
48
|
+
radius(x) {
|
|
49
|
+
return v(k, `border-radius-${x}`);
|
|
105
50
|
},
|
|
106
|
-
width(
|
|
107
|
-
return
|
|
51
|
+
width(x) {
|
|
52
|
+
return v(z, `border-width-${x}`);
|
|
108
53
|
}
|
|
109
54
|
};
|
|
110
55
|
}
|
|
111
|
-
function
|
|
112
|
-
return function(
|
|
113
|
-
return
|
|
56
|
+
function A(k) {
|
|
57
|
+
return function(x) {
|
|
58
|
+
return v(k, `height-${x}`);
|
|
114
59
|
};
|
|
115
60
|
}
|
|
116
|
-
const
|
|
117
|
-
function e(
|
|
118
|
-
return `${parseInt(String(
|
|
61
|
+
const sr = 16;
|
|
62
|
+
function e(k, z = sr) {
|
|
63
|
+
return `${parseInt(String(k), 10) / z}rem`;
|
|
119
64
|
}
|
|
120
|
-
const
|
|
65
|
+
const O = {
|
|
121
66
|
"color-primary": "#56748E",
|
|
122
67
|
"color-accent": "#0B6FB6",
|
|
123
68
|
"color-neutral-darkest": "#0A0A0B",
|
|
@@ -138,13 +83,13 @@ const G = {
|
|
|
138
83
|
"color-danger-dark": "#8F002B",
|
|
139
84
|
"color-danger": "#E80045",
|
|
140
85
|
"color-danger-light": "#FFD6E2"
|
|
141
|
-
},
|
|
86
|
+
}, L = {
|
|
142
87
|
"opacity-0": 0,
|
|
143
88
|
"opacity-20": 0.2,
|
|
144
89
|
"opacity-40": 0.4,
|
|
145
90
|
"opacity-60": 0.6,
|
|
146
91
|
"opacity-100": 1
|
|
147
|
-
},
|
|
92
|
+
}, _ = {
|
|
148
93
|
"space-none": 0,
|
|
149
94
|
"space-2xs": e("2px"),
|
|
150
95
|
"space-xs": e("4px"),
|
|
@@ -154,95 +99,95 @@ const G = {
|
|
|
154
99
|
"space-xl": e("32px"),
|
|
155
100
|
"space-2xl": e("40px"),
|
|
156
101
|
"space-3xl": e("48px")
|
|
157
|
-
},
|
|
102
|
+
}, D = {
|
|
158
103
|
"font-family-default": "Manrope, sans-serif",
|
|
159
104
|
"font-family-monospace": "Roboto Mono, monospace"
|
|
160
|
-
},
|
|
105
|
+
}, H = {
|
|
161
106
|
"font-size-6": e("10px"),
|
|
162
107
|
"font-size-5": e("12px"),
|
|
163
108
|
"font-size-4": e("14px"),
|
|
164
109
|
"font-size-3": e("16px"),
|
|
165
110
|
"font-size-2": e("20px"),
|
|
166
111
|
"font-size-1": e("26px")
|
|
167
|
-
},
|
|
112
|
+
}, N = {
|
|
168
113
|
"font-weight-regular": 400,
|
|
169
114
|
"font-weight-medium": 500,
|
|
170
115
|
"font-weight-bold": 800
|
|
171
|
-
},
|
|
116
|
+
}, G = {
|
|
172
117
|
"font-height-1": "100%",
|
|
173
118
|
"font-height-2": "125%",
|
|
174
119
|
"font-height-3": "140%"
|
|
175
|
-
},
|
|
120
|
+
}, M = {
|
|
176
121
|
"shadow-none": "none",
|
|
177
122
|
"shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
|
|
178
123
|
"shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
|
|
179
124
|
"shadow-glow-primary": "0px 0px 4px 0px rgba(11, 111, 182, 1.0)",
|
|
180
125
|
"shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
|
|
181
|
-
},
|
|
126
|
+
}, R = {
|
|
182
127
|
"border-radius-none": 0,
|
|
183
128
|
"border-radius-s": e("4px"),
|
|
184
129
|
"border-radius-m": e("8px"),
|
|
185
130
|
"border-radius-l": e("16px"),
|
|
186
131
|
"border-radius-circle": "50%"
|
|
187
|
-
},
|
|
132
|
+
}, B = {
|
|
188
133
|
"border-width-none": 0,
|
|
189
134
|
"border-width-thin": "1px",
|
|
190
135
|
"border-width-medium": "2px",
|
|
191
136
|
"border-width-bold": "4px"
|
|
192
|
-
},
|
|
137
|
+
}, W = {
|
|
193
138
|
"z-index-none": 0,
|
|
194
139
|
"z-index-default": 1,
|
|
195
140
|
"z-index-droplist": 10,
|
|
196
141
|
"z-index-tooltip": 15,
|
|
197
142
|
"z-index-overlay": 20,
|
|
198
143
|
"z-index-modal": 30
|
|
199
|
-
},
|
|
144
|
+
}, ur = {
|
|
200
145
|
left: "left",
|
|
201
146
|
center: "center",
|
|
202
147
|
right: "right"
|
|
203
|
-
},
|
|
148
|
+
}, P = {
|
|
204
149
|
"height-small": e("24px"),
|
|
205
150
|
"height-default": e("36px"),
|
|
206
151
|
"height-large": e("48px")
|
|
207
|
-
}, r = O
|
|
208
|
-
families:
|
|
209
|
-
heights:
|
|
210
|
-
sizes:
|
|
211
|
-
weights:
|
|
212
|
-
}),
|
|
213
|
-
radiuses:
|
|
214
|
-
widths:
|
|
215
|
-
}),
|
|
216
|
-
...
|
|
217
|
-
...
|
|
152
|
+
}, r = F(O), s = C(M), i = E(_), n = I({
|
|
153
|
+
families: D,
|
|
154
|
+
heights: G,
|
|
155
|
+
sizes: H,
|
|
156
|
+
weights: N
|
|
157
|
+
}), b = T({
|
|
158
|
+
radiuses: R,
|
|
159
|
+
widths: B
|
|
160
|
+
}), f = A(P), br = {
|
|
161
|
+
...R,
|
|
162
|
+
...B,
|
|
163
|
+
...O,
|
|
164
|
+
...D,
|
|
218
165
|
...G,
|
|
219
|
-
...
|
|
166
|
+
...H,
|
|
167
|
+
...N,
|
|
220
168
|
...L,
|
|
221
169
|
...M,
|
|
222
|
-
...
|
|
223
|
-
...
|
|
224
|
-
...
|
|
225
|
-
...
|
|
226
|
-
...rr,
|
|
227
|
-
...Ir,
|
|
228
|
-
...or,
|
|
170
|
+
..._,
|
|
171
|
+
...W,
|
|
172
|
+
...ur,
|
|
173
|
+
...P,
|
|
229
174
|
// button
|
|
230
|
-
"button-border-radius":
|
|
231
|
-
"button-border-width":
|
|
175
|
+
"button-border-radius": b.radius("s"),
|
|
176
|
+
"button-border-width": b.width("thin"),
|
|
232
177
|
"button-font-weight": n.weight("bold"),
|
|
233
178
|
"button-font-height": n.height("1"),
|
|
234
179
|
"button-small-font-size": n.size("5"),
|
|
235
|
-
"button-small-height":
|
|
180
|
+
"button-small-height": f("small"),
|
|
236
181
|
"button-small-padding-x": i("s"),
|
|
237
182
|
"button-small-padding-y": e("6px"),
|
|
238
183
|
"button-font-size": n.size("3"),
|
|
239
|
-
"button-height":
|
|
184
|
+
"button-height": f("default"),
|
|
240
185
|
"button-width": "auto",
|
|
241
186
|
"button-padding-y": e("10px"),
|
|
242
187
|
"button-padding-x": i("m"),
|
|
243
188
|
"button-spacing-x": i("s"),
|
|
244
189
|
"button-large-font-size": n.size("3"),
|
|
245
|
-
"button-large-height":
|
|
190
|
+
"button-large-height": f("large"),
|
|
246
191
|
"button-large-padding-x": i("m"),
|
|
247
192
|
"button-large-padding-y": e("14px"),
|
|
248
193
|
"button-outline-offset": "0",
|
|
@@ -263,7 +208,7 @@ const G = {
|
|
|
263
208
|
"button-primary-color--active": r("neutral-white"),
|
|
264
209
|
"button-primary-color--disabled": r("neutral-white"),
|
|
265
210
|
"button-primary-outline": "none",
|
|
266
|
-
"button-primary-box-shadow":
|
|
211
|
+
"button-primary-box-shadow": s("glow-primary"),
|
|
267
212
|
// button secondary
|
|
268
213
|
"button-secondary-background": r("transparent"),
|
|
269
214
|
"button-secondary-background--hover": r("neutral", 0.2),
|
|
@@ -281,7 +226,7 @@ const G = {
|
|
|
281
226
|
"button-secondary-color--active": r("accent", 0.6),
|
|
282
227
|
"button-secondary-color--disabled": r("primary"),
|
|
283
228
|
"button-secondary-outline": "none",
|
|
284
|
-
"button-secondary-box-shadow":
|
|
229
|
+
"button-secondary-box-shadow": s("glow-primary"),
|
|
285
230
|
// button secondary dark
|
|
286
231
|
"button-secondary-dark-background": r("transparent"),
|
|
287
232
|
"button-secondary-dark-background--hover": r("neutral", 0.2),
|
|
@@ -333,12 +278,12 @@ const G = {
|
|
|
333
278
|
"button-warning-color--active": r("warning"),
|
|
334
279
|
"button-warning-color--disabled": r("warning-dark"),
|
|
335
280
|
"button-warning-outline": "none",
|
|
336
|
-
"button-warning-box-shadow":
|
|
281
|
+
"button-warning-box-shadow": s("glow-warning"),
|
|
337
282
|
// button icon
|
|
338
|
-
"button-icon-border-radius":
|
|
339
|
-
"button-icon-small-width":
|
|
340
|
-
"button-icon-width":
|
|
341
|
-
"button-icon-large-width":
|
|
283
|
+
"button-icon-border-radius": b.radius("circle"),
|
|
284
|
+
"button-icon-small-width": f("small"),
|
|
285
|
+
"button-icon-width": f("default"),
|
|
286
|
+
"button-icon-large-width": f("large"),
|
|
342
287
|
"button-icon-background": r("neutral-lighter"),
|
|
343
288
|
"button-icon-background--hover": r("neutral-lighter"),
|
|
344
289
|
"button-icon-background--focus": r("neutral-lighter"),
|
|
@@ -354,16 +299,16 @@ const G = {
|
|
|
354
299
|
"button-icon-color--focus": r("neutral-darkest"),
|
|
355
300
|
"button-icon-color--active": r("neutral-darkest"),
|
|
356
301
|
"button-icon-color--disabled": r("neutral-darkest"),
|
|
357
|
-
"button-icon-box-shadow":
|
|
302
|
+
"button-icon-box-shadow": s("glow-primary"),
|
|
358
303
|
"button-icon-outline": "none",
|
|
359
304
|
// tag
|
|
360
305
|
"tag-border-radius": e("30px"),
|
|
361
|
-
"tag-border-width":
|
|
306
|
+
"tag-border-width": b.width("thin"),
|
|
362
307
|
"tag-font-height": n.height("1"),
|
|
363
308
|
"tag-spacing": `0 ${i("s")}`,
|
|
364
309
|
"tag-removable-spacing": `0 ${i("xs")} 0 ${i("s")}`,
|
|
365
310
|
"tag-width": "auto",
|
|
366
|
-
"tag-box-shadow":
|
|
311
|
+
"tag-box-shadow": s("glow-primary"),
|
|
367
312
|
"tag-outline-offset": "0",
|
|
368
313
|
"tag-remove-button-background": r("neutral-white"),
|
|
369
314
|
"tag-remove-button-border-radius": e("24px"),
|
|
@@ -465,9 +410,9 @@ const G = {
|
|
|
465
410
|
"checkbox-color": r("neutral-darker"),
|
|
466
411
|
"checkbox-font-weight": n.weight("medium"),
|
|
467
412
|
"checkbox-font-size": n.size("4"),
|
|
468
|
-
"checkbox-selector-border-radius":
|
|
413
|
+
"checkbox-selector-border-radius": b.radius("s"),
|
|
469
414
|
"checkbox-selector-size": e("16px"),
|
|
470
|
-
"checkbox-selector-box-shadow":
|
|
415
|
+
"checkbox-selector-box-shadow": s("glow-primary"),
|
|
471
416
|
"checkbox-selector-outline": "none",
|
|
472
417
|
"checkbox-selector-outline-offset": "0",
|
|
473
418
|
"checkbox-small-font-size": n.size("5"),
|
|
@@ -502,9 +447,9 @@ const G = {
|
|
|
502
447
|
"radio-color": r("accent"),
|
|
503
448
|
"radio-font-weight": n.weight("medium"),
|
|
504
449
|
"radio-font-size": n.size("4"),
|
|
505
|
-
"radio-selector-border-radius":
|
|
450
|
+
"radio-selector-border-radius": b.radius("circle"),
|
|
506
451
|
"radio-selector-size": e("24px"),
|
|
507
|
-
"radio-selector-box-shadow":
|
|
452
|
+
"radio-selector-box-shadow": s("glow-primary"),
|
|
508
453
|
"radio-small-font-size": n.size("5"),
|
|
509
454
|
"radio-small-selector-size": e("16px"),
|
|
510
455
|
"radio-selector-background": r("neutral-white"),
|
|
@@ -541,7 +486,7 @@ const G = {
|
|
|
541
486
|
"tooltip-padding-x": i("m"),
|
|
542
487
|
"tooltip-padding-y": i("s"),
|
|
543
488
|
"tooltip-margin": i("s"),
|
|
544
|
-
"tooltip-shadow":
|
|
489
|
+
"tooltip-shadow": s("droplist"),
|
|
545
490
|
// modal
|
|
546
491
|
"modal-small-max-width": e("344px"),
|
|
547
492
|
"modal-max-width": e("484px"),
|
|
@@ -552,22 +497,22 @@ const G = {
|
|
|
552
497
|
"dialog-header-border-color": r("neutral-light"),
|
|
553
498
|
"dialog-body-font-color": r("color-neutral-darker"),
|
|
554
499
|
// text-field
|
|
555
|
-
"text-field-border-radius":
|
|
500
|
+
"text-field-border-radius": b.radius("s"),
|
|
556
501
|
"text-field-color": r("neutral-darker"),
|
|
557
502
|
"text-field-font-size": n.size("4"),
|
|
558
503
|
"text-field-font-weight": n.weight("medium"),
|
|
559
504
|
"text-field-font-height": n.height("3"),
|
|
560
|
-
"text-field-height":
|
|
505
|
+
"text-field-height": f("default"),
|
|
561
506
|
"text-field-padding-x": i("s"),
|
|
562
507
|
"text-field-padding-y": i("s"),
|
|
563
|
-
"text-field-box-shadow":
|
|
508
|
+
"text-field-box-shadow": s("glow-primary"),
|
|
564
509
|
"text-field-outline": "none",
|
|
565
510
|
"text-field-outline-offset": "0",
|
|
566
|
-
"text-field-small-height":
|
|
511
|
+
"text-field-small-height": f("small"),
|
|
567
512
|
"text-field-small-padding-x": i("s"),
|
|
568
513
|
"text-field-small-padding-y": i("xs"),
|
|
569
514
|
"text-field-small-font-size": n.size("5"),
|
|
570
|
-
"text-field-large-height":
|
|
515
|
+
"text-field-large-height": f("large"),
|
|
571
516
|
"text-field-large-padding-x": i("s"),
|
|
572
517
|
"text-field-large-padding-y": e("12px"),
|
|
573
518
|
"text-field-large-font-size": n.size("4"),
|
|
@@ -590,7 +535,7 @@ const G = {
|
|
|
590
535
|
"text-field-danger-border-color": r("danger"),
|
|
591
536
|
"text-field-dark-box-shadow": r("neutral", 0.4),
|
|
592
537
|
// textarea
|
|
593
|
-
"textarea-border-radius":
|
|
538
|
+
"textarea-border-radius": b.radius("s"),
|
|
594
539
|
"textarea-color": r("neutral-darker"),
|
|
595
540
|
"textarea-font-size": n.size("4"),
|
|
596
541
|
"textarea-font-weight": n.weight("medium"),
|
|
@@ -598,7 +543,7 @@ const G = {
|
|
|
598
543
|
"textarea-min-height": e("64px"),
|
|
599
544
|
"textarea-padding-x": i("s"),
|
|
600
545
|
"textarea-padding-y": i("s"),
|
|
601
|
-
"textarea-box-shadow":
|
|
546
|
+
"textarea-box-shadow": s("glow-primary"),
|
|
602
547
|
"textarea-outline": "none",
|
|
603
548
|
"textarea-outline-offset": "0",
|
|
604
549
|
"textarea-small-padding-x": i("s"),
|
|
@@ -632,7 +577,7 @@ const G = {
|
|
|
632
577
|
"link-color": r("accent"),
|
|
633
578
|
"link-font-weight": n.weight("medium"),
|
|
634
579
|
"link-font-weight--hover": n.weight("bold"),
|
|
635
|
-
"link-box-shadow":
|
|
580
|
+
"link-box-shadow": s("glow-primary"),
|
|
636
581
|
"link-outline": "none",
|
|
637
582
|
"link-outline-offset": "0",
|
|
638
583
|
// breadcrumbs
|
|
@@ -648,8 +593,8 @@ const G = {
|
|
|
648
593
|
"banner-min-width": e("320px"),
|
|
649
594
|
"banner-description-color": r("neutral-darker"),
|
|
650
595
|
"banner-title-font-weight": n.weight("bold"),
|
|
651
|
-
"banner-border-radius":
|
|
652
|
-
"banner-border-width":
|
|
596
|
+
"banner-border-radius": b.radius("m"),
|
|
597
|
+
"banner-border-width": b.width("thin"),
|
|
653
598
|
"banner-close-button-color": r("neutral-darker"),
|
|
654
599
|
"banner-icon-width": e("24px"),
|
|
655
600
|
"banner-icon-height": e("24px"),
|
|
@@ -702,14 +647,14 @@ const G = {
|
|
|
702
647
|
// toast
|
|
703
648
|
"toast-padding-x": i("m"),
|
|
704
649
|
"toast-padding-y": i("m"),
|
|
705
|
-
"toast-border-radius":
|
|
650
|
+
"toast-border-radius": b.radius("s"),
|
|
706
651
|
"toast-font-color": r("neutral-white"),
|
|
707
652
|
"toast-font-size": n.size("4"),
|
|
708
653
|
"toast-font-weight": n.weight("bold"),
|
|
709
654
|
"toast-font-height": n.height("3"),
|
|
710
655
|
"toast-close-x": i("xs"),
|
|
711
656
|
"toast-close-y": i("xs"),
|
|
712
|
-
"toast-shadow":
|
|
657
|
+
"toast-shadow": s("modal"),
|
|
713
658
|
"toast-width": e("320px"),
|
|
714
659
|
// neutral
|
|
715
660
|
"toast-neutral-background": r("neutral-dark"),
|
|
@@ -741,7 +686,7 @@ const G = {
|
|
|
741
686
|
"switch-width": e("52px"),
|
|
742
687
|
"switch-height": e("22px"),
|
|
743
688
|
"switch-border-radius": e("22px"),
|
|
744
|
-
"switch-box-shadow":
|
|
689
|
+
"switch-box-shadow": s("glow-primary"),
|
|
745
690
|
"switch-outline": "none",
|
|
746
691
|
"switch-outline-offset": "0",
|
|
747
692
|
// Switch Large
|
|
@@ -780,7 +725,7 @@ const G = {
|
|
|
780
725
|
"switch-slider-active-y": e("3px"),
|
|
781
726
|
"switch-slider-size": e("16px"),
|
|
782
727
|
"switch-slider-background-color": r("neutral-white"),
|
|
783
|
-
"switch-slider-border-radius":
|
|
728
|
+
"switch-slider-border-radius": b.radius("circle"),
|
|
784
729
|
// Switch Slider Large
|
|
785
730
|
"switch-slider-large-x": e("2px"),
|
|
786
731
|
"switch-slider-large-active-x": e("40px"),
|
|
@@ -806,7 +751,7 @@ const G = {
|
|
|
806
751
|
// card
|
|
807
752
|
"card-background": r("neutral-white"),
|
|
808
753
|
"card-border-color": r("neutral-light"),
|
|
809
|
-
"card-border-radius":
|
|
754
|
+
"card-border-radius": b.radius("s"),
|
|
810
755
|
"card-color": r("neutral-darker"),
|
|
811
756
|
"card-flag-background-danger": r("danger"),
|
|
812
757
|
"card-flag-background-neutral": r("neutral-light"),
|
|
@@ -825,13 +770,13 @@ const G = {
|
|
|
825
770
|
// dropdown
|
|
826
771
|
"dropdown-background": r("neutral-white"),
|
|
827
772
|
"dropdown-border-color": r("neutral-light"),
|
|
828
|
-
"dropdown-border-radius":
|
|
829
|
-
"dropdown-shadow":
|
|
773
|
+
"dropdown-border-radius": b.radius("s"),
|
|
774
|
+
"dropdown-shadow": s("droplist"),
|
|
830
775
|
// popover
|
|
831
776
|
"popover-background": r("neutral-white"),
|
|
832
777
|
"popover-border-color": r("neutral-light"),
|
|
833
|
-
"popover-border-radius":
|
|
834
|
-
"popover-shadow":
|
|
778
|
+
"popover-border-radius": b.radius("s"),
|
|
779
|
+
"popover-shadow": s("droplist"),
|
|
835
780
|
// Side Navigation
|
|
836
781
|
"side-navigation-collapsing-breakpoint": e("1280px"),
|
|
837
782
|
"side-navigation-width": e("200px"),
|
|
@@ -869,7 +814,7 @@ const G = {
|
|
|
869
814
|
"select-selected-option-background-color": r("accent", 0.2),
|
|
870
815
|
// Toggle & Toggle Group
|
|
871
816
|
"toggle-text-transform": "uppercase",
|
|
872
|
-
"toggle-box-shadow":
|
|
817
|
+
"toggle-box-shadow": s("glow-primary"),
|
|
873
818
|
"toggle-outline": "none",
|
|
874
819
|
"toggle-outline-offset": "0",
|
|
875
820
|
"toggle-background-color": r("transparent"),
|
|
@@ -923,20 +868,20 @@ const G = {
|
|
|
923
868
|
"toggle-group-single-border-width": "1px",
|
|
924
869
|
"toggle-group-single-border-style": "solid",
|
|
925
870
|
"toggle-group-single-border-color": r("neutral-darker"),
|
|
926
|
-
"toggle-group-single-border-radius":
|
|
871
|
+
"toggle-group-single-border-radius": b.radius("s"),
|
|
927
872
|
"toggle-group-single-padding": "3px",
|
|
928
873
|
// dropdown
|
|
929
874
|
"dropdown-trigger-border-color": r("primary"),
|
|
930
875
|
"dropdown-trigger-dark-border-color": r("neutral-light"),
|
|
931
876
|
"dropdown-trigger-outlined-border-color": r("transparent"),
|
|
932
877
|
"dropdown-trigger-expanded-color": r("accent"),
|
|
933
|
-
"dropdown-trigger-height":
|
|
934
|
-
"dropdown-trigger-small-height":
|
|
935
|
-
"dropdown-trigger-large-height":
|
|
936
|
-
"dropdown-trigger-box-shadow":
|
|
878
|
+
"dropdown-trigger-height": f("default"),
|
|
879
|
+
"dropdown-trigger-small-height": f("small"),
|
|
880
|
+
"dropdown-trigger-large-height": f("large"),
|
|
881
|
+
"dropdown-trigger-box-shadow": s("glow-primary"),
|
|
937
882
|
"dropdown-trigger-outline": "none",
|
|
938
883
|
"dropdown-trigger-outline-offset": "0"
|
|
939
|
-
},
|
|
884
|
+
}, X = {
|
|
940
885
|
"color-primary": "#33CC60",
|
|
941
886
|
"color-accent": "#0CA933",
|
|
942
887
|
"color-neutral-darkest": "#0A0A0B",
|
|
@@ -957,13 +902,13 @@ const G = {
|
|
|
957
902
|
"color-danger-dark": "#8F002B",
|
|
958
903
|
"color-danger": "#E80045",
|
|
959
904
|
"color-danger-light": "#FFD6E2"
|
|
960
|
-
},
|
|
905
|
+
}, hr = {
|
|
961
906
|
"opacity-0": 0,
|
|
962
907
|
"opacity-20": 0.2,
|
|
963
908
|
"opacity-40": 0.4,
|
|
964
909
|
"opacity-60": 0.6,
|
|
965
910
|
"opacity-100": 1
|
|
966
|
-
},
|
|
911
|
+
}, Z = {
|
|
967
912
|
"space-none": 0,
|
|
968
913
|
"space-2xs": e("2px"),
|
|
969
914
|
"space-xs": e("4px"),
|
|
@@ -973,95 +918,95 @@ const G = {
|
|
|
973
918
|
"space-xl": e("32px"),
|
|
974
919
|
"space-2xl": e("40px"),
|
|
975
920
|
"space-3xl": e("48px")
|
|
976
|
-
},
|
|
921
|
+
}, q = {
|
|
977
922
|
"font-family-default": "'Sharp Sans', Manrope, sans-serif",
|
|
978
923
|
"font-family-monospace": "Roboto Mono, monospace"
|
|
979
|
-
},
|
|
924
|
+
}, U = {
|
|
980
925
|
"font-size-6": e("10px"),
|
|
981
926
|
"font-size-5": e("12px"),
|
|
982
927
|
"font-size-4": e("14px"),
|
|
983
928
|
"font-size-3": e("16px"),
|
|
984
929
|
"font-size-2": e("20px"),
|
|
985
930
|
"font-size-1": e("26px")
|
|
986
|
-
},
|
|
931
|
+
}, V = {
|
|
987
932
|
"font-weight-regular": 400,
|
|
988
933
|
"font-weight-medium": 500,
|
|
989
934
|
"font-weight-bold": 700
|
|
990
|
-
},
|
|
935
|
+
}, j = {
|
|
991
936
|
"font-height-1": "100%",
|
|
992
937
|
"font-height-2": "125%",
|
|
993
938
|
"font-height-3": "140%"
|
|
994
|
-
},
|
|
939
|
+
}, J = {
|
|
995
940
|
"shadow-none": "none",
|
|
996
941
|
"shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
|
|
997
942
|
"shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
|
|
998
943
|
"shadow-glow-primary": "0px 0px 4px 0px rgba(51, 204, 96, 1)",
|
|
999
944
|
"shadow-glow-warning": "0px 0px 4px 0px rgba(255, 206, 79, 1.0)"
|
|
1000
|
-
},
|
|
945
|
+
}, K = {
|
|
1001
946
|
"border-radius-none": 0,
|
|
1002
947
|
"border-radius-s": e("4px"),
|
|
1003
948
|
"border-radius-m": e("8px"),
|
|
1004
949
|
"border-radius-l": e("16px"),
|
|
1005
950
|
"border-radius-circle": "50%"
|
|
1006
|
-
},
|
|
951
|
+
}, Q = {
|
|
1007
952
|
"border-width-none": 0,
|
|
1008
953
|
"border-width-thin": "1px",
|
|
1009
954
|
"border-width-medium": "2px",
|
|
1010
955
|
"border-width-bold": "4px"
|
|
1011
|
-
},
|
|
956
|
+
}, pr = {
|
|
1012
957
|
"z-index-none": 0,
|
|
1013
958
|
"z-index-default": 1,
|
|
1014
959
|
"z-index-droplist": 10,
|
|
1015
960
|
"z-index-tooltip": 15,
|
|
1016
961
|
"z-index-overlay": 20,
|
|
1017
962
|
"z-index-modal": 30
|
|
1018
|
-
},
|
|
963
|
+
}, kr = {
|
|
1019
964
|
left: "left",
|
|
1020
965
|
center: "center",
|
|
1021
966
|
right: "right"
|
|
1022
|
-
},
|
|
967
|
+
}, Y = {
|
|
1023
968
|
"height-small": e("24px"),
|
|
1024
969
|
"height-default": e("36px"),
|
|
1025
970
|
"height-large": e("48px")
|
|
1026
|
-
}, o =
|
|
1027
|
-
families:
|
|
1028
|
-
heights:
|
|
1029
|
-
sizes:
|
|
1030
|
-
weights:
|
|
1031
|
-
}),
|
|
1032
|
-
radiuses:
|
|
1033
|
-
widths:
|
|
1034
|
-
}),
|
|
1035
|
-
...
|
|
1036
|
-
...
|
|
1037
|
-
...
|
|
1038
|
-
...
|
|
1039
|
-
...
|
|
1040
|
-
...
|
|
1041
|
-
...
|
|
1042
|
-
...
|
|
1043
|
-
...
|
|
1044
|
-
...
|
|
1045
|
-
...
|
|
1046
|
-
...
|
|
1047
|
-
...
|
|
971
|
+
}, o = F(X), u = C(J), d = E(Z), l = I({
|
|
972
|
+
families: q,
|
|
973
|
+
heights: j,
|
|
974
|
+
sizes: U,
|
|
975
|
+
weights: V
|
|
976
|
+
}), h = T({
|
|
977
|
+
radiuses: K,
|
|
978
|
+
widths: Q
|
|
979
|
+
}), m = A(Y), yr = {
|
|
980
|
+
...K,
|
|
981
|
+
...Q,
|
|
982
|
+
...X,
|
|
983
|
+
...q,
|
|
984
|
+
...U,
|
|
985
|
+
...V,
|
|
986
|
+
...j,
|
|
987
|
+
...hr,
|
|
988
|
+
...J,
|
|
989
|
+
...Z,
|
|
990
|
+
...pr,
|
|
991
|
+
...kr,
|
|
992
|
+
...Y,
|
|
1048
993
|
// button
|
|
1049
|
-
"button-border-radius":
|
|
1050
|
-
"button-border-width":
|
|
994
|
+
"button-border-radius": h.radius("s"),
|
|
995
|
+
"button-border-width": h.width("thin"),
|
|
1051
996
|
"button-font-weight": l.weight("bold"),
|
|
1052
997
|
"button-font-height": l.height("1"),
|
|
1053
998
|
"button-small-font-size": l.size("5"),
|
|
1054
|
-
"button-small-height":
|
|
999
|
+
"button-small-height": m("small"),
|
|
1055
1000
|
"button-small-padding-x": d("s"),
|
|
1056
1001
|
"button-small-padding-y": e("6px"),
|
|
1057
1002
|
"button-font-size": l.size("3"),
|
|
1058
|
-
"button-height":
|
|
1003
|
+
"button-height": m("default"),
|
|
1059
1004
|
"button-width": "auto",
|
|
1060
1005
|
"button-padding-y": e("10px"),
|
|
1061
1006
|
"button-padding-x": d("m"),
|
|
1062
1007
|
"button-spacing-x": d("s"),
|
|
1063
1008
|
"button-large-font-size": l.size("3"),
|
|
1064
|
-
"button-large-height":
|
|
1009
|
+
"button-large-height": m("large"),
|
|
1065
1010
|
"button-large-padding-x": d("m"),
|
|
1066
1011
|
"button-large-padding-y": e("14px"),
|
|
1067
1012
|
"button-outline-offset": "0",
|
|
@@ -1082,7 +1027,7 @@ const G = {
|
|
|
1082
1027
|
"button-primary-color--active": o("neutral-white"),
|
|
1083
1028
|
"button-primary-color--disabled": o("neutral-white"),
|
|
1084
1029
|
"button-primary-outline": "none",
|
|
1085
|
-
"button-primary-box-shadow":
|
|
1030
|
+
"button-primary-box-shadow": u("glow-primary"),
|
|
1086
1031
|
// button secondary
|
|
1087
1032
|
"button-secondary-background": o("transparent"),
|
|
1088
1033
|
"button-secondary-background--hover": o("neutral", 0.2),
|
|
@@ -1100,7 +1045,7 @@ const G = {
|
|
|
1100
1045
|
"button-secondary-color--active": o("accent", 0.6),
|
|
1101
1046
|
"button-secondary-color--disabled": o("neutral-darker"),
|
|
1102
1047
|
"button-secondary-outline": "none",
|
|
1103
|
-
"button-secondary-box-shadow":
|
|
1048
|
+
"button-secondary-box-shadow": u("glow-primary"),
|
|
1104
1049
|
// button secondary dark
|
|
1105
1050
|
"button-secondary-dark-background": o("transparent"),
|
|
1106
1051
|
"button-secondary-dark-background--hover": o("neutral", 0.2),
|
|
@@ -1152,12 +1097,12 @@ const G = {
|
|
|
1152
1097
|
"button-warning-color--active": o("warning"),
|
|
1153
1098
|
"button-warning-color--disabled": o("warning-dark"),
|
|
1154
1099
|
"button-warning-outline": "none",
|
|
1155
|
-
"button-warning-box-shadow":
|
|
1100
|
+
"button-warning-box-shadow": u("glow-warning"),
|
|
1156
1101
|
// button icon
|
|
1157
|
-
"button-icon-border-radius":
|
|
1158
|
-
"button-icon-small-width":
|
|
1159
|
-
"button-icon-width":
|
|
1160
|
-
"button-icon-large-width":
|
|
1102
|
+
"button-icon-border-radius": h.radius("circle"),
|
|
1103
|
+
"button-icon-small-width": m("small"),
|
|
1104
|
+
"button-icon-width": m("default"),
|
|
1105
|
+
"button-icon-large-width": m("large"),
|
|
1161
1106
|
"button-icon-background": o("neutral-lighter"),
|
|
1162
1107
|
"button-icon-background--hover": o("neutral-lighter"),
|
|
1163
1108
|
"button-icon-background--focus": o("neutral-lighter"),
|
|
@@ -1173,16 +1118,16 @@ const G = {
|
|
|
1173
1118
|
"button-icon-color--focus": o("neutral-darkest"),
|
|
1174
1119
|
"button-icon-color--active": o("neutral-darkest"),
|
|
1175
1120
|
"button-icon-color--disabled": o("neutral-darkest"),
|
|
1176
|
-
"button-icon-box-shadow":
|
|
1121
|
+
"button-icon-box-shadow": u("glow-primary"),
|
|
1177
1122
|
"button-icon-outline": "none",
|
|
1178
1123
|
// tag
|
|
1179
1124
|
"tag-border-radius": e("30px"),
|
|
1180
|
-
"tag-border-width":
|
|
1125
|
+
"tag-border-width": h.width("thin"),
|
|
1181
1126
|
"tag-font-height": l.height("1"),
|
|
1182
1127
|
"tag-spacing": `0 ${d("s")}`,
|
|
1183
1128
|
"tag-removable-spacing": `0 ${d("xs")} 0 ${d("s")}`,
|
|
1184
1129
|
"tag-width": "auto",
|
|
1185
|
-
"tag-box-shadow":
|
|
1130
|
+
"tag-box-shadow": u("glow-primary"),
|
|
1186
1131
|
"tag-outline-offset": "0",
|
|
1187
1132
|
"tag-remove-button-background": o("neutral-white"),
|
|
1188
1133
|
"tag-remove-button-border-radius": e("24px"),
|
|
@@ -1284,9 +1229,9 @@ const G = {
|
|
|
1284
1229
|
"checkbox-color": o("neutral-darker"),
|
|
1285
1230
|
"checkbox-font-weight": l.weight("medium"),
|
|
1286
1231
|
"checkbox-font-size": l.size("4"),
|
|
1287
|
-
"checkbox-selector-border-radius":
|
|
1232
|
+
"checkbox-selector-border-radius": h.radius("s"),
|
|
1288
1233
|
"checkbox-selector-size": e("16px"),
|
|
1289
|
-
"checkbox-selector-box-shadow":
|
|
1234
|
+
"checkbox-selector-box-shadow": u("glow-primary"),
|
|
1290
1235
|
"checkbox-selector-outline": "none",
|
|
1291
1236
|
"checkbox-selector-outline-offset": "0",
|
|
1292
1237
|
"checkbox-small-font-size": l.size("5"),
|
|
@@ -1321,9 +1266,9 @@ const G = {
|
|
|
1321
1266
|
"radio-color": o("accent"),
|
|
1322
1267
|
"radio-font-weight": l.weight("medium"),
|
|
1323
1268
|
"radio-font-size": l.size("4"),
|
|
1324
|
-
"radio-selector-border-radius":
|
|
1269
|
+
"radio-selector-border-radius": h.radius("circle"),
|
|
1325
1270
|
"radio-selector-size": e("24px"),
|
|
1326
|
-
"radio-selector-box-shadow":
|
|
1271
|
+
"radio-selector-box-shadow": u("glow-primary"),
|
|
1327
1272
|
"radio-small-font-size": l.size("5"),
|
|
1328
1273
|
"radio-small-selector-size": e("16px"),
|
|
1329
1274
|
"radio-selector-background": o("neutral-white"),
|
|
@@ -1360,7 +1305,7 @@ const G = {
|
|
|
1360
1305
|
"tooltip-padding-x": d("m"),
|
|
1361
1306
|
"tooltip-padding-y": d("s"),
|
|
1362
1307
|
"tooltip-margin": d("s"),
|
|
1363
|
-
"tooltip-shadow":
|
|
1308
|
+
"tooltip-shadow": u("droplist"),
|
|
1364
1309
|
// modal
|
|
1365
1310
|
"modal-small-max-width": e("344px"),
|
|
1366
1311
|
"modal-max-width": e("484px"),
|
|
@@ -1371,22 +1316,22 @@ const G = {
|
|
|
1371
1316
|
"dialog-header-border-color": o("neutral-light"),
|
|
1372
1317
|
"dialog-body-font-color": o("color-neutral-darker"),
|
|
1373
1318
|
// text-field
|
|
1374
|
-
"text-field-border-radius":
|
|
1319
|
+
"text-field-border-radius": h.radius("s"),
|
|
1375
1320
|
"text-field-color": o("neutral-darker"),
|
|
1376
1321
|
"text-field-font-size": l.size("4"),
|
|
1377
1322
|
"text-field-font-weight": l.weight("medium"),
|
|
1378
1323
|
"text-field-font-height": l.height("3"),
|
|
1379
|
-
"text-field-height":
|
|
1324
|
+
"text-field-height": m("default"),
|
|
1380
1325
|
"text-field-padding-x": d("s"),
|
|
1381
1326
|
"text-field-padding-y": d("s"),
|
|
1382
|
-
"text-field-box-shadow":
|
|
1327
|
+
"text-field-box-shadow": u("glow-primary"),
|
|
1383
1328
|
"text-field-outline": "none",
|
|
1384
1329
|
"text-field-outline-offset": "0",
|
|
1385
|
-
"text-field-small-height":
|
|
1330
|
+
"text-field-small-height": m("small"),
|
|
1386
1331
|
"text-field-small-padding-x": d("s"),
|
|
1387
1332
|
"text-field-small-padding-y": d("xs"),
|
|
1388
1333
|
"text-field-small-font-size": l.size("5"),
|
|
1389
|
-
"text-field-large-height":
|
|
1334
|
+
"text-field-large-height": m("large"),
|
|
1390
1335
|
"text-field-large-padding-x": d("s"),
|
|
1391
1336
|
"text-field-large-padding-y": e("12px"),
|
|
1392
1337
|
"text-field-large-font-size": l.size("4"),
|
|
@@ -1409,7 +1354,7 @@ const G = {
|
|
|
1409
1354
|
"text-field-danger-border-color": o("danger"),
|
|
1410
1355
|
"text-field-dark-box-shadow": o("neutral", 0.4),
|
|
1411
1356
|
// textarea
|
|
1412
|
-
"textarea-border-radius":
|
|
1357
|
+
"textarea-border-radius": h.radius("s"),
|
|
1413
1358
|
"textarea-color": o("neutral-darker"),
|
|
1414
1359
|
"textarea-font-size": l.size("4"),
|
|
1415
1360
|
"textarea-font-weight": l.weight("medium"),
|
|
@@ -1417,7 +1362,7 @@ const G = {
|
|
|
1417
1362
|
"textarea-min-height": e("64px"),
|
|
1418
1363
|
"textarea-padding-x": d("s"),
|
|
1419
1364
|
"textarea-padding-y": d("s"),
|
|
1420
|
-
"textarea-box-shadow":
|
|
1365
|
+
"textarea-box-shadow": u("glow-primary"),
|
|
1421
1366
|
"textarea-outline": "none",
|
|
1422
1367
|
"textarea-outline-offset": "0",
|
|
1423
1368
|
"textarea-small-padding-x": d("s"),
|
|
@@ -1451,7 +1396,7 @@ const G = {
|
|
|
1451
1396
|
"link-color": o("accent"),
|
|
1452
1397
|
"link-font-weight": l.weight("medium"),
|
|
1453
1398
|
"link-font-weight--hover": l.weight("bold"),
|
|
1454
|
-
"link-box-shadow":
|
|
1399
|
+
"link-box-shadow": u("glow-primary"),
|
|
1455
1400
|
"link-outline": "none",
|
|
1456
1401
|
"link-outline-offset": "0",
|
|
1457
1402
|
// breadcrumbs
|
|
@@ -1467,8 +1412,8 @@ const G = {
|
|
|
1467
1412
|
"banner-min-width": e("320px"),
|
|
1468
1413
|
"banner-description-color": o("neutral-darker"),
|
|
1469
1414
|
"banner-title-font-weight": l.weight("bold"),
|
|
1470
|
-
"banner-border-radius":
|
|
1471
|
-
"banner-border-width":
|
|
1415
|
+
"banner-border-radius": h.radius("m"),
|
|
1416
|
+
"banner-border-width": h.width("thin"),
|
|
1472
1417
|
"banner-close-button-color": o("neutral-darker"),
|
|
1473
1418
|
"banner-icon-width": e("24px"),
|
|
1474
1419
|
"banner-icon-height": e("24px"),
|
|
@@ -1521,14 +1466,14 @@ const G = {
|
|
|
1521
1466
|
// toast
|
|
1522
1467
|
"toast-padding-x": d("m"),
|
|
1523
1468
|
"toast-padding-y": d("m"),
|
|
1524
|
-
"toast-border-radius":
|
|
1469
|
+
"toast-border-radius": h.radius("s"),
|
|
1525
1470
|
"toast-font-color": o("neutral-white"),
|
|
1526
1471
|
"toast-font-size": l.size("4"),
|
|
1527
1472
|
"toast-font-weight": l.weight("bold"),
|
|
1528
1473
|
"toast-font-height": l.height("3"),
|
|
1529
1474
|
"toast-close-x": d("xs"),
|
|
1530
1475
|
"toast-close-y": d("xs"),
|
|
1531
|
-
"toast-shadow":
|
|
1476
|
+
"toast-shadow": u("modal"),
|
|
1532
1477
|
"toast-width": e("320px"),
|
|
1533
1478
|
// neutral
|
|
1534
1479
|
"toast-neutral-background": o("neutral-dark"),
|
|
@@ -1560,7 +1505,7 @@ const G = {
|
|
|
1560
1505
|
"switch-width": e("52px"),
|
|
1561
1506
|
"switch-height": e("22px"),
|
|
1562
1507
|
"switch-border-radius": e("22px"),
|
|
1563
|
-
"switch-box-shadow":
|
|
1508
|
+
"switch-box-shadow": u("glow-primary"),
|
|
1564
1509
|
"switch-outline": "none",
|
|
1565
1510
|
"switch-outline-offset": "0",
|
|
1566
1511
|
// Switch Large
|
|
@@ -1599,7 +1544,7 @@ const G = {
|
|
|
1599
1544
|
"switch-slider-active-y": e("3px"),
|
|
1600
1545
|
"switch-slider-size": e("16px"),
|
|
1601
1546
|
"switch-slider-background-color": o("neutral-white"),
|
|
1602
|
-
"switch-slider-border-radius":
|
|
1547
|
+
"switch-slider-border-radius": h.radius("circle"),
|
|
1603
1548
|
// Switch Slider Large
|
|
1604
1549
|
"switch-slider-large-x": e("2px"),
|
|
1605
1550
|
"switch-slider-large-active-x": e("40px"),
|
|
@@ -1625,7 +1570,7 @@ const G = {
|
|
|
1625
1570
|
// card
|
|
1626
1571
|
"card-background": o("neutral-white"),
|
|
1627
1572
|
"card-border-color": o("neutral-light"),
|
|
1628
|
-
"card-border-radius":
|
|
1573
|
+
"card-border-radius": h.radius("s"),
|
|
1629
1574
|
"card-color": o("neutral-darker"),
|
|
1630
1575
|
"card-flag-background-danger": o("danger"),
|
|
1631
1576
|
"card-flag-background-neutral": o("neutral-light"),
|
|
@@ -1644,13 +1589,13 @@ const G = {
|
|
|
1644
1589
|
// dropdown
|
|
1645
1590
|
"dropdown-background": o("neutral-white"),
|
|
1646
1591
|
"dropdown-border-color": o("neutral-light"),
|
|
1647
|
-
"dropdown-border-radius":
|
|
1648
|
-
"dropdown-shadow":
|
|
1592
|
+
"dropdown-border-radius": h.radius("s"),
|
|
1593
|
+
"dropdown-shadow": u("droplist"),
|
|
1649
1594
|
// popover
|
|
1650
1595
|
"popover-background": o("neutral-white"),
|
|
1651
1596
|
"popover-border-color": o("neutral-light"),
|
|
1652
|
-
"popover-border-radius":
|
|
1653
|
-
"popover-shadow":
|
|
1597
|
+
"popover-border-radius": h.radius("s"),
|
|
1598
|
+
"popover-shadow": u("droplist"),
|
|
1654
1599
|
// Side Navigation
|
|
1655
1600
|
"side-navigation-collapsing-breakpoint": e("1280px"),
|
|
1656
1601
|
"side-navigation-width": e("200px"),
|
|
@@ -1688,7 +1633,7 @@ const G = {
|
|
|
1688
1633
|
"select-selected-option-background-color": o("accent", 0.2),
|
|
1689
1634
|
// Toggle & Toggle Group
|
|
1690
1635
|
"toggle-text-transform": "uppercase",
|
|
1691
|
-
"toggle-box-shadow":
|
|
1636
|
+
"toggle-box-shadow": u("glow-primary"),
|
|
1692
1637
|
"toggle-outline": "none",
|
|
1693
1638
|
"toggle-outline-offset": "0",
|
|
1694
1639
|
"toggle-background-color": o("transparent"),
|
|
@@ -1742,21 +1687,21 @@ const G = {
|
|
|
1742
1687
|
"toggle-group-single-border-width": "1px",
|
|
1743
1688
|
"toggle-group-single-border-style": "solid",
|
|
1744
1689
|
"toggle-group-single-border-color": o("neutral-darker"),
|
|
1745
|
-
"toggle-group-single-border-radius":
|
|
1690
|
+
"toggle-group-single-border-radius": h.radius("s"),
|
|
1746
1691
|
"toggle-group-single-padding": "3px",
|
|
1747
1692
|
// dropdown
|
|
1748
1693
|
"dropdown-trigger-border-color": o("primary"),
|
|
1749
1694
|
"dropdown-trigger-dark-border-color": o("neutral-light"),
|
|
1750
1695
|
"dropdown-trigger-outlined-border-color": o("transparent"),
|
|
1751
1696
|
"dropdown-trigger-expanded-color": o("accent"),
|
|
1752
|
-
"dropdown-trigger-height":
|
|
1753
|
-
"dropdown-trigger-small-height":
|
|
1754
|
-
"dropdown-trigger-large-height":
|
|
1755
|
-
"dropdown-trigger-box-shadow":
|
|
1697
|
+
"dropdown-trigger-height": m("default"),
|
|
1698
|
+
"dropdown-trigger-small-height": m("small"),
|
|
1699
|
+
"dropdown-trigger-large-height": m("large"),
|
|
1700
|
+
"dropdown-trigger-box-shadow": u("glow-primary"),
|
|
1756
1701
|
"dropdown-trigger-outline": "none",
|
|
1757
1702
|
"dropdown-trigger-outline-offset": "0"
|
|
1758
|
-
},
|
|
1759
|
-
...
|
|
1703
|
+
}, rr = {
|
|
1704
|
+
...O,
|
|
1760
1705
|
"color-primary": t("color-primary-60"),
|
|
1761
1706
|
"color-accent": t("color-accent-60"),
|
|
1762
1707
|
"color-neutral-white": t("color-neutral-0"),
|
|
@@ -1776,55 +1721,55 @@ const G = {
|
|
|
1776
1721
|
"color-warning-dark": t("color-warning-100"),
|
|
1777
1722
|
"color-warning": t("color-warning-60"),
|
|
1778
1723
|
"color-warning-light": t("color-warning-20")
|
|
1779
|
-
},
|
|
1724
|
+
}, xr = L, or = _, er = D, tr = H, ar = N, nr = G, lr = {
|
|
1780
1725
|
"shadow-none": "none",
|
|
1781
1726
|
"shadow-modal": "0px 2px 6px 0px rgba(10, 10, 11, 0.4)",
|
|
1782
1727
|
"shadow-droplist": "0px 2px 3px 0px rgba(10, 10, 11, 0.4)",
|
|
1783
1728
|
"shadow-glow-primary": `0px 0px 4px 0px ${t("color-primary-60")}`,
|
|
1784
1729
|
"shadow-glow-warning": `0px 0px 4px 0px ${t("color-warning-60")}`
|
|
1785
|
-
},
|
|
1730
|
+
}, cr = R, ir = B, wr = W, dr = {
|
|
1786
1731
|
"height-small": t("global-height-small"),
|
|
1787
1732
|
"height-default": t("global-height-default"),
|
|
1788
1733
|
"height-large": t("global-height-large")
|
|
1789
|
-
}, a =
|
|
1790
|
-
families:
|
|
1791
|
-
heights:
|
|
1792
|
-
sizes:
|
|
1793
|
-
weights:
|
|
1794
|
-
}),
|
|
1795
|
-
radiuses:
|
|
1796
|
-
widths:
|
|
1797
|
-
}),
|
|
1798
|
-
...
|
|
1799
|
-
...
|
|
1800
|
-
...
|
|
1801
|
-
...
|
|
1802
|
-
...
|
|
1734
|
+
}, a = F(rr), S = C(lr), g = E(or), c = I({
|
|
1735
|
+
families: er,
|
|
1736
|
+
heights: nr,
|
|
1737
|
+
sizes: tr,
|
|
1738
|
+
weights: ar
|
|
1739
|
+
}), p = T({
|
|
1740
|
+
radiuses: cr,
|
|
1741
|
+
widths: ir
|
|
1742
|
+
}), w = A(dr), vr = {
|
|
1743
|
+
...br,
|
|
1744
|
+
...cr,
|
|
1745
|
+
...ir,
|
|
1746
|
+
...rr,
|
|
1747
|
+
...er,
|
|
1748
|
+
...nr,
|
|
1749
|
+
...tr,
|
|
1750
|
+
...ar,
|
|
1803
1751
|
...xr,
|
|
1804
|
-
...
|
|
1805
|
-
...
|
|
1806
|
-
...Tr,
|
|
1752
|
+
...lr,
|
|
1753
|
+
...or,
|
|
1807
1754
|
...wr,
|
|
1808
|
-
...
|
|
1809
|
-
...Rr,
|
|
1810
|
-
...yr,
|
|
1755
|
+
...dr,
|
|
1811
1756
|
// button
|
|
1812
|
-
"button-border-radius":
|
|
1813
|
-
"button-border-width":
|
|
1757
|
+
"button-border-radius": p.radius("s"),
|
|
1758
|
+
"button-border-width": p.width("thin"),
|
|
1814
1759
|
"button-font-weight": c.weight("bold"),
|
|
1815
1760
|
"button-font-height": c.height("1"),
|
|
1816
1761
|
"button-small-font-size": c.size("5"),
|
|
1817
|
-
"button-small-height":
|
|
1762
|
+
"button-small-height": w("small"),
|
|
1818
1763
|
"button-small-padding-x": g("s"),
|
|
1819
1764
|
"button-small-padding-y": e("6px"),
|
|
1820
1765
|
"button-font-size": c.size("3"),
|
|
1821
|
-
"button-height":
|
|
1766
|
+
"button-height": w("default"),
|
|
1822
1767
|
"button-width": "auto",
|
|
1823
1768
|
"button-padding-y": e("10px"),
|
|
1824
1769
|
"button-padding-x": g("m"),
|
|
1825
1770
|
"button-spacing-x": g("s"),
|
|
1826
1771
|
"button-large-font-size": c.size("3"),
|
|
1827
|
-
"button-large-height":
|
|
1772
|
+
"button-large-height": w("large"),
|
|
1828
1773
|
"button-large-padding-x": g("m"),
|
|
1829
1774
|
"button-large-padding-y": e("14px"),
|
|
1830
1775
|
"button-outline-offset": "2px",
|
|
@@ -1917,10 +1862,10 @@ const G = {
|
|
|
1917
1862
|
"button-warning-outline": `1px solid ${t("color-warning-60")}`,
|
|
1918
1863
|
"button-warning-box-shadow": "none",
|
|
1919
1864
|
// button icon
|
|
1920
|
-
"button-icon-border-radius":
|
|
1921
|
-
"button-icon-small-width":
|
|
1922
|
-
"button-icon-width":
|
|
1923
|
-
"button-icon-large-width":
|
|
1865
|
+
"button-icon-border-radius": p.radius("circle"),
|
|
1866
|
+
"button-icon-small-width": w("small"),
|
|
1867
|
+
"button-icon-width": w("default"),
|
|
1868
|
+
"button-icon-large-width": w("large"),
|
|
1924
1869
|
"button-icon-background": t("color-background-tertiary"),
|
|
1925
1870
|
"button-icon-background--hover": t("color-background-highlight"),
|
|
1926
1871
|
"button-icon-background--focus": t("color-background-tertiary"),
|
|
@@ -1940,7 +1885,7 @@ const G = {
|
|
|
1940
1885
|
"button-icon-box-shadow": "none",
|
|
1941
1886
|
// tag
|
|
1942
1887
|
"tag-border-radius": e("30px"),
|
|
1943
|
-
"tag-border-width":
|
|
1888
|
+
"tag-border-width": p.width("thin"),
|
|
1944
1889
|
"tag-font-height": c.height("1"),
|
|
1945
1890
|
"tag-spacing": `0 ${t("spacing-3")}`,
|
|
1946
1891
|
"tag-removable-spacing": `0 ${g("xs")} 0 ${g("s")}`,
|
|
@@ -2047,7 +1992,7 @@ const G = {
|
|
|
2047
1992
|
"checkbox-color": a("neutral-darker"),
|
|
2048
1993
|
"checkbox-font-weight": c.weight("medium"),
|
|
2049
1994
|
"checkbox-font-size": c.size("4"),
|
|
2050
|
-
"checkbox-selector-border-radius":
|
|
1995
|
+
"checkbox-selector-border-radius": p.radius("s"),
|
|
2051
1996
|
"checkbox-selector-size": e("16px"),
|
|
2052
1997
|
"checkbox-selector-box-shadow": "none",
|
|
2053
1998
|
"checkbox-selector-outline": `1px solid ${t("color-primary-100")}`,
|
|
@@ -2084,7 +2029,7 @@ const G = {
|
|
|
2084
2029
|
"radio-color": a("accent"),
|
|
2085
2030
|
"radio-font-weight": c.weight("medium"),
|
|
2086
2031
|
"radio-font-size": c.size("4"),
|
|
2087
|
-
"radio-selector-border-radius":
|
|
2032
|
+
"radio-selector-border-radius": p.radius("circle"),
|
|
2088
2033
|
"radio-selector-size": e("24px"),
|
|
2089
2034
|
"radio-selector-box-shadow": "none",
|
|
2090
2035
|
"radio-small-font-size": c.size("5"),
|
|
@@ -2123,7 +2068,7 @@ const G = {
|
|
|
2123
2068
|
"tooltip-padding-x": g("m"),
|
|
2124
2069
|
"tooltip-padding-y": g("s"),
|
|
2125
2070
|
"tooltip-margin": g("s"),
|
|
2126
|
-
"tooltip-shadow":
|
|
2071
|
+
"tooltip-shadow": S("droplist"),
|
|
2127
2072
|
// modal
|
|
2128
2073
|
"modal-small-max-width": e("344px"),
|
|
2129
2074
|
"modal-max-width": e("484px"),
|
|
@@ -2134,22 +2079,22 @@ const G = {
|
|
|
2134
2079
|
"dialog-header-border-color": a("neutral-light"),
|
|
2135
2080
|
"dialog-body-font-color": a("color-neutral-darker"),
|
|
2136
2081
|
// text-field
|
|
2137
|
-
"text-field-border-radius":
|
|
2082
|
+
"text-field-border-radius": p.radius("s"),
|
|
2138
2083
|
"text-field-color": a("neutral-darker"),
|
|
2139
2084
|
"text-field-font-size": c.size("4"),
|
|
2140
2085
|
"text-field-font-weight": c.weight("medium"),
|
|
2141
2086
|
"text-field-font-height": c.height("3"),
|
|
2142
|
-
"text-field-height":
|
|
2087
|
+
"text-field-height": w("default"),
|
|
2143
2088
|
"text-field-padding-x": g("s"),
|
|
2144
2089
|
"text-field-padding-y": g("s"),
|
|
2145
2090
|
"text-field-box-shadow": "none",
|
|
2146
2091
|
"text-field-outline": `1px solid ${t("color-primary-100")}`,
|
|
2147
2092
|
"text-field-outline-offset": "2px",
|
|
2148
|
-
"text-field-small-height":
|
|
2093
|
+
"text-field-small-height": w("small"),
|
|
2149
2094
|
"text-field-small-padding-x": g("s"),
|
|
2150
2095
|
"text-field-small-padding-y": g("xs"),
|
|
2151
2096
|
"text-field-small-font-size": c.size("5"),
|
|
2152
|
-
"text-field-large-height":
|
|
2097
|
+
"text-field-large-height": w("large"),
|
|
2153
2098
|
"text-field-large-padding-x": g("s"),
|
|
2154
2099
|
"text-field-large-padding-y": e("12px"),
|
|
2155
2100
|
"text-field-large-font-size": c.size("4"),
|
|
@@ -2172,7 +2117,7 @@ const G = {
|
|
|
2172
2117
|
"text-field-danger-border-color": t("color-danger-60"),
|
|
2173
2118
|
"text-field-dark-box-shadow": "none",
|
|
2174
2119
|
// textarea
|
|
2175
|
-
"textarea-border-radius":
|
|
2120
|
+
"textarea-border-radius": p.radius("s"),
|
|
2176
2121
|
"textarea-color": a("neutral-darker"),
|
|
2177
2122
|
"textarea-font-size": c.size("4"),
|
|
2178
2123
|
"textarea-font-weight": c.weight("medium"),
|
|
@@ -2230,8 +2175,8 @@ const G = {
|
|
|
2230
2175
|
"banner-min-width": e("320px"),
|
|
2231
2176
|
"banner-description-color": a("neutral-darker"),
|
|
2232
2177
|
"banner-title-font-weight": c.weight("bold"),
|
|
2233
|
-
"banner-border-radius":
|
|
2234
|
-
"banner-border-width":
|
|
2178
|
+
"banner-border-radius": p.radius("m"),
|
|
2179
|
+
"banner-border-width": p.width("thin"),
|
|
2235
2180
|
"banner-close-button-color": a("neutral-darker"),
|
|
2236
2181
|
"banner-icon-width": e("24px"),
|
|
2237
2182
|
"banner-icon-height": e("24px"),
|
|
@@ -2284,14 +2229,14 @@ const G = {
|
|
|
2284
2229
|
// toast
|
|
2285
2230
|
"toast-padding-x": g("m"),
|
|
2286
2231
|
"toast-padding-y": g("m"),
|
|
2287
|
-
"toast-border-radius":
|
|
2232
|
+
"toast-border-radius": p.radius("s"),
|
|
2288
2233
|
"toast-font-color": a("neutral-white"),
|
|
2289
2234
|
"toast-font-size": c.size("4"),
|
|
2290
2235
|
"toast-font-weight": c.weight("bold"),
|
|
2291
2236
|
"toast-font-height": c.height("3"),
|
|
2292
2237
|
"toast-close-x": g("xs"),
|
|
2293
2238
|
"toast-close-y": g("xs"),
|
|
2294
|
-
"toast-shadow":
|
|
2239
|
+
"toast-shadow": S("modal"),
|
|
2295
2240
|
"toast-width": e("320px"),
|
|
2296
2241
|
// neutral
|
|
2297
2242
|
"toast-neutral-background": a("neutral-dark"),
|
|
@@ -2362,7 +2307,7 @@ const G = {
|
|
|
2362
2307
|
"switch-slider-active-y": e("3px"),
|
|
2363
2308
|
"switch-slider-size": e("16px"),
|
|
2364
2309
|
"switch-slider-background-color": a("neutral-white"),
|
|
2365
|
-
"switch-slider-border-radius":
|
|
2310
|
+
"switch-slider-border-radius": p.radius("circle"),
|
|
2366
2311
|
// Switch Slider Large
|
|
2367
2312
|
"switch-slider-large-x": e("2px"),
|
|
2368
2313
|
"switch-slider-large-active-x": e("40px"),
|
|
@@ -2388,7 +2333,7 @@ const G = {
|
|
|
2388
2333
|
// card
|
|
2389
2334
|
"card-background": a("neutral-white"),
|
|
2390
2335
|
"card-border-color": a("neutral-light"),
|
|
2391
|
-
"card-border-radius":
|
|
2336
|
+
"card-border-radius": p.radius("s"),
|
|
2392
2337
|
"card-color": a("neutral-darker"),
|
|
2393
2338
|
"card-flag-background-danger": a("danger"),
|
|
2394
2339
|
"card-flag-background-neutral": a("neutral-light"),
|
|
@@ -2407,8 +2352,8 @@ const G = {
|
|
|
2407
2352
|
// popover
|
|
2408
2353
|
"popover-background": a("neutral-white"),
|
|
2409
2354
|
"popover-border-color": a("neutral-light"),
|
|
2410
|
-
"popover-border-radius":
|
|
2411
|
-
"popover-shadow":
|
|
2355
|
+
"popover-border-radius": p.radius("s"),
|
|
2356
|
+
"popover-shadow": S("droplist"),
|
|
2412
2357
|
// Side Navigation
|
|
2413
2358
|
"side-navigation-collapsing-breakpoint": e("1280px"),
|
|
2414
2359
|
"side-navigation-width": e("200px"),
|
|
@@ -2440,7 +2385,7 @@ const G = {
|
|
|
2440
2385
|
"top-navigation-item-color": a("neutral-darkest"),
|
|
2441
2386
|
"top-navigation-item-color--hover": t("color-brand"),
|
|
2442
2387
|
// Select
|
|
2443
|
-
"select-trigger-height": `calc(${
|
|
2388
|
+
"select-trigger-height": `calc(${w("default")} - 2px)`,
|
|
2444
2389
|
"select-trigger-border-color": t("color-border"),
|
|
2445
2390
|
"select-selected-option-check-color": t("color-primary-60"),
|
|
2446
2391
|
"select-selected-option-background-color": t("color-primary-60", 0.2),
|
|
@@ -2507,19 +2452,18 @@ const G = {
|
|
|
2507
2452
|
"dropdown-trigger-dark-border-color": t("color-border"),
|
|
2508
2453
|
"dropdown-trigger-outlined-border-color": a("transparent"),
|
|
2509
2454
|
"dropdown-trigger-expanded-color": t("color-primary-60"),
|
|
2510
|
-
"dropdown-trigger-height": `calc(${
|
|
2511
|
-
"dropdown-trigger-small-height": `calc(${
|
|
2512
|
-
"dropdown-trigger-large-height": `calc(${
|
|
2455
|
+
"dropdown-trigger-height": `calc(${w("default")} - 2px)`,
|
|
2456
|
+
"dropdown-trigger-small-height": `calc(${w("small")} - 2px)`,
|
|
2457
|
+
"dropdown-trigger-large-height": `calc(${w("large")} - 2px)`,
|
|
2513
2458
|
"dropdown-trigger-box-shadow": "none",
|
|
2514
2459
|
"dropdown-trigger-outline": `1px solid ${t("color-primary-100")}`,
|
|
2515
2460
|
"dropdown-trigger-outline-offset": "2px"
|
|
2516
2461
|
};
|
|
2517
2462
|
export {
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
Br as m,
|
|
2463
|
+
sr as B,
|
|
2464
|
+
br as a,
|
|
2465
|
+
yr as l,
|
|
2466
|
+
vr as m,
|
|
2523
2467
|
e as r
|
|
2524
2468
|
};
|
|
2525
|
-
//# sourceMappingURL=miranda-compatibility.theme-
|
|
2469
|
+
//# sourceMappingURL=miranda-compatibility.theme-DQDHkWzC.mjs.map
|