@telefonica/mistica 16.31.0 → 16.33.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/css/mistica-common.css +35 -8
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/box.js +5 -5
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-group.js +2 -2
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +16 -16
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card.css-mistica.js +3 -3
- package/dist/carousel.css-mistica.js +99 -44
- package/dist/carousel.css.d.ts +35 -16
- package/dist/carousel.d.ts +43 -5
- package/dist/carousel.js +570 -384
- package/dist/checkbox.css-mistica.js +7 -7
- package/dist/checkbox.js +2 -2
- package/dist/chip.css-mistica.js +12 -12
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/advanced-data-card.js +4 -4
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/counter.js +8 -8
- package/dist/cover-hero.css-mistica.js +14 -15
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/dialog.js +14 -14
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.css-mistica.js +4 -4
- package/dist/fixed-footer-layout.js +5 -5
- package/dist/form.css-mistica.js +1 -1
- package/dist/form.js +5 -5
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/grid.js +9 -9
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/highlighted-card.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icon-button.js +3 -3
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.js +5 -5
- package/dist/index.d.ts +2 -1
- package/dist/index.js +13 -0
- package/dist/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-bar.js +2 -2
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/loading-screen.js +3 -3
- package/dist/logo.css-mistica.js +5 -5
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/media-queries.css-mistica.js +2 -2
- package/dist/menu.css-mistica.js +12 -12
- package/dist/menu.js +7 -7
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/mosaic.d.ts +2 -1
- package/dist/mosaic.js +33 -32
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/pin-field.js +2 -2
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/progress-bar.js +2 -2
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/radio-button.d.ts +1 -0
- package/dist/radio-button.js +72 -61
- package/dist/rating.css-mistica.js +2 -2
- package/dist/rating.js +8 -8
- package/dist/responsive-layout.css-mistica.js +16 -19
- package/dist/responsive-layout.css.d.ts +2 -2
- package/dist/responsive-layout.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/screen-reader-only.css.d.ts +14 -0
- package/dist/select.css-mistica.js +15 -15
- package/dist/select.js +9 -9
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-common.js +18 -18
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +354 -354
- package/dist/skip-link.css-mistica.js +22 -0
- package/dist/skip-link.css.d.ts +2 -0
- package/dist/skip-link.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/skip-link.d.ts +16 -0
- package/dist/skip-link.js +145 -0
- package/dist/slider.css-mistica.js +10 -10
- package/dist/slider.js +9 -9
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/spinner.d.ts +2 -1
- package/dist/spinner.js +82 -128
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/stepper.js +3 -3
- package/dist/switch-component.css-mistica.js +26 -26
- package/dist/table.css-mistica.js +8 -8
- package/dist/table.js +8 -8
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-base.js +126 -115
- package/dist/text-field-components.css-mistica.js +6 -6
- package/dist/text-field-components.js +2 -2
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text-tokens.d.ts +10 -0
- package/dist/text-tokens.js +152 -112
- package/dist/text.css-mistica.js +7 -7
- package/dist/text.js +172 -147
- package/dist/theme-context.css-mistica.js +394 -394
- package/dist/timeline.css-mistica.js +10 -10
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.js +3 -3
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/box.js +9 -9
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-group.js +4 -4
- package/dist-es/button-layout.css-mistica.js +13 -13
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/callout.js +5 -5
- package/dist-es/card.css-mistica.js +3 -3
- package/dist-es/carousel.css-mistica.js +9 -8
- package/dist-es/carousel.js +587 -407
- package/dist-es/checkbox.css-mistica.js +7 -7
- package/dist-es/checkbox.js +6 -6
- package/dist-es/chip.css-mistica.js +12 -12
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/advanced-data-card.js +11 -11
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/counter.js +8 -8
- package/dist-es/cover-hero.css-mistica.js +4 -5
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/dialog.js +31 -31
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/empty-state.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/fixed-footer-layout.js +5 -5
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/form.js +5 -5
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/grid.js +10 -10
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +4 -4
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icon-button.js +3 -3
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +3 -3
- package/dist-es/image.js +5 -5
- package/dist-es/index.js +1844 -1843
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/list.js +18 -18
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-bar.js +6 -6
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/loading-screen.js +8 -8
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/media-queries.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/menu.js +7 -7
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/mosaic.js +47 -46
- package/dist-es/navigation-bar.css-mistica.js +16 -16
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/pin-field.js +8 -8
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/progress-bar.js +10 -10
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/radio-button.js +98 -88
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/rating.js +12 -12
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/responsive-layout.js +15 -15
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/select.js +15 -15
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-common.js +42 -42
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +354 -354
- package/dist-es/skip-link.css-mistica.js +5 -0
- package/dist-es/skip-link.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/skip-link.js +87 -0
- package/dist-es/slider.css-mistica.js +10 -10
- package/dist-es/slider.js +9 -9
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/spinner.js +86 -91
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +26 -26
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/table.js +12 -12
- package/dist-es/tabs.css-mistica.js +12 -12
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +8 -8
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-base.js +153 -141
- package/dist-es/text-field-components.css-mistica.js +5 -5
- package/dist-es/text-field-components.js +4 -4
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text-tokens.js +85 -60
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/text.js +176 -151
- package/dist-es/theme-context.css-mistica.js +394 -394
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timeline.js +4 -4
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/aspect-ratio-support.js +10 -10
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +5 -5
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -34,11 +34,11 @@ _export(exports, {
|
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./checkbox.css.ts.vanilla.css-mistica.js");
|
|
36
36
|
var n = {
|
|
37
|
-
ios: "
|
|
38
|
-
rest: "
|
|
39
|
-
checked: "
|
|
40
|
-
}, r = "
|
|
41
|
-
ios: "
|
|
42
|
-
rest: "
|
|
43
|
-
checked: "
|
|
37
|
+
ios: "v16_33_1rz9b16 v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln",
|
|
38
|
+
rest: "v16_33_1rz9b17 v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln",
|
|
39
|
+
checked: "v16_33_1rz9b18 v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln"
|
|
40
|
+
}, r = "v16_33_1rz9b1d v16_33_1y2v1nfiu", f = "v16_33_1rz9b1e", y = "v16_33_1rz9b12 v16_33_1rz9b11 v16_33_1y2v1nfiv", b = "v16_33_1rz9b13 v16_33_1rz9b11 v16_33_1y2v1nfiv", a = "v16_33_1rz9b1f", e = {
|
|
41
|
+
ios: "v16_33_1rz9b19 v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln",
|
|
42
|
+
rest: "v16_33_1rz9b1a v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln",
|
|
43
|
+
checked: "v16_33_1rz9b1b v16_33_1rz9b15 v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfja v16_33_1y2v1nfln"
|
|
44
44
|
};
|
package/dist/checkbox.js
CHANGED
|
@@ -160,7 +160,7 @@ const M = (param)=>{
|
|
|
160
160
|
disabled: e.disabled
|
|
161
161
|
}), [l, y] = _react.useState(!!I), v = ()=>{
|
|
162
162
|
r === void 0 ? (y(!l), f(!l)) : f(!r);
|
|
163
|
-
},
|
|
163
|
+
}, N = (n)=>{
|
|
164
164
|
n.key === _keys.SPACE && (n.preventDefault(), n.stopPropagation(), v());
|
|
165
165
|
}, u = /* @__PURE__ */ (0, _jsxruntime.jsx)(M, {
|
|
166
166
|
disabled: o,
|
|
@@ -171,7 +171,7 @@ const M = (param)=>{
|
|
|
171
171
|
id: e.id,
|
|
172
172
|
role: e.role || "checkbox",
|
|
173
173
|
"aria-checked": r !== null && r !== void 0 ? r : l,
|
|
174
|
-
onKeyDown: o ? void 0 :
|
|
174
|
+
onKeyDown: o ? void 0 : N,
|
|
175
175
|
onClick: (n)=>{
|
|
176
176
|
n.stopPropagation(), o || v();
|
|
177
177
|
},
|
package/dist/chip.css-mistica.js
CHANGED
|
@@ -48,16 +48,16 @@ _export(exports, {
|
|
|
48
48
|
});
|
|
49
49
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
50
50
|
require("./chip.css.ts.vanilla.css-mistica.js");
|
|
51
|
-
var n = "
|
|
52
|
-
default: "
|
|
53
|
-
overAlternative: "
|
|
54
|
-
active: "
|
|
55
|
-
navigationActive: "
|
|
56
|
-
navigationActiveInverse: "
|
|
57
|
-
}, t = "
|
|
58
|
-
default: "
|
|
59
|
-
withIcon: "
|
|
51
|
+
var n = "v16_33_cc7htng", c = {
|
|
52
|
+
default: "v16_33_cc7htn3 v16_33_1y2v1nfl9 v16_33_1y2v1nf4c v16_33_1y2v1nf2c",
|
|
53
|
+
overAlternative: "v16_33_cc7htn3 v16_33_1y2v1nfl9 v16_33_1y2v1nf4k v16_33_1y2v1nf2c",
|
|
54
|
+
active: "v16_33_cc7htnc v16_33_cc7htn4 v16_33_cc7htn3 v16_33_1y2v1nfl9 v16_33_1y2v1nf1l v16_33_1y2v1nf7d",
|
|
55
|
+
navigationActive: "v16_33_cc7htnd v16_33_cc7htn4 v16_33_cc7htn3 v16_33_1y2v1nfl9 v16_33_1y2v1nf2i v16_33_1y2v1nf59",
|
|
56
|
+
navigationActiveInverse: "v16_33_cc7htne v16_33_cc7htn3 v16_33_1y2v1nfl9 v16_33_1y2v1nf1l v16_33_1y2v1nf7d"
|
|
57
|
+
}, t = "v16_33_1y2v1nfit v16_33_1y2v1nfj1 v16_33_1y2v1nfj7", f = "v16_33_cc7htnk v16_33_1y2v1nfci", i = "v16_33_cc7htnq v16_33_1y2v1nfci", y = "v16_33_cc7htnm v16_33_1y2v1nfci", a = "v16_33_cc7htno v16_33_1y2v1nfci", r = "v16_33_cc7htnf", e = "v16_33_cc7htni v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfm0 v16_33_1y2v1nfn9 v16_33_1y2v1nfin", h = {
|
|
58
|
+
default: "v16_33_1y2v1nfbl v16_33_1y2v1nfbh",
|
|
59
|
+
withIcon: "v16_33_1y2v1nfbi v16_33_1y2v1nfbe"
|
|
60
60
|
}, o = {
|
|
61
|
-
default: "
|
|
62
|
-
withIcon: "
|
|
63
|
-
}, l = "
|
|
61
|
+
default: "v16_33_1y2v1nfcu v16_33_1y2v1nfcq",
|
|
62
|
+
withIcon: "v16_33_1y2v1nfcr v16_33_1y2v1nfcn"
|
|
63
|
+
}, l = "v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfj1 v16_33_1y2v1nfj7";
|
|
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "circle", {
|
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./circle.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var y = "
|
|
13
|
+
var y = "v16_33_1wpwyyp1 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflc";
|
|
@@ -85,9 +85,9 @@ _export(exports, {
|
|
|
85
85
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
86
86
|
require("../icon-button.css.ts.vanilla.css-mistica.js");
|
|
87
87
|
require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
|
|
88
|
-
var f = 216, n = "
|
|
89
|
-
default: "
|
|
90
|
-
mobile: "
|
|
91
|
-
}, t = "
|
|
92
|
-
topActionsCount: "var(--
|
|
93
|
-
}, w = "
|
|
88
|
+
var f = 216, n = "v16_33_1x00fru4 v16_33_1x00fru2 v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nfis v16_33_1y2v1nfj4 v16_33_1y2v1nfaf", a = {
|
|
89
|
+
default: "v16_33_1x00fruk",
|
|
90
|
+
mobile: "v16_33_1x00frul"
|
|
91
|
+
}, t = "v16_33_1x00frut", i = "v16_33_1x00fruo", u = "v16_33_1x00frup v16_33_1x00fruo", o = "v16_33_1x00fru8 v16_33_1x00fru2 v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nf8u v16_33_1y2v1nfaf", y = "v16_33_1y2v1nfim v16_33_1y2v1nfjw", x = "v16_33_1x00frud v16_33_1y2v1nfim v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfiy", e = "v16_33_1x00frui", c = "v16_33_1x00frua v16_33_1y2v1nf90 v16_33_1y2v1nfaf v16_33_1y2v1nfjf", d = "v16_33_1x00frux", s = "v16_33_1x00frus v16_33_1y2v1nfis v16_33_1y2v1nfix", m = "v16_33_1y2v1nfj7 v16_33_1y2v1nfis v16_33_1y2v1nfcr", l = "v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfj7 v16_33_1y2v1nfl1", b = "v16_33_1x00frum", p = "v16_33_1x00fruu", g = "v16_33_1x00frub", j = "v16_33_1x00fru2 v16_33_1y2v1nfbi v16_33_1y2v1nfcr", h = "v16_33_1x00fruw", C = "v16_33_1x00fru5", H = "v16_33_1x00fru6", I = {
|
|
92
|
+
topActionsCount: "var(--v16_33_1x00fruv)"
|
|
93
|
+
}, w = "v16_33_1y2v1nf90";
|
|
@@ -163,7 +163,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
163
163
|
return target;
|
|
164
164
|
}
|
|
165
165
|
const jr = (param)=>{
|
|
166
|
-
let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax:
|
|
166
|
+
let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N } = param;
|
|
167
167
|
const { textPresets: m } = (0, _hooks.useTheme)();
|
|
168
168
|
return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
169
169
|
className: _advanceddatacardcssmistica.flexColumn,
|
|
@@ -259,7 +259,7 @@ const jr = (param)=>{
|
|
|
259
259
|
})
|
|
260
260
|
}),
|
|
261
261
|
e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
262
|
-
truncate:
|
|
262
|
+
truncate: N,
|
|
263
263
|
as: "div",
|
|
264
264
|
regular: !0,
|
|
265
265
|
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
@@ -318,7 +318,7 @@ const jr = (param)=>{
|
|
|
318
318
|
]
|
|
319
319
|
});
|
|
320
320
|
}, Er = /*#__PURE__*/ _react.forwardRef((_param, K)=>{
|
|
321
|
-
var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax:
|
|
321
|
+
var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: N, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
|
|
322
322
|
"stackingGroup",
|
|
323
323
|
"headline",
|
|
324
324
|
"pretitle",
|
|
@@ -410,7 +410,7 @@ const jr = (param)=>{
|
|
|
410
410
|
subtitle: a,
|
|
411
411
|
subtitleLinesMax: i,
|
|
412
412
|
description: e,
|
|
413
|
-
descriptionLinesMax:
|
|
413
|
+
descriptionLinesMax: N
|
|
414
414
|
})
|
|
415
415
|
]
|
|
416
416
|
}),
|
|
@@ -18,4 +18,4 @@ _export(exports, {
|
|
|
18
18
|
});
|
|
19
19
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
20
20
|
require("./blocks.css.ts.vanilla.css-mistica.js");
|
|
21
|
-
var n = "
|
|
21
|
+
var n = "v16_33_1y2v1nfis v16_33_1y2v1nfiy", t = "v16_33_llrsen1";
|
|
@@ -45,4 +45,4 @@ _export(exports, {
|
|
|
45
45
|
});
|
|
46
46
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
47
47
|
require("./counter.css.ts.vanilla.css-mistica.js");
|
|
48
|
-
var n = "
|
|
48
|
+
var n = "v16_33_rijsns8 v16_33_1y2v1nf8k v16_33_1y2v1nfla v16_33_1y2v1nfin v16_33_1y2v1nfjq v16_33_1y2v1nfk6", r = "v16_33_rijsnse v16_33_1y2v1nfjp v16_33_1y2v1nfk5 v16_33_1y2v1nfin v16_33_1y2v1nfli v16_33_1y2v1nf7d", s = "v16_33_rijsns6", i = "v16_33_rijsns3 v16_33_1y2v1nfli v16_33_1y2v1nf4c v16_33_1y2v1nfit v16_33_1y2v1nflu", a = "v16_33_rijsnsc v16_33_rijsnsa v16_33_1y2v1nfin", t = "v16_33_rijsnsa v16_33_1y2v1nfin", f = "v16_33_rijsns4", y = "v16_33_rijsns0", o = "v16_33_rijsns1", j = "v16_33_rijsnsb v16_33_rijsnsa v16_33_1y2v1nfin", e = "v16_33_1y2v1nfim v16_33_1y2v1nfis v16_33_1y2v1nfj1";
|
package/dist/counter.js
CHANGED
|
@@ -128,22 +128,22 @@ const M = 20, cr = (param)=>{
|
|
|
128
128
|
const s = p !== void 0, f = _react.useCallback((i)=>i === void 0 ? h : Math.max(h, Math.min(c, i)), [
|
|
129
129
|
h,
|
|
130
130
|
c
|
|
131
|
-
]), [t, I] = _react.useState(f(b)),
|
|
131
|
+
]), [t, I] = _react.useState(f(b)), N = (i)=>{
|
|
132
132
|
s || I(i), a == null || a(i);
|
|
133
133
|
};
|
|
134
134
|
return [
|
|
135
135
|
s ? f(p) : t,
|
|
136
|
-
|
|
136
|
+
N
|
|
137
137
|
];
|
|
138
138
|
}, sr = (param)=>{
|
|
139
|
-
let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel:
|
|
140
|
-
const C = (0, _themevariantcontext.useThemeVariant)(),
|
|
139
|
+
let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel: N, decreaseLabel: i, valueLabel: k } = param;
|
|
140
|
+
const C = (0, _themevariantcontext.useThemeVariant)(), g = _react.useId(), { texts: u, t: d, isDarkMode: A } = (0, _hooks.useTheme)(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
|
|
141
141
|
value: p,
|
|
142
142
|
defaultValue: b,
|
|
143
143
|
min: l,
|
|
144
144
|
max: m,
|
|
145
145
|
onChangeValue: h
|
|
146
|
-
}), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(_texttokens.counterRemoveLabel), $ = ()=>
|
|
146
|
+
}), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(_texttokens.counterRemoveLabel), $ = ()=>N !== null && N !== void 0 ? N : u.counterIncreaseLabel || d(_texttokens.counterIncreaseLabel), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(_texttokens.counterDecreaseLabel), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(_texttokens.counterQuantity)}${a !== void 0 ? `, ${u.counterMinValue || d(_texttokens.counterMinValue)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(_texttokens.counterMaxValue)} ${s}` : ""}`;
|
|
147
147
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
148
148
|
className: (0, _classnames.default)(_countercssmistica.counter, {
|
|
149
149
|
[_countercssmistica.disabled]: t
|
|
@@ -167,7 +167,7 @@ const M = 20, cr = (param)=>{
|
|
|
167
167
|
disabled: !o && e === l || t,
|
|
168
168
|
onPress: ()=>o ? c == null ? void 0 : c() : B(e - 1),
|
|
169
169
|
"aria-label": o ? R() : z(),
|
|
170
|
-
"aria-controls":
|
|
170
|
+
"aria-controls": g,
|
|
171
171
|
children: [
|
|
172
172
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
173
173
|
className: _countercssmistica.buttonBackground
|
|
@@ -196,7 +196,7 @@ const M = 20, cr = (param)=>{
|
|
|
196
196
|
style: {
|
|
197
197
|
width: `${Math.max(3, String(m).length) * 1.25}ch`
|
|
198
198
|
},
|
|
199
|
-
id:
|
|
199
|
+
id: g,
|
|
200
200
|
"aria-live": "polite",
|
|
201
201
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
|
|
202
202
|
variant: "default",
|
|
@@ -227,7 +227,7 @@ const M = 20, cr = (param)=>{
|
|
|
227
227
|
disabled: e === m || t,
|
|
228
228
|
onPress: ()=>B(e + 1),
|
|
229
229
|
"aria-label": $(),
|
|
230
|
-
"aria-controls":
|
|
230
|
+
"aria-controls": g,
|
|
231
231
|
children: [
|
|
232
232
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
233
233
|
className: _countercssmistica.buttonBackground
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
centered: function() {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
coverHero: function() {
|
|
16
16
|
return e;
|
|
@@ -19,41 +19,40 @@ _export(exports, {
|
|
|
19
19
|
return f;
|
|
20
20
|
},
|
|
21
21
|
flexColumn: function() {
|
|
22
|
-
return
|
|
22
|
+
return r;
|
|
23
23
|
},
|
|
24
24
|
hasSideExtra: function() {
|
|
25
|
-
return
|
|
25
|
+
return y;
|
|
26
26
|
},
|
|
27
27
|
mainContent: function() {
|
|
28
|
-
return
|
|
28
|
+
return m;
|
|
29
29
|
},
|
|
30
30
|
mediaLayer: function() {
|
|
31
|
-
return
|
|
31
|
+
return o;
|
|
32
32
|
},
|
|
33
33
|
mediaOverlay: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
minHeight: function() {
|
|
37
|
-
return
|
|
37
|
+
return s;
|
|
38
38
|
},
|
|
39
39
|
sideExtra: function() {
|
|
40
|
-
return
|
|
40
|
+
return z;
|
|
41
41
|
},
|
|
42
42
|
sixColumns: function() {
|
|
43
|
-
return
|
|
43
|
+
return j;
|
|
44
44
|
},
|
|
45
45
|
vars: function() {
|
|
46
|
-
return
|
|
46
|
+
return p;
|
|
47
47
|
},
|
|
48
48
|
withAspectRatio: function() {
|
|
49
|
-
return
|
|
49
|
+
return c;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
53
53
|
require("./responsive-layout.css.ts.vanilla.css-mistica.js");
|
|
54
|
-
require("./grid-layout.css.ts.vanilla.css-mistica.js");
|
|
55
54
|
require("./carousel.css.ts.vanilla.css-mistica.js");
|
|
56
55
|
require("./cover-hero.css.ts.vanilla.css-mistica.js");
|
|
57
|
-
var
|
|
58
|
-
aspectRatio: "var(--
|
|
59
|
-
},
|
|
56
|
+
var i = "v16_33_moeazi9 v16_33_1y2v1nfj7", e = "v16_33_moeazi2 v16_33_1y2v1nfim v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfj1 v16_33_1y2v1nfjf v16_33_1y2v1nfm0 v16_33_1y2v1nfn9", f = "v16_33_moeazi4 v16_33_1y2v1nfim v16_33_1y2v1nfis v16_33_1y2v1nfjf", r = "v16_33_1y2v1nfis v16_33_1y2v1nfiy", y = "v16_33_moeazi7", m = "v16_33_1y2v1nfim", o = "v16_33_1y2v1nfin v16_33_1y2v1nfno v16_33_1y2v1nfjf v16_33_1y2v1nfjw", t = "v16_33_moeazic v16_33_1y2v1nfin v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfjf v16_33_1y2v1nfjw", s = "v16_33_moeazi6", z = "v16_33_1y2v1nfim", j = "v16_33_moeazie", p = {
|
|
57
|
+
aspectRatio: "var(--v16_33_moeazi0)"
|
|
58
|
+
}, c = "v16_33_moeazi5";
|
|
@@ -24,7 +24,7 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var y = "
|
|
28
|
-
default: "
|
|
29
|
-
backface: "
|
|
27
|
+
var y = "v16_33_yvyo3q0", f = "v16_33_yvyo3q5 v16_33_yvyo3q2 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nfjw", n = "v16_33_yvyo3q2 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nfjw v16_33_1y2v1nfin", o = {
|
|
28
|
+
default: "v16_33_yvyo3q7 v16_33_1y2v1nfim v16_33_yvyo3q8",
|
|
29
|
+
backface: "v16_33_yvyo3q7 v16_33_1y2v1nfim v16_33_yvyo3q9"
|
|
30
30
|
};
|
|
@@ -12,4 +12,4 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
|
12
12
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
13
13
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
14
14
|
require("./date-field.css.ts.vanilla.css-mistica.js");
|
|
15
|
-
var p = "
|
|
15
|
+
var p = "v16_33_1pntndu0";
|
|
@@ -45,7 +45,7 @@ _export(exports, {
|
|
|
45
45
|
});
|
|
46
46
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
47
47
|
require("./dialog.css.ts.vanilla.css-mistica.js");
|
|
48
|
-
var n = 200, y = "
|
|
49
|
-
dialog: "
|
|
50
|
-
default: "
|
|
51
|
-
}, e = "
|
|
48
|
+
var n = 200, y = "v16_33_3dl29lb", f = "v16_33_3dl29l6", l = "v16_33_3dl29ll v16_33_1y2v1nf96", a = "v16_33_3dl29lj v16_33_1y2v1nfje v16_33_1y2v1nfks", o = "v16_33_3dl29lm", d = "v16_33_3dl29l8 v16_33_1y2v1nf90 v16_33_1y2v1nfa9 v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nfin v16_33_1y2v1nfm0 v16_33_1y2v1nfmu", i = "v16_33_3dl29la v16_33_1y2v1nf4b v16_33_1y2v1nflk", r = "v16_33_3dl29l5 v16_33_1y2v1nfio v16_33_1y2v1nfis v16_33_1y2v1nfj1 v16_33_1y2v1nfj7 v16_33_1y2v1nfiy v16_33_1y2v1nfm0 v16_33_1y2v1nfmu v16_33_1y2v1nfn9 v16_33_1y2v1nfmf v16_33_1y2v1nf4n", t = {
|
|
49
|
+
dialog: "v16_33_3dl29ld v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfj4 v16_33_1y2v1nfbo v16_33_1y2v1nfcx v16_33_1y2v1nf9c v16_33_1y2v1nfaf",
|
|
50
|
+
default: "v16_33_3dl29ld v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfj4 v16_33_1y2v1nf96 v16_33_1y2v1nfaf v16_33_1y2v1nfbo v16_33_1y2v1nfcx"
|
|
51
|
+
}, e = "v16_33_1y2v1nfim";
|
package/dist/dialog.js
CHANGED
|
@@ -155,7 +155,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
155
155
|
return target;
|
|
156
156
|
}
|
|
157
157
|
const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ge = (t)=>{
|
|
158
|
-
const { texts: r, t: u } = (0, _hooks.useTheme)(), { className: f, title: i, message: h, asset:
|
|
158
|
+
const { texts: r, t: u } = (0, _hooks.useTheme)(), { className: f, title: i, message: h, asset: n, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(_texttokens.dialogCancelButton), acceptText: p = r.dialogAcceptButton || u(_texttokens.dialogAcceptButton), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
|
|
159
159
|
onPress: y || (()=>{}),
|
|
160
160
|
children: p,
|
|
161
161
|
// @deprecated - testid should be removed but many webapp tests depend on this
|
|
@@ -166,11 +166,11 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
166
166
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
167
167
|
className: (0, _classnames.default)(_dialogcssmistica.variants[m ? "dialog" : "default"], f),
|
|
168
168
|
children: [
|
|
169
|
-
|
|
169
|
+
n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
170
170
|
paddingBottom: 24,
|
|
171
171
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
172
172
|
className: _dialogcssmistica.iconContainer,
|
|
173
|
-
children: /*#__PURE__*/ _react.cloneElement(
|
|
173
|
+
children: /*#__PURE__*/ _react.cloneElement(n, {
|
|
174
174
|
size: "100%"
|
|
175
175
|
})
|
|
176
176
|
})
|
|
@@ -230,7 +230,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
230
230
|
]
|
|
231
231
|
});
|
|
232
232
|
}, he = (param)=>{
|
|
233
|
-
let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept:
|
|
233
|
+
let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: n, onCancel: d, onDestroy: s } = param;
|
|
234
234
|
return t === "confirm" ? (0, _webviewbridge.nativeConfirm)({
|
|
235
235
|
message: r,
|
|
236
236
|
title: u,
|
|
@@ -238,16 +238,16 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
238
238
|
acceptText: f,
|
|
239
239
|
destructive: h
|
|
240
240
|
}).then((l)=>{
|
|
241
|
-
l ?
|
|
241
|
+
l ? n == null || n() : d == null || d(), s();
|
|
242
242
|
}) : (0, _webviewbridge.nativeAlert)({
|
|
243
243
|
message: r,
|
|
244
244
|
title: u,
|
|
245
245
|
buttonText: f
|
|
246
246
|
}).then(()=>{
|
|
247
|
-
|
|
247
|
+
n == null || n(), s();
|
|
248
248
|
});
|
|
249
249
|
}, pe = (param)=>{
|
|
250
|
-
let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message:
|
|
250
|
+
let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: n, title: d, destructive: s } = param;
|
|
251
251
|
const { texts: l, t: g } = (0, _hooks.useTheme)(), p = _react.useRef({
|
|
252
252
|
type: t,
|
|
253
253
|
onAccept: r,
|
|
@@ -255,7 +255,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
255
255
|
onDestroy: f,
|
|
256
256
|
acceptText: i || l.dialogAcceptButton || g(_texttokens.dialogAcceptButton),
|
|
257
257
|
cancelText: h || l.dialogCancelButton || g(_texttokens.dialogCancelButton),
|
|
258
|
-
message:
|
|
258
|
+
message: n,
|
|
259
259
|
title: d,
|
|
260
260
|
destructive: s
|
|
261
261
|
}), c = _react.useRef(!1);
|
|
@@ -266,14 +266,14 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
266
266
|
}, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
|
|
267
267
|
}, Me = (t)=>{
|
|
268
268
|
(0, _modalcontextprovider.useSetModalStateEffect)();
|
|
269
|
-
const r = _react.useRef(null), { texts: u, t: f } = (0, _hooks.useTheme)(), [i, h] = _react.useState(!1),
|
|
269
|
+
const r = _react.useRef(null), { texts: u, t: f } = (0, _hooks.useTheme)(), [i, h] = _react.useState(!1), n = _react.useRef(!1), d = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), p = _react.useRef(fe() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), c = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
|
|
270
270
|
"onAccept",
|
|
271
271
|
"onCancel",
|
|
272
272
|
"onDestroy"
|
|
273
273
|
]);
|
|
274
274
|
_react.useEffect(()=>{
|
|
275
275
|
const a = setTimeout(()=>{
|
|
276
|
-
|
|
276
|
+
n.current || l(!0);
|
|
277
277
|
}, p.current);
|
|
278
278
|
return ()=>{
|
|
279
279
|
clearTimeout(a);
|
|
@@ -287,7 +287,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
287
287
|
B
|
|
288
288
|
]), x = _react.useCallback(()=>{
|
|
289
289
|
let a;
|
|
290
|
-
return !
|
|
290
|
+
return !n.current && s && (n.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
|
|
291
291
|
a && clearTimeout(a);
|
|
292
292
|
};
|
|
293
293
|
}, [
|
|
@@ -302,7 +302,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
302
302
|
}, [
|
|
303
303
|
x
|
|
304
304
|
]), v = _react.useCallback(()=>{
|
|
305
|
-
|
|
305
|
+
n.current || (R ? T() : b());
|
|
306
306
|
}, [
|
|
307
307
|
T,
|
|
308
308
|
b,
|
|
@@ -350,10 +350,10 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
|
|
|
350
350
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
351
351
|
ref: r,
|
|
352
352
|
onAnimationEnd: (a)=>{
|
|
353
|
-
a.target === r.current && (
|
|
353
|
+
a.target === r.current && (n.current || l(!0));
|
|
354
354
|
},
|
|
355
355
|
onTransitionEnd: (a)=>{
|
|
356
|
-
a.target === r.current &&
|
|
356
|
+
a.target === r.current && n.current && N();
|
|
357
357
|
},
|
|
358
358
|
className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
|
|
359
359
|
[_dialogcssmistica.closedModalContent]: i
|
|
@@ -14,6 +14,6 @@ require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
|
14
14
|
require("./text-field-components.css.ts.vanilla.css-mistica.js");
|
|
15
15
|
require("./double-field.css.ts.vanilla.css-mistica.js");
|
|
16
16
|
var t = {
|
|
17
|
-
default: "
|
|
18
|
-
fullWidth: "
|
|
17
|
+
default: "v16_33_skrulh1 v16_33_1y2v1nfis v16_33_1y2v1nfix v16_33_1y2v1nfjf",
|
|
18
|
+
fullWidth: "v16_33_skrulh2 v16_33_1y2v1nfis v16_33_1y2v1nfix v16_33_1y2v1nfjf"
|
|
19
19
|
};
|
|
@@ -45,4 +45,4 @@ _export(exports, {
|
|
|
45
45
|
});
|
|
46
46
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
47
47
|
require("./drawer.css.ts.vanilla.css-mistica.js");
|
|
48
|
-
var n = 350, y = "
|
|
48
|
+
var n = 350, y = "v16_33_1y2v1nfin v16_33_1y2v1nfm3 v16_33_1y2v1nfmx", f = "v16_33_c4ngww9", r = "v16_33_c4ngww1 v16_33_1y2v1nfio v16_33_1y2v1nfis v16_33_1y2v1nf4b v16_33_1y2v1nfm0 v16_33_1y2v1nfmu v16_33_1y2v1nfn9 v16_33_1y2v1nflu", a = "v16_33_1y2v1nf9c v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfjd", o = "v16_33_c4ngww8", e = "v16_33_c4ngwwb v16_33_1y2v1nfio v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfn9 v16_33_1y2v1nf4n", c = "v16_33_c4ngwwc", w = "v16_33_c4ngwwd", i = "v16_33_1y2v1nfjd v16_33_1y2v1nflz", l = "v16_33_c4ngww5 v16_33_1y2v1nfja v16_33_1y2v1nfjc";
|
|
@@ -21,4 +21,4 @@ _export(exports, {
|
|
|
21
21
|
});
|
|
22
22
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
23
23
|
require("./empty-state-card.css.ts.vanilla.css-mistica.js");
|
|
24
|
-
var r = "
|
|
24
|
+
var r = "v16_33_1azor6p4 v16_33_1y2v1nfjr v16_33_1y2v1nfk7", a = "v16_33_1azor6p0", n = "v16_33_1azor6p2 v16_33_1y2v1nfiu v16_33_1y2v1nfk9";
|
|
@@ -39,9 +39,9 @@ _export(exports, {
|
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./empty-state.css.ts.vanilla.css-mistica.js");
|
|
42
|
-
var v = "
|
|
43
|
-
default: "
|
|
44
|
-
largeImage: "
|
|
45
|
-
}, f = "
|
|
46
|
-
backgroundColor: "var(--
|
|
42
|
+
var v = "v16_33_13fzrua9 v16_33_1y2v1nfjt v16_33_1y2v1nfk9", _ = "v16_33_1y2v1nfl9", e = "v16_33_13fzrua2 v16_33_1y2v1nfis v16_33_1y2v1nf8k", n = {
|
|
43
|
+
default: "v16_33_13fzrua3",
|
|
44
|
+
largeImage: "v16_33_13fzrua4"
|
|
45
|
+
}, f = "v16_33_13fzruad", o = "v16_33_13fzrua7 v16_33_1y2v1nfjw", t = "v16_33_13fzrua5", u = "v16_33_13fzruab v16_33_1y2v1nfiu", i = {
|
|
46
|
+
backgroundColor: "var(--v16_33_13fzrua0)"
|
|
47
47
|
};
|
|
@@ -48,4 +48,4 @@ _export(exports, {
|
|
|
48
48
|
});
|
|
49
49
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
50
50
|
require("./feedback.css.ts.vanilla.css-mistica.js");
|
|
51
|
-
var v = "
|
|
51
|
+
var v = "v16_33_1y2v1nfjr v16_33_1y2v1nfk7", e = "v16_33_gx6h6af", r = "v16_33_gx6h6a4 v16_33_1y2v1nfis v16_33_1y2v1nfjw v16_33_1y2v1nfjf v16_33_1y2v1nfiy", n = "v16_33_gx6h6a0", t = "v16_33_gx6h6a1", x = "v16_33_gx6h6a2", g = "v16_33_gx6h6ae", h = "v16_33_gx6h6ab v16_33_gx6h6aa", o = "v16_33_gx6h6ac v16_33_gx6h6aa", i = "v16_33_gx6h6ad v16_33_gx6h6aa", f = "v16_33_gx6h6a5", p = "v16_33_gx6h6a6";
|
|
@@ -39,7 +39,7 @@ _export(exports, {
|
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./fixed-footer-layout.css.ts.vanilla.css-mistica.js");
|
|
42
|
-
var r = "
|
|
43
|
-
footerHeight: "var(--
|
|
44
|
-
backgroundColor: "var(--
|
|
45
|
-
}, t = "
|
|
42
|
+
var r = "v16_33_p5j8j5d v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfin", f = "v16_33_p5j8j57", n = "v16_33_p5j8j55", o = "v16_33_p5j8j5b v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfn9 v16_33_1y2v1nfio", a = "v16_33_p5j8j54", j = "v16_33_p5j8j53 v16_33_1y2v1nfjf", y = "v16_33_p5j8j59 v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfn9 v16_33_1y2v1nfio", e = {
|
|
43
|
+
footerHeight: "var(--v16_33_p5j8j50)",
|
|
44
|
+
backgroundColor: "var(--v16_33_p5j8j51)"
|
|
45
|
+
}, t = "v16_33_1y2v1nfir";
|
|
@@ -77,9 +77,9 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
|
|
|
77
77
|
let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = _skincontractcssmistica.vars.colors.background, containerBgColor: F = _skincontractcssmistica.vars.colors.background, children: L, onChangeFooterHeight: n } = param;
|
|
78
78
|
const [$, h] = _react.useState(!1), d = _react.useRef(null), { height: m } = (0, _hooks.useBoundingRect)(d) || {
|
|
79
79
|
height: 0
|
|
80
|
-
}, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: v } = (0, _hooks.useTheme)(), { height: o, ref:
|
|
80
|
+
}, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: v } = (0, _hooks.useTheme)(), { height: o, ref: N } = (0, _hooks.useElementDimensions)({
|
|
81
81
|
includeMargins: !0
|
|
82
|
-
}), { visualHeight:
|
|
82
|
+
}), { visualHeight: w } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = w - a - o > ce, { topColor: D = i } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: x, ref: I } = (0, _hooks.useElementDimensions)();
|
|
83
83
|
(0, _hooks.useIsomorphicLayoutEffect)(()=>{
|
|
84
84
|
n == null || n(o);
|
|
85
85
|
}, [
|
|
@@ -113,11 +113,11 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
|
|
|
113
113
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
114
114
|
className: _fixedfooterlayoutcssmistica.fixedBackgroundLayer,
|
|
115
115
|
style: {
|
|
116
|
-
background: `linear-gradient(180deg, ${
|
|
116
|
+
background: `linear-gradient(180deg, ${D} 50%, ${i} 50% 100%)`
|
|
117
117
|
}
|
|
118
118
|
}),
|
|
119
119
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
120
|
-
ref:
|
|
120
|
+
ref: I,
|
|
121
121
|
className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
|
|
122
122
|
style: {
|
|
123
123
|
background: F,
|
|
@@ -169,7 +169,7 @@ const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
|
|
|
169
169
|
"data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
|
|
170
170
|
"data-position-fixed": "bottom",
|
|
171
171
|
children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("aside", {
|
|
172
|
-
ref:
|
|
172
|
+
ref: N,
|
|
173
173
|
"data-component-name": "FixedFooter",
|
|
174
174
|
"data-testid": "FixedFooter",
|
|
175
175
|
style: {
|
package/dist/form.css-mistica.js
CHANGED