@telefonica/mistica 16.58.0-beta.1 → 16.58.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/README.md +0 -4
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +16 -16
- package/dist/align.css-mistica.js +2 -2
- package/dist/autocomplete.css-mistica.js +6 -6
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +7 -7
- package/dist/box.css-mistica.js +15 -15
- package/dist/boxed.css-mistica.js +31 -31
- package/dist/button-group.css-mistica.js +10 -10
- package/dist/button-layout.css-mistica.js +21 -21
- package/dist/button.css-mistica.js +51 -51
- package/dist/callout.css-mistica.js +16 -16
- package/dist/card-internal.css-mistica.js +38 -38
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/checkbox.css-mistica.js +21 -21
- package/dist/chip.css-mistica.js +30 -30
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +26 -26
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/counter.css-mistica.js +12 -12
- package/dist/cover-hero.css-mistica.js +16 -16
- package/dist/credit-card-number-field.css-mistica.js +6 -6
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +2 -2
- package/dist/dialog.css-mistica.js +15 -15
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/drawer.css-mistica.js +15 -15
- package/dist/empty-state-card.css-mistica.js +4 -4
- package/dist/empty-state.css-mistica.js +14 -14
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +14 -14
- package/dist/file-upload.css-mistica.js +14 -14
- package/dist/fixed-footer-layout.css-mistica.js +12 -12
- package/dist/form.css-mistica.js +2 -2
- package/dist/grid-layout.css-mistica.js +9 -9
- package/dist/grid.css-mistica.js +147 -147
- package/dist/header.css-mistica.js +5 -5
- package/dist/hero.css-mistica.js +11 -11
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +66 -66
- package/dist/icons/icon-chevron.css-mistica.js +6 -6
- package/dist/icons/icon-error.css-mistica.js +3 -3
- package/dist/image.css-mistica.js +11 -11
- package/dist/image.js +31 -30
- package/dist/inline.css-mistica.js +16 -16
- package/dist/list.css-mistica.js +15 -15
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/loading-screen.css-mistica.js +15 -15
- package/dist/logo.css-mistica.js +9 -9
- package/dist/menu.css-mistica.js +24 -24
- package/dist/mosaic.css-mistica.js +3 -3
- package/dist/navigation-bar.css-mistica.js +45 -45
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/package-version.js +2 -2
- package/dist/pin-field.css-mistica.js +10 -10
- package/dist/popover.css-mistica.js +2 -2
- package/dist/progress-bar.css-mistica.js +12 -12
- package/dist/radio-button.css-mistica.js +33 -33
- package/dist/rating.css-mistica.js +12 -12
- package/dist/responsive-layout.css-mistica.js +20 -20
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +29 -29
- package/dist/sheet-action-row.css-mistica.js +2 -2
- package/dist/sheet-common.css-mistica.js +16 -16
- package/dist/sheet-info.css-mistica.js +4 -4
- package/dist/skeletons.css-mistica.js +12 -12
- package/dist/skins/skin-contract.css-mistica.js +686 -686
- package/dist/skip-link.css-mistica.js +3 -3
- package/dist/slider.css-mistica.js +28 -28
- package/dist/snackbar.css-mistica.js +16 -16
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/square.css-mistica.js +2 -2
- package/dist/stack.css-mistica.js +9 -9
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +16 -16
- package/dist/switch-component.css-mistica.js +53 -53
- package/dist/table.css-mistica.js +24 -24
- package/dist/tabs.css-mistica.js +30 -30
- package/dist/tag.css-mistica.js +5 -5
- package/dist/text-field-base.css-mistica.js +30 -30
- package/dist/text-field-components.css-mistica.js +20 -20
- package/dist/text-link.css-mistica.js +10 -10
- package/dist/text.css-mistica.js +13 -13
- package/dist/theme-context.css-mistica.js +2 -2
- package/dist/timeline.css-mistica.js +18 -18
- package/dist/timer.css-mistica.js +13 -13
- package/dist/tooltip.css-mistica.js +12 -12
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/utils/aspect-ratio-support.css-mistica.js +7 -7
- package/dist/video.css-mistica.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +2 -2
- package/dist-es/autocomplete.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/box.css-mistica.js +15 -15
- package/dist-es/boxed.css-mistica.js +25 -25
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +16 -16
- package/dist-es/button.css-mistica.js +38 -38
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +20 -20
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +14 -14
- package/dist-es/chip.css-mistica.js +17 -17
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +2 -2
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/file-upload.css-mistica.js +8 -8
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/form.css-mistica.js +2 -2
- package/dist-es/grid-layout.css-mistica.js +4 -4
- package/dist-es/grid.css-mistica.js +127 -127
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/hero.css-mistica.js +4 -4
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +56 -56
- package/dist-es/icons/icon-chevron.css-mistica.js +4 -4
- package/dist-es/icons/icon-error.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/image.js +33 -32
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +7 -7
- package/dist-es/menu.css-mistica.js +15 -15
- package/dist-es/mosaic.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +20 -20
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +2 -2
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +8 -8
- package/dist-es/radio-button.css-mistica.js +25 -25
- package/dist-es/rating.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +7 -7
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +20 -20
- package/dist-es/sheet-action-row.css-mistica.js +2 -2
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +8 -8
- package/dist-es/skins/skin-contract.css-mistica.js +686 -686
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +20 -20
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/square.css-mistica.js +2 -2
- package/dist-es/stack.css-mistica.js +7 -7
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +4 -4
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +41 -41
- package/dist-es/table.css-mistica.js +11 -11
- package/dist-es/tabs.css-mistica.js +21 -21
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +9 -9
- package/dist-es/text.css-mistica.js +8 -8
- package/dist-es/theme-context.css-mistica.js +2 -2
- package/dist-es/timeline.css-mistica.js +11 -11
- package/dist-es/timer.css-mistica.js +7 -7
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
- package/doc/design-tokens.md +0 -29
- package/doc/llms.md +1 -53
- package/package.json +1 -1
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get innerAnimation () {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
get outerAnimation () {
|
|
16
|
-
return
|
|
16
|
+
return a;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ var
|
|
19
|
+
/* empty css */ var a = "v16_58_1ao3f5e1", i = "v16_58_1ao3f5e2";
|
|
@@ -10,30 +10,30 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get FADE_IN_DURATION_MS () {
|
|
13
|
-
return
|
|
13
|
+
return _;
|
|
14
14
|
},
|
|
15
15
|
get circularBorderRadius () {
|
|
16
|
-
return
|
|
16
|
+
return e;
|
|
17
17
|
},
|
|
18
18
|
get defaultBorderRadius () {
|
|
19
|
-
return
|
|
19
|
+
return o;
|
|
20
20
|
},
|
|
21
21
|
get image () {
|
|
22
|
-
return
|
|
22
|
+
return i;
|
|
23
23
|
},
|
|
24
24
|
get imageWithBorder () {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
get vars () {
|
|
28
|
-
return
|
|
28
|
+
return t;
|
|
29
29
|
},
|
|
30
30
|
get withBorderRadius () {
|
|
31
|
-
return
|
|
31
|
+
return f;
|
|
32
32
|
},
|
|
33
33
|
get withoutBorderRadius () {
|
|
34
|
-
return
|
|
34
|
+
return d;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
/* empty css */ /* empty css */ var
|
|
38
|
-
mediaBorderRadius: "var(--
|
|
39
|
-
},
|
|
37
|
+
/* empty css */ /* empty css */ var _ = 300, t = {
|
|
38
|
+
mediaBorderRadius: "var(--v16_58_17tt25r0)"
|
|
39
|
+
}, a = "v16_58_17tt25r1", i = "v16_58_17tt25r3 v16_58_17tt25r2 v16_58_1y2v1nfte v16_58_1y2v1nftt v16_58_1y2v1nfq6 v16_58_1y2v1nfqr v16_58_1y2v1nfr8 v16_58_1y2v1nfv2 v16_58_1y2v1nfsj v16_58_1y2v1nfsk v16_58_1y2v1nfsw", d = "v16_58_17tt25r4", e = "v16_58_17tt25r5", f = "v16_58_17tt25r6", o = "v16_58_17tt25r7";
|
package/dist/image.js
CHANGED
|
@@ -11,16 +11,16 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
get ImageContent () {
|
|
14
|
-
return
|
|
14
|
+
return o1;
|
|
15
15
|
},
|
|
16
16
|
get ImageError () {
|
|
17
|
-
return
|
|
17
|
+
return i1;
|
|
18
18
|
},
|
|
19
19
|
get RATIO () {
|
|
20
20
|
return I;
|
|
21
21
|
},
|
|
22
22
|
get default () {
|
|
23
|
-
return
|
|
23
|
+
return b1;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -37,6 +37,7 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
|
|
|
37
37
|
const _common = require("./utils/common.js");
|
|
38
38
|
const _skeletonbase = /*#__PURE__*/ _interop_require_default(require("./skeleton-base.js"));
|
|
39
39
|
const _environment = require("./utils/environment.js");
|
|
40
|
+
const _platform = require("./utils/platform.js");
|
|
40
41
|
function _interop_require_default(obj) {
|
|
41
42
|
return obj && obj.__esModule ? obj : {
|
|
42
43
|
default: obj
|
|
@@ -162,7 +163,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
162
163
|
}
|
|
163
164
|
return target;
|
|
164
165
|
}
|
|
165
|
-
const
|
|
166
|
+
const e1 = (param)=>{
|
|
166
167
|
let { style: t } = param;
|
|
167
168
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
168
169
|
width: "48",
|
|
@@ -176,8 +177,8 @@ const t1 = (param)=>{
|
|
|
176
177
|
strokeWidth: "2"
|
|
177
178
|
})
|
|
178
179
|
});
|
|
179
|
-
},
|
|
180
|
-
let { borderRadius: t, withIcon: d = !0, border:
|
|
180
|
+
}, i1 = /*#__PURE__*/ _react.forwardRef((param, C)=>{
|
|
181
|
+
let { borderRadius: t, withIcon: d = !0, border: l, className: s } = param;
|
|
181
182
|
const n = (0, _themevariantcontext.useThemeVariant)(), { skinName: h } = (0, _hooks.useTheme)(), a = {
|
|
182
183
|
default: _skincontractcssmistica.vars.colors.neutralMedium,
|
|
183
184
|
alternative: _skincontractcssmistica.vars.colors.neutralMedium,
|
|
@@ -194,12 +195,12 @@ const t1 = (param)=>{
|
|
|
194
195
|
justifyContent: "center",
|
|
195
196
|
backgroundColor: n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.backgroundSkeletonBrand : n === "negative" ? _skincontractcssmistica.vars.colors.backgroundSkeletonNegative : _skincontractcssmistica.vars.colors.backgroundSkeleton,
|
|
196
197
|
boxSizing: "border-box",
|
|
197
|
-
border:
|
|
198
|
+
border: l ? `1px solid ${_skincontractcssmistica.vars.colors.borderLow}` : "none",
|
|
198
199
|
borderRadius: t
|
|
199
200
|
},
|
|
200
201
|
ref: C,
|
|
201
202
|
className: s,
|
|
202
|
-
children: d ? h === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
203
|
+
children: d ? h === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(e1, {
|
|
203
204
|
style: {
|
|
204
205
|
width: "10%",
|
|
205
206
|
minWidth: 24,
|
|
@@ -254,8 +255,8 @@ const t1 = (param)=>{
|
|
|
254
255
|
"16:9": 16 / 9,
|
|
255
256
|
"7:10": 7 / 10,
|
|
256
257
|
"4:3": 4 / 3
|
|
257
|
-
},
|
|
258
|
-
var { aspectRatio: t = 0, alt: d = "", dataAttributes:
|
|
258
|
+
}, o1 = /*#__PURE__*/ _react.forwardRef((_param, S)=>{
|
|
259
|
+
var { aspectRatio: t = 0, alt: d = "", dataAttributes: l, noBorderRadius: s, src: C, srcSet: n, onError: h, onLoad: a, loadingFallback: k = !0, errorFallback: H = !0, objectFit: M, objectPosition: x } = _param, i = _object_without_properties(_param, [
|
|
259
260
|
"aspectRatio",
|
|
260
261
|
"alt",
|
|
261
262
|
"dataAttributes",
|
|
@@ -270,15 +271,15 @@ const t1 = (param)=>{
|
|
|
270
271
|
"objectPosition"
|
|
271
272
|
]);
|
|
272
273
|
var _document_getElementById;
|
|
273
|
-
const
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
const f = _react.useId(), m = _react.useRef(null), L = i.circular ? _imagecssmistica.circularBorderRadius : s ? _imagecssmistica.withoutBorderRadius : s === !1 ? _imagecssmistica.withBorderRadius : _imagecssmistica.defaultBorderRadius, [y, b] = _react.useState(!C), [V, u] = _react.useState(!1), c = i.width && i.height ? void 0 : i.circular ? 1 : typeof t == "number" ? t : I[t], A = !!i.height && !i.width && c === 0 && !i.circular, B = !!i.width && !i.height && c === 0 && !i.circular, E = M !== null && M !== void 0 ? M : A || B ? "contain" : "cover", w = k && !!(c !== 0 || i.width && i.height), N = H && !!(c !== 0 || i.width && i.height), v = _react.useCallback(()=>{
|
|
275
|
+
b(!1), m.current && (m.current.style.opacity = "1"), (0, _platform.isRunningAcceptanceTest)() && u(!0), setTimeout(()=>{
|
|
276
|
+
u(!0);
|
|
276
277
|
}, _imagecssmistica.FADE_IN_DURATION_MS), a === null || a === void 0 ? void 0 : a();
|
|
277
278
|
}, [
|
|
278
279
|
a
|
|
279
280
|
]);
|
|
280
281
|
_react.useEffect(()=>{
|
|
281
|
-
|
|
282
|
+
b(!C), u(!1);
|
|
282
283
|
}, [
|
|
283
284
|
C
|
|
284
285
|
]), _react.useEffect(()=>{
|
|
@@ -287,33 +288,33 @@ const t1 = (param)=>{
|
|
|
287
288
|
}, [
|
|
288
289
|
v
|
|
289
290
|
]);
|
|
290
|
-
const
|
|
291
|
+
const Z = (0, _environment.isServerSide)() || !((_document_getElementById = document.getElementById(f)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.complete), W = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
291
292
|
children: [
|
|
292
293
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
|
|
293
294
|
suppressHydrationWarning: !0,
|
|
294
|
-
id:
|
|
295
|
+
id: f,
|
|
295
296
|
style: {
|
|
296
|
-
opacity:
|
|
297
|
-
position:
|
|
298
|
-
objectFit:
|
|
297
|
+
opacity: Z && w ? 0 : 1,
|
|
298
|
+
position: c !== 0 ? "absolute" : "static",
|
|
299
|
+
objectFit: E,
|
|
299
300
|
objectPosition: x
|
|
300
301
|
},
|
|
301
302
|
ref: (0, _common.combineRefs)(m, S),
|
|
302
303
|
src: C,
|
|
303
304
|
srcSet: n,
|
|
304
|
-
className: (0, _classnames.default)(
|
|
305
|
+
className: (0, _classnames.default)(L, _imagecssmistica.image, {
|
|
305
306
|
[_imagecssmistica.imageWithBorder]: i.border
|
|
306
307
|
}),
|
|
307
308
|
alt: d,
|
|
308
309
|
onError: ()=>{
|
|
309
|
-
|
|
310
|
+
b(!0), u(!0), h === null || h === void 0 ? void 0 : h();
|
|
310
311
|
},
|
|
311
312
|
onLoad: v,
|
|
312
313
|
decoding: "async"
|
|
313
314
|
}),
|
|
314
315
|
w && /* @__PURE__ */ (0, _jsxruntime.jsx)("script", {
|
|
315
316
|
dangerouslySetInnerHTML: {
|
|
316
|
-
__html: `document.getElementById("${
|
|
317
|
+
__html: `document.getElementById("${f}").addEventListener('load', (e) => e.target.style.opacity = "1")`
|
|
317
318
|
}
|
|
318
319
|
})
|
|
319
320
|
]
|
|
@@ -328,7 +329,7 @@ const t1 = (param)=>{
|
|
|
328
329
|
height: "100%",
|
|
329
330
|
overflow: "hidden"
|
|
330
331
|
},
|
|
331
|
-
className:
|
|
332
|
+
className: L,
|
|
332
333
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_skeletons.SkeletonAnimation, {
|
|
333
334
|
height: (_i_height = i.height) !== null && _i_height !== void 0 ? _i_height : "100%",
|
|
334
335
|
width: (_i_width = i.width) !== null && _i_width !== void 0 ? _i_width : "100%",
|
|
@@ -339,33 +340,33 @@ const t1 = (param)=>{
|
|
|
339
340
|
})
|
|
340
341
|
})
|
|
341
342
|
}),
|
|
342
|
-
y &&
|
|
343
|
+
y && N && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
343
344
|
style: {
|
|
344
345
|
position: "absolute",
|
|
345
346
|
width: "100%",
|
|
346
347
|
height: "100%"
|
|
347
348
|
},
|
|
348
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
349
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i1, {
|
|
349
350
|
border: i.border,
|
|
350
|
-
className:
|
|
351
|
+
className: L
|
|
351
352
|
})
|
|
352
353
|
}),
|
|
353
354
|
!y && W
|
|
354
355
|
]
|
|
355
356
|
});
|
|
356
|
-
}),
|
|
357
|
+
}), b1 = /*#__PURE__*/ _react.forwardRef((t, d)=>{
|
|
357
358
|
var _t_aspectRatio;
|
|
358
|
-
const
|
|
359
|
+
const l = t.width && t.height ? void 0 : t.circular ? 1 : typeof t.aspectRatio == "number" || !t.aspectRatio ? (_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 0 : I[t.aspectRatio];
|
|
359
360
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioContainer, {
|
|
360
361
|
style: {
|
|
361
362
|
position: "relative"
|
|
362
363
|
},
|
|
363
|
-
aspectRatio:
|
|
364
|
+
aspectRatio: l,
|
|
364
365
|
width: t.width,
|
|
365
366
|
height: t.height,
|
|
366
367
|
dataAttributes: (0, _dom.getPrefixedDataAttributes)(t.dataAttributes, "Image"),
|
|
367
368
|
forceNonCssAspectRatio: t.forceNonCssAspectRatio,
|
|
368
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
369
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o1, _object_spread_props(_object_spread({}, t), {
|
|
369
370
|
ref: d
|
|
370
371
|
}))
|
|
371
372
|
});
|
|
@@ -10,37 +10,37 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get fullWidth () {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
get inline () {
|
|
16
|
-
return
|
|
16
|
+
return _;
|
|
17
17
|
},
|
|
18
18
|
get marginInline () {
|
|
19
|
-
return
|
|
19
|
+
return k;
|
|
20
20
|
},
|
|
21
21
|
get noFullWidth () {
|
|
22
|
-
return
|
|
22
|
+
return n;
|
|
23
23
|
},
|
|
24
24
|
get stringSpace () {
|
|
25
|
-
return
|
|
25
|
+
return b;
|
|
26
26
|
},
|
|
27
27
|
get stringSpaceWithWrap () {
|
|
28
|
-
return
|
|
28
|
+
return f;
|
|
29
29
|
},
|
|
30
30
|
get vars () {
|
|
31
31
|
return a;
|
|
32
32
|
},
|
|
33
33
|
get wrap () {
|
|
34
|
-
return
|
|
34
|
+
return e;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
/* empty css */ var a = {
|
|
38
|
-
space: "var(--
|
|
39
|
-
spaceMobile: "var(--
|
|
40
|
-
spaceTablet: "var(--
|
|
41
|
-
spaceDesktop: "var(--
|
|
42
|
-
verticalSpace: "var(--
|
|
43
|
-
verticalSpaceMobile: "var(--
|
|
44
|
-
verticalSpaceTablet: "var(--
|
|
45
|
-
verticalSpaceDesktop: "var(--
|
|
46
|
-
},
|
|
38
|
+
space: "var(--v16_58_kkfbnv0)",
|
|
39
|
+
spaceMobile: "var(--v16_58_kkfbnv1)",
|
|
40
|
+
spaceTablet: "var(--v16_58_kkfbnv2)",
|
|
41
|
+
spaceDesktop: "var(--v16_58_kkfbnv3)",
|
|
42
|
+
verticalSpace: "var(--v16_58_kkfbnv4)",
|
|
43
|
+
verticalSpaceMobile: "var(--v16_58_kkfbnv5)",
|
|
44
|
+
verticalSpaceTablet: "var(--v16_58_kkfbnv6)",
|
|
45
|
+
verticalSpaceDesktop: "var(--v16_58_kkfbnv7)"
|
|
46
|
+
}, k = "v16_58_kkfbnv8", _ = "v16_58_kkfbnv9", r = "v16_58_kkfbnva", e = "v16_58_kkfbnvb", n = "v16_58_kkfbnvc", b = "v16_58_kkfbnvd", f = "v16_58_kkfbnve";
|
package/dist/list.css-mistica.js
CHANGED
|
@@ -10,22 +10,22 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get asset () {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
get assetContainer () {
|
|
16
|
-
return
|
|
16
|
+
return t;
|
|
17
17
|
},
|
|
18
18
|
get badge () {
|
|
19
|
-
return
|
|
19
|
+
return e;
|
|
20
20
|
},
|
|
21
21
|
get boxed () {
|
|
22
|
-
return
|
|
22
|
+
return y;
|
|
23
23
|
},
|
|
24
24
|
get center () {
|
|
25
|
-
return
|
|
25
|
+
return q;
|
|
26
26
|
},
|
|
27
27
|
get content () {
|
|
28
|
-
return
|
|
28
|
+
return b;
|
|
29
29
|
},
|
|
30
30
|
get detail () {
|
|
31
31
|
return c;
|
|
@@ -34,7 +34,7 @@ _export(exports, {
|
|
|
34
34
|
return h;
|
|
35
35
|
},
|
|
36
36
|
get disabled () {
|
|
37
|
-
return
|
|
37
|
+
return n;
|
|
38
38
|
},
|
|
39
39
|
get dualActionContainer () {
|
|
40
40
|
return s;
|
|
@@ -61,7 +61,7 @@ _export(exports, {
|
|
|
61
61
|
return x;
|
|
62
62
|
},
|
|
63
63
|
get pointer () {
|
|
64
|
-
return
|
|
64
|
+
return a;
|
|
65
65
|
},
|
|
66
66
|
get rightContent () {
|
|
67
67
|
return d;
|
|
@@ -70,25 +70,25 @@ _export(exports, {
|
|
|
70
70
|
return l;
|
|
71
71
|
},
|
|
72
72
|
get row () {
|
|
73
|
-
return
|
|
73
|
+
return f;
|
|
74
74
|
},
|
|
75
75
|
get rowBody () {
|
|
76
|
-
return
|
|
76
|
+
return o;
|
|
77
77
|
},
|
|
78
78
|
get rowContent () {
|
|
79
|
-
return
|
|
79
|
+
return g;
|
|
80
80
|
},
|
|
81
81
|
get rowContentPadding () {
|
|
82
|
-
return
|
|
82
|
+
return j;
|
|
83
83
|
},
|
|
84
84
|
get touchableBackground () {
|
|
85
|
-
return
|
|
85
|
+
return r;
|
|
86
86
|
},
|
|
87
87
|
get touchableBackgroundBrand () {
|
|
88
|
-
return
|
|
88
|
+
return u;
|
|
89
89
|
},
|
|
90
90
|
get ul () {
|
|
91
91
|
return p;
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
|
-
/* empty css */ /* empty css */ var
|
|
94
|
+
/* empty css */ /* empty css */ var n = "v16_58_2buj9g0", f = "v16_58_2buj9g1 v16_58_1y2v1nfqr", y = "v16_58_2buj9g2", r = "v16_58_2buj9g3", u = "v16_58_2buj9g4", a = "v16_58_2buj9g5 v16_58_1y2v1nft7", g = "v16_58_2buj9g7 v16_58_2buj9g6 v16_58_1y2v1nffx v16_58_1y2v1nfh6 v16_58_1y2v1nfif v16_58_1y2v1nfjo v16_58_1y2v1nfqr v16_58_1y2v1nfsm v16_58_1y2v1nffw v16_58_1y2v1nfq6 v16_58_1y2v1nfr8 v16_58_1y2v1nfpy", j = "v16_58_2buj9g8 v16_58_1y2v1nfiu v16_58_1y2v1nfk3", b = "v16_58_2buj9g9 v16_58_1y2v1nfgc v16_58_1y2v1nfhl v16_58_1y2v1nfq4 v16_58_1y2v1nfqr v16_58_1y2v1nfsh", t = "v16_58_2buj9ga v16_58_1y2v1nfk3", i = "v16_58_2buj9gb v16_58_1y2v1nfq4 v16_58_1y2v1nfqm v16_58_1y2v1nfqo", o = "v16_58_2buj9gc v16_58_1y2v1nfq4 v16_58_1y2v1nfqa v16_58_1y2v1nfqq", q = "v16_58_2buj9gd v16_58_1y2v1nfq4 v16_58_1y2v1nfqj", e = "v16_58_2buj9gf v16_58_2buj9gd v16_58_1y2v1nfq4 v16_58_1y2v1nfqj v16_58_2buj9ge v16_58_1y2v1nfqd v16_58_1y2v1nfru v16_58_1y2v1nfr8 v16_58_1y2v1nfqm", d = "v16_58_2buj9gg", l = "v16_58_2buj9gh", h = "v16_58_2buj9gi", c = "v16_58_2buj9gj v16_58_2buj9gd v16_58_1y2v1nfq4 v16_58_1y2v1nfqj", s = "v16_58_2buj9gk v16_58_1y2v1nfq4 v16_58_1y2v1nfq9 v16_58_1y2v1nfr8", m = "v16_58_2buj9gn v16_58_2buj9gl v16_58_1y2v1nffx v16_58_1y2v1nfh6 v16_58_1y2v1nfif v16_58_1y2v1nfjo v16_58_1y2v1nfsm v16_58_1y2v1nffw v16_58_2buj9gm v16_58_1y2v1nfiu v16_58_1y2v1nfk3 v16_58_1y2v1nfq6 v16_58_1y2v1nfqp", k = "v16_58_2buj9gp v16_58_2buj9go v16_58_1y2v1nfq4", w = "v16_58_2buj9gr v16_58_2buj9gl v16_58_1y2v1nffx v16_58_1y2v1nfh6 v16_58_1y2v1nfif v16_58_1y2v1nfjo v16_58_1y2v1nfsm v16_58_1y2v1nffw v16_58_2buj9gq v16_58_1y2v1nfiu v16_58_1y2v1nfk3 v16_58_1y2v1nfq4 v16_58_1y2v1nfqj v16_58_1y2v1nfqo v16_58_1y2v1nfqs v16_58_1y2v1nfr8", p = "v16_58_2buj9gs", C = "v16_58_2buj9gt", x = "v16_58_2buj9gu", A = "v16_58_2buj9gv", B = "v16_58_2buj9gw";
|
|
@@ -10,16 +10,16 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get hidden () {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
get portal () {
|
|
16
|
-
return
|
|
16
|
+
return n;
|
|
17
17
|
},
|
|
18
18
|
get progress () {
|
|
19
|
-
return
|
|
19
|
+
return f;
|
|
20
20
|
},
|
|
21
21
|
get progressContainer () {
|
|
22
|
-
return
|
|
22
|
+
return y;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var
|
|
25
|
+
/* empty css */ /* empty css */ var n = "v16_58_1num3qg2 v16_58_1num3qg1 v16_58_1y2v1nfq0 v16_58_1y2v1nfte v16_58_1y2v1nftt v16_58_1y2v1nfu8", r = "v16_58_1num3qg3", y = "v16_58_1num3qg4 v16_58_1y2v1nfqr v16_58_1y2v1nft8 v16_58_1y2v1nfpy v16_58_1y2v1nfbx v16_58_1y2v1nfrb", f = "v16_58_1num3qg7 v16_58_1num3qg6 v16_58_1y2v1nfpz v16_58_1y2v1nfqr v16_58_1y2v1nfr8";
|
|
@@ -10,40 +10,40 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get inOutAnimationMs () {
|
|
13
|
-
return
|
|
13
|
+
return n;
|
|
14
14
|
},
|
|
15
15
|
get loadingScreen () {
|
|
16
|
-
return
|
|
16
|
+
return e;
|
|
17
17
|
},
|
|
18
18
|
get loadingScreenChildren () {
|
|
19
|
-
return
|
|
19
|
+
return l;
|
|
20
20
|
},
|
|
21
21
|
get loadingScreenText () {
|
|
22
|
-
return
|
|
22
|
+
return d;
|
|
23
23
|
},
|
|
24
24
|
get loadingScreenTextAnimated () {
|
|
25
|
-
return
|
|
25
|
+
return k;
|
|
26
26
|
},
|
|
27
27
|
get loadingScreenTextAnimatedOut () {
|
|
28
|
-
return
|
|
28
|
+
return o;
|
|
29
29
|
},
|
|
30
30
|
get logo () {
|
|
31
|
-
return
|
|
31
|
+
return i;
|
|
32
32
|
},
|
|
33
33
|
get pulseLogo () {
|
|
34
|
-
return
|
|
34
|
+
return b;
|
|
35
35
|
},
|
|
36
36
|
get screenBackground () {
|
|
37
|
-
return
|
|
37
|
+
return r;
|
|
38
38
|
},
|
|
39
39
|
get screenBackgroundAnimated () {
|
|
40
|
-
return
|
|
40
|
+
return a;
|
|
41
41
|
},
|
|
42
42
|
get screenBackgroundFadeOut () {
|
|
43
|
-
return
|
|
43
|
+
return f;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var
|
|
47
|
-
default: "
|
|
48
|
-
brand: "
|
|
49
|
-
},
|
|
46
|
+
/* empty css */ /* empty css */ var e = "v16_58_flke8b1 v16_58_flke8b0 v16_58_1y2v1nfq4 v16_58_1y2v1nfqa v16_58_1y2v1nfqj", n = 500, a = "v16_58_flke8b3", r = {
|
|
47
|
+
default: "v16_58_flke8b4",
|
|
48
|
+
brand: "v16_58_flke8b5"
|
|
49
|
+
}, f = "v16_58_flke8b6", l = "v16_58_flke8b7 v16_58_1y2v1nfqq v16_58_1y2v1nfq4 v16_58_1y2v1nfqa v16_58_1y2v1nfqj v16_58_1y2v1nfqd", d = "v16_58_flke8b9 v16_58_flke8b8 v16_58_1y2v1nfgi", k = "v16_58_flke8bb", o = "v16_58_flke8bc", b = "v16_58_flke8be", i = "v16_58_flke8bf";
|
package/dist/logo.css-mistica.js
CHANGED
|
@@ -10,18 +10,18 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get logoContainer () {
|
|
13
|
-
return
|
|
13
|
+
return t;
|
|
14
14
|
},
|
|
15
15
|
get svg () {
|
|
16
|
-
return
|
|
16
|
+
return r;
|
|
17
17
|
},
|
|
18
18
|
get vars () {
|
|
19
|
-
return
|
|
19
|
+
return _;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ var
|
|
23
|
-
size: "var(--
|
|
24
|
-
sizeMobile: "var(--
|
|
25
|
-
sizeTablet: "var(--
|
|
26
|
-
sizeDesktop: "var(--
|
|
27
|
-
},
|
|
22
|
+
/* empty css */ var _ = {
|
|
23
|
+
size: "var(--v16_58_140ft6x0)",
|
|
24
|
+
sizeMobile: "var(--v16_58_140ft6x1)",
|
|
25
|
+
sizeTablet: "var(--v16_58_140ft6x2)",
|
|
26
|
+
sizeDesktop: "var(--v16_58_140ft6x3)"
|
|
27
|
+
}, r = "v16_58_140ft6x4", t = "v16_58_140ft6x5";
|
package/dist/menu.css-mistica.js
CHANGED
|
@@ -10,47 +10,47 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get iconContainer () {
|
|
13
|
-
return
|
|
13
|
+
return f;
|
|
14
14
|
},
|
|
15
15
|
get itemContent () {
|
|
16
|
-
return
|
|
16
|
+
return m;
|
|
17
17
|
},
|
|
18
18
|
get menuContainer () {
|
|
19
|
-
return
|
|
19
|
+
return e;
|
|
20
20
|
},
|
|
21
21
|
get menuItem () {
|
|
22
|
-
return
|
|
22
|
+
return r;
|
|
23
23
|
},
|
|
24
24
|
get menuItemDisabled () {
|
|
25
|
-
return
|
|
25
|
+
return u;
|
|
26
26
|
},
|
|
27
27
|
get menuItemEnabled () {
|
|
28
|
-
return
|
|
28
|
+
return t;
|
|
29
29
|
},
|
|
30
30
|
get menuItemHovered () {
|
|
31
|
-
return
|
|
31
|
+
return a;
|
|
32
32
|
},
|
|
33
33
|
get menuSectionDivider () {
|
|
34
|
-
return
|
|
34
|
+
return i;
|
|
35
35
|
},
|
|
36
36
|
get menuTransitionClasses () {
|
|
37
|
-
return
|
|
37
|
+
return n;
|
|
38
38
|
},
|
|
39
39
|
get vars () {
|
|
40
|
-
return
|
|
40
|
+
return k;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
|
-
/* empty css */ /* empty css */ var
|
|
44
|
-
top: "var(--
|
|
45
|
-
bottom: "var(--
|
|
46
|
-
left: "var(--
|
|
47
|
-
right: "var(--
|
|
48
|
-
width: "var(--
|
|
49
|
-
maxHeight: "var(--
|
|
50
|
-
transformOrigin: "var(--
|
|
51
|
-
},
|
|
52
|
-
enter: "
|
|
53
|
-
enterActive: "
|
|
54
|
-
exit: "
|
|
55
|
-
exitActive: "
|
|
56
|
-
},
|
|
43
|
+
/* empty css */ /* empty css */ var k = {
|
|
44
|
+
top: "var(--v16_58_2k0k3u0)",
|
|
45
|
+
bottom: "var(--v16_58_2k0k3u1)",
|
|
46
|
+
left: "var(--v16_58_2k0k3u2)",
|
|
47
|
+
right: "var(--v16_58_2k0k3u4)",
|
|
48
|
+
width: "var(--v16_58_2k0k3u3)",
|
|
49
|
+
maxHeight: "var(--v16_58_2k0k3u5)",
|
|
50
|
+
transformOrigin: "var(--v16_58_2k0k3u6)"
|
|
51
|
+
}, e = "v16_58_2k0k3u8 v16_58_2k0k3u7 v16_58_1y2v1nfg6 v16_58_1y2v1nfhf v16_58_1y2v1nfio v16_58_1y2v1nfjx v16_58_1y2v1nf83 v16_58_1y2v1nfsy v16_58_1y2v1nfq4 v16_58_1y2v1nfqa v16_58_1y2v1nfpz", n = {
|
|
52
|
+
enter: "v16_58_2k0k3u9",
|
|
53
|
+
enterActive: "v16_58_2k0k3ua",
|
|
54
|
+
exit: "v16_58_2k0k3ub",
|
|
55
|
+
exitActive: "v16_58_2k0k3uc"
|
|
56
|
+
}, r = "v16_58_2k0k3ud", a = "v16_58_2k0k3ue", t = "v16_58_2k0k3uf", u = "v16_58_2k0k3ug", i = "v16_58_2k0k3ui v16_58_2k0k3uh v16_58_1y2v1nfg6 v16_58_1y2v1nfhf", m = "v16_58_2k0k3uj", f = "v16_58_2k0k3uk";
|
|
@@ -13,10 +13,10 @@ _export(exports, {
|
|
|
13
13
|
return a;
|
|
14
14
|
},
|
|
15
15
|
get singleItemRowContainer () {
|
|
16
|
-
return
|
|
16
|
+
return t;
|
|
17
17
|
},
|
|
18
18
|
get squareContainer () {
|
|
19
|
-
return
|
|
19
|
+
return r;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ var
|
|
22
|
+
/* empty css */ var r = "v16_58_1j2q6te0", t = "v16_58_1j2q6te1", a = "v16_58_1j2q6te2";
|