@telefonica/mistica 14.34.0 → 14.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/avatar.css-mistica.js +1 -1
- package/dist/button.css-mistica.js +7 -7
- package/dist/callout.css-mistica.js +1 -1
- package/dist/callout.js +17 -12
- package/dist/card.js +277 -244
- package/dist/carousel.css-mistica.js +5 -5
- package/dist/carousel.js +54 -52
- package/dist/checkbox.js +18 -18
- package/dist/community/advanced-data-card.css-mistica.js +3 -3
- package/dist/community/advanced-data-card.js +57 -50
- package/dist/community/blocks.js +42 -35
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cvv-field.js +1 -1
- package/dist/dialog.css-mistica.js +3 -3
- package/dist/dialog.js +2 -2
- package/dist/hero.js +34 -30
- package/dist/hooks.d.ts +12 -1
- package/dist/hooks.js +85 -48
- package/dist/image.css-mistica.js +7 -2
- package/dist/image.css.d.ts +3 -0
- package/dist/image.d.ts +1 -7
- package/dist/image.js +55 -66
- package/dist/list.css-mistica.js +1 -1
- package/dist/list.js +80 -75
- package/dist/loading-bar.css-mistica.js +6 -6
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.js +32 -32
- package/dist/navigation-bar.css-mistica.js +10 -10
- package/dist/overlay.js +10 -10
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +3 -3
- package/dist/popover.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +5 -5
- package/dist/radio-button.js +7 -7
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +7 -7
- package/dist/select.js +65 -53
- package/dist/sheet.css-mistica.js +8 -8
- package/dist/skeletons.d.ts +9 -1
- package/dist/skeletons.js +3 -0
- package/dist/skins/blau.js +2 -1
- package/dist/skins/defaults.js +2 -1
- package/dist/skins/movistar-legacy.js +2 -1
- package/dist/skins/movistar.js +2 -1
- package/dist/skins/o2.js +2 -1
- package/dist/skins/skin-contract.css-mistica.js +2 -1
- package/dist/skins/skin-contract.css.d.ts +1 -0
- package/dist/skins/telefonica.js +2 -1
- package/dist/skins/types/index.d.ts +1 -0
- package/dist/skins/vivo-new.js +2 -1
- package/dist/skins/vivo.js +2 -1
- package/dist/slider.css-mistica.js +19 -19
- package/dist/slider.css.d.ts +8 -8
- package/dist/slider.d.ts +28 -8
- package/dist/slider.js +226 -106
- package/dist/snackbar.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +71 -68
- package/dist/stacking-group.js +31 -24
- package/dist/stepper.css-mistica.js +3 -3
- package/dist/switch-component.css-mistica.js +17 -17
- package/dist/switch-component.js +12 -12
- package/dist/tab-focus.js +12 -12
- package/dist/tabs.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-components.css-mistica.js +7 -7
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/theme-context-provider.js +39 -36
- package/dist/tooltip-context-provider.d.ts +14 -0
- package/dist/tooltip-context-provider.js +90 -0
- package/dist/tooltip.css-mistica.js +25 -54
- package/dist/tooltip.css.d.ts +19 -26
- package/dist/tooltip.d.ts +15 -1
- package/dist/tooltip.js +255 -207
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/touchable.js +8 -8
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/utils/environment.d.ts +1 -0
- package/dist/utils/environment.js +4 -1
- package/dist/utils/keys.d.ts +8 -0
- package/dist/utils/{key-codes.js → keys.js} +6 -6
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +33 -31
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/button.css-mistica.js +7 -7
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/callout.js +33 -28
- package/dist-es/card.js +416 -383
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/carousel.js +84 -82
- package/dist-es/checkbox.js +18 -18
- package/dist-es/community/advanced-data-card.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.js +83 -76
- package/dist-es/community/blocks.js +77 -70
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cvv-field.js +1 -1
- package/dist-es/dialog.css-mistica.js +3 -3
- package/dist-es/dialog.js +2 -2
- package/dist-es/hero.js +69 -65
- package/dist-es/hooks.js +83 -49
- package/dist-es/image.css-mistica.js +4 -2
- package/dist-es/image.js +74 -79
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/list.js +116 -111
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.js +41 -41
- package/dist-es/navigation-bar.css-mistica.js +6 -6
- package/dist-es/overlay.js +14 -14
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +4 -4
- package/dist-es/radio-button.js +2 -2
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +7 -7
- package/dist-es/select.js +89 -77
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.js +1 -1
- package/dist-es/skins/blau.js +2 -1
- package/dist-es/skins/defaults.js +2 -1
- package/dist-es/skins/movistar-legacy.js +2 -1
- package/dist-es/skins/movistar.js +2 -1
- package/dist-es/skins/o2.js +2 -1
- package/dist-es/skins/skin-contract.css-mistica.js +2 -1
- package/dist-es/skins/telefonica.js +2 -1
- package/dist-es/skins/vivo-new.js +2 -1
- package/dist-es/skins/vivo.js +2 -1
- package/dist-es/slider.css-mistica.js +2 -8
- package/dist-es/slider.js +231 -111
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/sprinkles.css-mistica.js +71 -68
- package/dist-es/stacking-group.js +37 -30
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +13 -13
- package/dist-es/switch-component.js +14 -14
- package/dist-es/tab-focus.js +14 -14
- package/dist-es/tabs.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 +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/theme-context-provider.js +53 -50
- package/dist-es/tooltip-context-provider.js +29 -0
- package/dist-es/tooltip.css-mistica.js +16 -9
- package/dist-es/tooltip.js +264 -216
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/touchable.js +8 -8
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/utils/environment.js +2 -2
- package/dist-es/utils/keys.js +2 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +41 -39
- package/package.json +1 -1
- package/dist/utils/key-codes.d.ts +0 -8
- package/dist-es/utils/key-codes.js +0 -2
package/dist-es/select.js
CHANGED
|
@@ -51,27 +51,27 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsxs as _, jsx as
|
|
55
|
-
import * as
|
|
54
|
+
import { jsxs as _, jsx as o, Fragment as Re } from "react/jsx-runtime";
|
|
55
|
+
import * as n from "react";
|
|
56
56
|
import ee from "classnames";
|
|
57
|
-
import { useForm as
|
|
57
|
+
import { useForm as be } from "./form-context.js";
|
|
58
58
|
import { useAriaId as Ae, useTheme as ke, useScreenSize as _e } from "./hooks.js";
|
|
59
|
-
import {
|
|
59
|
+
import { SPACE as te, ENTER as ne, ESC as Ce, TAB as Pe, UP as Ve, DOWN as De } from "./utils/keys.js";
|
|
60
60
|
import { FieldContainer as Me, HelperText as He, Label as Fe } from "./text-field-components.js";
|
|
61
|
-
import
|
|
61
|
+
import se from "./generated/mistica-icons/icon-chevron-down-regular.js";
|
|
62
62
|
import { TextFieldBaseAutosuggest as Ge } from "./text-field-base.js";
|
|
63
63
|
import Ze from "./overlay.js";
|
|
64
64
|
import { isAndroid as Be, isIos as We } from "./utils/platform.js";
|
|
65
65
|
import { cancelEvent as h } from "./utils/dom.js";
|
|
66
66
|
import { Text3 as Le } from "./text.js";
|
|
67
|
-
import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as
|
|
67
|
+
import { selectVariants as $e, arrowDown as qe, selectContainerVariants as ze, selectTextVariants as je, vars as N, optionsContainer as Ke, optionsAnimationsVariants as re, menuItem as Ue, menuItemSelected as Xe } from "./select.css-mistica.js";
|
|
68
68
|
import { Portal as Je } from "./portal.js";
|
|
69
69
|
import { applyCssVars as Qe } from "./utils/css.js";
|
|
70
70
|
const Ye = (param)=>{
|
|
71
|
-
let { id:
|
|
71
|
+
let { id: oe, label: d, helperText: ie, value: ce, onChangeValue: C, name: i, fullWidth: P, options: u, optional: V, disabled: ae, error: le, onBlur: D, autoFocus: $ = !1, native: ue } = param;
|
|
72
72
|
var Y;
|
|
73
|
-
const S =
|
|
74
|
-
|
|
73
|
+
const S = n.useRef(null), f = n.useRef(null), g = n.useRef(null), T = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [de, fe] = n.useState(!0), [p, pe] = n.useState(), [M, q] = n.useState(!1), [z, j] = n.useState(!1), [K, x] = n.useState(!1), [l, H] = n.useState({}), [v, F] = n.useState(), G = n.useRef(null), Z = Ae(oe), { rawValues: me, setRawValue: B, setValue: W, formStatus: he, formErrors: U, setFormError: Se, register: L } = be(), { platformOverrides: X } = ke(), ge = ue || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Be(X) || We(X), E = ae || he === "sending", b = le || !!U[i], J = U[i] || ie, a = ce !== null && ce !== void 0 ? ce : me[i], A = (e)=>{
|
|
74
|
+
C == null || C(e), Se({
|
|
75
75
|
name: i,
|
|
76
76
|
error: ""
|
|
77
77
|
}), B({
|
|
@@ -84,15 +84,15 @@ const Ye = (param)=>{
|
|
|
84
84
|
}, I = (e)=>{
|
|
85
85
|
if (e) {
|
|
86
86
|
if (g != null && g.current) {
|
|
87
|
-
const
|
|
87
|
+
const r = g.current.getBoundingClientRect(), m = r.top, w = r.width, O = r.left, Oe = r.height, y = m + Oe, k = Math.min(u.length, 8) * 48 + 16;
|
|
88
88
|
if (y + k + 12 > window.innerHeight) {
|
|
89
89
|
const ye = window.innerHeight - y;
|
|
90
90
|
if (m > ye) {
|
|
91
|
-
const
|
|
91
|
+
const Ne = m - k;
|
|
92
92
|
H({
|
|
93
93
|
minWidth: w,
|
|
94
94
|
left: O,
|
|
95
|
-
top: Math.max(
|
|
95
|
+
top: Math.max(Ne, 12),
|
|
96
96
|
maxHeight: Math.min(m - 12, k),
|
|
97
97
|
transformOrigin: "center bottom"
|
|
98
98
|
});
|
|
@@ -113,37 +113,37 @@ const Ye = (param)=>{
|
|
|
113
113
|
}
|
|
114
114
|
q(!0), requestAnimationFrame(()=>{
|
|
115
115
|
G.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = G.current), j(!0);
|
|
116
|
-
}), F(p !== null && p !== void 0 ? p :
|
|
116
|
+
}), F(p !== null && p !== void 0 ? p : a);
|
|
117
117
|
} else j(!1), q(!1), F(void 0);
|
|
118
118
|
}, Q = (e)=>{
|
|
119
119
|
var t;
|
|
120
|
-
G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof
|
|
120
|
+
G.current = (t = T.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && pe(e);
|
|
121
121
|
}, Te = (e)=>{
|
|
122
|
-
var
|
|
123
|
-
const t = (
|
|
124
|
-
if (t && e &&
|
|
125
|
-
const c =
|
|
126
|
-
if (
|
|
122
|
+
var s;
|
|
123
|
+
const t = (s = T.current) == null ? void 0 : s.getBoundingClientRect();
|
|
124
|
+
if (t && e && R.current.has(e)) {
|
|
125
|
+
const c = R.current.get(e), r = c == null ? void 0 : c.getBoundingClientRect();
|
|
126
|
+
if (r && r.top + r.height / 2 >= t.top + t.height) {
|
|
127
127
|
c == null || c.scrollIntoView();
|
|
128
128
|
return;
|
|
129
129
|
}
|
|
130
|
-
|
|
130
|
+
r && r.top + r.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
|
|
131
131
|
}
|
|
132
132
|
}, ve = f.current, Ee = S.current;
|
|
133
|
-
|
|
133
|
+
n.useEffect(()=>{
|
|
134
134
|
B({
|
|
135
135
|
name: i,
|
|
136
|
-
value:
|
|
136
|
+
value: a
|
|
137
137
|
}), W({
|
|
138
138
|
name: i,
|
|
139
|
-
value:
|
|
139
|
+
value: a
|
|
140
140
|
});
|
|
141
141
|
}, [
|
|
142
142
|
i,
|
|
143
143
|
B,
|
|
144
144
|
W,
|
|
145
|
-
|
|
146
|
-
]),
|
|
145
|
+
a
|
|
146
|
+
]), n.useEffect(()=>(L(i, {
|
|
147
147
|
input: S.current,
|
|
148
148
|
focusableElement: f.current
|
|
149
149
|
}), ()=>{
|
|
@@ -158,43 +158,55 @@ const Ye = (param)=>{
|
|
|
158
158
|
S,
|
|
159
159
|
ve,
|
|
160
160
|
Ee
|
|
161
|
-
]),
|
|
162
|
-
const e = (
|
|
161
|
+
]), n.useEffect(()=>{
|
|
162
|
+
const e = (s)=>{
|
|
163
163
|
var m;
|
|
164
|
-
const
|
|
164
|
+
const r = {
|
|
165
165
|
[Ve]: -1,
|
|
166
166
|
[De]: 1
|
|
167
|
-
}[
|
|
168
|
-
if (
|
|
169
|
-
h(
|
|
167
|
+
}[s.key];
|
|
168
|
+
if (r) {
|
|
169
|
+
h(s);
|
|
170
170
|
var _ref;
|
|
171
171
|
const w = (_ref = (m = u[u.findIndex((param)=>{
|
|
172
172
|
let { value: O } = param;
|
|
173
173
|
return O === v;
|
|
174
|
-
}) +
|
|
174
|
+
}) + r]) == null ? void 0 : m.value) !== null && _ref !== void 0 ? _ref : v;
|
|
175
175
|
F(w), Te(w);
|
|
176
176
|
}
|
|
177
|
-
}, t = (
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
177
|
+
}, t = (s)=>{
|
|
178
|
+
if (M) switch(s.key){
|
|
179
|
+
case Pe:
|
|
180
|
+
h(s);
|
|
181
|
+
break;
|
|
182
|
+
case Ce:
|
|
183
|
+
I(!1);
|
|
184
|
+
break;
|
|
185
|
+
case ne:
|
|
186
|
+
case te:
|
|
187
|
+
h(s), u.findIndex((param)=>{
|
|
188
|
+
let { value: c } = param;
|
|
189
|
+
return c === v;
|
|
190
|
+
}) !== -1 && v !== p && Q(v), I(!1);
|
|
191
|
+
break;
|
|
192
|
+
}
|
|
193
|
+
z && e(s);
|
|
182
194
|
};
|
|
183
195
|
return document.addEventListener("keydown", t, !1), ()=>{
|
|
184
196
|
document.removeEventListener("keydown", t, !1);
|
|
185
197
|
};
|
|
186
|
-
}),
|
|
198
|
+
}), n.useEffect(()=>{
|
|
187
199
|
$ && f.current && f.current.focus();
|
|
188
200
|
}, [
|
|
189
201
|
$
|
|
190
|
-
]),
|
|
202
|
+
]), n.useEffect(()=>{
|
|
191
203
|
fe(!1);
|
|
192
204
|
}, []);
|
|
193
205
|
const Ie = (e)=>{
|
|
194
206
|
var t;
|
|
195
207
|
return e ? (t = u.find((param)=>{
|
|
196
|
-
let { value:
|
|
197
|
-
return
|
|
208
|
+
let { value: s } = param;
|
|
209
|
+
return s === e;
|
|
198
210
|
})) == null ? void 0 : t.text : "";
|
|
199
211
|
}, we = {
|
|
200
212
|
tabIndex: 0,
|
|
@@ -204,31 +216,31 @@ const Ye = (param)=>{
|
|
|
204
216
|
I(!0), x(!0);
|
|
205
217
|
},
|
|
206
218
|
onKeyDown: (e)=>{
|
|
207
|
-
!M && (e.
|
|
219
|
+
!M && (e.key === te || e.key === ne) && (h(e), I(!0));
|
|
208
220
|
}
|
|
209
221
|
}, { isDesktopOrBigger: xe } = _e();
|
|
210
|
-
var _ref,
|
|
222
|
+
var _ref, _l_transformOrigin;
|
|
211
223
|
return ge || de ? /* @__PURE__ */ _(Me, {
|
|
212
224
|
disabled: E,
|
|
213
|
-
helperText: /* @__PURE__ */
|
|
214
|
-
error:
|
|
225
|
+
helperText: /* @__PURE__ */ o(He, {
|
|
226
|
+
error: b,
|
|
215
227
|
leftText: J
|
|
216
228
|
}),
|
|
217
229
|
fieldRef: g,
|
|
218
230
|
fullWidth: P,
|
|
219
231
|
children: [
|
|
220
|
-
d && /* @__PURE__ */
|
|
221
|
-
error:
|
|
232
|
+
d && /* @__PURE__ */ o(Fe, {
|
|
233
|
+
error: b,
|
|
222
234
|
forId: Z,
|
|
223
|
-
inputState: K ? "focused" : ((_ref =
|
|
235
|
+
inputState: K ? "focused" : ((_ref = a !== null && a !== void 0 ? a : p) !== null && _ref !== void 0 ? _ref : (Y = S.current) == null ? void 0 : Y.value) ? "filled" : "default",
|
|
224
236
|
optional: V,
|
|
225
237
|
children: d
|
|
226
238
|
}),
|
|
227
239
|
/* @__PURE__ */ _("select", {
|
|
228
240
|
className: $e[E ? "disabled" : "default"],
|
|
229
241
|
id: Z,
|
|
230
|
-
"aria-invalid": !!
|
|
231
|
-
value:
|
|
242
|
+
"aria-invalid": !!b,
|
|
243
|
+
value: a,
|
|
232
244
|
required: !V,
|
|
233
245
|
disabled: E,
|
|
234
246
|
onChange: (e)=>{
|
|
@@ -260,7 +272,7 @@ const Ye = (param)=>{
|
|
|
260
272
|
return !!e;
|
|
261
273
|
}) && // if no "empty" option exists, insert a dummy empty option
|
|
262
274
|
// this is needed to allow a native select with no selected option
|
|
263
|
-
/* @__PURE__ */
|
|
275
|
+
/* @__PURE__ */ o("option", {
|
|
264
276
|
value: "",
|
|
265
277
|
style: {
|
|
266
278
|
display: "none"
|
|
@@ -268,22 +280,22 @@ const Ye = (param)=>{
|
|
|
268
280
|
}),
|
|
269
281
|
u.map((param)=>/* @__PURE__ */ {
|
|
270
282
|
let { value: e, text: t } = param;
|
|
271
|
-
return
|
|
283
|
+
return o("option", {
|
|
272
284
|
value: e,
|
|
273
285
|
children: t
|
|
274
286
|
}, e);
|
|
275
287
|
})
|
|
276
288
|
]
|
|
277
289
|
}),
|
|
278
|
-
/* @__PURE__ */
|
|
290
|
+
/* @__PURE__ */ o("div", {
|
|
279
291
|
className: qe,
|
|
280
292
|
"aria-hidden": !0,
|
|
281
|
-
children: /* @__PURE__ */
|
|
293
|
+
children: /* @__PURE__ */ o(se, {
|
|
282
294
|
size: 20
|
|
283
295
|
})
|
|
284
296
|
})
|
|
285
297
|
]
|
|
286
|
-
}) : /* @__PURE__ */ _(
|
|
298
|
+
}) : /* @__PURE__ */ _(Re, {
|
|
287
299
|
children: [
|
|
288
300
|
/* @__PURE__ */ _("div", _object_spread_props(_object_spread({
|
|
289
301
|
className: ze[P ? "fullWidth" : "default"],
|
|
@@ -292,69 +304,69 @@ const Ye = (param)=>{
|
|
|
292
304
|
ref: f
|
|
293
305
|
}, !E && we), {
|
|
294
306
|
children: [
|
|
295
|
-
/* @__PURE__ */
|
|
307
|
+
/* @__PURE__ */ o(Ge, {
|
|
296
308
|
style: {
|
|
297
309
|
visibility: "hidden"
|
|
298
310
|
},
|
|
299
311
|
fullWidth: P,
|
|
300
|
-
endIcon: /* @__PURE__ */
|
|
312
|
+
endIcon: /* @__PURE__ */ o(se, {
|
|
301
313
|
size: 20
|
|
302
314
|
}),
|
|
303
315
|
focus: K,
|
|
304
316
|
label: d,
|
|
305
|
-
value:
|
|
306
|
-
shrinkLabel: !!(
|
|
317
|
+
value: a,
|
|
318
|
+
shrinkLabel: !!(a || p),
|
|
307
319
|
name: i,
|
|
308
320
|
helperText: J,
|
|
309
321
|
required: !V,
|
|
310
322
|
disabled: E,
|
|
311
323
|
id: Z,
|
|
312
|
-
error:
|
|
324
|
+
error: b,
|
|
313
325
|
inputRef: S,
|
|
314
326
|
fieldRef: g
|
|
315
327
|
}),
|
|
316
|
-
/* @__PURE__ */
|
|
328
|
+
/* @__PURE__ */ o("div", {
|
|
317
329
|
className: je[E ? "disabled" : "default"],
|
|
318
330
|
style: {
|
|
319
331
|
top: xe ? d ? 28 : 18 : d ? 25 : 16
|
|
320
332
|
},
|
|
321
|
-
children: Ie(
|
|
333
|
+
children: Ie(a !== null && a !== void 0 ? a : p)
|
|
322
334
|
})
|
|
323
335
|
]
|
|
324
336
|
})),
|
|
325
|
-
M && /* @__PURE__ */
|
|
337
|
+
M && /* @__PURE__ */ o(Ze, {
|
|
326
338
|
onPress: (e)=>{
|
|
327
339
|
I(!1), h(e);
|
|
328
340
|
},
|
|
329
341
|
disableScroll: !0,
|
|
330
|
-
children: /* @__PURE__ */
|
|
331
|
-
children: /* @__PURE__ */
|
|
342
|
+
children: /* @__PURE__ */ o(Je, {
|
|
343
|
+
children: /* @__PURE__ */ o("ul", {
|
|
332
344
|
style: Qe({
|
|
333
|
-
[
|
|
334
|
-
[
|
|
335
|
-
[
|
|
336
|
-
[
|
|
337
|
-
[
|
|
345
|
+
[N.top]: l.top ? `${l.top}px` : "",
|
|
346
|
+
[N.left]: l.left ? `${l.left}px` : "",
|
|
347
|
+
[N.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
|
|
348
|
+
[N.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
|
|
349
|
+
[N.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
|
|
338
350
|
}),
|
|
339
351
|
onPointerDown: h,
|
|
340
|
-
className: ee(Ke, z ?
|
|
352
|
+
className: ee(Ke, z ? re.show : re.hide),
|
|
341
353
|
role: "listbox",
|
|
342
354
|
ref: T,
|
|
343
355
|
children: u.map((param)=>/* @__PURE__ */ {
|
|
344
356
|
let { value: e, text: t } = param;
|
|
345
|
-
return
|
|
357
|
+
return o("li", {
|
|
346
358
|
role: "option",
|
|
347
|
-
"aria-selected": e === (p !== null && p !== void 0 ? p :
|
|
359
|
+
"aria-selected": e === (p !== null && p !== void 0 ? p : a),
|
|
348
360
|
"data-value": e,
|
|
349
361
|
className: ee(Ue, {
|
|
350
|
-
[Xe]: e === v || e === (p !== null && p !== void 0 ? p :
|
|
362
|
+
[Xe]: e === v || e === (p !== null && p !== void 0 ? p : a)
|
|
351
363
|
}),
|
|
352
364
|
onPointerDown: h,
|
|
353
365
|
onClick: ()=>Q(e),
|
|
354
|
-
ref: (
|
|
355
|
-
|
|
366
|
+
ref: (s)=>{
|
|
367
|
+
s ? R.current.set(e, s) : R.current.delete(e);
|
|
356
368
|
},
|
|
357
|
-
children: /* @__PURE__ */
|
|
369
|
+
children: /* @__PURE__ */ o(Le, {
|
|
358
370
|
regular: !0,
|
|
359
371
|
children: t
|
|
360
372
|
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./sheet.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6
|
|
4
|
-
export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer,
|
|
3
|
+
var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfew _1y2v1nffb _1y2v1nffq", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfeg _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", l = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", h = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeh _1y2v1nfew _1y2v1nffb _1y2v1nffq", z = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", d = "_1y2v1nfb8 _1y2v1nffq _1y2v1nf32", s = "_1y2v1nfb8 _1y2v1nfeh _1y2v1nf32", m = 400;
|
|
4
|
+
export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, b as infoItemIcon, l as modalCloseButton, i as modalCloseButtonIcon, h as overlay, z as sheetActionRow, d as stickyButtons, s as stickyTitle, m as transitionDuration };
|
package/dist-es/skeletons.js
CHANGED
|
@@ -156,4 +156,4 @@ const o = (param)=>/* @__PURE__ */ {
|
|
|
156
156
|
})
|
|
157
157
|
});
|
|
158
158
|
};
|
|
159
|
-
export { x as SkeletonCircle, g as SkeletonLine, R as SkeletonRectangle, N as SkeletonRow, A as SkeletonText };
|
|
159
|
+
export { o as SkeletonAnimation, x as SkeletonCircle, g as SkeletonLine, R as SkeletonRectangle, N as SkeletonRow, A as SkeletonText };
|
package/dist-es/skins/blau.js
CHANGED
package/dist-es/skins/o2.js
CHANGED
package/dist-es/skins/vivo.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./slider.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
default: "_1j1wlhkd _1j1wlhkb _1y2v1nfb5"
|
|
6
|
-
}, e = {
|
|
7
|
-
ios: "_1j1wlhk7 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46",
|
|
8
|
-
default: "_1j1wlhk8 _1j1wlhk6 _1y2v1nfe7 _1y2v1nf46"
|
|
9
|
-
}, y = "_1j1wlhk2";
|
|
10
|
-
export { v as container, r as progress, a as rangeSlider, l as sliderDisabled, f as sliderThumbVariant, e as sliderVariant, y as targetContainer };
|
|
3
|
+
var n = "_1j1wlhk1 _1y2v1nfbx _1y2v1nfb4 _1y2v1nfba _1y2v1nfbp _1y2v1nfea", f = "_1j1wlhk7 _1y2v1nfc5 _1y2v1nfcl _1y2v1nfdt _1y2v1nf47", y = "_1j1wlhk2", a = "_1j1wlhkd _1y2v1nfb5 _1y2v1nfeh", b = "_1j1wlhk9 _1y2v1nf4f _1y2v1nfdt", r = "_1j1wlhkb", h = "_1j1wlhk5 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", t = "_1j1wlhka", l = "_1y2v1nfbx _1y2v1nfch _1y2v1nfe7";
|
|
4
|
+
export { n as container, f as defaultThumb, y as disabled, a as input, b as iosThumb, r as thumbActive, h as thumbContainer, t as thumbHover, l as track };
|