@telefonica/mistica 16.69.0 → 16.70.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 +30 -30
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +15 -15
- 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 +6 -6
- package/dist/community/ai-card.css-mistica.js +2 -2
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.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 +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.js +70 -79
- 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/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/grid-layout.css-mistica.js +3 -3
- 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 +9 -9
- package/dist/list.css-mistica.js +1 -1
- 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 +13 -13
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +18 -18
- 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 +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/select.js +45 -43
- 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 +6 -6
- package/dist/skins/skin-contract.css-mistica.js +684 -684
- 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 +15 -15
- 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 +30 -30
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- 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 +6 -6
- package/dist-es/community/ai-card.css-mistica.js +2 -2
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.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 +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 +87 -96
- 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/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.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 +9 -9
- package/dist-es/list.css-mistica.js +1 -1
- 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 +13 -13
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +18 -18
- 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 +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/select.js +69 -67
- 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 +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +684 -684
- 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 +15 -15
- 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/package.json +2 -2
- package/src/drawer.tsx +0 -14
- package/src/focus-trap.tsx +0 -1
- package/src/package-version.tsx +1 -1
- package/src/select.tsx +2 -1
package/dist-es/drawer.js
CHANGED
|
@@ -52,140 +52,131 @@ function _object_spread_props(target, source) {
|
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
54
|
import { jsx as e, jsxs as f } from "react/jsx-runtime";
|
|
55
|
-
import * as
|
|
55
|
+
import * as s from "react";
|
|
56
56
|
import B from "./stack.js";
|
|
57
|
-
import { Text as M, getTextSizesWithWeight as O, Text4 as z, Text3 as
|
|
58
|
-
import { vars as
|
|
59
|
-
import { IconButton as
|
|
60
|
-
import
|
|
57
|
+
import { Text as M, getTextSizesWithWeight as O, Text4 as z, Text3 as j } from "./text.js";
|
|
58
|
+
import { vars as W } from "./skins/skin-contract.css-mistica.js";
|
|
59
|
+
import { IconButton as _ } from "./icon-button.js";
|
|
60
|
+
import F from "./generated/mistica-icons/icon-close-regular.js";
|
|
61
61
|
import { drawer as H, closeButtonContainer as K, titleContainer as L, horizontalPadding as k, scrollableSection as U, bottomPadding as V, buttonsLayoutContainer as Y, ANIMATION_DURATION_MS as $, overlay as q, overlayOpen as G, overlayClosed as J, container as Q, open as X, closed as Z } from "./drawer.css-mistica.js";
|
|
62
|
-
import
|
|
62
|
+
import E from "classnames";
|
|
63
63
|
import { Portal as ee } from "./portal.js";
|
|
64
64
|
import { useTheme as te, useIsInViewport as x, useScreenSize as re } from "./hooks.js";
|
|
65
65
|
import se from "./focus-trap.js";
|
|
66
|
-
import { useSetModalStateEffect as
|
|
67
|
-
import
|
|
68
|
-
import { ButtonLink as
|
|
66
|
+
import { useSetModalStateEffect as ae } from "./modal-context-provider.js";
|
|
67
|
+
import oe from "./button-layout.js";
|
|
68
|
+
import { ButtonLink as ie, ButtonSecondary as ne, ButtonPrimary as le } from "./button.js";
|
|
69
69
|
import ce from "./divider.js";
|
|
70
70
|
import { getPrefixedDataAttributes as de } from "./utils/dom.js";
|
|
71
71
|
import { modalClose as me } from "./text-tokens.js";
|
|
72
72
|
const b = (param)=>{
|
|
73
|
-
let { show:
|
|
74
|
-
return
|
|
73
|
+
let { show: i } = param;
|
|
74
|
+
return i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e("div", {
|
|
75
75
|
style: {
|
|
76
76
|
borderBottom: "1px solid transparent"
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
|
-
}, ue = ()=>{
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
i === null || i === void 0 ? void 0 : (_i_focus = i.focus) === null || _i_focus === void 0 ? void 0 : _i_focus.call(i);
|
|
86
|
-
};
|
|
87
|
-
}, []);
|
|
88
|
-
}, fe = /*#__PURE__*/ t.forwardRef((param, v)=>{
|
|
89
|
-
let { width: a, children: i, onClose: l, onDismiss: c } = param;
|
|
90
|
-
oe(), ue();
|
|
91
|
-
const { isMobile: p } = re(), [u, d] = t.useState(!1), h = p ? "auto" : a, o = t.useCallback((n)=>{
|
|
92
|
-
n && setTimeout(()=>{
|
|
93
|
-
d(!0);
|
|
79
|
+
}, ue = /*#__PURE__*/ s.forwardRef((param, p)=>{
|
|
80
|
+
let { width: i, children: m, onClose: n, onDismiss: l } = param;
|
|
81
|
+
ae();
|
|
82
|
+
const { isMobile: v } = re(), [u, c] = s.useState(!1), h = v ? "auto" : i, a = s.useCallback((o)=>{
|
|
83
|
+
o && setTimeout(()=>{
|
|
84
|
+
c(!0);
|
|
94
85
|
}, 50);
|
|
95
|
-
}, []),
|
|
96
|
-
setTimeout(
|
|
97
|
-
}).then(
|
|
98
|
-
|
|
99
|
-
]),
|
|
100
|
-
|
|
101
|
-
|
|
86
|
+
}, []), r = s.useCallback(()=>(c(!1), new Promise((o)=>{
|
|
87
|
+
setTimeout(o, $);
|
|
88
|
+
}).then(n)), [
|
|
89
|
+
n
|
|
90
|
+
]), t = s.useCallback(()=>r().then(()=>l === null || l === void 0 ? void 0 : l()), [
|
|
91
|
+
l,
|
|
92
|
+
r
|
|
102
93
|
]);
|
|
103
|
-
return
|
|
104
|
-
close:
|
|
105
|
-
dismiss:
|
|
106
|
-
})),
|
|
107
|
-
const
|
|
108
|
-
|
|
94
|
+
return s.useImperativeHandle(p, ()=>({
|
|
95
|
+
close: r,
|
|
96
|
+
dismiss: t
|
|
97
|
+
})), s.useEffect(()=>{
|
|
98
|
+
const o = (d)=>{
|
|
99
|
+
d.key === "Escape" && t();
|
|
109
100
|
};
|
|
110
|
-
return document.addEventListener("keydown",
|
|
111
|
-
document.removeEventListener("keydown",
|
|
101
|
+
return document.addEventListener("keydown", o), ()=>{
|
|
102
|
+
document.removeEventListener("keydown", o);
|
|
112
103
|
};
|
|
113
104
|
}, [
|
|
114
|
-
|
|
105
|
+
t
|
|
115
106
|
]), /* @__PURE__ */ e(ee, {
|
|
116
107
|
children: /* @__PURE__ */ f(se, {
|
|
117
108
|
children: [
|
|
118
109
|
/* @__PURE__ */ e("div", {
|
|
119
110
|
"data-testid": "drawerOverlay",
|
|
120
|
-
onClick:
|
|
121
|
-
className:
|
|
111
|
+
onClick: l ? t : void 0,
|
|
112
|
+
className: E(q, u ? G : J)
|
|
122
113
|
}),
|
|
123
114
|
/* @__PURE__ */ e("div", {
|
|
124
115
|
"data-testid": "drawerLayout",
|
|
125
|
-
ref:
|
|
116
|
+
ref: a,
|
|
126
117
|
style: {
|
|
127
118
|
width: h
|
|
128
119
|
},
|
|
129
|
-
className:
|
|
130
|
-
children:
|
|
120
|
+
className: E(Q, u ? X : Z),
|
|
121
|
+
children: m
|
|
131
122
|
})
|
|
132
123
|
]
|
|
133
124
|
})
|
|
134
125
|
});
|
|
135
|
-
}),
|
|
136
|
-
let { title:
|
|
137
|
-
const
|
|
138
|
-
var
|
|
139
|
-
(
|
|
140
|
-
},
|
|
126
|
+
}), Re = (param)=>{
|
|
127
|
+
let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: c, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
|
|
128
|
+
const d = s.useRef(null), g = !!(a || r || t), [y, T] = s.useState(null), P = s.useRef(null), S = s.useRef(null), { t: N, texts: C, textPresets: I } = te(), w = (D)=>{
|
|
129
|
+
var _d_current;
|
|
130
|
+
(_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
|
|
131
|
+
}, R = !x(P, !0, {
|
|
141
132
|
root: y
|
|
142
133
|
}), A = !x(S, !0, {
|
|
143
134
|
rootMargin: "1px",
|
|
144
135
|
// bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
|
|
145
136
|
root: y
|
|
146
137
|
});
|
|
147
|
-
return /* @__PURE__ */ e(
|
|
148
|
-
width:
|
|
149
|
-
ref:
|
|
138
|
+
return /* @__PURE__ */ e(ue, {
|
|
139
|
+
width: v,
|
|
140
|
+
ref: d,
|
|
150
141
|
onClose: u,
|
|
151
|
-
onDismiss:
|
|
142
|
+
onDismiss: c,
|
|
152
143
|
children: /* @__PURE__ */ f("section", _object_spread_props(_object_spread({
|
|
153
144
|
role: "dialog",
|
|
154
145
|
"aria-modal": "true",
|
|
155
146
|
className: H,
|
|
156
147
|
ref: T
|
|
157
|
-
}, de(
|
|
148
|
+
}, de(o, "Drawer")), {
|
|
158
149
|
children: [
|
|
159
|
-
|
|
150
|
+
c && /* @__PURE__ */ e("div", {
|
|
160
151
|
className: K,
|
|
161
|
-
children: /* @__PURE__ */ e(
|
|
152
|
+
children: /* @__PURE__ */ e(_, {
|
|
162
153
|
dataAttributes: {
|
|
163
154
|
testid: "dismissButton"
|
|
164
155
|
},
|
|
165
156
|
onPress: ()=>{
|
|
166
|
-
var
|
|
167
|
-
return (
|
|
157
|
+
var _d_current;
|
|
158
|
+
return (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.dismiss();
|
|
168
159
|
},
|
|
169
|
-
Icon:
|
|
170
|
-
"aria-label":
|
|
160
|
+
Icon: F,
|
|
161
|
+
"aria-label": p || C.modalClose || N(me),
|
|
171
162
|
type: "neutral",
|
|
172
163
|
backgroundType: "transparent"
|
|
173
164
|
})
|
|
174
165
|
}),
|
|
175
|
-
|
|
176
|
-
className:
|
|
166
|
+
i && /* @__PURE__ */ e("div", {
|
|
167
|
+
className: E(L, k),
|
|
177
168
|
children: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, O({
|
|
178
|
-
textPreset:
|
|
169
|
+
textPreset: I.drawerTitle
|
|
179
170
|
})), {
|
|
180
|
-
as:
|
|
171
|
+
as: l,
|
|
181
172
|
dataAttributes: {
|
|
182
173
|
testid: "title"
|
|
183
174
|
},
|
|
184
|
-
children:
|
|
175
|
+
children: i
|
|
185
176
|
}))
|
|
186
177
|
}),
|
|
187
178
|
/* @__PURE__ */ e(b, {
|
|
188
|
-
show:
|
|
179
|
+
show: R
|
|
189
180
|
}),
|
|
190
181
|
/* @__PURE__ */ f("div", {
|
|
191
182
|
className: U,
|
|
@@ -198,26 +189,26 @@ const b = (param)=>{
|
|
|
198
189
|
children: /* @__PURE__ */ f(B, {
|
|
199
190
|
space: 16,
|
|
200
191
|
children: [
|
|
201
|
-
|
|
192
|
+
m && /* @__PURE__ */ e(z, {
|
|
202
193
|
regular: !0,
|
|
203
194
|
dataAttributes: {
|
|
204
195
|
testid: "subtitle"
|
|
205
196
|
},
|
|
206
|
-
children:
|
|
197
|
+
children: m
|
|
207
198
|
}),
|
|
208
|
-
|
|
199
|
+
n && /* @__PURE__ */ e(j, {
|
|
209
200
|
regular: !0,
|
|
210
|
-
color:
|
|
201
|
+
color: W.colors.textSecondary,
|
|
211
202
|
dataAttributes: {
|
|
212
203
|
testid: "description"
|
|
213
204
|
},
|
|
214
|
-
children:
|
|
205
|
+
children: n
|
|
215
206
|
}),
|
|
216
207
|
h
|
|
217
208
|
]
|
|
218
209
|
})
|
|
219
210
|
}),
|
|
220
|
-
!
|
|
211
|
+
!g && /* @__PURE__ */ e("div", {
|
|
221
212
|
className: V
|
|
222
213
|
}),
|
|
223
214
|
/* @__PURE__ */ e("div", {
|
|
@@ -226,32 +217,32 @@ const b = (param)=>{
|
|
|
226
217
|
]
|
|
227
218
|
}),
|
|
228
219
|
/* @__PURE__ */ e(b, {
|
|
229
|
-
show:
|
|
220
|
+
show: g && A
|
|
230
221
|
}),
|
|
231
|
-
|
|
222
|
+
g && /* @__PURE__ */ e("div", {
|
|
232
223
|
className: Y,
|
|
233
|
-
children: /* @__PURE__ */ e(
|
|
234
|
-
primaryButton:
|
|
235
|
-
trackEvent:
|
|
236
|
-
trackingEvent:
|
|
237
|
-
onPress: ()=>
|
|
238
|
-
disabled:
|
|
239
|
-
children:
|
|
240
|
-
}),
|
|
241
|
-
secondaryButton: s && /* @__PURE__ */ e(ie, {
|
|
242
|
-
trackEvent: s.trackEvent,
|
|
243
|
-
trackingEvent: s.trackingEvent,
|
|
244
|
-
onPress: ()=>g(s.onPress),
|
|
245
|
-
disabled: s.disabled,
|
|
246
|
-
children: s.text
|
|
224
|
+
children: /* @__PURE__ */ e(oe, {
|
|
225
|
+
primaryButton: a && /* @__PURE__ */ e(le, {
|
|
226
|
+
trackEvent: a.trackEvent,
|
|
227
|
+
trackingEvent: a.trackingEvent,
|
|
228
|
+
onPress: ()=>w(a.onPress),
|
|
229
|
+
disabled: a.disabled,
|
|
230
|
+
children: a.text
|
|
247
231
|
}),
|
|
248
|
-
|
|
232
|
+
secondaryButton: r && /* @__PURE__ */ e(ne, {
|
|
249
233
|
trackEvent: r.trackEvent,
|
|
250
234
|
trackingEvent: r.trackingEvent,
|
|
251
|
-
onPress: ()=>
|
|
252
|
-
bleedY: !0,
|
|
235
|
+
onPress: ()=>w(r.onPress),
|
|
253
236
|
disabled: r.disabled,
|
|
254
237
|
children: r.text
|
|
238
|
+
}),
|
|
239
|
+
link: t && /* @__PURE__ */ e(ie, {
|
|
240
|
+
trackEvent: t.trackEvent,
|
|
241
|
+
trackingEvent: t.trackingEvent,
|
|
242
|
+
onPress: ()=>w(t.onPress),
|
|
243
|
+
bleedY: !0,
|
|
244
|
+
disabled: t.disabled,
|
|
245
|
+
children: t.text
|
|
255
246
|
})
|
|
256
247
|
})
|
|
257
248
|
})
|
|
@@ -259,4 +250,4 @@ const b = (param)=>{
|
|
|
259
250
|
}))
|
|
260
251
|
});
|
|
261
252
|
};
|
|
262
|
-
export {
|
|
253
|
+
export { Re as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var v = "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_70_1azor6p0", a = "v16_70_1azor6p2 v16_70_1azor6p1 v16_70_1y2v1nfq6 v16_70_1y2v1nfrl", o = "v16_70_1azor6p4 v16_70_1azor6p3 v16_70_1y2v1nfr3 v16_70_1y2v1nfrj";
|
|
2
2
|
export { o as assetContainer, v 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(--v16_70_13fzrua0)"
|
|
3
|
+
}, v = "v16_70_13fzrua2 v16_70_13fzrua1 v16_70_1y2v1nfq4 v16_70_1y2v1nffw", f = {
|
|
4
|
+
default: "v16_70_13fzrua3",
|
|
5
|
+
largeImage: "v16_70_13fzrua4"
|
|
6
|
+
}, n = "v16_70_13fzrua5", e = "v16_70_13fzrua7 v16_70_13fzrua6 v16_70_1y2v1nfr8", u = "v16_70_13fzrua9 v16_70_13fzrua8 v16_70_1y2v1nfr5 v16_70_1y2v1nfrl", z = "v16_70_13fzruab v16_70_13fzruaa v16_70_1y2v1nfq6", o = "v16_70_13fzruac v16_70_1y2v1nfsl", t = "v16_70_13fzruad";
|
|
7
7
|
export { u as assetContainer, o as border, t 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 = "v16_70_kq227n1";
|
|
2
2
|
export { p as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var v = "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_70_gx6h6a0", e = "v16_70_gx6h6a1", r = "v16_70_gx6h6a2", n = "v16_70_gx6h6a4 v16_70_gx6h6a3 v16_70_1y2v1nfq4 v16_70_1y2v1nfr8 v16_70_1y2v1nfqr v16_70_1y2v1nfqa", t = "v16_70_gx6h6a5", x = "v16_70_gx6h6a6", g = "v16_70_gx6h6a7 v16_70_1y2v1nfr3 v16_70_1y2v1nfrj", h = "v16_70_gx6h6ab v16_70_gx6h6aa", o = "v16_70_gx6h6ac v16_70_gx6h6aa", d = "v16_70_gx6h6ad v16_70_gx6h6aa", i = "v16_70_gx6h6ae", p = "v16_70_gx6h6af", f = "v16_70_gx6h6ag";
|
|
2
2
|
export { g as assetContainer, p as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
negative: "
|
|
6
|
-
media: "
|
|
7
|
-
}, t = "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_70_1isvxjy0", y = "v16_70_1isvxjy9 v16_70_1isvxjy2 v16_70_1isvxjy1 v16_70_1y2v1nfj0 v16_70_1y2v1nfk9 v16_70_1y2v1nfgl v16_70_1y2v1nfhu v16_70_1y2v1nfsw", n = {
|
|
2
|
+
default: "v16_70_1isvxjya",
|
|
3
|
+
alternative: "v16_70_1isvxjyb",
|
|
4
|
+
brand: "v16_70_1isvxjyc",
|
|
5
|
+
negative: "v16_70_1isvxjyd",
|
|
6
|
+
media: "v16_70_1isvxjye"
|
|
7
|
+
}, t = "v16_70_1isvxjyf", s = "v16_70_1isvxjyh", o = "v16_70_1isvxjyi", j = "v16_70_1isvxjyk v16_70_1isvxjyj v16_70_1y2v1nfq4 v16_70_1y2v1nfqd";
|
|
8
8
|
export { s as assetScaleActive, j as centeredButton, a as disabled, t as dropZoneActive, o as dropZoneButton, y as dropZoneContainerBase, n as dropZoneVariant };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var j = {
|
|
2
|
-
footerHeight: "var(--
|
|
3
|
-
}, r = "
|
|
2
|
+
footerHeight: "var(--v16_70_p5j8j50)"
|
|
3
|
+
}, r = "v16_70_p5j8j53 v16_70_p5j8j52 v16_70_1y2v1nfqr", t = "v16_70_p5j8j54", n = "v16_70_p5j8j55", a = "v16_70_p5j8j56 v16_70_1y2v1nfq3", f = "v16_70_p5j8j57", p = "v16_70_p5j8j59 v16_70_p5j8j58 v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun v16_70_1y2v1nfq0", e = "v16_70_p5j8j5b v16_70_p5j8j5a v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun v16_70_1y2v1nfq0", o = "v16_70_p5j8j5d v16_70_p5j8j5c v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfpz";
|
|
4
4
|
export { o as absoluteBackgroundLayer, f as container, n as elevated, e as fixedBackgroundLayer, t as fixedFooter, r as footer, p as portal, j as vars, a as withoutFooter };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var p = "
|
|
1
|
+
/* empty css */ /* empty css */ var p = "v16_70_1dycpqb0 v16_70_1y2v1nfqr";
|
|
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 = "v16_70_379jdb0", _ = "v16_70_379jdb1", r = "v16_70_379jdb2", d = "v16_70_379jdb4", e = "v16_70_379jdb5", l = "v16_70_379jdb7", o = {
|
|
2
|
+
colSpan: "var(--v16_70_379jdb6)",
|
|
3
|
+
verticalSpace: "var(--v16_70_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 };
|
|
@@ -1,139 +1,139 @@
|
|
|
1
1
|
/* empty css */ var _ = {
|
|
2
|
-
rowMinSize: "var(--
|
|
3
|
-
rowMaxSize: "var(--
|
|
4
|
-
columnMinSize: "var(--
|
|
5
|
-
columnMaxSize: "var(--
|
|
2
|
+
rowMinSize: "var(--v16_70_mfyikv0)",
|
|
3
|
+
rowMaxSize: "var(--v16_70_mfyikv1)",
|
|
4
|
+
columnMinSize: "var(--v16_70_mfyikv2)",
|
|
5
|
+
columnMaxSize: "var(--v16_70_mfyikv3)"
|
|
6
6
|
}, i = {
|
|
7
7
|
columnGap: {
|
|
8
|
-
desktop: "var(--
|
|
9
|
-
tablet: "var(--
|
|
10
|
-
mobile: "var(--
|
|
8
|
+
desktop: "var(--v16_70_mfyikv4)",
|
|
9
|
+
tablet: "var(--v16_70_mfyikv5)",
|
|
10
|
+
mobile: "var(--v16_70_mfyikv6)"
|
|
11
11
|
},
|
|
12
12
|
rowGap: {
|
|
13
|
-
desktop: "var(--
|
|
14
|
-
tablet: "var(--
|
|
15
|
-
mobile: "var(--
|
|
13
|
+
desktop: "var(--v16_70_mfyikv7)",
|
|
14
|
+
tablet: "var(--v16_70_mfyikv8)",
|
|
15
|
+
mobile: "var(--v16_70_mfyikv9)"
|
|
16
16
|
}
|
|
17
|
-
}, m = "
|
|
18
|
-
1: "
|
|
19
|
-
2: "
|
|
20
|
-
3: "
|
|
21
|
-
4: "
|
|
22
|
-
5: "
|
|
23
|
-
6: "
|
|
24
|
-
7: "
|
|
25
|
-
8: "
|
|
26
|
-
9: "
|
|
27
|
-
10: "
|
|
28
|
-
11: "
|
|
29
|
-
12: "
|
|
17
|
+
}, m = "v16_70_mfyikva", f = "v16_70_mfyikvb", y = "v16_70_mfyikvc", k = "v16_70_mfyikvd", e = {
|
|
18
|
+
1: "v16_70_mfyikve",
|
|
19
|
+
2: "v16_70_mfyikvf",
|
|
20
|
+
3: "v16_70_mfyikvg",
|
|
21
|
+
4: "v16_70_mfyikvh",
|
|
22
|
+
5: "v16_70_mfyikvi",
|
|
23
|
+
6: "v16_70_mfyikvj",
|
|
24
|
+
7: "v16_70_mfyikvk",
|
|
25
|
+
8: "v16_70_mfyikvl",
|
|
26
|
+
9: "v16_70_mfyikvm",
|
|
27
|
+
10: "v16_70_mfyikvn",
|
|
28
|
+
11: "v16_70_mfyikvo",
|
|
29
|
+
12: "v16_70_mfyikvp"
|
|
30
30
|
}, r = {
|
|
31
|
-
1: "
|
|
32
|
-
2: "
|
|
33
|
-
3: "
|
|
34
|
-
4: "
|
|
35
|
-
5: "
|
|
36
|
-
6: "
|
|
37
|
-
7: "
|
|
38
|
-
8: "
|
|
39
|
-
9: "
|
|
40
|
-
10: "
|
|
41
|
-
11: "
|
|
42
|
-
12: "
|
|
31
|
+
1: "v16_70_mfyikvq",
|
|
32
|
+
2: "v16_70_mfyikvr",
|
|
33
|
+
3: "v16_70_mfyikvs",
|
|
34
|
+
4: "v16_70_mfyikvt",
|
|
35
|
+
5: "v16_70_mfyikvu",
|
|
36
|
+
6: "v16_70_mfyikvv",
|
|
37
|
+
7: "v16_70_mfyikvw",
|
|
38
|
+
8: "v16_70_mfyikvx",
|
|
39
|
+
9: "v16_70_mfyikvy",
|
|
40
|
+
10: "v16_70_mfyikvz",
|
|
41
|
+
11: "v16_70_mfyikv10",
|
|
42
|
+
12: "v16_70_mfyikv11"
|
|
43
43
|
}, a = {
|
|
44
|
-
column: "
|
|
45
|
-
row: "
|
|
46
|
-
"row dense": "
|
|
47
|
-
"column dense": "
|
|
44
|
+
column: "v16_70_mfyikv12",
|
|
45
|
+
row: "v16_70_mfyikv13",
|
|
46
|
+
"row dense": "v16_70_mfyikv14",
|
|
47
|
+
"column dense": "v16_70_mfyikv15"
|
|
48
48
|
}, t = {
|
|
49
|
-
start: "
|
|
50
|
-
end: "
|
|
51
|
-
center: "
|
|
52
|
-
stretch: "
|
|
49
|
+
start: "v16_70_mfyikv16",
|
|
50
|
+
end: "v16_70_mfyikv17",
|
|
51
|
+
center: "v16_70_mfyikv18",
|
|
52
|
+
stretch: "v16_70_mfyikv19"
|
|
53
53
|
}, n = {
|
|
54
|
-
start: "
|
|
55
|
-
end: "
|
|
56
|
-
center: "
|
|
57
|
-
stretch: "
|
|
58
|
-
baseline: "
|
|
54
|
+
start: "v16_70_mfyikv1a",
|
|
55
|
+
end: "v16_70_mfyikv1b",
|
|
56
|
+
center: "v16_70_mfyikv1c",
|
|
57
|
+
stretch: "v16_70_mfyikv1d",
|
|
58
|
+
baseline: "v16_70_mfyikv1e"
|
|
59
59
|
}, s = {
|
|
60
|
-
start: "
|
|
61
|
-
end: "
|
|
62
|
-
center: "
|
|
63
|
-
stretch: "
|
|
64
|
-
"space-between": "
|
|
65
|
-
"space-around": "
|
|
66
|
-
"space-evenly": "
|
|
60
|
+
start: "v16_70_mfyikv1f",
|
|
61
|
+
end: "v16_70_mfyikv1g",
|
|
62
|
+
center: "v16_70_mfyikv1h",
|
|
63
|
+
stretch: "v16_70_mfyikv1i",
|
|
64
|
+
"space-between": "v16_70_mfyikv1j",
|
|
65
|
+
"space-around": "v16_70_mfyikv1k",
|
|
66
|
+
"space-evenly": "v16_70_mfyikv1l"
|
|
67
67
|
}, o = {
|
|
68
|
-
start: "
|
|
69
|
-
end: "
|
|
70
|
-
center: "
|
|
71
|
-
stretch: "
|
|
72
|
-
"space-between": "
|
|
73
|
-
"space-around": "
|
|
74
|
-
"space-evenly": "
|
|
75
|
-
}, l = "
|
|
76
|
-
1: "
|
|
77
|
-
2: "
|
|
78
|
-
3: "
|
|
79
|
-
4: "
|
|
80
|
-
5: "
|
|
81
|
-
6: "
|
|
82
|
-
7: "
|
|
83
|
-
8: "
|
|
84
|
-
9: "
|
|
85
|
-
10: "
|
|
86
|
-
11: "
|
|
87
|
-
12: "
|
|
68
|
+
start: "v16_70_mfyikv1m",
|
|
69
|
+
end: "v16_70_mfyikv1n",
|
|
70
|
+
center: "v16_70_mfyikv1o",
|
|
71
|
+
stretch: "v16_70_mfyikv1p",
|
|
72
|
+
"space-between": "v16_70_mfyikv1q",
|
|
73
|
+
"space-around": "v16_70_mfyikv1r",
|
|
74
|
+
"space-evenly": "v16_70_mfyikv1s"
|
|
75
|
+
}, l = "v16_70_mfyikv1t", c = "v16_70_mfyikv1u", d = {
|
|
76
|
+
1: "v16_70_mfyikv1v",
|
|
77
|
+
2: "v16_70_mfyikv1w",
|
|
78
|
+
3: "v16_70_mfyikv1x",
|
|
79
|
+
4: "v16_70_mfyikv1y",
|
|
80
|
+
5: "v16_70_mfyikv1z",
|
|
81
|
+
6: "v16_70_mfyikv20",
|
|
82
|
+
7: "v16_70_mfyikv21",
|
|
83
|
+
8: "v16_70_mfyikv22",
|
|
84
|
+
9: "v16_70_mfyikv23",
|
|
85
|
+
10: "v16_70_mfyikv24",
|
|
86
|
+
11: "v16_70_mfyikv25",
|
|
87
|
+
12: "v16_70_mfyikv26"
|
|
88
88
|
}, p = {
|
|
89
|
-
1: "
|
|
90
|
-
2: "
|
|
91
|
-
3: "
|
|
92
|
-
4: "
|
|
93
|
-
5: "
|
|
94
|
-
6: "
|
|
95
|
-
7: "
|
|
96
|
-
8: "
|
|
97
|
-
9: "
|
|
98
|
-
10: "
|
|
99
|
-
11: "
|
|
100
|
-
12: "
|
|
89
|
+
1: "v16_70_mfyikv27",
|
|
90
|
+
2: "v16_70_mfyikv28",
|
|
91
|
+
3: "v16_70_mfyikv29",
|
|
92
|
+
4: "v16_70_mfyikv2a",
|
|
93
|
+
5: "v16_70_mfyikv2b",
|
|
94
|
+
6: "v16_70_mfyikv2c",
|
|
95
|
+
7: "v16_70_mfyikv2d",
|
|
96
|
+
8: "v16_70_mfyikv2e",
|
|
97
|
+
9: "v16_70_mfyikv2f",
|
|
98
|
+
10: "v16_70_mfyikv2g",
|
|
99
|
+
11: "v16_70_mfyikv2h",
|
|
100
|
+
12: "v16_70_mfyikv2i"
|
|
101
101
|
}, u = {
|
|
102
|
-
1: "
|
|
103
|
-
2: "
|
|
104
|
-
3: "
|
|
105
|
-
4: "
|
|
106
|
-
5: "
|
|
107
|
-
6: "
|
|
108
|
-
7: "
|
|
109
|
-
8: "
|
|
110
|
-
9: "
|
|
111
|
-
10: "
|
|
112
|
-
11: "
|
|
113
|
-
12: "
|
|
102
|
+
1: "v16_70_mfyikv2j",
|
|
103
|
+
2: "v16_70_mfyikv2k",
|
|
104
|
+
3: "v16_70_mfyikv2l",
|
|
105
|
+
4: "v16_70_mfyikv2m",
|
|
106
|
+
5: "v16_70_mfyikv2n",
|
|
107
|
+
6: "v16_70_mfyikv2o",
|
|
108
|
+
7: "v16_70_mfyikv2p",
|
|
109
|
+
8: "v16_70_mfyikv2q",
|
|
110
|
+
9: "v16_70_mfyikv2r",
|
|
111
|
+
10: "v16_70_mfyikv2s",
|
|
112
|
+
11: "v16_70_mfyikv2t",
|
|
113
|
+
12: "v16_70_mfyikv2u"
|
|
114
114
|
}, g = {
|
|
115
|
-
1: "
|
|
116
|
-
2: "
|
|
117
|
-
3: "
|
|
118
|
-
4: "
|
|
119
|
-
5: "
|
|
120
|
-
6: "
|
|
121
|
-
7: "
|
|
122
|
-
8: "
|
|
123
|
-
9: "
|
|
124
|
-
10: "
|
|
125
|
-
11: "
|
|
126
|
-
12: "
|
|
115
|
+
1: "v16_70_mfyikv2v",
|
|
116
|
+
2: "v16_70_mfyikv2w",
|
|
117
|
+
3: "v16_70_mfyikv2x",
|
|
118
|
+
4: "v16_70_mfyikv2y",
|
|
119
|
+
5: "v16_70_mfyikv2z",
|
|
120
|
+
6: "v16_70_mfyikv30",
|
|
121
|
+
7: "v16_70_mfyikv31",
|
|
122
|
+
8: "v16_70_mfyikv32",
|
|
123
|
+
9: "v16_70_mfyikv33",
|
|
124
|
+
10: "v16_70_mfyikv34",
|
|
125
|
+
11: "v16_70_mfyikv35",
|
|
126
|
+
12: "v16_70_mfyikv36"
|
|
127
127
|
}, w = {
|
|
128
|
-
start: "
|
|
129
|
-
end: "
|
|
130
|
-
center: "
|
|
131
|
-
stretch: "
|
|
128
|
+
start: "v16_70_mfyikv37",
|
|
129
|
+
end: "v16_70_mfyikv38",
|
|
130
|
+
center: "v16_70_mfyikv39",
|
|
131
|
+
stretch: "v16_70_mfyikv3a"
|
|
132
132
|
}, b = {
|
|
133
|
-
start: "
|
|
134
|
-
end: "
|
|
135
|
-
center: "
|
|
136
|
-
stretch: "
|
|
137
|
-
baseline: "
|
|
133
|
+
start: "v16_70_mfyikv3b",
|
|
134
|
+
end: "v16_70_mfyikv3c",
|
|
135
|
+
center: "v16_70_mfyikv3d",
|
|
136
|
+
stretch: "v16_70_mfyikv3e",
|
|
137
|
+
baseline: "v16_70_mfyikv3f"
|
|
138
138
|
};
|
|
139
139
|
export { b as alignSelf, u as columnStart, l as fullColumns, c as fullRows, f as gap, i as gapVars, m as grid, o as gridAlignContent, n as gridAlignItems, a as gridAutoFlow, s as gridJustifyContent, t as gridJustifyItems, e as gridTemplateColumns, y as gridTemplateColumnsAutoRepeat, r as gridTemplateRows, k as gridTemplateRowsAutoRepeat, w as justifySelf, g as rowStart, d as spanColumns, p as spanRows, _ as vars };
|