@telefonica/mistica 16.34.0 → 16.35.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/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- 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 +8 -8
- package/dist/checkbox.css-mistica.js +7 -7
- 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/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/cover-hero.css-mistica.js +3 -3
- 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/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/drawer.d.ts +1 -0
- package/dist/drawer.js +54 -51
- 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/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/grid.d.ts +2 -0
- package/dist/grid.js +55 -26
- 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/icon-button.css-mistica.js +42 -42
- 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/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +5 -2
- package/dist/list.css.d.ts +1 -0
- package/dist/list.js +37 -36
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- 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/mosaic.css-mistica.js +1 -1
- 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/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +4 -4
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- 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/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +10 -10
- 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/switch-component.css-mistica.js +26 -26
- package/dist/table.css-mistica.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-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.css-mistica.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/video.css-mistica.js +1 -1
- 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/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- 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/card.css-mistica.js +3 -3
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +7 -7
- 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/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/cover-hero.css-mistica.js +3 -3
- 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/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/drawer.js +70 -67
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- 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/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/grid.js +59 -30
- 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/icon-button.css-mistica.js +42 -42
- 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/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +59 -58
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- 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/mosaic.css-mistica.js +1 -1
- 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/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.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-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 +1 -1
- package/dist-es/slider.css-mistica.js +10 -10
- 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/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/tabs.css-mistica.js +12 -12
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/theme-context.css-mistica.js +394 -394
- package/dist-es/timeline.css-mistica.js +10 -10
- 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/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -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_35_3dl29lb", f = "v16_35_3dl29l6", l = "v16_35_3dl29ll v16_35_1y2v1nf96", a = "v16_35_3dl29lj v16_35_1y2v1nfje v16_35_1y2v1nfks", o = "v16_35_3dl29lm", d = "v16_35_3dl29l8 v16_35_1y2v1nf90 v16_35_1y2v1nfa9 v16_35_1y2v1nfbi v16_35_1y2v1nfcr v16_35_1y2v1nfin v16_35_1y2v1nfm0 v16_35_1y2v1nfmu", i = "v16_35_3dl29la v16_35_1y2v1nf4b v16_35_1y2v1nflk", r = "v16_35_3dl29l5 v16_35_1y2v1nfio v16_35_1y2v1nfis v16_35_1y2v1nfj1 v16_35_1y2v1nfj7 v16_35_1y2v1nfiy v16_35_1y2v1nfm0 v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfmf v16_35_1y2v1nf4n", t = {
|
|
4
|
+
dialog: "v16_35_3dl29ld v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfj4 v16_35_1y2v1nfbo v16_35_1y2v1nfcx v16_35_1y2v1nf9c v16_35_1y2v1nfaf",
|
|
5
|
+
default: "v16_35_3dl29ld v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfj4 v16_35_1y2v1nf96 v16_35_1y2v1nfaf v16_35_1y2v1nfbo v16_35_1y2v1nfcx"
|
|
6
|
+
}, e = "v16_35_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 };
|
|
@@ -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_35_skrulh1 v16_35_1y2v1nfis v16_35_1y2v1nfix v16_35_1y2v1nfjf",
|
|
8
|
+
fullWidth: "v16_35_skrulh2 v16_35_1y2v1nfis v16_35_1y2v1nfix v16_35_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_35_1y2v1nfin v16_35_1y2v1nfm3 v16_35_1y2v1nfmx", f = "v16_35_c4ngww9", r = "v16_35_c4ngww1 v16_35_1y2v1nfio v16_35_1y2v1nfis v16_35_1y2v1nf4b v16_35_1y2v1nfm0 v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nflu", a = "v16_35_1y2v1nf9c v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfjd", o = "v16_35_c4ngww8", e = "v16_35_c4ngwwb v16_35_1y2v1nfio v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nf4n", c = "v16_35_c4ngwwc", w = "v16_35_c4ngwwd", i = "v16_35_1y2v1nfjd v16_35_1y2v1nflz", l = "v16_35_c4ngww5 v16_35_1y2v1nfja v16_35_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 };
|
package/dist-es/drawer.js
CHANGED
|
@@ -54,105 +54,105 @@ function _object_spread_props(target, source) {
|
|
|
54
54
|
import { jsx as e, jsxs as k } from "react/jsx-runtime";
|
|
55
55
|
import * as t from "react";
|
|
56
56
|
import W from "./stack.js";
|
|
57
|
-
import { Text5 as
|
|
58
|
-
import { vars as
|
|
57
|
+
import { Text5 as X, Text4 as G, Text3 as K } from "./text.js";
|
|
58
|
+
import { vars as L } from "./skins/skin-contract.css-mistica.js";
|
|
59
59
|
import { IconButton as j } from "./icon-button.js";
|
|
60
60
|
import Y from "./generated/mistica-icons/icon-close-regular.js";
|
|
61
61
|
import E from "./box.js";
|
|
62
62
|
import { ANIMATION_DURATION_MS as $, overlay as z, overlayOpen as U, overlayClosed as V, container as q, open as H, closed as J, drawer as Q, closeButtonContainer as Z, titleContainer as F, scrollableSection as ee } from "./drawer.css-mistica.js";
|
|
63
|
-
import
|
|
63
|
+
import N from "classnames";
|
|
64
64
|
import { Portal as te } from "./portal.js";
|
|
65
|
-
import { useScreenSize as re, useTheme as oe, useIsInViewport as
|
|
66
|
-
import
|
|
67
|
-
import { useSetModalStateEffect as
|
|
68
|
-
import
|
|
69
|
-
import { ButtonPrimary as ie, ButtonSecondary as
|
|
65
|
+
import { useScreenSize as re, useTheme as oe, useIsInViewport as x } from "./hooks.js";
|
|
66
|
+
import ae from "./focus-trap.js";
|
|
67
|
+
import { useSetModalStateEffect as se } from "./modal-context-provider.js";
|
|
68
|
+
import ne from "./button-layout.js";
|
|
69
|
+
import { ButtonPrimary as ie, ButtonSecondary as le, ButtonLink as ce } from "./button.js";
|
|
70
70
|
import de from "./divider.js";
|
|
71
71
|
import { getPrefixedDataAttributes as me } from "./utils/dom.js";
|
|
72
72
|
import { modalClose as ue } from "./text-tokens.js";
|
|
73
|
-
const
|
|
74
|
-
let { show:
|
|
75
|
-
return
|
|
73
|
+
const P = 40, A = 32, fe = 16, R = 388, pe = R + P * 2, ve = R + A * 2, D = (param)=>{
|
|
74
|
+
let { show: i } = param;
|
|
75
|
+
return i ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
|
|
76
76
|
style: {
|
|
77
77
|
borderBottom: "1px solid transparent"
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
}, he = ()=>{
|
|
81
|
-
const
|
|
81
|
+
const i = t.useRef(document.activeElement);
|
|
82
82
|
t.useEffect(()=>{
|
|
83
|
-
const r =
|
|
83
|
+
const r = i.current;
|
|
84
84
|
return ()=>{
|
|
85
|
-
var
|
|
86
|
-
(
|
|
85
|
+
var l;
|
|
86
|
+
(l = r == null ? void 0 : r.focus) == null || l.call(r);
|
|
87
87
|
};
|
|
88
88
|
}, []);
|
|
89
89
|
}, Ee = /*#__PURE__*/ t.forwardRef((param, S)=>{
|
|
90
|
-
let { width:
|
|
91
|
-
|
|
92
|
-
const { isMobile: p, isTablet: T } = re(), [u, v] = t.useState(!1),
|
|
90
|
+
let { width: i, children: r, onClose: l, onDismiss: d } = param;
|
|
91
|
+
se(), he();
|
|
92
|
+
const { isMobile: p, isTablet: T } = re(), [u, v] = t.useState(!1), a = p ? "none" : T ? ve : pe, s = p ? "auto" : i, n = t.useCallback((o)=>{
|
|
93
93
|
o && setTimeout(()=>{
|
|
94
94
|
v(!0);
|
|
95
95
|
}, 50);
|
|
96
96
|
}, []), f = t.useCallback(()=>(v(!1), new Promise((o)=>{
|
|
97
97
|
setTimeout(o, $);
|
|
98
|
-
}).then(
|
|
99
|
-
|
|
100
|
-
]),
|
|
98
|
+
}).then(l)), [
|
|
99
|
+
l
|
|
100
|
+
]), c = t.useCallback(()=>f().then(()=>d == null ? void 0 : d()), [
|
|
101
101
|
d,
|
|
102
102
|
f
|
|
103
103
|
]);
|
|
104
104
|
return t.useImperativeHandle(S, ()=>({
|
|
105
105
|
close: f,
|
|
106
|
-
dismiss:
|
|
106
|
+
dismiss: c
|
|
107
107
|
})), t.useEffect(()=>{
|
|
108
108
|
const o = (h)=>{
|
|
109
|
-
h.key === "Escape" &&
|
|
109
|
+
h.key === "Escape" && c();
|
|
110
110
|
};
|
|
111
111
|
return document.addEventListener("keydown", o), ()=>{
|
|
112
112
|
document.removeEventListener("keydown", o);
|
|
113
113
|
};
|
|
114
114
|
}, [
|
|
115
|
-
|
|
115
|
+
c
|
|
116
116
|
]), /* @__PURE__ */ e(te, {
|
|
117
|
-
children: /* @__PURE__ */ k(
|
|
117
|
+
children: /* @__PURE__ */ k(ae, {
|
|
118
118
|
children: [
|
|
119
119
|
/* @__PURE__ */ e("div", {
|
|
120
120
|
"data-testid": "drawerOverlay",
|
|
121
|
-
onClick: d ?
|
|
122
|
-
className:
|
|
121
|
+
onClick: d ? c : void 0,
|
|
122
|
+
className: N(z, u ? U : V)
|
|
123
123
|
}),
|
|
124
124
|
/* @__PURE__ */ e("div", {
|
|
125
125
|
"data-testid": "drawerLayout",
|
|
126
|
-
ref:
|
|
126
|
+
ref: n,
|
|
127
127
|
style: {
|
|
128
|
-
width:
|
|
129
|
-
minWidth:
|
|
128
|
+
width: s,
|
|
129
|
+
minWidth: a
|
|
130
130
|
},
|
|
131
|
-
className:
|
|
131
|
+
className: N(q, u ? H : J),
|
|
132
132
|
children: r
|
|
133
133
|
})
|
|
134
134
|
]
|
|
135
135
|
})
|
|
136
136
|
});
|
|
137
137
|
}), ke = (param)=>{
|
|
138
|
-
let { title:
|
|
139
|
-
const
|
|
138
|
+
let { title: i, subtitle: r, description: l, titleAs: d = "h2", dismissLabel: S, width: p, onClose: T, onDismiss: u, children: v, button: a, secondaryButton: s, buttonLink: n, dataAttributes: f } = param;
|
|
139
|
+
const c = t.useRef(null), o = !!(a || s || n), [h, _] = t.useState(null), g = t.useRef(null), y = t.useRef(null), { t: B, texts: C } = oe(), w = {
|
|
140
140
|
mobile: fe,
|
|
141
|
-
tablet:
|
|
142
|
-
desktop:
|
|
143
|
-
},
|
|
144
|
-
var
|
|
145
|
-
(
|
|
146
|
-
}, O = !
|
|
141
|
+
tablet: A,
|
|
142
|
+
desktop: P
|
|
143
|
+
}, I = (m)=>{
|
|
144
|
+
var b;
|
|
145
|
+
(b = c.current) == null || b.close().then(()=>m == null ? void 0 : m());
|
|
146
|
+
}, O = !x(g, !0, {
|
|
147
147
|
root: h
|
|
148
|
-
}), M = !
|
|
148
|
+
}), M = !x(y, !0, {
|
|
149
149
|
rootMargin: "1px",
|
|
150
150
|
// bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
|
|
151
151
|
root: h
|
|
152
152
|
});
|
|
153
153
|
return /* @__PURE__ */ e(Ee, {
|
|
154
154
|
width: p,
|
|
155
|
-
ref:
|
|
155
|
+
ref: c,
|
|
156
156
|
onClose: T,
|
|
157
157
|
onDismiss: u,
|
|
158
158
|
children: /* @__PURE__ */ k("section", _object_spread_props(_object_spread({
|
|
@@ -170,7 +170,7 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
|
|
|
170
170
|
},
|
|
171
171
|
onPress: ()=>{
|
|
172
172
|
var m;
|
|
173
|
-
return (m =
|
|
173
|
+
return (m = c.current) == null ? void 0 : m.dismiss();
|
|
174
174
|
},
|
|
175
175
|
Icon: Y,
|
|
176
176
|
"aria-label": S || C.modalClose || B(ue),
|
|
@@ -178,47 +178,47 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
|
|
|
178
178
|
backgroundType: "transparent"
|
|
179
179
|
})
|
|
180
180
|
}),
|
|
181
|
-
|
|
181
|
+
i && /* @__PURE__ */ e("div", {
|
|
182
182
|
className: F,
|
|
183
183
|
children: /* @__PURE__ */ e(E, {
|
|
184
184
|
paddingX: w,
|
|
185
|
-
children: /* @__PURE__ */ e(
|
|
185
|
+
children: /* @__PURE__ */ e(X, {
|
|
186
186
|
as: d,
|
|
187
187
|
dataAttributes: {
|
|
188
188
|
testid: "title"
|
|
189
189
|
},
|
|
190
|
-
children:
|
|
190
|
+
children: i
|
|
191
191
|
})
|
|
192
192
|
})
|
|
193
193
|
}),
|
|
194
|
-
/* @__PURE__ */ e(
|
|
194
|
+
/* @__PURE__ */ e(D, {
|
|
195
195
|
show: O
|
|
196
196
|
}),
|
|
197
197
|
/* @__PURE__ */ k("div", {
|
|
198
198
|
className: ee,
|
|
199
199
|
children: [
|
|
200
200
|
/* @__PURE__ */ e("div", {
|
|
201
|
-
ref:
|
|
201
|
+
ref: g
|
|
202
202
|
}),
|
|
203
203
|
/* @__PURE__ */ e(E, {
|
|
204
204
|
paddingX: w,
|
|
205
205
|
children: /* @__PURE__ */ k(W, {
|
|
206
206
|
space: 16,
|
|
207
207
|
children: [
|
|
208
|
-
r && /* @__PURE__ */ e(
|
|
208
|
+
r && /* @__PURE__ */ e(G, {
|
|
209
209
|
regular: !0,
|
|
210
210
|
dataAttributes: {
|
|
211
211
|
testid: "subtitle"
|
|
212
212
|
},
|
|
213
213
|
children: r
|
|
214
214
|
}),
|
|
215
|
-
|
|
215
|
+
l && /* @__PURE__ */ e(K, {
|
|
216
216
|
regular: !0,
|
|
217
|
-
color:
|
|
217
|
+
color: L.colors.textSecondary,
|
|
218
218
|
dataAttributes: {
|
|
219
219
|
testid: "description"
|
|
220
220
|
},
|
|
221
|
-
children:
|
|
221
|
+
children: l
|
|
222
222
|
}),
|
|
223
223
|
v
|
|
224
224
|
]
|
|
@@ -231,11 +231,11 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
|
|
|
231
231
|
}
|
|
232
232
|
}),
|
|
233
233
|
/* @__PURE__ */ e("div", {
|
|
234
|
-
ref:
|
|
234
|
+
ref: y
|
|
235
235
|
})
|
|
236
236
|
]
|
|
237
237
|
}),
|
|
238
|
-
/* @__PURE__ */ e(
|
|
238
|
+
/* @__PURE__ */ e(D, {
|
|
239
239
|
show: o && M
|
|
240
240
|
}),
|
|
241
241
|
o && /* @__PURE__ */ e(E, {
|
|
@@ -244,25 +244,28 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
|
|
|
244
244
|
mobile: 16,
|
|
245
245
|
desktop: 24
|
|
246
246
|
},
|
|
247
|
-
children: /* @__PURE__ */ e(
|
|
248
|
-
primaryButton:
|
|
247
|
+
children: /* @__PURE__ */ e(ne, {
|
|
248
|
+
primaryButton: a && /* @__PURE__ */ e(ie, {
|
|
249
|
+
trackEvent: a.trackEvent,
|
|
250
|
+
trackingEvent: a.trackingEvent,
|
|
251
|
+
onPress: ()=>I(a.onPress),
|
|
252
|
+
disabled: a.disabled,
|
|
253
|
+
children: a.text
|
|
254
|
+
}),
|
|
255
|
+
secondaryButton: s && /* @__PURE__ */ e(le, {
|
|
249
256
|
trackEvent: s.trackEvent,
|
|
250
257
|
trackingEvent: s.trackingEvent,
|
|
251
|
-
onPress: ()=>
|
|
258
|
+
onPress: ()=>I(s.onPress),
|
|
259
|
+
disabled: s.disabled,
|
|
252
260
|
children: s.text
|
|
253
261
|
}),
|
|
254
|
-
|
|
255
|
-
trackEvent:
|
|
256
|
-
trackingEvent:
|
|
257
|
-
onPress: ()=>
|
|
258
|
-
children: i.text
|
|
259
|
-
}),
|
|
260
|
-
link: c && /* @__PURE__ */ e(le, {
|
|
261
|
-
trackEvent: c.trackEvent,
|
|
262
|
-
trackingEvent: c.trackingEvent,
|
|
263
|
-
onPress: ()=>y(c.onPress),
|
|
262
|
+
link: n && /* @__PURE__ */ e(ce, {
|
|
263
|
+
trackEvent: n.trackEvent,
|
|
264
|
+
trackingEvent: n.trackingEvent,
|
|
265
|
+
onPress: ()=>I(n.onPress),
|
|
264
266
|
bleedY: !0,
|
|
265
|
-
|
|
267
|
+
disabled: n.disabled,
|
|
268
|
+
children: n.text
|
|
266
269
|
})
|
|
267
270
|
})
|
|
268
271
|
})
|
|
@@ -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_35_1azor6p4 v16_35_1y2v1nfjr v16_35_1y2v1nfk7", a = "v16_35_1azor6p0", n = "v16_35_1azor6p2 v16_35_1y2v1nfiu v16_35_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_35_13fzrua9 v16_35_1y2v1nfjt v16_35_1y2v1nfk9", _ = "v16_35_1y2v1nfl9", e = "v16_35_13fzrua2 v16_35_1y2v1nfis v16_35_1y2v1nf8k", n = {
|
|
4
|
+
default: "v16_35_13fzrua3",
|
|
5
|
+
largeImage: "v16_35_13fzrua4"
|
|
6
|
+
}, f = "v16_35_13fzruad", o = "v16_35_13fzrua7 v16_35_1y2v1nfjw", t = "v16_35_13fzrua5", u = "v16_35_13fzruab v16_35_1y2v1nfiu", i = {
|
|
7
|
+
backgroundColor: "var(--v16_35_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 };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./feedback.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "
|
|
3
|
+
var v = "v16_35_1y2v1nfjr v16_35_1y2v1nfk7", e = "v16_35_gx6h6af", r = "v16_35_gx6h6a4 v16_35_1y2v1nfis v16_35_1y2v1nfjw v16_35_1y2v1nfjf v16_35_1y2v1nfiy", n = "v16_35_gx6h6a0", t = "v16_35_gx6h6a1", x = "v16_35_gx6h6a2", g = "v16_35_gx6h6ae", h = "v16_35_gx6h6ab v16_35_gx6h6aa", o = "v16_35_gx6h6ac v16_35_gx6h6aa", i = "v16_35_gx6h6ad v16_35_gx6h6aa", f = "v16_35_gx6h6a5", p = "v16_35_gx6h6a6";
|
|
4
4
|
export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, g as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, f as innerContainer, p as innerContainerWithButtons };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var r = "
|
|
4
|
-
footerHeight: "var(--
|
|
5
|
-
backgroundColor: "var(--
|
|
6
|
-
}, t = "
|
|
3
|
+
var r = "v16_35_p5j8j5d v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfin", f = "v16_35_p5j8j57", n = "v16_35_p5j8j55", o = "v16_35_p5j8j5b v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfio", a = "v16_35_p5j8j54", j = "v16_35_p5j8j53 v16_35_1y2v1nfjf", y = "v16_35_p5j8j59 v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfio", e = {
|
|
4
|
+
footerHeight: "var(--v16_35_p5j8j50)",
|
|
5
|
+
backgroundColor: "var(--v16_35_p5j8j51)"
|
|
6
|
+
}, t = "v16_35_1y2v1nfir";
|
|
7
7
|
export { r as absoluteBackgroundLayer, f as container, n as elevated, o as fixedBackgroundLayer, a as fixedFooter, j as footer, y as portal, e as vars, t as withoutFooter };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./grid-layout.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var a = "
|
|
3
|
-
colSpan: "var(--
|
|
4
|
-
verticalSpace: "var(--
|
|
2
|
+
var a = "v16_35_379jdb5", _ = "v16_35_379jdb2", r = "v16_35_379jdb1", d = "v16_35_379jdb0", e = "v16_35_379jdb4", l = "v16_35_379jdb7", o = {
|
|
3
|
+
colSpan: "var(--v16_35_379jdb6)",
|
|
4
|
+
verticalSpace: "var(--v16_35_379jdb3)"
|
|
5
5
|
};
|
|
6
6
|
export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };
|