@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/menu.js
CHANGED
|
@@ -51,13 +51,13 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsx as e, jsxs as
|
|
54
|
+
import { jsx as e, jsxs as E, Fragment as U } from "react/jsx-runtime";
|
|
55
55
|
import * as o from "react";
|
|
56
56
|
import ne from "classnames";
|
|
57
|
-
import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/
|
|
58
|
-
import { getPrefixedDataAttributes as le, cancelEvent as
|
|
57
|
+
import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/keys.js";
|
|
58
|
+
import { getPrefixedDataAttributes as le, cancelEvent as S } from "./utils/dom.js";
|
|
59
59
|
import ae from "./overlay.js";
|
|
60
|
-
import { menuItem as ue, menuItemEnabled as me, menuItemDisabled as
|
|
60
|
+
import { menuItem as ue, menuItemEnabled as me, menuItemDisabled as fe, menuItemHovered as de, menuSectionDivider as pe, menuTransitionClasses as he, vars as b, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
|
|
61
61
|
import { useWindowSize as xe } from "./hooks.js";
|
|
62
62
|
import { Portal as be } from "./portal.js";
|
|
63
63
|
import y from "./box.js";
|
|
@@ -68,26 +68,26 @@ import { vars as q } from "./skins/skin-contract.css-mistica.js";
|
|
|
68
68
|
import Me from "./divider.js";
|
|
69
69
|
import Oe from "./checkbox.js";
|
|
70
70
|
import { CSSTransition as Te } from "react-transition-group";
|
|
71
|
-
import { combineRefs as
|
|
72
|
-
import { applyCssVars as
|
|
73
|
-
import { isRunningAcceptanceTest as
|
|
71
|
+
import { combineRefs as Se } from "./utils/common.js";
|
|
72
|
+
import { applyCssVars as Ee } from "./utils/css.js";
|
|
73
|
+
import { isRunningAcceptanceTest as Ce } from "./utils/platform.js";
|
|
74
74
|
const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
75
75
|
focusedItem: null,
|
|
76
76
|
isMenuOpen: !1,
|
|
77
77
|
setFocusedItem: ()=>{},
|
|
78
78
|
closeMenu: ()=>{}
|
|
79
|
-
}), Ne = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r,
|
|
80
|
-
if (!
|
|
81
|
-
const
|
|
82
|
-
return
|
|
79
|
+
}), Ne = ()=>o.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
|
|
80
|
+
if (!f) return null;
|
|
81
|
+
const d = D(r).indexOf(f);
|
|
82
|
+
return d < 0 ? null : d;
|
|
83
83
|
}, qe = (param)=>{
|
|
84
|
-
let { label: r, Icon:
|
|
85
|
-
const { focusedItem: n, setFocusedItem: v, closeMenu: i, isMenuOpen: k } = Ne(), c = o.useRef(null), h =
|
|
84
|
+
let { label: r, Icon: f, destructive: d, disabled: u, onPress: C, controlType: s, checked: p } = param;
|
|
85
|
+
const { focusedItem: n, setFocusedItem: v, closeMenu: i, isMenuOpen: k } = Ne(), c = o.useRef(null), h = d ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, m = Re(M, x), l = ()=>s === "checkbox" ? /* @__PURE__ */ e(Oe, {
|
|
86
86
|
ref: c,
|
|
87
87
|
name: r,
|
|
88
88
|
checked: p,
|
|
89
89
|
onChange: ()=>{
|
|
90
|
-
k && m !== null && (
|
|
90
|
+
k && m !== null && (C(m), i());
|
|
91
91
|
},
|
|
92
92
|
disabled: u,
|
|
93
93
|
role: "menuitemcheckbox",
|
|
@@ -96,16 +96,16 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
96
96
|
return e(y, {
|
|
97
97
|
paddingX: 8,
|
|
98
98
|
paddingY: 12,
|
|
99
|
-
children: /* @__PURE__ */
|
|
99
|
+
children: /* @__PURE__ */ E(Ie, {
|
|
100
100
|
space: "between",
|
|
101
101
|
alignItems: "center",
|
|
102
102
|
children: [
|
|
103
|
-
/* @__PURE__ */
|
|
103
|
+
/* @__PURE__ */ E("div", {
|
|
104
104
|
className: Y,
|
|
105
105
|
children: [
|
|
106
|
-
|
|
106
|
+
f && /* @__PURE__ */ e("div", {
|
|
107
107
|
className: j,
|
|
108
|
-
children: /* @__PURE__ */ e(
|
|
108
|
+
children: /* @__PURE__ */ e(f, {
|
|
109
109
|
size: 24,
|
|
110
110
|
color: h
|
|
111
111
|
})
|
|
@@ -128,19 +128,19 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
128
128
|
}) : /* @__PURE__ */ e(ve, {
|
|
129
129
|
ref: c,
|
|
130
130
|
onPress: ()=>{
|
|
131
|
-
k && m !== null && (
|
|
131
|
+
k && m !== null && (C(m), i());
|
|
132
132
|
},
|
|
133
133
|
disabled: u,
|
|
134
134
|
role: "menuitem",
|
|
135
135
|
children: /* @__PURE__ */ e(y, {
|
|
136
136
|
paddingX: 8,
|
|
137
137
|
paddingY: 12,
|
|
138
|
-
children: /* @__PURE__ */
|
|
138
|
+
children: /* @__PURE__ */ E("div", {
|
|
139
139
|
className: Y,
|
|
140
140
|
children: [
|
|
141
|
-
|
|
141
|
+
f && /* @__PURE__ */ e("div", {
|
|
142
142
|
className: j,
|
|
143
|
-
children: /* @__PURE__ */ e(
|
|
143
|
+
children: /* @__PURE__ */ e(f, {
|
|
144
144
|
size: 24,
|
|
145
145
|
color: h
|
|
146
146
|
})
|
|
@@ -157,8 +157,8 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
157
157
|
return /* @__PURE__ */ e("div", {
|
|
158
158
|
className: ne(ue, {
|
|
159
159
|
[me]: !u,
|
|
160
|
-
[
|
|
161
|
-
[
|
|
160
|
+
[fe]: u,
|
|
161
|
+
[de]: !u && m !== null && n === m
|
|
162
162
|
}),
|
|
163
163
|
onMouseMove: ()=>v(u ? null : m),
|
|
164
164
|
onMouseLeave: ()=>v(null),
|
|
@@ -166,7 +166,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
166
166
|
});
|
|
167
167
|
}, Ve = (param)=>{
|
|
168
168
|
let { children: r } = param;
|
|
169
|
-
return r ? /* @__PURE__ */
|
|
169
|
+
return r ? /* @__PURE__ */ E(U, {
|
|
170
170
|
children: [
|
|
171
171
|
r,
|
|
172
172
|
/* @__PURE__ */ e(y, {
|
|
@@ -177,7 +177,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
177
177
|
]
|
|
178
178
|
}) : /* @__PURE__ */ e(U, {});
|
|
179
179
|
}, V = 12, J = 8, Je = (param)=>{
|
|
180
|
-
let { renderTarget: r, renderMenu:
|
|
180
|
+
let { renderTarget: r, renderMenu: f, width: d, position: u = "left", dataAttributes: C } = param;
|
|
181
181
|
const [s, p] = o.useState(!1), [n, v] = o.useState(null), [i, k] = o.useState(null), [c, h] = o.useState(null), [x, M] = o.useState(!1), m = o.useRef(null), [l, N] = o.useState(null), R = xe();
|
|
182
182
|
o.useEffect(()=>{
|
|
183
183
|
const a = n == null ? void 0 : n.getBoundingClientRect();
|
|
@@ -203,7 +203,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
203
203
|
s,
|
|
204
204
|
i,
|
|
205
205
|
n,
|
|
206
|
-
|
|
206
|
+
d,
|
|
207
207
|
R
|
|
208
208
|
]);
|
|
209
209
|
const Z = o.useMemo(()=>({
|
|
@@ -215,7 +215,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
215
215
|
v,
|
|
216
216
|
s
|
|
217
217
|
]), ee = {
|
|
218
|
-
ref:
|
|
218
|
+
ref: Se(k, m),
|
|
219
219
|
className: ge,
|
|
220
220
|
close: ()=>p(!1)
|
|
221
221
|
}, w = o.useCallback(()=>{
|
|
@@ -245,27 +245,27 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
245
245
|
i
|
|
246
246
|
]), o.useEffect(()=>{
|
|
247
247
|
const a = (t)=>{
|
|
248
|
-
if (s) switch(t.
|
|
248
|
+
if (s) switch(t.key){
|
|
249
249
|
case ce:
|
|
250
250
|
case K:
|
|
251
|
-
|
|
251
|
+
S(t), _();
|
|
252
252
|
break;
|
|
253
253
|
case ie:
|
|
254
254
|
case re:
|
|
255
|
-
|
|
255
|
+
S(t), _(!0);
|
|
256
256
|
break;
|
|
257
257
|
case se:
|
|
258
258
|
p(!1);
|
|
259
259
|
break;
|
|
260
260
|
case G:
|
|
261
261
|
case W:
|
|
262
|
-
|
|
262
|
+
S(t), c !== null && D(i)[c].click();
|
|
263
263
|
break;
|
|
264
264
|
case oe:
|
|
265
|
-
|
|
265
|
+
S(t);
|
|
266
266
|
break;
|
|
267
267
|
}
|
|
268
|
-
else switch(t.
|
|
268
|
+
else switch(t.key){
|
|
269
269
|
case W:
|
|
270
270
|
case G:
|
|
271
271
|
M(!0);
|
|
@@ -283,7 +283,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
283
283
|
}, [
|
|
284
284
|
n,
|
|
285
285
|
s
|
|
286
|
-
]), /* @__PURE__ */
|
|
286
|
+
]), /* @__PURE__ */ E("div", _object_spread_props(_object_spread({}, le(C, "Menu")), {
|
|
287
287
|
children: [
|
|
288
288
|
r(_object_spread_props(_object_spread({}, Z), {
|
|
289
289
|
isMenuOpen: s
|
|
@@ -292,18 +292,18 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
292
292
|
children: /* @__PURE__ */ e(Te, {
|
|
293
293
|
in: s,
|
|
294
294
|
nodeRef: m,
|
|
295
|
-
timeout:
|
|
295
|
+
timeout: Ce() ? 0 : ke,
|
|
296
296
|
classNames: he,
|
|
297
297
|
mountOnEnter: !0,
|
|
298
298
|
unmountOnExit: !0,
|
|
299
299
|
onExit: ()=>n == null ? void 0 : n.focus(),
|
|
300
300
|
children: /* @__PURE__ */ e(ae, {
|
|
301
301
|
onPress: (a)=>{
|
|
302
|
-
|
|
302
|
+
S(a), p(!1);
|
|
303
303
|
},
|
|
304
304
|
disableScroll: !0,
|
|
305
305
|
children: /* @__PURE__ */ e("div", {
|
|
306
|
-
style: _object_spread({},
|
|
306
|
+
style: _object_spread({}, Ee(_object_spread({}, l ? _object_spread({
|
|
307
307
|
[b.top]: l.top,
|
|
308
308
|
[b.bottom]: l.bottom,
|
|
309
309
|
[b.transformOrigin]: l.transformOrigin
|
|
@@ -313,8 +313,8 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
313
313
|
[b.right]: `${l.right}px`
|
|
314
314
|
}, l.maxHeight !== void 0 && {
|
|
315
315
|
[b.maxHeight]: `${l.maxHeight}px`
|
|
316
|
-
},
|
|
317
|
-
[b.width]:
|
|
316
|
+
}, d !== void 0 && {
|
|
317
|
+
[b.width]: d ? `${d}px` : ""
|
|
318
318
|
}) : {}))),
|
|
319
319
|
role: "menu",
|
|
320
320
|
children: /* @__PURE__ */ e(Q.Provider, {
|
|
@@ -324,7 +324,7 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
324
324
|
setFocusedItem: h,
|
|
325
325
|
closeMenu: ()=>p(!1)
|
|
326
326
|
},
|
|
327
|
-
children:
|
|
327
|
+
children: f(ee)
|
|
328
328
|
})
|
|
329
329
|
})
|
|
330
330
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./navigation-bar.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6
|
|
3
|
+
var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfes _1y2v1nfew _1y2v1nffb _1y2v1nf32", e = {
|
|
4
4
|
entering: "_1vcy5dzt",
|
|
5
5
|
entered: "_1vcy5dzu",
|
|
6
6
|
exiting: "_1vcy5dzv",
|
|
@@ -9,15 +9,15 @@ var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6
|
|
|
9
9
|
}, f = {
|
|
10
10
|
default: "_1vcy5dz13 _1y2v1nf1o",
|
|
11
11
|
inverse: "_1vcy5dz14 _1y2v1nf1n"
|
|
12
|
-
}, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5",
|
|
12
|
+
}, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
|
|
13
13
|
default: "_1vcy5dze _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
|
|
14
14
|
noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
|
|
15
15
|
menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct"
|
|
16
|
-
}, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62",
|
|
16
|
+
}, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", s = {
|
|
17
17
|
default: "_1vcy5dzj",
|
|
18
18
|
inverse: "_1vcy5dzk"
|
|
19
|
-
},
|
|
19
|
+
}, u = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
|
|
20
20
|
default: "_1vcy5dzl",
|
|
21
21
|
inverse: "_1vcy5dzm"
|
|
22
|
-
}, x = "_1vcy5dz9 _1y2v1nfb6
|
|
23
|
-
export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, f as iconButtonVariants, r as iconCloseHidden,
|
|
22
|
+
}, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfev _1y2v1nfew _1y2v1nffb";
|
|
23
|
+
export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, f as iconButtonVariants, r as iconCloseHidden, d as iconCloseOpen, c as iconMenuHidden, a as iconMenuOpen, t as lineHeightFix, i as logoContainer, o as navbarBorderColorVariants, z as navigationBarContent, b as navigationBarContentRight, p as section, s as selectedSectionVariantes, u as spacer, g as spacerLarge, l as textWrapperVariants, x as topFixed, m as topFixedBottomRow };
|
package/dist-es/overlay.js
CHANGED
|
@@ -51,11 +51,11 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsx as
|
|
54
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
55
55
|
import { isAndroid as r, isChrome as i } from "./utils/platform.js";
|
|
56
|
-
import { useDisableBodyScroll as
|
|
56
|
+
import { useDisableBodyScroll as s, useTheme as m } from "./hooks.js";
|
|
57
57
|
import { getPrefixedDataAttributes as y } from "./utils/dom.js";
|
|
58
|
-
const
|
|
58
|
+
const g = {
|
|
59
59
|
position: "fixed",
|
|
60
60
|
top: 0,
|
|
61
61
|
right: 0,
|
|
@@ -64,28 +64,28 @@ const x = {
|
|
|
64
64
|
zIndex: 12,
|
|
65
65
|
outline: "none",
|
|
66
66
|
WebkitTapHighlightColor: "transparent"
|
|
67
|
-
},
|
|
68
|
-
let { onPress: o, children: a, className:
|
|
69
|
-
|
|
70
|
-
const { platformOverrides: e } =
|
|
67
|
+
}, x = (param)=>{
|
|
68
|
+
let { onPress: o, children: a, className: n, style: l, disableScroll: f = !1, dataAttributes: p } = param;
|
|
69
|
+
s(f);
|
|
70
|
+
const { platformOverrides: e } = m(), u = (t)=>{
|
|
71
71
|
t.button === 2 && o && o(t);
|
|
72
72
|
};
|
|
73
|
-
return /* @__PURE__ */
|
|
73
|
+
return /* @__PURE__ */ d("div", _object_spread_props(_object_spread({
|
|
74
74
|
"data-overlay": "true"
|
|
75
|
-
}, y(
|
|
76
|
-
style: _object_spread({},
|
|
77
|
-
className:
|
|
75
|
+
}, y(p, "Overlay")), {
|
|
76
|
+
style: _object_spread({}, g, l),
|
|
77
|
+
className: n,
|
|
78
78
|
onPointerDown: (t)=>{
|
|
79
79
|
t.target.dataset.overlay && o && (a && r(e) && i(e) ? t.stopPropagation() : o(t));
|
|
80
80
|
},
|
|
81
81
|
onClick: (t)=>{
|
|
82
|
-
t.target.dataset.overlay && o && a && r(e) && i(e) && o(t);
|
|
82
|
+
t.stopPropagation(), t.target.dataset.overlay && o && a && r(e) && i(e) && o(t);
|
|
83
83
|
},
|
|
84
84
|
"touch-action": "auto",
|
|
85
|
-
onContextMenu:
|
|
85
|
+
onContextMenu: u,
|
|
86
86
|
role: "button",
|
|
87
87
|
tabIndex: 0,
|
|
88
88
|
children: a
|
|
89
89
|
}));
|
|
90
|
-
}, C =
|
|
90
|
+
}, C = x;
|
|
91
91
|
export { C as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const o = "14.
|
|
1
|
+
const o = "14.35.0";
|
|
2
2
|
export { o as PACKAGE_VERSION };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./pin-field.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var f = "_3pc6ro0", y = "
|
|
5
|
-
export { f as disabled, y as field, r as focusedField,
|
|
4
|
+
var f = "_3pc6ro0", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", r = "_3pc6ro2 _1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", p = "_3pc6ro4", a = "_3pc6ro7", e = "_1y2v1nf2z", d = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf4q";
|
|
5
|
+
export { f as disabled, y as field, r as focusedField, p as input, a as passwordDot, e as passwordInput, d as readOnlyField };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./popover.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var r = "_12igu661 _1y2v1nfb5
|
|
4
|
-
export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon,
|
|
3
|
+
var r = "_12igu661 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfdr _1y2v1nfdu _1y2v1nf33", t = 12, a = "_12igu663 _1y2v1nfb5 _1y2v1nf2 _1y2v1nfeb", _ = "_12igu669 _1y2v1nfb5 _1y2v1nfek _1y2v1nffe", e = "_12igu665 _1y2v1nfb5 _1y2v1nfby _1y2v1nf33 _1y2v1nfdr _1y2v1nfe3", f = "bottom", o = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfba _1y2v1nfbp _1y2v1nfce", p = "_12igu667";
|
|
4
|
+
export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon, e as container, f as defaultPositionDesktop, o as defaultPositionMobile, i as distanceToTarget, y as marginLeftRightMobile, b as maxWidthDesktop, g as textAlign, p as textContent };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./radio-button.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfba _1y2v1nfdt",
|
|
3
|
+
var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfba _1y2v1nfdt", a = "c6dmsu7 _1y2v1nf47", s = {
|
|
4
4
|
default: "c6dmsub",
|
|
5
5
|
ios: "c6dmsuc"
|
|
6
6
|
}, c = {
|
|
7
|
-
default: "c6dmsu2 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj
|
|
8
|
-
ios: "c6dmsu3 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj
|
|
7
|
+
default: "c6dmsu2 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32",
|
|
8
|
+
ios: "c6dmsu3 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32"
|
|
9
9
|
}, e = "c6dmsu9 c6dmsu8", f = "c6dmsua c6dmsu8";
|
|
10
|
-
export { v as disabled, r as innerCircle,
|
|
10
|
+
export { v as disabled, r as innerCircle, a as innerCircleChecked, s as outerCircleCheckedVariants, c as outerCircleVariants, e as radioButton, f as radioButtonContainerDisabled };
|
package/dist-es/radio-button.js
CHANGED
|
@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
}
|
|
81
81
|
import { jsx as n, jsxs as S } from "react/jsx-runtime";
|
|
82
82
|
import * as i from "react";
|
|
83
|
-
import { UP as B, LEFT as q, DOWN as E, RIGHT as T, SPACE as w } from "./utils/
|
|
83
|
+
import { UP as B, LEFT as q, DOWN as E, RIGHT as T, SPACE as w } from "./utils/keys.js";
|
|
84
84
|
import { useControlProps as G } from "./form-context.js";
|
|
85
85
|
import { combineRefs as O } from "./utils/common.js";
|
|
86
86
|
import { Text3 as k } from "./text.js";
|
|
@@ -104,7 +104,7 @@ const N = /*#__PURE__*/ i.createContext({
|
|
|
104
104
|
"aria-labelledby"
|
|
105
105
|
]);
|
|
106
106
|
const { disabled: l, selectedValue: v, focusableValue: p, select: u, selectNext: f, selectPrev: g } = z(), m = F(R), r = i.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h } = K(), t = (o)=>{
|
|
107
|
-
switch(o.
|
|
107
|
+
switch(o.key){
|
|
108
108
|
case w:
|
|
109
109
|
u(e), o.preventDefault(), o.stopPropagation();
|
|
110
110
|
break;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb5
|
|
3
|
+
var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb5 _1y2v1nfeb _1y2v1nfds";
|
|
4
4
|
export { y as screenReaderOnly };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./select.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "_1sqpivvo _1y2v1nfb5
|
|
3
|
+
var n = "_1sqpivvo _1y2v1nfb5 _1y2v1nffg", f = "_1sqpivvq _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7l _1y2v1nf1y _1y2v1nfba _1y2v1nfbp _1y2v1nfea _1y2v1nfcp", y = "_1y2v1nf3g", i = {
|
|
4
4
|
show: "_1sqpivv7",
|
|
5
5
|
hide: "_1sqpivv8"
|
|
6
6
|
}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb6 _1y2v1nfe0 _1y2v1nf33", s = {
|
|
7
|
-
default: "_1sqpivvd _1sqpivvc _1y2v1nfb4
|
|
8
|
-
fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4
|
|
7
|
+
default: "_1sqpivvd _1sqpivvc _1y2v1nfb4 _1y2v1nfea",
|
|
8
|
+
fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4 _1y2v1nfea"
|
|
9
9
|
}, e = {
|
|
10
|
-
default: "_1sqpivvl _1sqpivvk _1y2v1nfb5
|
|
11
|
-
disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5
|
|
10
|
+
default: "_1sqpivvl _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y",
|
|
11
|
+
disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y"
|
|
12
12
|
}, p = {
|
|
13
|
-
default: "_1sqpivvh _1sqpivvg _1y2v1nfds
|
|
14
|
-
disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds
|
|
13
|
+
default: "_1sqpivvh _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce",
|
|
14
|
+
disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce"
|
|
15
15
|
}, r = {
|
|
16
16
|
top: "var(--_1sqpivv0)",
|
|
17
17
|
left: "var(--_1sqpivv1)",
|