@telefonica/mistica 17.10.0 → 17.11.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/autocomplete.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 +14 -14
- package/dist/button.css-mistica.js +34 -34
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +21 -21
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +8 -8
- package/dist/community/ai-card.css-mistica.js +2 -2
- package/dist/community/blocks.css-mistica.js +2 -2
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +2 -2
- 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 +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/drawer.d.ts +5 -1
- package/dist/drawer.js +131 -82
- 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/fade-out.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/file-upload.css-mistica.js +7 -7
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/form.css-mistica.js +1 -1
- package/dist/form.d.ts +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid-layout.d.ts +6 -1
- package/dist/grid-layout.js +33 -18
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- 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 +2 -2
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +7 -7
- 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/menu.css-mistica.js +12 -12
- package/dist/message.css-mistica.js +38 -38
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +9 -9
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/navigation-shared.css-mistica.js +9 -9
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +22 -22
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +6 -6
- 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/sidenav-bar-layout.css-mistica.js +1 -1
- package/dist/sidenav-bar.css-mistica.js +71 -71
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/skin-contract.css-mistica.js +769 -769
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.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 +35 -35
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +16 -16
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +9 -9
- 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 +2 -2
- 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/autocomplete.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 +14 -14
- package/dist-es/button.css-mistica.js +34 -34
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +21 -21
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +8 -8
- package/dist-es/community/ai-card.css-mistica.js +2 -2
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +2 -2
- 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 +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/drawer.js +167 -118
- 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/fade-out.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/file-upload.css-mistica.js +7 -7
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid-layout.js +37 -22
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- 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 +2 -2
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +7 -7
- 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/menu.css-mistica.js +12 -12
- package/dist-es/message.css-mistica.js +38 -38
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/navigation-shared.css-mistica.js +9 -9
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +22 -22
- 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 +6 -6
- package/dist-es/radio-button.css-mistica.js +19 -19
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- 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/sidenav-bar-layout.css-mistica.js +1 -1
- package/dist-es/sidenav-bar.css-mistica.js +71 -71
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +769 -769
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.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 +35 -35
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +16 -16
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +9 -9
- 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 +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/doc/layout.md +1 -1
- package/doc/llms/figma-mcp.md +1 -0
- package/package.json +1 -1
- package/src/drawer.tsx +43 -12
- package/src/form.tsx +1 -1
- package/src/grid-layout.tsx +20 -0
- package/src/package-version.tsx +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* empty css */ var t = {
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
negative: "
|
|
6
|
-
media: "
|
|
2
|
+
default: "v17_11_o0dvt10",
|
|
3
|
+
alternative: "v17_11_o0dvt11",
|
|
4
|
+
brand: "v17_11_o0dvt12",
|
|
5
|
+
negative: "v17_11_o0dvt13",
|
|
6
|
+
media: "v17_11_o0dvt14"
|
|
7
7
|
};
|
|
8
8
|
export { t as variants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var t = {
|
|
2
|
-
default: "
|
|
3
|
-
fullWidth: "
|
|
2
|
+
default: "v17_11_skrulh1 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl",
|
|
3
|
+
fullWidth: "v17_11_skrulh2 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl"
|
|
4
4
|
};
|
|
5
5
|
export { t as variants };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = 350, w = "
|
|
1
|
+
/* empty css */ /* empty css */ var n = 350, w = "v17_11_c4ngww1 v17_11_c4ngww0 v17_11_1y2v1nfru v17_11_1y2v1nfry v17_11_1y2v1nf8v v17_11_1y2v1nfv8 v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfv2", r = "v17_11_c4ngww3 v17_11_c4ngww2 v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsj", y = "v17_11_c4ngww5 v17_11_c4ngww4 v17_11_1y2v1nfsg v17_11_1y2v1nfsi", a = "v17_11_c4ngww7 v17_11_c4ngww6 v17_11_1y2v1nfsj v17_11_1y2v1nfv7", c = "v17_11_c4ngww8", f = "v17_11_c4ngww9", o = "v17_11_c4ngwwb v17_11_c4ngwwa v17_11_1y2v1nfru v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nf9m", g = "v17_11_c4ngwwc", t = "v17_11_c4ngwwd", e = "v17_11_c4ngwwe v17_11_1y2v1nfrt v17_11_1y2v1nfvb v17_11_1y2v1nfw5", i = "v17_11_c4ngwwf", l = "v17_11_c4ngwwg", s = "v17_11_c4ngwwh";
|
|
2
2
|
export { n as ANIMATION_DURATION_MS, l as bottomPadding, s as buttonsLayoutContainer, e as closeButtonContainer, f as closed, w as container, r as drawer, i as horizontalPadding, c as open, o as overlay, g as overlayClosed, t as overlayOpen, a as scrollableSection, y as titleContainer };
|
package/dist-es/drawer.js
CHANGED
|
@@ -1,4 +1,33 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
3
|
+
try {
|
|
4
|
+
var info = gen[key](arg);
|
|
5
|
+
var value = info.value;
|
|
6
|
+
} catch (error) {
|
|
7
|
+
reject(error);
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
if (info.done) {
|
|
11
|
+
resolve(value);
|
|
12
|
+
} else {
|
|
13
|
+
Promise.resolve(value).then(_next, _throw);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
function _async_to_generator(fn) {
|
|
17
|
+
return function() {
|
|
18
|
+
var self = this, args = arguments;
|
|
19
|
+
return new Promise(function(resolve, reject) {
|
|
20
|
+
var gen = fn.apply(self, args);
|
|
21
|
+
function _next(value) {
|
|
22
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
23
|
+
}
|
|
24
|
+
function _throw(err) {
|
|
25
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
26
|
+
}
|
|
27
|
+
_next(undefined);
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
}
|
|
2
31
|
function _define_property(obj, key, value) {
|
|
3
32
|
if (key in obj) {
|
|
4
33
|
Object.defineProperty(obj, key, {
|
|
@@ -51,200 +80,220 @@ function _object_spread_props(target, source) {
|
|
|
51
80
|
}
|
|
52
81
|
return target;
|
|
53
82
|
}
|
|
54
|
-
import { jsx as e, jsxs as
|
|
55
|
-
import * as
|
|
56
|
-
import
|
|
57
|
-
import { Text as
|
|
58
|
-
import { vars as
|
|
59
|
-
import { IconButton as
|
|
60
|
-
import
|
|
61
|
-
import { drawer as
|
|
62
|
-
import
|
|
63
|
-
import { Portal as
|
|
64
|
-
import { useTheme as
|
|
65
|
-
import
|
|
66
|
-
import { useSetModalStateEffect as
|
|
67
|
-
import
|
|
68
|
-
import { ButtonLink as
|
|
83
|
+
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
84
|
+
import * as a from "react";
|
|
85
|
+
import O from "./stack.js";
|
|
86
|
+
import { Text as z, getTextSizesWithWeight as j, Text4 as F, Text3 as W } from "./text.js";
|
|
87
|
+
import { vars as _ } from "./skins/skin-contract.css-mistica.js";
|
|
88
|
+
import { IconButton as H } from "./icon-button.js";
|
|
89
|
+
import K from "./generated/mistica-icons/icon-close-regular.js";
|
|
90
|
+
import { drawer as L, closeButtonContainer as U, titleContainer as V, horizontalPadding as x, scrollableSection as Y, bottomPadding as $, buttonsLayoutContainer as q, ANIMATION_DURATION_MS as G, container as J, open as Q, closed as X, overlay as Z, overlayOpen as ee, overlayClosed as te } from "./drawer.css-mistica.js";
|
|
91
|
+
import S from "classnames";
|
|
92
|
+
import { Portal as re } from "./portal.js";
|
|
93
|
+
import { useTheme as se, useIsInViewport as b, useScreenSize as ae } from "./hooks.js";
|
|
94
|
+
import oe from "./focus-trap.js";
|
|
95
|
+
import { useSetModalStateEffect as ie } from "./modal-context-provider.js";
|
|
96
|
+
import ne from "./button-layout.js";
|
|
97
|
+
import { ButtonLink as le, ButtonSecondary as ce, ButtonPrimary as T } from "./button.js";
|
|
69
98
|
import de from "./divider.js";
|
|
70
|
-
import { getPrefixedDataAttributes as
|
|
71
|
-
import { modalClose as
|
|
72
|
-
|
|
99
|
+
import { getPrefixedDataAttributes as me } from "./utils/dom.js";
|
|
100
|
+
import { modalClose as ue } from "./text-tokens.js";
|
|
101
|
+
import ve from "./form.js";
|
|
102
|
+
const N = (param)=>{
|
|
73
103
|
let { show: i } = param;
|
|
74
104
|
return i ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
|
|
75
105
|
style: {
|
|
76
106
|
borderBottom: "1px solid transparent"
|
|
77
107
|
}
|
|
78
108
|
});
|
|
79
|
-
},
|
|
80
|
-
let { width: i, children:
|
|
81
|
-
|
|
82
|
-
const { isMobile:
|
|
83
|
-
|
|
84
|
-
|
|
109
|
+
}, fe = /*#__PURE__*/ a.forwardRef((param, E)=>{
|
|
110
|
+
let { width: i, children: f, onClose: l, onDismiss: c, form: d } = param;
|
|
111
|
+
ie();
|
|
112
|
+
const { isMobile: g } = ae(), [m, p] = a.useState(!1), t = g ? "auto" : i, o = a.useCallback((s)=>{
|
|
113
|
+
s && setTimeout(()=>{
|
|
114
|
+
p(!0);
|
|
85
115
|
}, 50);
|
|
86
|
-
}, []), r =
|
|
87
|
-
setTimeout(
|
|
88
|
-
}).then(
|
|
89
|
-
|
|
90
|
-
]),
|
|
91
|
-
|
|
116
|
+
}, []), r = a.useCallback(()=>(p(!1), new Promise((s)=>{
|
|
117
|
+
setTimeout(s, G);
|
|
118
|
+
}).then(l)), [
|
|
119
|
+
l
|
|
120
|
+
]), n = a.useCallback(()=>r().then(()=>c === null || c === void 0 ? void 0 : c()), [
|
|
121
|
+
c,
|
|
92
122
|
r
|
|
93
123
|
]);
|
|
94
|
-
|
|
124
|
+
a.useImperativeHandle(E, ()=>({
|
|
95
125
|
close: r,
|
|
96
|
-
dismiss:
|
|
97
|
-
})),
|
|
98
|
-
const
|
|
99
|
-
|
|
126
|
+
dismiss: n
|
|
127
|
+
})), a.useEffect(()=>{
|
|
128
|
+
const s = (v)=>{
|
|
129
|
+
v.key === "Escape" && n();
|
|
100
130
|
};
|
|
101
|
-
return document.addEventListener("keydown",
|
|
102
|
-
document.removeEventListener("keydown",
|
|
131
|
+
return document.addEventListener("keydown", s), ()=>{
|
|
132
|
+
document.removeEventListener("keydown", s);
|
|
103
133
|
};
|
|
104
134
|
}, [
|
|
105
|
-
|
|
106
|
-
])
|
|
107
|
-
|
|
135
|
+
n
|
|
136
|
+
]);
|
|
137
|
+
const u = /* @__PURE__ */ e("div", {
|
|
138
|
+
"data-testid": "drawerLayout",
|
|
139
|
+
ref: o,
|
|
140
|
+
style: {
|
|
141
|
+
width: t
|
|
142
|
+
},
|
|
143
|
+
className: S(J, m ? Q : X),
|
|
144
|
+
children: f
|
|
145
|
+
});
|
|
146
|
+
return /* @__PURE__ */ e(re, {
|
|
147
|
+
children: /* @__PURE__ */ h(oe, {
|
|
108
148
|
children: [
|
|
109
149
|
/* @__PURE__ */ e("div", {
|
|
110
150
|
"data-testid": "drawerOverlay",
|
|
111
|
-
onClick:
|
|
112
|
-
className:
|
|
151
|
+
onClick: c ? n : void 0,
|
|
152
|
+
className: S(Z, m ? ee : te)
|
|
113
153
|
}),
|
|
114
|
-
/* @__PURE__ */ e(
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
154
|
+
d ? /* @__PURE__ */ e(ve, _object_spread_props(_object_spread({}, d), {
|
|
155
|
+
onSubmit: function() {
|
|
156
|
+
for(var _len = arguments.length, s = new Array(_len), _key = 0; _key < _len; _key++){
|
|
157
|
+
s[_key] = arguments[_key];
|
|
158
|
+
}
|
|
159
|
+
return _async_to_generator(function*() {
|
|
160
|
+
return Promise.resolve(d.onSubmit(...s)).then(r);
|
|
161
|
+
})();
|
|
119
162
|
},
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
})
|
|
163
|
+
children: u
|
|
164
|
+
})) : u
|
|
123
165
|
]
|
|
124
166
|
})
|
|
125
167
|
});
|
|
126
|
-
}),
|
|
127
|
-
let { title: i, subtitle:
|
|
128
|
-
const
|
|
129
|
-
var
|
|
130
|
-
(
|
|
131
|
-
},
|
|
132
|
-
root:
|
|
133
|
-
}),
|
|
168
|
+
}), Be = (param)=>{
|
|
169
|
+
let { title: i, subtitle: f, description: l, titleAs: c = "h2", dismissLabel: d, width: E, onClose: g, onDismiss: m, children: p, button: t, secondaryButton: o, buttonLink: r, dataAttributes: n, form: u } = param;
|
|
170
|
+
const s = a.useRef(null), v = !!(t || o || r), [w, C] = a.useState(null), y = a.useRef(null), P = a.useRef(null), { t: I, texts: R, textPresets: A } = se(), k = (M)=>{
|
|
171
|
+
var _s_current;
|
|
172
|
+
(_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.close().then(()=>M === null || M === void 0 ? void 0 : M());
|
|
173
|
+
}, D = !b(y, !0, {
|
|
174
|
+
root: w
|
|
175
|
+
}), B = !b(P, !0, {
|
|
134
176
|
rootMargin: "1px",
|
|
135
177
|
// bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
|
|
136
|
-
root:
|
|
178
|
+
root: w
|
|
137
179
|
});
|
|
138
|
-
return /* @__PURE__ */ e(
|
|
139
|
-
width:
|
|
140
|
-
ref:
|
|
141
|
-
onClose:
|
|
142
|
-
onDismiss:
|
|
143
|
-
|
|
180
|
+
return /* @__PURE__ */ e(fe, {
|
|
181
|
+
width: E,
|
|
182
|
+
ref: s,
|
|
183
|
+
onClose: g,
|
|
184
|
+
onDismiss: m,
|
|
185
|
+
form: u,
|
|
186
|
+
children: /* @__PURE__ */ h("section", _object_spread_props(_object_spread({
|
|
144
187
|
role: "dialog",
|
|
145
188
|
"aria-modal": "true",
|
|
146
|
-
className:
|
|
147
|
-
ref:
|
|
148
|
-
},
|
|
189
|
+
className: L,
|
|
190
|
+
ref: C
|
|
191
|
+
}, me(_object_spread({
|
|
149
192
|
testid: "Drawer"
|
|
150
|
-
},
|
|
193
|
+
}, n))), {
|
|
151
194
|
children: [
|
|
152
|
-
|
|
153
|
-
className:
|
|
154
|
-
children: /* @__PURE__ */ e(
|
|
195
|
+
m && /* @__PURE__ */ e("div", {
|
|
196
|
+
className: U,
|
|
197
|
+
children: /* @__PURE__ */ e(H, {
|
|
155
198
|
dataAttributes: {
|
|
156
199
|
testid: "dismissButton"
|
|
157
200
|
},
|
|
158
201
|
onPress: ()=>{
|
|
159
|
-
var
|
|
160
|
-
return (
|
|
202
|
+
var _s_current;
|
|
203
|
+
return (_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.dismiss();
|
|
161
204
|
},
|
|
162
|
-
Icon:
|
|
163
|
-
"aria-label":
|
|
205
|
+
Icon: K,
|
|
206
|
+
"aria-label": d || R.modalClose || I(ue),
|
|
164
207
|
type: "neutral",
|
|
165
208
|
backgroundType: "transparent"
|
|
166
209
|
})
|
|
167
210
|
}),
|
|
168
211
|
i && /* @__PURE__ */ e("div", {
|
|
169
|
-
className:
|
|
170
|
-
children: /* @__PURE__ */ e(
|
|
171
|
-
textPreset:
|
|
212
|
+
className: S(V, x),
|
|
213
|
+
children: /* @__PURE__ */ e(z, _object_spread_props(_object_spread({}, j({
|
|
214
|
+
textPreset: A.drawerTitle
|
|
172
215
|
})), {
|
|
173
|
-
as:
|
|
216
|
+
as: c,
|
|
174
217
|
dataAttributes: {
|
|
175
218
|
testid: "title"
|
|
176
219
|
},
|
|
177
220
|
children: i
|
|
178
221
|
}))
|
|
179
222
|
}),
|
|
180
|
-
/* @__PURE__ */ e(
|
|
181
|
-
show:
|
|
223
|
+
/* @__PURE__ */ e(N, {
|
|
224
|
+
show: D
|
|
182
225
|
}),
|
|
183
|
-
/* @__PURE__ */
|
|
184
|
-
className:
|
|
226
|
+
/* @__PURE__ */ h("div", {
|
|
227
|
+
className: Y,
|
|
185
228
|
children: [
|
|
186
229
|
/* @__PURE__ */ e("div", {
|
|
187
|
-
ref:
|
|
230
|
+
ref: y
|
|
188
231
|
}),
|
|
189
232
|
/* @__PURE__ */ e("div", {
|
|
190
|
-
className:
|
|
191
|
-
children: /* @__PURE__ */
|
|
233
|
+
className: x,
|
|
234
|
+
children: /* @__PURE__ */ h(O, {
|
|
192
235
|
space: 16,
|
|
193
236
|
children: [
|
|
194
|
-
|
|
237
|
+
f && /* @__PURE__ */ e(F, {
|
|
195
238
|
regular: !0,
|
|
196
239
|
dataAttributes: {
|
|
197
240
|
testid: "subtitle"
|
|
198
241
|
},
|
|
199
|
-
children:
|
|
242
|
+
children: f
|
|
200
243
|
}),
|
|
201
|
-
|
|
244
|
+
l && /* @__PURE__ */ e(W, {
|
|
202
245
|
regular: !0,
|
|
203
|
-
color:
|
|
246
|
+
color: _.colors.textSecondary,
|
|
204
247
|
dataAttributes: {
|
|
205
248
|
testid: "description"
|
|
206
249
|
},
|
|
207
|
-
children:
|
|
250
|
+
children: l
|
|
208
251
|
}),
|
|
209
|
-
|
|
252
|
+
p
|
|
210
253
|
]
|
|
211
254
|
})
|
|
212
255
|
}),
|
|
213
|
-
!
|
|
214
|
-
className:
|
|
256
|
+
!v && /* @__PURE__ */ e("div", {
|
|
257
|
+
className: $
|
|
215
258
|
}),
|
|
216
259
|
/* @__PURE__ */ e("div", {
|
|
217
|
-
ref:
|
|
260
|
+
ref: P
|
|
218
261
|
})
|
|
219
262
|
]
|
|
220
263
|
}),
|
|
221
|
-
/* @__PURE__ */ e(
|
|
222
|
-
show:
|
|
264
|
+
/* @__PURE__ */ e(N, {
|
|
265
|
+
show: v && B
|
|
223
266
|
}),
|
|
224
|
-
|
|
225
|
-
className:
|
|
226
|
-
children: /* @__PURE__ */ e(
|
|
227
|
-
primaryButton:
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
disabled:
|
|
232
|
-
children:
|
|
267
|
+
v && /* @__PURE__ */ e("div", {
|
|
268
|
+
className: q,
|
|
269
|
+
children: /* @__PURE__ */ e(ne, {
|
|
270
|
+
primaryButton: t && (u ? /* @__PURE__ */ e(T, {
|
|
271
|
+
submit: !0,
|
|
272
|
+
trackEvent: t.trackEvent,
|
|
273
|
+
trackingEvent: t.trackingEvent,
|
|
274
|
+
disabled: t.disabled,
|
|
275
|
+
children: t.text
|
|
276
|
+
}) : /* @__PURE__ */ e(T, {
|
|
277
|
+
trackEvent: t.trackEvent,
|
|
278
|
+
trackingEvent: t.trackingEvent,
|
|
279
|
+
onPress: ()=>k(t.onPress),
|
|
280
|
+
disabled: t.disabled,
|
|
281
|
+
children: t.text
|
|
282
|
+
})),
|
|
283
|
+
secondaryButton: o && /* @__PURE__ */ e(ce, {
|
|
284
|
+
trackEvent: o.trackEvent,
|
|
285
|
+
trackingEvent: o.trackingEvent,
|
|
286
|
+
onPress: ()=>k(o.onPress),
|
|
287
|
+
disabled: o.disabled,
|
|
288
|
+
children: o.text
|
|
233
289
|
}),
|
|
234
|
-
|
|
290
|
+
link: r && /* @__PURE__ */ e(le, {
|
|
235
291
|
trackEvent: r.trackEvent,
|
|
236
292
|
trackingEvent: r.trackingEvent,
|
|
237
|
-
onPress: ()=>
|
|
293
|
+
onPress: ()=>k(r.onPress),
|
|
294
|
+
bleedY: !0,
|
|
238
295
|
disabled: r.disabled,
|
|
239
296
|
children: r.text
|
|
240
|
-
}),
|
|
241
|
-
link: t && /* @__PURE__ */ e(ie, {
|
|
242
|
-
trackEvent: t.trackEvent,
|
|
243
|
-
trackingEvent: t.trackingEvent,
|
|
244
|
-
onPress: ()=>w(t.onPress),
|
|
245
|
-
bleedY: !0,
|
|
246
|
-
disabled: t.disabled,
|
|
247
|
-
children: t.text
|
|
248
297
|
})
|
|
249
298
|
})
|
|
250
299
|
})
|
|
@@ -252,4 +301,4 @@ const b = (param)=>{
|
|
|
252
301
|
}))
|
|
253
302
|
});
|
|
254
303
|
};
|
|
255
|
-
export {
|
|
304
|
+
export { Be as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_11_1azor6p0", a = "v17_11_1azor6p2 v17_11_1azor6p1 v17_11_1y2v1nfs0 v17_11_1y2v1nftf", o = "v17_11_1azor6p4 v17_11_1azor6p3 v17_11_1y2v1nfsx v17_11_1y2v1nftd";
|
|
2
2
|
export { o as assetContainer, r as container, a as image };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var _ = {
|
|
2
|
-
backgroundColor: "var(--
|
|
3
|
-
}, v = "
|
|
4
|
-
default: "
|
|
5
|
-
largeImage: "
|
|
6
|
-
}, n = "
|
|
2
|
+
backgroundColor: "var(--v17_11_13fzrua0)"
|
|
3
|
+
}, v = "v17_11_13fzrua2 v17_11_13fzrua1 v17_11_1y2v1nfry v17_11_1y2v1nfhq", f = {
|
|
4
|
+
default: "v17_11_13fzrua3",
|
|
5
|
+
largeImage: "v17_11_13fzrua4"
|
|
6
|
+
}, n = "v17_11_13fzrua5", e = "v17_11_13fzrua7 v17_11_13fzrua6 v17_11_1y2v1nft2", u = "v17_11_13fzrua9 v17_11_13fzrua8 v17_11_1y2v1nfsz v17_11_1y2v1nftf", z = "v17_11_13fzruab v17_11_13fzruaa v17_11_1y2v1nfs0", t = "v17_11_13fzruac v17_11_1y2v1nfuf", o = "v17_11_13fzruad";
|
|
7
7
|
export { u as assetContainer, t as border, o as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var p = "
|
|
1
|
+
/* empty css */ var p = "v17_11_kq227n1";
|
|
2
2
|
export { p as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var p = "
|
|
1
|
+
/* empty css */ var p = "v17_11_1momtlt1";
|
|
2
2
|
export { p as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var v = "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v17_11_gx6h6a0", e = "v17_11_gx6h6a1", r = "v17_11_gx6h6a2", n = "v17_11_gx6h6a4 v17_11_gx6h6a3 v17_11_1y2v1nfry v17_11_1y2v1nft2 v17_11_1y2v1nfsl v17_11_1y2v1nfs4", t = "v17_11_gx6h6a5", x = "v17_11_gx6h6a6", g = "v17_11_gx6h6a7 v17_11_1y2v1nfsx v17_11_1y2v1nftd", h = "v17_11_gx6h6ab v17_11_gx6h6aa", o = "v17_11_gx6h6ac v17_11_gx6h6aa", d = "v17_11_gx6h6ad v17_11_gx6h6aa", s = "v17_11_gx6h6ae", i = "v17_11_gx6h6af", p = "v17_11_gx6h6ag";
|
|
2
2
|
export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, s as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var y = "
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
negative: "
|
|
6
|
-
media: "
|
|
7
|
-
}, t = "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var y = "v17_11_1isvxjy0", a = "v17_11_1isvxjy9 v17_11_1isvxjy2 v17_11_1isvxjy1 v17_11_1y2v1nfku v17_11_1y2v1nfm3 v17_11_1y2v1nfif v17_11_1y2v1nfjo v17_11_1y2v1nfuq", n = {
|
|
2
|
+
default: "v17_11_1isvxjya",
|
|
3
|
+
alternative: "v17_11_1isvxjyb",
|
|
4
|
+
brand: "v17_11_1isvxjyc",
|
|
5
|
+
negative: "v17_11_1isvxjyd",
|
|
6
|
+
media: "v17_11_1isvxjye"
|
|
7
|
+
}, t = "v17_11_1isvxjyf", s = "v17_11_1isvxjyh", o = "v17_11_1isvxjyi", j = "v17_11_1isvxjyk v17_11_1isvxjyj v17_11_1y2v1nfry v17_11_1y2v1nfs7";
|
|
8
8
|
export { s as assetScaleActive, j as centeredButton, y as disabled, t as dropZoneActive, o as dropZoneButton, a as dropZoneContainerBase, n as dropZoneVariant };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var r = {
|
|
2
|
-
footerHeight: "var(--
|
|
3
|
-
}, j = "
|
|
2
|
+
footerHeight: "var(--v17_11_p5j8j50)"
|
|
3
|
+
}, j = "v17_11_p5j8j53 v17_11_p5j8j52 v17_11_1y2v1nfsl", n = "v17_11_p5j8j54", a = "v17_11_p5j8j55", f = "v17_11_p5j8j56 v17_11_1y2v1nfrx", o = "v17_11_p5j8j57", p = "v17_11_p5j8j59 v17_11_p5j8j58 v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", y = "v17_11_p5j8j5b v17_11_p5j8j5a v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", e = "v17_11_p5j8j5d v17_11_p5j8j5c v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfrt";
|
|
4
4
|
export { e as absoluteBackgroundLayer, o as container, a as elevated, y as fixedBackgroundLayer, n as fixedFooter, j as footer, p as portal, r as vars, f as withoutFooter };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var p = "
|
|
1
|
+
/* empty css */ /* empty css */ var p = "v17_11_1dycpqb0 v17_11_1y2v1nfsl";
|
|
2
2
|
export { p as form };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ var a = "
|
|
2
|
-
colSpan: "var(--
|
|
3
|
-
verticalSpace: "var(--
|
|
1
|
+
/* empty css */ var a = "v17_11_379jdb0", _ = "v17_11_379jdb1", r = "v17_11_379jdb2", d = "v17_11_379jdb4", e = "v17_11_379jdb5", l = "v17_11_379jdb7", o = {
|
|
2
|
+
colSpan: "var(--v17_11_379jdb6)",
|
|
3
|
+
verticalSpace: "var(--v17_11_379jdb3)"
|
|
4
4
|
};
|
|
5
5
|
export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };
|