@telefonica/mistica 16.31.0 → 16.32.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.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 +1 -1
- package/dist/index.js +6 -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/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 +4 -4
- package/dist/responsive-layout.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- 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-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/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/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 +8 -0
- package/dist/text-tokens.js +142 -110
- package/dist/text.css-mistica.js +7 -7
- package/dist/text.js +7 -7
- 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 +1843 -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/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 +4 -4
- 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 +6 -6
- 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/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/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 +79 -59
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/text.js +6 -6
- 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
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./checkbox.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var n = {
|
|
4
|
-
ios: "
|
|
5
|
-
rest: "
|
|
6
|
-
checked: "
|
|
7
|
-
}, r = "
|
|
8
|
-
ios: "
|
|
9
|
-
rest: "
|
|
10
|
-
checked: "
|
|
4
|
+
ios: "v16_32_1rz9b16 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
|
|
5
|
+
rest: "v16_32_1rz9b17 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
|
|
6
|
+
checked: "v16_32_1rz9b18 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln"
|
|
7
|
+
}, r = "v16_32_1rz9b1d v16_32_1y2v1nfiu", f = "v16_32_1rz9b1e", y = "v16_32_1rz9b12 v16_32_1rz9b11 v16_32_1y2v1nfiv", b = "v16_32_1rz9b13 v16_32_1rz9b11 v16_32_1y2v1nfiv", a = "v16_32_1rz9b1f", e = {
|
|
8
|
+
ios: "v16_32_1rz9b19 v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
|
|
9
|
+
rest: "v16_32_1rz9b1a v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln",
|
|
10
|
+
checked: "v16_32_1rz9b1b v16_32_1rz9b15 v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfja v16_32_1y2v1nfln"
|
|
11
11
|
};
|
|
12
12
|
export { n as boxVariant, r as check, f as checkChecked, y as checkboxContainer, b as checkboxContainerDisabled, a as disabled, e as inverseBoxVariant };
|
package/dist-es/checkbox.js
CHANGED
|
@@ -51,9 +51,9 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsx as a, jsxs as
|
|
54
|
+
import { jsx as a, jsxs as D } from "react/jsx-runtime";
|
|
55
55
|
import * as b from "react";
|
|
56
|
-
import { SPACE as
|
|
56
|
+
import { SPACE as L } from "./utils/keys.js";
|
|
57
57
|
import { useControlProps as P } from "./form-context.js";
|
|
58
58
|
import V from "./inline.js";
|
|
59
59
|
import { Text3 as k } from "./text.js";
|
|
@@ -104,8 +104,8 @@ const M = (param)=>{
|
|
|
104
104
|
disabled: e.disabled
|
|
105
105
|
}), [l, y] = b.useState(!!I), v = ()=>{
|
|
106
106
|
r === void 0 ? (y(!l), f(!l)) : f(!r);
|
|
107
|
-
},
|
|
108
|
-
n.key ===
|
|
107
|
+
}, N = (n)=>{
|
|
108
|
+
n.key === L && (n.preventDefault(), n.stopPropagation(), v());
|
|
109
109
|
}, u = /* @__PURE__ */ a(M, {
|
|
110
110
|
disabled: o,
|
|
111
111
|
isChecked: r !== null && r !== void 0 ? r : l
|
|
@@ -116,7 +116,7 @@ const M = (param)=>{
|
|
|
116
116
|
id: e.id,
|
|
117
117
|
role: e.role || "checkbox",
|
|
118
118
|
"aria-checked": r !== null && r !== void 0 ? r : l,
|
|
119
|
-
onKeyDown: o ? void 0 :
|
|
119
|
+
onKeyDown: o ? void 0 : N,
|
|
120
120
|
onClick: (n)=>{
|
|
121
121
|
n.stopPropagation(), o || v();
|
|
122
122
|
},
|
|
@@ -132,7 +132,7 @@ const M = (param)=>{
|
|
|
132
132
|
labelId: i,
|
|
133
133
|
checked: r !== null && r !== void 0 ? r : l,
|
|
134
134
|
disabled: !!o
|
|
135
|
-
}) : /* @__PURE__ */
|
|
135
|
+
}) : /* @__PURE__ */ D(V, {
|
|
136
136
|
space: 16,
|
|
137
137
|
children: [
|
|
138
138
|
/* @__PURE__ */ a(k, {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./chip.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
4
|
-
default: "
|
|
5
|
-
overAlternative: "
|
|
6
|
-
active: "
|
|
7
|
-
navigationActive: "
|
|
8
|
-
navigationActiveInverse: "
|
|
9
|
-
}, t = "
|
|
10
|
-
default: "
|
|
11
|
-
withIcon: "
|
|
3
|
+
var n = "v16_32_cc7htng", c = {
|
|
4
|
+
default: "v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf4c v16_32_1y2v1nf2c",
|
|
5
|
+
overAlternative: "v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf4k v16_32_1y2v1nf2c",
|
|
6
|
+
active: "v16_32_cc7htnc v16_32_cc7htn4 v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf1l v16_32_1y2v1nf7d",
|
|
7
|
+
navigationActive: "v16_32_cc7htnd v16_32_cc7htn4 v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf2i v16_32_1y2v1nf59",
|
|
8
|
+
navigationActiveInverse: "v16_32_cc7htne v16_32_cc7htn3 v16_32_1y2v1nfl9 v16_32_1y2v1nf1l v16_32_1y2v1nf7d"
|
|
9
|
+
}, t = "v16_32_1y2v1nfit v16_32_1y2v1nfj1 v16_32_1y2v1nfj7", f = "v16_32_cc7htnk v16_32_1y2v1nfci", i = "v16_32_cc7htnq v16_32_1y2v1nfci", y = "v16_32_cc7htnm v16_32_1y2v1nfci", a = "v16_32_cc7htno v16_32_1y2v1nfci", r = "v16_32_cc7htnf", e = "v16_32_cc7htni v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfm0 v16_32_1y2v1nfn9 v16_32_1y2v1nfin", h = {
|
|
10
|
+
default: "v16_32_1y2v1nfbl v16_32_1y2v1nfbh",
|
|
11
|
+
withIcon: "v16_32_1y2v1nfbi v16_32_1y2v1nfbe"
|
|
12
12
|
}, o = {
|
|
13
|
-
default: "
|
|
14
|
-
withIcon: "
|
|
15
|
-
}, l = "
|
|
13
|
+
default: "v16_32_1y2v1nfcu v16_32_1y2v1nfcq",
|
|
14
|
+
withIcon: "v16_32_1y2v1nfcr v16_32_1y2v1nfcn"
|
|
15
|
+
}, l = "v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfj1 v16_32_1y2v1nfj7";
|
|
16
16
|
export { n as button, c as chipVariants, t as chipWrapper, f as icon, i as iconActive, y as iconNavigation, a as iconNavigationInverse, r as interactive, e as interactiveChipOverlay, h as leftPadding, o as rightPadding, l as wrappedContent };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./circle.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "
|
|
3
|
+
var y = "v16_32_1wpwyyp1 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflc";
|
|
4
4
|
export { y as circle };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "../icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var f = 216, n = "
|
|
5
|
-
default: "
|
|
6
|
-
mobile: "
|
|
7
|
-
}, t = "
|
|
8
|
-
topActionsCount: "var(--
|
|
9
|
-
}, w = "
|
|
4
|
+
var f = 216, n = "v16_32_1x00fru4 v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfis v16_32_1y2v1nfj4 v16_32_1y2v1nfaf", a = {
|
|
5
|
+
default: "v16_32_1x00fruk",
|
|
6
|
+
mobile: "v16_32_1x00frul"
|
|
7
|
+
}, t = "v16_32_1x00frut", i = "v16_32_1x00fruo", u = "v16_32_1x00frup v16_32_1x00fruo", o = "v16_32_1x00fru8 v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nf8u v16_32_1y2v1nfaf", y = "v16_32_1y2v1nfim v16_32_1y2v1nfjw", x = "v16_32_1x00frud v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfiy", e = "v16_32_1x00frui", c = "v16_32_1x00frua v16_32_1y2v1nf90 v16_32_1y2v1nfaf v16_32_1y2v1nfjf", d = "v16_32_1x00frux", s = "v16_32_1x00frus v16_32_1y2v1nfis v16_32_1y2v1nfix", m = "v16_32_1y2v1nfj7 v16_32_1y2v1nfis v16_32_1y2v1nfcr", l = "v16_32_1y2v1nfis v16_32_1y2v1nfje v16_32_1y2v1nfj7 v16_32_1y2v1nfl1", b = "v16_32_1x00frum", p = "v16_32_1x00fruu", g = "v16_32_1x00frub", j = "v16_32_1x00fru2 v16_32_1y2v1nfbi v16_32_1y2v1nfcr", h = "v16_32_1x00fruw", C = "v16_32_1x00fru5", H = "v16_32_1x00fru6", I = {
|
|
8
|
+
topActionsCount: "var(--v16_32_1x00fruv)"
|
|
9
|
+
}, w = "v16_32_1y2v1nf90";
|
|
10
10
|
export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, i as button, u as buttonMobile, o as cardContentStyle, y as container, x as dataCard, e as divider, c as extra, d as flexColumn, s as footerDirection, m as footerImage, l as footerText, b as marginRightAuto, p as marginRightButton, g as minHeight, j as paddingX, h as topActionsWithoutIcon, C as touchable, H as touchableCardHoverOverlay, I as vars, w as withPaddingTop };
|
|
@@ -78,11 +78,11 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsxs as t, jsx as r, Fragment as
|
|
81
|
+
import { jsxs as t, jsx as r, Fragment as x } from "react/jsx-runtime";
|
|
82
82
|
import * as $ from "react";
|
|
83
83
|
import { Boxed as rr } from "../boxed.js";
|
|
84
84
|
import ar from "../stack.js";
|
|
85
|
-
import { container as or, dataCard as er, MIN_HEIGHT as dr, touchable as nr, touchableCardHoverOverlay as tr, cardContentStyle as cr, minHeight as sr, topActionsWithoutIcon as ir, extra as mr, paddingX as hr, flexColumn as lr, divider as fr, actions as gr, actionsVariants as vr, marginRightButton as ur, buttonMobile as A, footerDirection as pr, marginRightAuto as yr, withPaddingTop as
|
|
85
|
+
import { container as or, dataCard as er, MIN_HEIGHT as dr, touchable as nr, touchableCardHoverOverlay as tr, cardContentStyle as cr, minHeight as sr, topActionsWithoutIcon as ir, extra as mr, paddingX as hr, flexColumn as lr, divider as fr, actions as gr, actionsVariants as vr, marginRightButton as ur, buttonMobile as A, footerDirection as pr, marginRightAuto as yr, withPaddingTop as Nr, footerImage as xr, footerText as Br, adjustButtonLink as Tr, button as Cr, vars as wr } from "./advanced-data-card.css-mistica.js";
|
|
86
86
|
import { vars as Ir } from "../image.css-mistica.js";
|
|
87
87
|
import O from "../divider.js";
|
|
88
88
|
import { Text as E, Text2 as g } from "../text.js";
|
|
@@ -99,12 +99,12 @@ import { applyCssVars as Y } from "../utils/css.js";
|
|
|
99
99
|
import W from "../tag.js";
|
|
100
100
|
import { isBiggerHeading as _ } from "../utils/headings.js";
|
|
101
101
|
const jr = (param)=>{
|
|
102
|
-
let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax:
|
|
102
|
+
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;
|
|
103
103
|
const { textPresets: m } = Hr();
|
|
104
104
|
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__ */ t("div", {
|
|
105
105
|
className: lr,
|
|
106
106
|
children: [
|
|
107
|
-
_(c, s) ? /* @__PURE__ */ t(
|
|
107
|
+
_(c, s) ? /* @__PURE__ */ t(x, {
|
|
108
108
|
children: [
|
|
109
109
|
o && /* @__PURE__ */ r("div", {
|
|
110
110
|
style: {
|
|
@@ -143,7 +143,7 @@ const jr = (param)=>{
|
|
|
143
143
|
})
|
|
144
144
|
})
|
|
145
145
|
]
|
|
146
|
-
}) : /* @__PURE__ */ t(
|
|
146
|
+
}) : /* @__PURE__ */ t(x, {
|
|
147
147
|
children: [
|
|
148
148
|
n && /* @__PURE__ */ r("div", {
|
|
149
149
|
style: {
|
|
@@ -195,7 +195,7 @@ const jr = (param)=>{
|
|
|
195
195
|
})
|
|
196
196
|
}),
|
|
197
197
|
e && /* @__PURE__ */ r(g, {
|
|
198
|
-
truncate:
|
|
198
|
+
truncate: N,
|
|
199
199
|
as: "div",
|
|
200
200
|
regular: !0,
|
|
201
201
|
color: X.colors.textSecondary,
|
|
@@ -207,7 +207,7 @@ const jr = (param)=>{
|
|
|
207
207
|
}, Ar = (param)=>{
|
|
208
208
|
let { button: d, footerImage: h, footerText: n, footerTextLinesMax: s, buttonLink: l } = param;
|
|
209
209
|
const o = !!d, c = !!h, f = !!n, a = !!l, i = o && (c || f) && a, e = a && !i ? "178px" : "";
|
|
210
|
-
return /* @__PURE__ */ t(
|
|
210
|
+
return /* @__PURE__ */ t(x, {
|
|
211
211
|
children: [
|
|
212
212
|
/* @__PURE__ */ r("div", {
|
|
213
213
|
className: fr,
|
|
@@ -221,10 +221,10 @@ const jr = (param)=>{
|
|
|
221
221
|
children: d
|
|
222
222
|
}),
|
|
223
223
|
/* @__PURE__ */ t("div", {
|
|
224
|
-
className: v(pr, i ? yr :
|
|
224
|
+
className: v(pr, i ? yr : Nr),
|
|
225
225
|
children: [
|
|
226
226
|
c && /* @__PURE__ */ r("div", {
|
|
227
|
-
className:
|
|
227
|
+
className: xr,
|
|
228
228
|
children: /* @__PURE__ */ r("div", {
|
|
229
229
|
style: Y({
|
|
230
230
|
[Ir.mediaBorderRadius]: X.borderRadii.mediaSmall
|
|
@@ -254,7 +254,7 @@ const jr = (param)=>{
|
|
|
254
254
|
]
|
|
255
255
|
});
|
|
256
256
|
}, Er = /*#__PURE__*/ $.forwardRef((_param, K)=>{
|
|
257
|
-
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:
|
|
257
|
+
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, [
|
|
258
258
|
"stackingGroup",
|
|
259
259
|
"headline",
|
|
260
260
|
"pretitle",
|
|
@@ -346,7 +346,7 @@ const jr = (param)=>{
|
|
|
346
346
|
subtitle: a,
|
|
347
347
|
subtitleLinesMax: i,
|
|
348
348
|
description: e,
|
|
349
|
-
descriptionLinesMax:
|
|
349
|
+
descriptionLinesMax: N
|
|
350
350
|
})
|
|
351
351
|
]
|
|
352
352
|
}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./blocks.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
3
|
+
var n = "v16_32_1y2v1nfis v16_32_1y2v1nfiy", t = "v16_32_llrsen1";
|
|
4
4
|
export { n as column, t as rightContent };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./counter.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
3
|
+
var n = "v16_32_rijsns8 v16_32_1y2v1nf8k v16_32_1y2v1nfla v16_32_1y2v1nfin v16_32_1y2v1nfjq v16_32_1y2v1nfk6", r = "v16_32_rijsnse v16_32_1y2v1nfjp v16_32_1y2v1nfk5 v16_32_1y2v1nfin v16_32_1y2v1nfli v16_32_1y2v1nf7d", s = "v16_32_rijsns6", i = "v16_32_rijsns3 v16_32_1y2v1nfli v16_32_1y2v1nf4c v16_32_1y2v1nfit v16_32_1y2v1nflu", a = "v16_32_rijsnsc v16_32_rijsnsa v16_32_1y2v1nfin", t = "v16_32_rijsnsa v16_32_1y2v1nfin", f = "v16_32_rijsns4", y = "v16_32_rijsns0", o = "v16_32_rijsns1", j = "v16_32_rijsnsb v16_32_rijsnsa v16_32_1y2v1nfin", e = "v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfj1";
|
|
4
4
|
export { n as button, r as buttonBackground, s as buttonContainer, i as counter, a as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };
|
package/dist-es/counter.js
CHANGED
|
@@ -72,22 +72,22 @@ const M = 20, cr = (param)=>{
|
|
|
72
72
|
const s = p !== void 0, f = V.useCallback((i)=>i === void 0 ? h : Math.max(h, Math.min(c, i)), [
|
|
73
73
|
h,
|
|
74
74
|
c
|
|
75
|
-
]), [t, I] = V.useState(f(b)),
|
|
75
|
+
]), [t, I] = V.useState(f(b)), N = (i)=>{
|
|
76
76
|
s || I(i), a == null || a(i);
|
|
77
77
|
};
|
|
78
78
|
return [
|
|
79
79
|
s ? f(p) : t,
|
|
80
|
-
|
|
80
|
+
N
|
|
81
81
|
];
|
|
82
82
|
}, sr = (param)=>{
|
|
83
|
-
let { value: p, defaultValue: b, onChangeValue: h, onRemove: c, min: a, max: s, dataAttributes: f, disabled: t, removeLabel: I, increaseLabel:
|
|
84
|
-
const C = F(),
|
|
83
|
+
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;
|
|
84
|
+
const C = F(), g = V.useId(), { texts: u, t: d, isDarkMode: A } = X(), l = a === void 0 ? 0 : a, m = Math.max(l, s === void 0 ? 999 : s), [e, B] = cr({
|
|
85
85
|
value: p,
|
|
86
86
|
defaultValue: b,
|
|
87
87
|
min: l,
|
|
88
88
|
max: m,
|
|
89
89
|
onChangeValue: h
|
|
90
|
-
}), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>
|
|
90
|
+
}), o = !!c && e === l, R = ()=>I !== null && I !== void 0 ? I : u.counterRemoveLabel || d(rr), $ = ()=>N !== null && N !== void 0 ? N : u.counterIncreaseLabel || d(er), z = ()=>i !== null && i !== void 0 ? i : u.counterDecreaseLabel || d(tr), j = ()=>`${e}, ${k !== null && k !== void 0 ? k : u.counterQuantity || d(or)}${a !== void 0 ? `, ${u.counterMinValue || d(ar)} ${a}` : ""}${s !== void 0 ? `, ${u.counterMaxValue || d(nr)} ${s}` : ""}`;
|
|
91
91
|
return /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
|
|
92
92
|
className: L(O, {
|
|
93
93
|
[x]: t
|
|
@@ -111,7 +111,7 @@ const M = 20, cr = (param)=>{
|
|
|
111
111
|
disabled: !o && e === l || t,
|
|
112
112
|
onPress: ()=>o ? c == null ? void 0 : c() : B(e - 1),
|
|
113
113
|
"aria-label": o ? R() : z(),
|
|
114
|
-
"aria-controls":
|
|
114
|
+
"aria-controls": g,
|
|
115
115
|
children: [
|
|
116
116
|
/* @__PURE__ */ r("div", {
|
|
117
117
|
className: S
|
|
@@ -140,7 +140,7 @@ const M = 20, cr = (param)=>{
|
|
|
140
140
|
style: {
|
|
141
141
|
width: `${Math.max(3, String(m).length) * 1.25}ch`
|
|
142
142
|
},
|
|
143
|
-
id:
|
|
143
|
+
id: g,
|
|
144
144
|
"aria-live": "polite",
|
|
145
145
|
children: /* @__PURE__ */ v(G, {
|
|
146
146
|
variant: "default",
|
|
@@ -171,7 +171,7 @@ const M = 20, cr = (param)=>{
|
|
|
171
171
|
disabled: e === m || t,
|
|
172
172
|
onPress: ()=>B(e + 1),
|
|
173
173
|
"aria-label": $(),
|
|
174
|
-
"aria-controls":
|
|
174
|
+
"aria-controls": g,
|
|
175
175
|
children: [
|
|
176
176
|
/* @__PURE__ */ r("div", {
|
|
177
177
|
className: S
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
import "./grid-layout.css.ts.vanilla.css-mistica.js";
|
|
4
3
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
5
4
|
import "./cover-hero.css.ts.vanilla.css-mistica.js";
|
|
6
|
-
var
|
|
7
|
-
aspectRatio: "var(--
|
|
8
|
-
},
|
|
9
|
-
export {
|
|
5
|
+
var i = "v16_32_moeazi9 v16_32_1y2v1nfj7", e = "v16_32_moeazi2 v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj1 v16_32_1y2v1nfjf v16_32_1y2v1nfm0 v16_32_1y2v1nfn9", f = "v16_32_moeazi4 v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfjf", r = "v16_32_1y2v1nfis v16_32_1y2v1nfiy", y = "v16_32_moeazi7", m = "v16_32_1y2v1nfim", o = "v16_32_1y2v1nfin v16_32_1y2v1nfno v16_32_1y2v1nfjf v16_32_1y2v1nfjw", t = "v16_32_moeazic v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfjf v16_32_1y2v1nfjw", s = "v16_32_moeazi6", z = "v16_32_1y2v1nfim", j = "v16_32_moeazie", p = {
|
|
6
|
+
aspectRatio: "var(--v16_32_moeazi0)"
|
|
7
|
+
}, c = "v16_32_moeazi5";
|
|
8
|
+
export { i as centered, e as coverHero, f as coverHeroContainer, r as flexColumn, y as hasSideExtra, m as mainContent, o as mediaLayer, t as mediaOverlay, s as minHeight, z as sideExtra, j as sixColumns, p as vars, c as withAspectRatio };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "
|
|
4
|
-
default: "
|
|
5
|
-
backface: "
|
|
3
|
+
var y = "v16_32_yvyo3q0", f = "v16_32_yvyo3q5 v16_32_yvyo3q2 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfjw", n = "v16_32_yvyo3q2 v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfjw v16_32_1y2v1nfin", o = {
|
|
4
|
+
default: "v16_32_yvyo3q7 v16_32_1y2v1nfim v16_32_yvyo3q8",
|
|
5
|
+
backface: "v16_32_yvyo3q7 v16_32_1y2v1nfim v16_32_yvyo3q9"
|
|
6
6
|
};
|
|
7
7
|
export { y as flip, f as flipBack, n as flipFront, o as variants };
|
|
@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
import "./date-field.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var p = "
|
|
5
|
+
var p = "v16_32_1pntndu0";
|
|
6
6
|
export { p as iconContainer };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./dialog.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = 200, y = "
|
|
4
|
-
dialog: "
|
|
5
|
-
default: "
|
|
6
|
-
}, e = "
|
|
3
|
+
var n = 200, y = "v16_32_3dl29lb", f = "v16_32_3dl29l6", l = "v16_32_3dl29ll v16_32_1y2v1nf96", a = "v16_32_3dl29lj v16_32_1y2v1nfje v16_32_1y2v1nfks", o = "v16_32_3dl29lm", d = "v16_32_3dl29l8 v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmu", i = "v16_32_3dl29la v16_32_1y2v1nf4b v16_32_1y2v1nflk", r = "v16_32_3dl29l5 v16_32_1y2v1nfio v16_32_1y2v1nfis v16_32_1y2v1nfj1 v16_32_1y2v1nfj7 v16_32_1y2v1nfiy v16_32_1y2v1nfm0 v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nfmf v16_32_1y2v1nf4n", t = {
|
|
4
|
+
dialog: "v16_32_3dl29ld v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj4 v16_32_1y2v1nfbo v16_32_1y2v1nfcx v16_32_1y2v1nf9c v16_32_1y2v1nfaf",
|
|
5
|
+
default: "v16_32_3dl29ld v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj4 v16_32_1y2v1nf96 v16_32_1y2v1nfaf v16_32_1y2v1nfbo v16_32_1y2v1nfcx"
|
|
6
|
+
}, e = "v16_32_1y2v1nfim";
|
|
7
7
|
export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, i as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
|
package/dist-es/dialog.js
CHANGED
|
@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
81
|
import { jsx as e, jsxs as E, Fragment as M } from "react/jsx-runtime";
|
|
82
|
-
import * as
|
|
82
|
+
import * as o from "react";
|
|
83
83
|
import A from "classnames";
|
|
84
84
|
import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
|
|
85
85
|
import { Portal as V } from "./portal.js";
|
|
@@ -95,11 +95,11 @@ import w from "./box.js";
|
|
|
95
95
|
import { isRunningAcceptanceTest as X } from "./utils/platform.js";
|
|
96
96
|
import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
|
|
97
97
|
import $ from "./stack.js";
|
|
98
|
-
import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as
|
|
98
|
+
import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as oe, closedOpactityLayer as ne, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
|
|
99
99
|
import { vars as ue } from "./skins/skin-contract.css-mistica.js";
|
|
100
100
|
import { modalClose as me, dialogCancelButton as P, dialogAcceptButton as O } from "./text-tokens.js";
|
|
101
101
|
const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
102
|
-
const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset:
|
|
102
|
+
const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: n, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
|
|
103
103
|
onPress: y || (()=>{}),
|
|
104
104
|
children: p,
|
|
105
105
|
// @deprecated - testid should be removed but many webapp tests depend on this
|
|
@@ -110,11 +110,11 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
110
110
|
return /* @__PURE__ */ E("div", {
|
|
111
111
|
className: A(se[m ? "dialog" : "default"], f),
|
|
112
112
|
children: [
|
|
113
|
-
|
|
113
|
+
n && /* @__PURE__ */ e(w, {
|
|
114
114
|
paddingBottom: 24,
|
|
115
115
|
children: /* @__PURE__ */ e("div", {
|
|
116
116
|
className: le,
|
|
117
|
-
children: /*#__PURE__*/
|
|
117
|
+
children: /*#__PURE__*/ o.cloneElement(n, {
|
|
118
118
|
size: "100%"
|
|
119
119
|
})
|
|
120
120
|
})
|
|
@@ -174,7 +174,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
174
174
|
]
|
|
175
175
|
});
|
|
176
176
|
}, he = (param)=>{
|
|
177
|
-
let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept:
|
|
177
|
+
let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: n, onCancel: d, onDestroy: s } = param;
|
|
178
178
|
return t === "confirm" ? Y({
|
|
179
179
|
message: r,
|
|
180
180
|
title: u,
|
|
@@ -182,88 +182,88 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
182
182
|
acceptText: f,
|
|
183
183
|
destructive: h
|
|
184
184
|
}).then((l)=>{
|
|
185
|
-
l ?
|
|
185
|
+
l ? n == null || n() : d == null || d(), s();
|
|
186
186
|
}) : q({
|
|
187
187
|
message: r,
|
|
188
188
|
title: u,
|
|
189
189
|
buttonText: f
|
|
190
190
|
}).then(()=>{
|
|
191
|
-
|
|
191
|
+
n == null || n(), s();
|
|
192
192
|
});
|
|
193
193
|
}, pe = (param)=>{
|
|
194
|
-
let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message:
|
|
195
|
-
const { texts: l, t: g } = D(), p =
|
|
194
|
+
let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: n, title: d, destructive: s } = param;
|
|
195
|
+
const { texts: l, t: g } = D(), p = o.useRef({
|
|
196
196
|
type: t,
|
|
197
197
|
onAccept: r,
|
|
198
198
|
onCancel: u,
|
|
199
199
|
onDestroy: f,
|
|
200
200
|
acceptText: i || l.dialogAcceptButton || g(O),
|
|
201
201
|
cancelText: h || l.dialogCancelButton || g(P),
|
|
202
|
-
message:
|
|
202
|
+
message: n,
|
|
203
203
|
title: d,
|
|
204
204
|
destructive: s
|
|
205
|
-
}), c =
|
|
206
|
-
return
|
|
205
|
+
}), c = o.useRef(!1);
|
|
206
|
+
return o.useEffect(()=>{
|
|
207
207
|
c.current || (c.current = !0, he(p.current).finally(()=>{
|
|
208
208
|
c.current = !1;
|
|
209
209
|
}));
|
|
210
210
|
}, []), /* @__PURE__ */ e(M, {});
|
|
211
211
|
}, Me = (t)=>{
|
|
212
212
|
Z();
|
|
213
|
-
const r =
|
|
213
|
+
const r = o.useRef(null), { texts: u, t: f } = D(), [i, h] = o.useState(!1), n = o.useRef(!1), d = o.useRef(!1), [s, l] = o.useState(!1), g = o.useRef(!1), p = o.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
|
|
214
214
|
"onAccept",
|
|
215
215
|
"onCancel",
|
|
216
216
|
"onDestroy"
|
|
217
217
|
]);
|
|
218
|
-
|
|
218
|
+
o.useEffect(()=>{
|
|
219
219
|
const a = setTimeout(()=>{
|
|
220
|
-
|
|
220
|
+
n.current || l(!0);
|
|
221
221
|
}, p.current);
|
|
222
222
|
return ()=>{
|
|
223
223
|
clearTimeout(a);
|
|
224
224
|
};
|
|
225
225
|
}, []);
|
|
226
|
-
const N =
|
|
226
|
+
const N = o.useCallback(()=>{
|
|
227
227
|
d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
|
|
228
228
|
}, [
|
|
229
229
|
m,
|
|
230
230
|
C,
|
|
231
231
|
B
|
|
232
|
-
]), x =
|
|
232
|
+
]), x = o.useCallback(()=>{
|
|
233
233
|
let a;
|
|
234
|
-
return !
|
|
234
|
+
return !n.current && s && (n.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
|
|
235
235
|
a && clearTimeout(a);
|
|
236
236
|
};
|
|
237
237
|
}, [
|
|
238
238
|
N,
|
|
239
239
|
s
|
|
240
|
-
]), T =
|
|
240
|
+
]), T = o.useCallback(()=>{
|
|
241
241
|
g.current = !0, x();
|
|
242
242
|
}, [
|
|
243
243
|
x
|
|
244
|
-
]), b =
|
|
244
|
+
]), b = o.useCallback(()=>{
|
|
245
245
|
g.current = !1, x();
|
|
246
246
|
}, [
|
|
247
247
|
x
|
|
248
|
-
]), v =
|
|
249
|
-
|
|
248
|
+
]), v = o.useCallback(()=>{
|
|
249
|
+
n.current || (R ? T() : b());
|
|
250
250
|
}, [
|
|
251
251
|
T,
|
|
252
252
|
b,
|
|
253
253
|
R
|
|
254
|
-
]), k =
|
|
254
|
+
]), k = o.useCallback((a)=>{
|
|
255
255
|
a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
|
|
256
256
|
}, [
|
|
257
257
|
v
|
|
258
258
|
]);
|
|
259
|
-
|
|
259
|
+
o.useEffect(()=>{
|
|
260
260
|
if (!c) return document.addEventListener("keydown", k), ()=>{
|
|
261
261
|
document.removeEventListener("keydown", k);
|
|
262
262
|
};
|
|
263
263
|
}, [
|
|
264
264
|
k,
|
|
265
265
|
c
|
|
266
|
-
]),
|
|
266
|
+
]), o.useEffect(()=>{
|
|
267
267
|
if (!c) return window.addEventListener("popstate", v), ()=>{
|
|
268
268
|
window.removeEventListener("popstate", v);
|
|
269
269
|
};
|
|
@@ -271,7 +271,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
271
271
|
v,
|
|
272
272
|
c
|
|
273
273
|
]);
|
|
274
|
-
const S =
|
|
274
|
+
const S = o.useCallback((a)=>{
|
|
275
275
|
a.stopPropagation(), y && b();
|
|
276
276
|
}, [
|
|
277
277
|
y,
|
|
@@ -282,8 +282,8 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
282
282
|
children: /* @__PURE__ */ e(W, {
|
|
283
283
|
children: /* @__PURE__ */ e("div", {
|
|
284
284
|
onClick: S,
|
|
285
|
-
className: A(
|
|
286
|
-
[
|
|
285
|
+
className: A(oe, {
|
|
286
|
+
[ne]: i
|
|
287
287
|
}),
|
|
288
288
|
"data-testid": "dialog-overlay",
|
|
289
289
|
"aria-hidden": i || !s,
|
|
@@ -294,10 +294,10 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
|
|
|
294
294
|
children: /* @__PURE__ */ E("div", {
|
|
295
295
|
ref: r,
|
|
296
296
|
onAnimationEnd: (a)=>{
|
|
297
|
-
a.target === r.current && (
|
|
297
|
+
a.target === r.current && (n.current || l(!0));
|
|
298
298
|
},
|
|
299
299
|
onTransitionEnd: (a)=>{
|
|
300
|
-
a.target === r.current &&
|
|
300
|
+
a.target === r.current && n.current && N();
|
|
301
301
|
},
|
|
302
302
|
className: A(ae, {
|
|
303
303
|
[re]: i
|
|
@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
|
4
4
|
import "./text-field-components.css.ts.vanilla.css-mistica.js";
|
|
5
5
|
import "./double-field.css.ts.vanilla.css-mistica.js";
|
|
6
6
|
var t = {
|
|
7
|
-
default: "
|
|
8
|
-
fullWidth: "
|
|
7
|
+
default: "v16_32_skrulh1 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf",
|
|
8
|
+
fullWidth: "v16_32_skrulh2 v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjf"
|
|
9
9
|
};
|
|
10
10
|
export { t as variants };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./drawer.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = 350, y = "
|
|
3
|
+
var n = 350, y = "v16_32_1y2v1nfin v16_32_1y2v1nfm3 v16_32_1y2v1nfmx", f = "v16_32_c4ngww9", r = "v16_32_c4ngww1 v16_32_1y2v1nfio v16_32_1y2v1nfis v16_32_1y2v1nf4b v16_32_1y2v1nfm0 v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nflu", a = "v16_32_1y2v1nf9c v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfjd", o = "v16_32_c4ngww8", e = "v16_32_c4ngwwb v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nf4n", c = "v16_32_c4ngwwc", w = "v16_32_c4ngwwd", i = "v16_32_1y2v1nfjd v16_32_1y2v1nflz", l = "v16_32_c4ngww5 v16_32_1y2v1nfja v16_32_1y2v1nfjc";
|
|
4
4
|
export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, c as overlayClosed, w as overlayOpen, i as scrollableSection, l as titleContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./empty-state-card.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var r = "
|
|
3
|
+
var r = "v16_32_1azor6p4 v16_32_1y2v1nfjr v16_32_1y2v1nfk7", a = "v16_32_1azor6p0", n = "v16_32_1azor6p2 v16_32_1y2v1nfiu v16_32_1y2v1nfk9";
|
|
4
4
|
export { r as assetContainer, a as container, n as image };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./empty-state.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "
|
|
4
|
-
default: "
|
|
5
|
-
largeImage: "
|
|
6
|
-
}, f = "
|
|
7
|
-
backgroundColor: "var(--
|
|
3
|
+
var v = "v16_32_13fzrua9 v16_32_1y2v1nfjt v16_32_1y2v1nfk9", _ = "v16_32_1y2v1nfl9", e = "v16_32_13fzrua2 v16_32_1y2v1nfis v16_32_1y2v1nf8k", n = {
|
|
4
|
+
default: "v16_32_13fzrua3",
|
|
5
|
+
largeImage: "v16_32_13fzrua4"
|
|
6
|
+
}, f = "v16_32_13fzruad", o = "v16_32_13fzrua7 v16_32_1y2v1nfjw", t = "v16_32_13fzrua5", u = "v16_32_13fzruab v16_32_1y2v1nfiu", i = {
|
|
7
|
+
backgroundColor: "var(--v16_32_13fzrua0)"
|
|
8
8
|
};
|
|
9
9
|
export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };
|