@telefonica/mistica 16.30.1 → 16.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +2 -2
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/box.js +5 -5
- package/dist/boxed.css-mistica.js +25 -25
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-group.js +2 -2
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +16 -16
- package/dist/button.d.ts +4 -0
- package/dist/button.js +10 -6
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card.css-mistica.js +3 -3
- package/dist/card.d.ts +22 -0
- package/dist/card.js +491 -424
- package/dist/carousel.css-mistica.js +99 -44
- package/dist/carousel.css.d.ts +35 -16
- package/dist/carousel.d.ts +43 -5
- package/dist/carousel.js +570 -384
- package/dist/checkbox.css-mistica.js +7 -7
- package/dist/checkbox.js +2 -2
- package/dist/chip.css-mistica.js +12 -12
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/advanced-data-card.js +4 -4
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/counter.js +8 -8
- package/dist/cover-hero.css-mistica.js +14 -15
- 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-context.js +32 -27
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/dialog.d.ts +1 -0
- package/dist/dialog.js +14 -14
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/drawer.d.ts +5 -0
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +7 -7
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.css-mistica.js +4 -4
- package/dist/fixed-footer-layout.js +5 -5
- package/dist/form.css-mistica.js +1 -1
- package/dist/form.js +5 -5
- package/dist/grid-layout.css-mistica.js +5 -5
- package/dist/grid.css-mistica.js +124 -124
- package/dist/grid.js +9 -9
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/highlighted-card.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icon-button.js +43 -47
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.js +5 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -0
- package/dist/inline.css-mistica.js +13 -13
- package/dist/list.css-mistica.js +1 -1
- package/dist/list.d.ts +10 -5
- package/dist/list.js +79 -76
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-bar.js +2 -2
- package/dist/loading-screen.css-mistica.js +5 -5
- package/dist/loading-screen.js +3 -3
- package/dist/logo.css-mistica.js +6 -6
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +12 -12
- package/dist/menu.js +7 -7
- package/dist/mosaic.css-mistica.js +2 -2
- package/dist/mosaic.d.ts +2 -1
- package/dist/mosaic.js +33 -32
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/pin-field.js +2 -2
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +5 -5
- package/dist/progress-bar.js +2 -2
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/radio-button.d.ts +1 -0
- package/dist/radio-button.js +72 -61
- package/dist/rating.css-mistica.js +3 -3
- package/dist/rating.js +8 -8
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/responsive-layout.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 +9 -9
- 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 +2 -2
- package/dist/sheet-root.js +42 -38
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +354 -354
- package/dist/slider.css-mistica.js +10 -10
- package/dist/slider.js +9 -9
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +7 -7
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +12 -9
- package/dist/stepper.css.d.ts +1 -0
- package/dist/stepper.d.ts +4 -2
- package/dist/stepper.js +54 -39
- package/dist/switch-component.css-mistica.js +26 -26
- package/dist/table.css-mistica.js +8 -8
- package/dist/table.js +8 -8
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tabs.d.ts +15 -1
- package/dist/tabs.js +154 -81
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-base.js +126 -115
- package/dist/text-field-components.css-mistica.js +6 -6
- package/dist/text-field-components.js +2 -2
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text-tokens.d.ts +12 -0
- package/dist/text-tokens.js +154 -106
- package/dist/text.css-mistica.js +9 -9
- package/dist/text.js +7 -7
- package/dist/theme-context.css-mistica.js +398 -398
- package/dist/timeline.css-mistica.js +10 -10
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/touchable.d.ts +5 -2
- package/dist/touchable.js +53 -53
- package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.js +3 -3
- package/dist/video.css-mistica.js +2 -2
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/box.js +9 -9
- package/dist-es/boxed.css-mistica.js +24 -24
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-group.js +4 -4
- package/dist-es/button-layout.css-mistica.js +13 -13
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/button.js +14 -10
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/callout.js +5 -5
- package/dist-es/card.css-mistica.js +3 -3
- package/dist-es/card.js +627 -559
- package/dist-es/carousel.css-mistica.js +9 -8
- package/dist-es/carousel.js +587 -407
- package/dist-es/checkbox.css-mistica.js +7 -7
- package/dist-es/checkbox.js +6 -6
- package/dist-es/chip.css-mistica.js +12 -12
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/advanced-data-card.js +11 -11
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/counter.js +8 -8
- package/dist-es/cover-hero.css-mistica.js +4 -5
- 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-context.js +33 -28
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/dialog.js +31 -31
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +6 -6
- package/dist-es/empty-state.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/fixed-footer-layout.js +5 -5
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/form.js +5 -5
- package/dist-es/grid-layout.css-mistica.js +4 -4
- package/dist-es/grid.css-mistica.js +124 -124
- package/dist-es/grid.js +10 -10
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +4 -4
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icon-button.js +52 -56
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +3 -3
- package/dist-es/image.js +5 -5
- package/dist-es/index.js +1843 -1843
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/list.js +108 -105
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-bar.js +6 -6
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/loading-screen.js +8 -8
- package/dist-es/logo.css-mistica.js +6 -6
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/menu.js +7 -7
- package/dist-es/mosaic.css-mistica.js +2 -2
- package/dist-es/mosaic.js +47 -46
- package/dist-es/navigation-bar.css-mistica.js +16 -16
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/pin-field.js +8 -8
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +5 -5
- package/dist-es/progress-bar.js +10 -10
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/radio-button.js +98 -88
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/rating.js +12 -12
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/responsive-layout.js +15 -15
- 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 +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-common.js +6 -6
- package/dist-es/sheet-info.css-mistica.js +2 -2
- package/dist-es/sheet-root.js +44 -40
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +354 -354
- package/dist-es/slider.css-mistica.js +10 -10
- package/dist-es/slider.js +9 -9
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +6 -6
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +3 -3
- package/dist-es/stepper.js +76 -60
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +26 -26
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/table.js +12 -12
- package/dist-es/tabs.css-mistica.js +12 -12
- package/dist-es/tabs.js +166 -93
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +8 -8
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-base.js +153 -141
- package/dist-es/text-field-components.css-mistica.js +5 -5
- package/dist-es/text-field-components.js +4 -4
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text-tokens.js +87 -57
- package/dist-es/text.css-mistica.js +8 -8
- package/dist-es/text.js +6 -6
- package/dist-es/theme-context.css-mistica.js +396 -396
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timeline.js +4 -4
- 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/touchable.js +67 -67
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/aspect-ratio-support.js +10 -10
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/video.js +5 -5
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
- package/package.json +1 -1
|
@@ -80,13 +80,13 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
}
|
|
81
81
|
import { jsxs as S, jsx as n } from "react/jsx-runtime";
|
|
82
82
|
import * as o from "react";
|
|
83
|
-
import { useSetOverscrollColor as
|
|
83
|
+
import { useSetOverscrollColor as x } from "./overscroll-color-context.js";
|
|
84
84
|
import { ThemeVariant as B } from "./theme-variant-context.js";
|
|
85
85
|
import { vars as h } from "./skins/skin-contract.css-mistica.js";
|
|
86
86
|
import E from "./responsive-layout.js";
|
|
87
87
|
import { Text4 as I, Text2 as O } from "./text.js";
|
|
88
88
|
import w from "./stack.js";
|
|
89
|
-
import { inOutAnimationMs as k, loadingScreen as V, screenBackground as j, screenBackgroundFadeOut as z, screenBackgroundAnimated as D, loadingScreenChildren as P, loadingScreenText as _, loadingScreenTextAnimatedOut as F, loadingScreenTextAnimated as
|
|
89
|
+
import { inOutAnimationMs as k, loadingScreen as V, screenBackground as j, screenBackgroundFadeOut as z, screenBackgroundAnimated as D, loadingScreenChildren as P, loadingScreenText as _, loadingScreenTextAnimatedOut as F, loadingScreenTextAnimated as N, logo as K, pulseLogo as L } from "./loading-screen.css-mistica.js";
|
|
90
90
|
import M from "./spinner.js";
|
|
91
91
|
import T from "classnames";
|
|
92
92
|
import { Logo as W } from "./logo.js";
|
|
@@ -143,7 +143,7 @@ const J = (param)=>{
|
|
|
143
143
|
space: 8,
|
|
144
144
|
children: [
|
|
145
145
|
f && /* @__PURE__ */ n("div", {
|
|
146
|
-
className: e ?
|
|
146
|
+
className: e ? N : void 0,
|
|
147
147
|
children: /* @__PURE__ */ n(I, {
|
|
148
148
|
textAlign: "center",
|
|
149
149
|
regular: !0,
|
|
@@ -152,7 +152,7 @@ const J = (param)=>{
|
|
|
152
152
|
})
|
|
153
153
|
}),
|
|
154
154
|
d && /* @__PURE__ */ n("div", {
|
|
155
|
-
className: e ?
|
|
155
|
+
className: e ? N : void 0,
|
|
156
156
|
style: {
|
|
157
157
|
animationDelay: "200ms"
|
|
158
158
|
},
|
|
@@ -168,7 +168,7 @@ const J = (param)=>{
|
|
|
168
168
|
})
|
|
169
169
|
}, c)
|
|
170
170
|
});
|
|
171
|
-
},
|
|
171
|
+
}, R = /*#__PURE__*/ o.forwardRef((param, f)=>{
|
|
172
172
|
let { isInverse: e, children: r, isLoading: t = !0, animateText: i, animateBackground: c, onClose: s, dataAttributes: a, title: u, description: l, texts: m = [
|
|
173
173
|
{
|
|
174
174
|
title: u,
|
|
@@ -213,7 +213,7 @@ const J = (param)=>{
|
|
|
213
213
|
s
|
|
214
214
|
]);
|
|
215
215
|
const y = !r;
|
|
216
|
-
return
|
|
216
|
+
return x(e ? {
|
|
217
217
|
topColor: h.colors.backgroundBrandTop
|
|
218
218
|
} : {}), /* @__PURE__ */ S(B, {
|
|
219
219
|
isInverse: e,
|
|
@@ -259,7 +259,7 @@ const J = (param)=>{
|
|
|
259
259
|
})
|
|
260
260
|
]
|
|
261
261
|
});
|
|
262
|
-
}), he = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(
|
|
262
|
+
}), he = /*#__PURE__*/ o.forwardRef((e, r)=>/* @__PURE__ */ n(R, _object_spread_props(_object_spread({
|
|
263
263
|
ref: r
|
|
264
264
|
}, e), {
|
|
265
265
|
dataAttributes: _object_spread({
|
|
@@ -313,7 +313,7 @@ const J = (param)=>{
|
|
|
313
313
|
}, d = ()=>{
|
|
314
314
|
l.current && m.current && (r == null || r());
|
|
315
315
|
};
|
|
316
|
-
return /* @__PURE__ */ n(
|
|
316
|
+
return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({
|
|
317
317
|
ref: c,
|
|
318
318
|
isInverse: s.brandLoadingScreen === "inverse"
|
|
319
319
|
}, i), {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./logo.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var
|
|
3
|
-
size: "var(--
|
|
4
|
-
sizeMobile: "var(--
|
|
5
|
-
sizeTablet: "var(--
|
|
6
|
-
sizeDesktop: "var(--
|
|
2
|
+
var _ = "v16_32_140ft6x5", r = "v16_32_140ft6x4", t = {
|
|
3
|
+
size: "var(--v16_32_140ft6x0)",
|
|
4
|
+
sizeMobile: "var(--v16_32_140ft6x1)",
|
|
5
|
+
sizeTablet: "var(--v16_32_140ft6x2)",
|
|
6
|
+
sizeDesktop: "var(--v16_32_140ft6x3)"
|
|
7
7
|
};
|
|
8
|
-
export {
|
|
8
|
+
export { _ as logoContainer, r as svg, t as vars };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
3
|
+
var n = "v16_32_cim30m2 v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfmu", i = "v16_32_1y2v1nfim v16_32_1y2v1nfis v16_32_1y2v1nfja";
|
|
4
4
|
export { n as dismissableButton, i as dismissableContainer };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./menu.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var k = "
|
|
4
|
-
enter: "
|
|
5
|
-
enterActive: "
|
|
6
|
-
exit: "
|
|
7
|
-
exitActive: "
|
|
3
|
+
var k = "v16_32_2k0k3uk", e = "v16_32_2k0k3uj", n = "v16_32_2k0k3u8 v16_32_1y2v1nf8u v16_32_1y2v1nfa3 v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nf4c v16_32_1y2v1nflm v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfin", r = "v16_32_2k0k3ud", a = "v16_32_2k0k3ug", t = "v16_32_2k0k3uf", u = "v16_32_2k0k3ue", i = "v16_32_2k0k3ui v16_32_1y2v1nf8u v16_32_1y2v1nfa3", m = {
|
|
4
|
+
enter: "v16_32_2k0k3u9",
|
|
5
|
+
enterActive: "v16_32_2k0k3ua",
|
|
6
|
+
exit: "v16_32_2k0k3ub",
|
|
7
|
+
exitActive: "v16_32_2k0k3uc"
|
|
8
8
|
}, f = {
|
|
9
|
-
top: "var(--
|
|
10
|
-
bottom: "var(--
|
|
11
|
-
left: "var(--
|
|
12
|
-
right: "var(--
|
|
13
|
-
width: "var(--
|
|
14
|
-
maxHeight: "var(--
|
|
15
|
-
transformOrigin: "var(--
|
|
9
|
+
top: "var(--v16_32_2k0k3u0)",
|
|
10
|
+
bottom: "var(--v16_32_2k0k3u1)",
|
|
11
|
+
left: "var(--v16_32_2k0k3u2)",
|
|
12
|
+
right: "var(--v16_32_2k0k3u4)",
|
|
13
|
+
width: "var(--v16_32_2k0k3u3)",
|
|
14
|
+
maxHeight: "var(--v16_32_2k0k3u5)",
|
|
15
|
+
transformOrigin: "var(--v16_32_2k0k3u6)"
|
|
16
16
|
};
|
|
17
17
|
export { k as iconContainer, e as itemContent, n as menuContainer, r as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };
|
package/dist-es/menu.js
CHANGED
|
@@ -76,20 +76,20 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
|
|
|
76
76
|
isMenuOpen: !1,
|
|
77
77
|
setFocusedItem: ()=>{},
|
|
78
78
|
closeMenu: ()=>{}
|
|
79
|
-
}),
|
|
79
|
+
}), Ne = ()=>s.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ae = (i, d)=>{
|
|
80
80
|
if (!d) return null;
|
|
81
81
|
const f = y(i).indexOf(d);
|
|
82
82
|
return f < 0 ? null : f;
|
|
83
83
|
}, qe = (param)=>{
|
|
84
84
|
let { label: i, Icon: d, destructive: f, disabled: a, onPress: C, controlType: r, checked: p, dataAttributes: o } = param;
|
|
85
|
-
const { focusedItem: k, setFocusedItem: c, closeMenu:
|
|
85
|
+
const { focusedItem: k, setFocusedItem: c, closeMenu: N, isMenuOpen: u } = Ne(), m = s.useRef(null), x = f ? V.colors.textLinkDanger : V.colors.neutralHigh, h = m == null ? void 0 : m.current, A = (h == null ? void 0 : h.closest("[role=menu]")) || null, t = Ae(A, h), M = _object_spread({
|
|
86
86
|
testid: "MenuItem"
|
|
87
87
|
}, o), I = ()=>r === "checkbox" ? /* @__PURE__ */ e(Oe, {
|
|
88
88
|
ref: m,
|
|
89
89
|
name: i,
|
|
90
90
|
checked: p,
|
|
91
91
|
onChange: ()=>{
|
|
92
|
-
u && t !== null && (C(t),
|
|
92
|
+
u && t !== null && (C(t), N());
|
|
93
93
|
},
|
|
94
94
|
disabled: a,
|
|
95
95
|
role: "menuitemcheckbox",
|
|
@@ -131,7 +131,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
|
|
|
131
131
|
}) : /* @__PURE__ */ e(ve, {
|
|
132
132
|
ref: m,
|
|
133
133
|
onPress: ()=>{
|
|
134
|
-
u && t !== null && (C(t),
|
|
134
|
+
u && t !== null && (C(t), N());
|
|
135
135
|
},
|
|
136
136
|
disabled: a,
|
|
137
137
|
role: "menuitem",
|
|
@@ -181,7 +181,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
|
|
|
181
181
|
}) : /* @__PURE__ */ e(W, {});
|
|
182
182
|
}, J = 12, Q = 8, Je = (param)=>{
|
|
183
183
|
let { renderTarget: i, renderMenu: d, width: f, position: a = "left", dataAttributes: C } = param;
|
|
184
|
-
const [r, p] = s.useState(!1), [o, k] = s.useState(null), [c,
|
|
184
|
+
const [r, p] = s.useState(!1), [o, k] = s.useState(null), [c, N] = s.useState(null), [u, m] = s.useState(null), [x, h] = s.useState(!1), A = s.useRef(null), [t, M] = s.useState(null), I = xe();
|
|
185
185
|
s.useEffect(()=>{
|
|
186
186
|
const l = o == null ? void 0 : o.getBoundingClientRect();
|
|
187
187
|
if (!c || !l || !r) return;
|
|
@@ -218,7 +218,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
|
|
|
218
218
|
k,
|
|
219
219
|
r
|
|
220
220
|
]), ee = {
|
|
221
|
-
ref: Se(
|
|
221
|
+
ref: Se(N, A),
|
|
222
222
|
className: ge,
|
|
223
223
|
close: ()=>p(!1)
|
|
224
224
|
}, _ = s.useCallback(()=>{
|
|
@@ -294,7 +294,7 @@ const ke = 120, Z = /*#__PURE__*/ s.createContext({
|
|
|
294
294
|
/* @__PURE__ */ e(be, {
|
|
295
295
|
children: /* @__PURE__ */ e(Te, {
|
|
296
296
|
in: r,
|
|
297
|
-
nodeRef:
|
|
297
|
+
nodeRef: A,
|
|
298
298
|
timeout: Ce() ? 0 : ke,
|
|
299
299
|
classNames: he,
|
|
300
300
|
mountOnEnter: !0,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "./mosaic.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var r = "
|
|
3
|
-
export { r as fourItemsContainer, t as singleItemRowContainer,
|
|
2
|
+
var r = "v16_32_1j2q6te2", t = "v16_32_1j2q6te1", a = "v16_32_1j2q6te0";
|
|
3
|
+
export { r as fourItemsContainer, t as singleItemRowContainer, a as squareContainer };
|
package/dist-es/mosaic.js
CHANGED
|
@@ -50,25 +50,25 @@ function _object_spread_props(target, source) {
|
|
|
50
50
|
}
|
|
51
51
|
return target;
|
|
52
52
|
}
|
|
53
|
-
import { jsx as r, jsxs as
|
|
54
|
-
import { Grid as
|
|
55
|
-
import { Carousel as
|
|
56
|
-
import { singleItemRowContainer as
|
|
57
|
-
const
|
|
53
|
+
import { jsx as r, jsxs as m, Fragment as w } from "react/jsx-runtime";
|
|
54
|
+
import { Grid as h, GridItem as e } from "./grid.js";
|
|
55
|
+
import { Carousel as q } from "./carousel.js";
|
|
56
|
+
import { singleItemRowContainer as f, squareContainer as M, fourItemsContainer as C } from "./mosaic.css-mistica.js";
|
|
57
|
+
const s = {
|
|
58
58
|
mobile: 8,
|
|
59
59
|
desktop: 16
|
|
60
60
|
}, t = (n, o)=>typeof n == "function" ? n({
|
|
61
61
|
gridMode: o
|
|
62
|
-
}) : n,
|
|
62
|
+
}) : n, S = (param)=>{
|
|
63
63
|
let { items: n, isEven: o } = param;
|
|
64
64
|
return /* @__PURE__ */ r("div", {
|
|
65
|
-
className: n.length === 1 ?
|
|
66
|
-
children: /* @__PURE__ */ r(
|
|
67
|
-
gap:
|
|
65
|
+
className: n.length === 1 ? f : M,
|
|
66
|
+
children: /* @__PURE__ */ r(h, {
|
|
67
|
+
gap: s,
|
|
68
68
|
rows: 2,
|
|
69
69
|
columns: 2,
|
|
70
70
|
height: "100%",
|
|
71
|
-
children: n.length === 3 ? /* @__PURE__ */
|
|
71
|
+
children: n.length === 3 ? /* @__PURE__ */ m(w, {
|
|
72
72
|
children: [
|
|
73
73
|
/* @__PURE__ */ r(e, {
|
|
74
74
|
columnSpan: o ? 2 : void 0,
|
|
@@ -82,43 +82,44 @@ const u = {
|
|
|
82
82
|
children: t(n[2], o ? "square" : "horizontal")
|
|
83
83
|
})
|
|
84
84
|
]
|
|
85
|
-
}) : n.map((a,
|
|
85
|
+
}) : n.map((a, i)=>/* @__PURE__ */ r(e, {
|
|
86
86
|
columnSpan: n.length === 4 ? void 0 : 2,
|
|
87
87
|
rowSpan: n.length === 1 ? 2 : void 0,
|
|
88
88
|
children: t(a, n.length === 4 ? "square" : "horizontal")
|
|
89
|
-
},
|
|
89
|
+
}, i))
|
|
90
90
|
})
|
|
91
91
|
});
|
|
92
|
-
},
|
|
93
|
-
let { items: n, withBullets: o,
|
|
94
|
-
const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3),
|
|
92
|
+
}, N = (param)=>{
|
|
93
|
+
let { items: n, withBullets: o, withControls: a = !0, free: i, dataAttributes: u } = param;
|
|
94
|
+
const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), d = Array.from({
|
|
95
95
|
length: l
|
|
96
96
|
}, ()=>[]);
|
|
97
|
-
return n.forEach((
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
}), /* @__PURE__ */ r(
|
|
101
|
-
dataAttributes: _object_spread_props(_object_spread({},
|
|
97
|
+
return n.forEach((g, p)=>{
|
|
98
|
+
const v = Math.min(l - 1, Math.floor(p / 3));
|
|
99
|
+
d[v].push(g);
|
|
100
|
+
}), /* @__PURE__ */ r(q, {
|
|
101
|
+
dataAttributes: _object_spread_props(_object_spread({}, u), {
|
|
102
102
|
"component-name": "HorizontalMosaic"
|
|
103
103
|
}),
|
|
104
|
-
items:
|
|
105
|
-
children: /* @__PURE__ */ r(
|
|
106
|
-
items:
|
|
104
|
+
items: d.map((g, p)=>/* @__PURE__ */ r(h, {
|
|
105
|
+
children: /* @__PURE__ */ r(S, {
|
|
106
|
+
items: g,
|
|
107
107
|
isEven: p % 2 === 0
|
|
108
108
|
}, p)
|
|
109
109
|
})),
|
|
110
110
|
withBullets: o,
|
|
111
|
-
|
|
111
|
+
withControls: a,
|
|
112
|
+
free: i
|
|
112
113
|
});
|
|
113
|
-
},
|
|
114
|
+
}, z = (param)=>{
|
|
114
115
|
let { items: n } = param;
|
|
115
116
|
switch(n.length){
|
|
116
117
|
case 1:
|
|
117
118
|
case 2:
|
|
118
119
|
return /* @__PURE__ */ r("div", {
|
|
119
|
-
className:
|
|
120
|
-
children: /* @__PURE__ */ r(
|
|
121
|
-
gap:
|
|
120
|
+
className: f,
|
|
121
|
+
children: /* @__PURE__ */ r(h, {
|
|
122
|
+
gap: s,
|
|
122
123
|
columns: 2,
|
|
123
124
|
height: "100%",
|
|
124
125
|
children: n.map((o, a)=>/* @__PURE__ */ r(e, {
|
|
@@ -129,9 +130,9 @@ const u = {
|
|
|
129
130
|
});
|
|
130
131
|
case 3:
|
|
131
132
|
return /* @__PURE__ */ r("div", {
|
|
132
|
-
className:
|
|
133
|
-
children: /* @__PURE__ */ r(
|
|
134
|
-
gap:
|
|
133
|
+
className: M,
|
|
134
|
+
children: /* @__PURE__ */ r(h, {
|
|
135
|
+
gap: s,
|
|
135
136
|
columns: 2,
|
|
136
137
|
flow: "column",
|
|
137
138
|
height: "100%",
|
|
@@ -144,9 +145,9 @@ const u = {
|
|
|
144
145
|
case 4:
|
|
145
146
|
default:
|
|
146
147
|
return /* @__PURE__ */ r("div", {
|
|
147
|
-
className:
|
|
148
|
-
children: /* @__PURE__ */
|
|
149
|
-
gap:
|
|
148
|
+
className: C,
|
|
149
|
+
children: /* @__PURE__ */ m(h, {
|
|
150
|
+
gap: s,
|
|
150
151
|
rows: 3,
|
|
151
152
|
columns: 2,
|
|
152
153
|
height: "100%",
|
|
@@ -169,23 +170,23 @@ const u = {
|
|
|
169
170
|
})
|
|
170
171
|
});
|
|
171
172
|
}
|
|
172
|
-
},
|
|
173
|
+
}, b = (param)=>{
|
|
173
174
|
let { items: n, dataAttributes: o } = param;
|
|
174
|
-
const a = n.length,
|
|
175
|
-
length:
|
|
175
|
+
const a = n.length, i = Math.ceil(a / 4), u = Array.from({
|
|
176
|
+
length: i
|
|
176
177
|
}, ()=>[]);
|
|
177
|
-
return n.forEach((
|
|
178
|
-
const d = Math.floor(
|
|
179
|
-
|
|
180
|
-
}), /* @__PURE__ */ r(
|
|
178
|
+
return n.forEach((c, l)=>{
|
|
179
|
+
const d = Math.floor(l / 4);
|
|
180
|
+
u[d].push(c);
|
|
181
|
+
}), /* @__PURE__ */ r(h, {
|
|
181
182
|
rows: 1,
|
|
182
|
-
gap:
|
|
183
|
+
gap: s,
|
|
183
184
|
dataAttributes: _object_spread_props(_object_spread({}, o), {
|
|
184
185
|
"component-name": "VerticalMosaic"
|
|
185
186
|
}),
|
|
186
|
-
children:
|
|
187
|
-
items:
|
|
188
|
-
},
|
|
187
|
+
children: u.map((c, l)=>/* @__PURE__ */ r(z, {
|
|
188
|
+
items: c
|
|
189
|
+
}, l))
|
|
189
190
|
});
|
|
190
191
|
};
|
|
191
|
-
export {
|
|
192
|
+
export { N as HorizontalMosaic, b as VerticalMosaic };
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./navigation-bar.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = 300, y = 400, e = 184, f = "
|
|
4
|
-
enter: "
|
|
5
|
-
enterActive: "
|
|
6
|
-
exit: "
|
|
7
|
-
exitActive: "
|
|
8
|
-
}, d = "
|
|
9
|
-
default: "
|
|
10
|
-
noBorder: "
|
|
11
|
-
menuOpen: "
|
|
12
|
-
}, R = "
|
|
13
|
-
default: "
|
|
14
|
-
inverse: "
|
|
15
|
-
}, F = "
|
|
16
|
-
default: "
|
|
17
|
-
inverse: "
|
|
18
|
-
}, V = "
|
|
3
|
+
var n = 300, y = 400, e = 184, f = "v16_32_1vcy5dz1 v16_32_1y2v1nfim v16_32_1y2v1nfjo v16_32_1y2v1nfk4", r = "v16_32_1y2v1nfio v16_32_1y2v1nfmb v16_32_1y2v1nfmf v16_32_1y2v1nfmu v16_32_1y2v1nfn9 v16_32_1y2v1nf4b", a = "v16_32_1vcy5dz1f", i = "v16_32_1y2v1nfjw v16_32_1y2v1nfim", c = "v16_32_1vcy5dz1j v16_32_1y2v1nflz v16_32_1y2v1nfjf v16_32_1y2v1nfjw v16_32_1y2v1nfin v16_32_1y2v1nfm0", t = {
|
|
4
|
+
enter: "v16_32_1vcy5dz16",
|
|
5
|
+
enterActive: "v16_32_1vcy5dz17",
|
|
6
|
+
exit: "v16_32_1vcy5dz18",
|
|
7
|
+
exitActive: "v16_32_1vcy5dz19"
|
|
8
|
+
}, d = "v16_32_1vcy5dz1z v16_32_1y2v1nf9c v16_32_1y2v1nfal v16_32_1y2v1nfim", o = "v16_32_1vcy5dz1v v16_32_1y2v1nf4c v16_32_1y2v1nfin v16_32_1y2v1nfmf v16_32_1y2v1nfmu", z = "v16_32_1vcy5dz21", s = "v16_32_1vcy5dz1t v16_32_1y2v1nfio v16_32_1y2v1nfmf v16_32_1y2v1nfmu", u = "v16_32_1vcy5dz20", p = "v16_32_1vcy5dzf", m = "v16_32_1vcy5dzg", M = "v16_32_1vcy5dzn v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k", l = "v16_32_1vcy5dzl v16_32_1y2v1nfin v16_32_1y2v1nfm0 v16_32_1y2v1nfn9 v16_32_1y2v1nfis v16_32_1y2v1nfj7", j = "v16_32_1vcy5dzi v16_32_1y2v1nfim v16_32_1y2v1nfis", k = "v16_32_1y2v1nfim", C = "v16_32_1y2v1nfin v16_32_1y2v1nfmf v16_32_1y2v1nfmu", b = "v16_32_1vcy5dzx", g = "v16_32_1vcy5dz1x v16_32_1y2v1nfbo v16_32_1y2v1nfcx v16_32_1y2v1nf9c v16_32_1y2v1nfal v16_32_1y2v1nf4c v16_32_1y2v1nfio v16_32_1y2v1nflz", S = "v16_32_1vcy5dz5 v16_32_1vcy5dz3 v16_32_1y2v1nfin", A = "v16_32_1vcy5dz4 v16_32_1vcy5dz3 v16_32_1y2v1nfin", B = "v16_32_1vcy5dz7 v16_32_1vcy5dz3 v16_32_1y2v1nfin", N = "v16_32_1vcy5dz6 v16_32_1vcy5dz3 v16_32_1y2v1nfin", x = "v16_32_1vcy5dz1o", I = "v16_32_1vcy5dz1e v16_32_1y2v1nfis v16_32_1y2v1nfj1", O = "v16_32_1vcy5dz1c v16_32_1y2v1nfis v16_32_1y2v1nfje", T = "v16_32_1vcy5dz1q v16_32_1y2v1nfjf", E = {
|
|
9
|
+
default: "v16_32_1vcy5dzc v16_32_1vcy5dzb v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfjf",
|
|
10
|
+
noBorder: "v16_32_1vcy5dzd v16_32_1vcy5dzb v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfjf",
|
|
11
|
+
menuOpen: "v16_32_1vcy5dze v16_32_1vcy5dzb v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfjf"
|
|
12
|
+
}, R = "v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k", U = "v16_32_1vcy5dzv v16_32_1y2v1nfj7 v16_32_1y2v1nfjf v16_32_1y2v1nfis", W = "v16_32_1vcy5dzz v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj2", w = "v16_32_1vcy5dz11 v16_32_1vcy5dzz v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj2 v16_32_1y2v1nfje", D = "v16_32_1vcy5dzp v16_32_1y2v1nfbc v16_32_1y2v1nfcl v16_32_1y2v1nfkb v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfim", h = {
|
|
13
|
+
default: "v16_32_1vcy5dzq",
|
|
14
|
+
inverse: "v16_32_1vcy5dzr"
|
|
15
|
+
}, F = "v16_32_1y2v1nfkb v16_32_1vcy5dz12", H = "v16_32_1vcy5dz15 v16_32_1vcy5dz12", L = {
|
|
16
|
+
default: "v16_32_1vcy5dzs",
|
|
17
|
+
inverse: "v16_32_1vcy5dzt"
|
|
18
|
+
}, V = "v16_32_1vcy5dz9 v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu";
|
|
19
19
|
export { n as BURGER_MENU_ANIMATION_DURATION_MS, y as DESKTOP_MENU_ANIMATION_DURATION_MS, e as DESKTOP_SMALL_MENU_WIDTH, f as burgerIconContainer, r as burgerMenu, a as burgerMenuButton, i as burgerMenuContainer, c as burgerMenuContentContainer, t as burgerMenuTransition, d as desktopMenu, o as desktopMenuBackgroundContainer, z as desktopMenuColumnItem, s as desktopMenuContainer, u as desktopMenuContentFadeIn, p as desktopMenuFirstSection, m as desktopMenuLastSection, M as desktopMenuSectionArrow, l as desktopMenuSectionArrowContainer, j as desktopMenuSectionContainer, k as desktopMenuSectionWithArrowWrapper, C as desktopMenuWrapper, b as desktopOnly, g as desktopSmallMenuContainer, S as iconCloseHidden, A as iconCloseOpen, B as iconMenuHidden, N as iconMenuOpen, x as lineHeightFix, I as logoContainer, O as mainNavBarSectionsContainer, T as mainNavigationBarContentWrapper, E as navbarBorderColorVariants, R as navigationBarAction, U as navigationBarContent, W as navigationBarContentRight, w as navigationBarContentRightExpanded, D as section, h as selectedSectionVariantes, F as spacer, H as spacerLarge, L as textWrapperVariants, V as topFixed };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
3
|
+
var n = "v16_32_1fniauj3", i = "v16_32_1fniauj2", r = "v16_32_1fniauj5 v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc", f = "v16_32_1y2v1nfiv";
|
|
4
4
|
export { n as current, i as link, r as list, f as listItem };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const o = "16.
|
|
1
|
+
const o = "16.32.0";
|
|
2
2
|
export { o as PACKAGE_VERSION };
|
|
@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
import "./pin-field.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var i = "
|
|
5
|
+
var i = "v16_32_3pc6ro1", p = "v16_32_3pc6ro3 v16_32_1y2v1nflb v16_32_1y2v1nfis v16_32_1y2v1nflj v16_32_1y2v1nfim v16_32_1y2v1nf4c", f = "v16_32_3pc6ro0", o = "v16_32_3pc6ro4 v16_32_3pc6ro3 v16_32_1y2v1nflb v16_32_1y2v1nfis v16_32_1y2v1nflj v16_32_1y2v1nfim v16_32_1y2v1nf4c", y = "v16_32_3pc6ro6", a = "v16_32_3pc6ro9", c = "v16_32_1y2v1nf48", e = "1.000rem", l = "v16_32_3pc6ro5 v16_32_3pc6ro3 v16_32_1y2v1nflb v16_32_1y2v1nfis v16_32_1y2v1nflj v16_32_1y2v1nfim v16_32_1y2v1nf4c";
|
|
6
6
|
export { i as disabled, p as field, f as fieldContainer, o as focusedField, y as input, a as passwordDot, c as passwordInput, e as pinInputLineHeight, l as readOnlyField };
|
package/dist-es/pin-field.js
CHANGED
|
@@ -51,8 +51,8 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsxs as
|
|
55
|
-
import
|
|
54
|
+
import { jsxs as D, jsx as c } from "react/jsx-runtime";
|
|
55
|
+
import H from "classnames";
|
|
56
56
|
import * as a from "react";
|
|
57
57
|
import E from "./inline.js";
|
|
58
58
|
import { input as L } from "./text-field-base.css-mistica.js";
|
|
@@ -126,8 +126,8 @@ const te = (param)=>{
|
|
|
126
126
|
!o || o === t ? m = t : o === t[0] ? m = t.slice(1) : o === t[t.length - 1] && (m = t.slice(0, -1));
|
|
127
127
|
let I = s, P = r;
|
|
128
128
|
if (m.length >= 2) {
|
|
129
|
-
const
|
|
130
|
-
P = r.slice(0, s) +
|
|
129
|
+
const N = m.slice(0, i - s);
|
|
130
|
+
P = r.slice(0, s) + N, I = Math.min(s + N.length, i - 1);
|
|
131
131
|
} else P = r.slice(0, s) + m + r.slice(s + 1), I = s + 1;
|
|
132
132
|
P !== r && (Z(()=>{
|
|
133
133
|
p(P);
|
|
@@ -141,7 +141,7 @@ const te = (param)=>{
|
|
|
141
141
|
length: i
|
|
142
142
|
}).map((s, e)=>/* @__PURE__ */ {
|
|
143
143
|
var _r_e;
|
|
144
|
-
return
|
|
144
|
+
return D("div", {
|
|
145
145
|
className: g ? O : e === F ? W : q,
|
|
146
146
|
children: [
|
|
147
147
|
/* @__PURE__ */ c(J, {
|
|
@@ -160,7 +160,7 @@ const te = (param)=>{
|
|
|
160
160
|
inputRef: (t)=>{
|
|
161
161
|
l[e] = t, e === 0 && S(t);
|
|
162
162
|
},
|
|
163
|
-
className:
|
|
163
|
+
className: H(L, z, {
|
|
164
164
|
[K]: n
|
|
165
165
|
}),
|
|
166
166
|
style: {
|
|
@@ -223,10 +223,10 @@ const te = (param)=>{
|
|
|
223
223
|
onChangeValue: T,
|
|
224
224
|
onChange: k
|
|
225
225
|
}), u = a.useId();
|
|
226
|
-
return /* @__PURE__ */
|
|
226
|
+
return /* @__PURE__ */ D("div", _object_spread_props(_object_spread({
|
|
227
227
|
role: "group",
|
|
228
228
|
"aria-labelledby": F !== null && F !== void 0 ? F : u,
|
|
229
|
-
className:
|
|
229
|
+
className: H(j, {
|
|
230
230
|
[B]: h
|
|
231
231
|
})
|
|
232
232
|
}, U(w, "PinField")), {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./progress-bar.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
default: "
|
|
5
|
-
inverse: "
|
|
6
|
-
}, n = "
|
|
7
|
-
export {
|
|
3
|
+
var _ = "v16_32_1y2v1nfjw v16_32_1y2v1nflq", a = {
|
|
4
|
+
default: "v16_32_j0y7r91 v16_32_1y2v1nflq v16_32_1y2v1nfjz",
|
|
5
|
+
inverse: "v16_32_j0y7r92 v16_32_1y2v1nflq v16_32_1y2v1nfjz"
|
|
6
|
+
}, n = "v16_32_j0y7r97", y = "v16_32_j0y7r96", e = "v16_32_j0y7r98";
|
|
7
|
+
export { _ as bar, a as barBackground, n as inverse, y as normal, e as progressBarSteppedContainer };
|
package/dist-es/progress-bar.js
CHANGED
|
@@ -55,15 +55,15 @@ import { jsx as a } from "react/jsx-runtime";
|
|
|
55
55
|
import * as f from "react";
|
|
56
56
|
import { useTheme as I } from "./hooks.js";
|
|
57
57
|
import { vars as v } from "./skins/skin-contract.css-mistica.js";
|
|
58
|
-
import { barBackground as T, bar as y, inverse as A, normal as C, progressBarSteppedContainer as
|
|
58
|
+
import { barBackground as T, bar as y, inverse as A, normal as C, progressBarSteppedContainer as F } from "./progress-bar.css-mistica.js";
|
|
59
59
|
import { getPrefixedDataAttributes as P } from "./utils/dom.js";
|
|
60
|
-
import
|
|
60
|
+
import N from "classnames";
|
|
61
61
|
import $ from "./inline.js";
|
|
62
62
|
import { loading as M, progressBarCompletedLabel as w, progressBarStepLabel as W } from "./text-tokens.js";
|
|
63
|
-
import { useIsInverseVariant as
|
|
63
|
+
import { useIsInverseVariant as V } from "./theme-variant-context.js";
|
|
64
64
|
const K = (param)=>{
|
|
65
65
|
let { progressPercent: r, color: t, "aria-label": g, "aria-labelledby": c, "aria-hidden": o, dataAttributes: m, reverse: s = !1 } = param;
|
|
66
|
-
const { texts: d, t: p } = I(), l =
|
|
66
|
+
const { texts: d, t: p } = I(), l = V(), e = Math.max(0, Math.min(100, r)), i = o && o !== "false" ? {
|
|
67
67
|
"aria-hidden": o
|
|
68
68
|
} : {
|
|
69
69
|
role: "progressbar",
|
|
@@ -81,7 +81,7 @@ const K = (param)=>{
|
|
|
81
81
|
className: T[l ? "inverse" : "default"]
|
|
82
82
|
}), i), {
|
|
83
83
|
children: /* @__PURE__ */ a("div", {
|
|
84
|
-
className:
|
|
84
|
+
className: N(y, s ? A : C),
|
|
85
85
|
style: {
|
|
86
86
|
maxWidth: `${e}%`,
|
|
87
87
|
backgroundColor: t !== null && t !== void 0 ? t : l ? v.colors.controlActivatedInverse : v.colors.controlActivated
|
|
@@ -90,7 +90,7 @@ const K = (param)=>{
|
|
|
90
90
|
}));
|
|
91
91
|
}, O = (param)=>{
|
|
92
92
|
let { steps: r, currentStep: t = 0, color: g, dataAttributes: c, "aria-label": o, "aria-labelledby": m, "aria-hidden": s } = param;
|
|
93
|
-
const { texts: d, t: p } = I(), l =
|
|
93
|
+
const { texts: d, t: p } = I(), l = V(), [e, h] = f.useState(Math.ceil(t)), [i, b] = f.useState(!1);
|
|
94
94
|
f.useEffect(()=>{
|
|
95
95
|
const n = Math.ceil(t);
|
|
96
96
|
e !== n && (b(n < e), h(n));
|
|
@@ -99,7 +99,7 @@ const K = (param)=>{
|
|
|
99
99
|
r,
|
|
100
100
|
e
|
|
101
101
|
]);
|
|
102
|
-
const
|
|
102
|
+
const k = s && s !== "false" ? {
|
|
103
103
|
"aria-hidden": s
|
|
104
104
|
} : {
|
|
105
105
|
role: "progressbar",
|
|
@@ -112,8 +112,8 @@ const K = (param)=>{
|
|
|
112
112
|
};
|
|
113
113
|
return /* @__PURE__ */ a("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, P(c, "ProgressBarStepped")), {
|
|
114
114
|
role: "progressbar"
|
|
115
|
-
}),
|
|
116
|
-
className:
|
|
115
|
+
}), k), {
|
|
116
|
+
className: F,
|
|
117
117
|
children: /* @__PURE__ */ a($, {
|
|
118
118
|
space: 8,
|
|
119
119
|
fullWidth: !0,
|
|
@@ -125,7 +125,7 @@ const K = (param)=>{
|
|
|
125
125
|
className: T[l ? "inverse" : "default"],
|
|
126
126
|
"aria-hidden": "true",
|
|
127
127
|
children: (B || x) && /* @__PURE__ */ a("div", {
|
|
128
|
-
className:
|
|
128
|
+
className: N(y, {
|
|
129
129
|
[C]: S && !i,
|
|
130
130
|
[A]: x && i
|
|
131
131
|
}),
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./radio-button.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
4
|
-
default: "
|
|
5
|
-
checked: "
|
|
3
|
+
var n = "v16_32_c6dmsul", f = {
|
|
4
|
+
default: "v16_32_c6dmsub v16_32_1y2v1nfis v16_32_1y2v1nflc",
|
|
5
|
+
checked: "v16_32_c6dmsue v16_32_c6dmsub v16_32_1y2v1nfis v16_32_1y2v1nflc v16_32_1y2v1nf5n"
|
|
6
6
|
}, y = {
|
|
7
|
-
default: "
|
|
8
|
-
checked: "
|
|
7
|
+
default: "v16_32_c6dmsub v16_32_1y2v1nfis v16_32_1y2v1nflc",
|
|
8
|
+
checked: "v16_32_c6dmsuh v16_32_c6dmsub v16_32_1y2v1nfis v16_32_1y2v1nflc v16_32_1y2v1nf5p"
|
|
9
9
|
}, c = {
|
|
10
|
-
default: "
|
|
11
|
-
ios: "
|
|
12
|
-
checked: "
|
|
13
|
-
checkedIos: "
|
|
10
|
+
default: "v16_32_c6dmsu6 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
11
|
+
ios: "v16_32_c6dmsu7 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
12
|
+
checked: "v16_32_c6dmsu8 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
13
|
+
checkedIos: "v16_32_c6dmsu9 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc"
|
|
14
14
|
}, d = {
|
|
15
|
-
default: "
|
|
16
|
-
ios: "
|
|
17
|
-
checked: "
|
|
18
|
-
checkedIos: "
|
|
19
|
-
}, s = "
|
|
15
|
+
default: "v16_32_c6dmsu2 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
16
|
+
ios: "v16_32_c6dmsu3 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
17
|
+
checked: "v16_32_c6dmsu4 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc",
|
|
18
|
+
checkedIos: "v16_32_c6dmsu5 v16_32_c6dmsu1 v16_32_1y2v1nfit v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nflt v16_32_1y2v1nfja v16_32_1y2v1nflc"
|
|
19
|
+
}, s = "v16_32_c6dmsuj v16_32_c6dmsui", u = "v16_32_c6dmsuk v16_32_c6dmsui";
|
|
20
20
|
export { n as disabled, f as innerCircleVariant, y as inverseInnerCircleVariant, c as inverseOuterCircleVariants, d as outerCircleVariants, s as radioButton, u as radioButtonContainerDisabled };
|