@telefonica/mistica 16.31.0 → 16.33.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-common.css +35 -8
- 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 +1 -1
- 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 +24 -24
- 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/callout.css-mistica.js +5 -5
- package/dist/card.css-mistica.js +3 -3
- 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 +1 -1
- 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.css-mistica.js +4 -4
- 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/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/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 +3 -3
- package/dist/grid.css-mistica.js +122 -122
- 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 +1 -1
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icon-button.js +3 -3
- 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 +2 -1
- package/dist/index.js +13 -0
- package/dist/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-bar.js +2 -2
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/loading-screen.js +3 -3
- package/dist/logo.css-mistica.js +5 -5
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/media-queries.css-mistica.js +2 -2
- package/dist/menu.css-mistica.js +12 -12
- package/dist/menu.js +7 -7
- package/dist/mosaic.css-mistica.js +1 -1
- 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 +4 -4
- 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 +2 -2
- package/dist/rating.js +8 -8
- package/dist/responsive-layout.css-mistica.js +16 -19
- package/dist/responsive-layout.css.d.ts +2 -2
- package/dist/responsive-layout.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/screen-reader-only.css.d.ts +14 -0
- 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-common.js +18 -18
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +354 -354
- package/dist/skip-link.css-mistica.js +22 -0
- package/dist/skip-link.css.d.ts +2 -0
- package/dist/skip-link.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/skip-link.d.ts +16 -0
- package/dist/skip-link.js +145 -0
- 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/spinner.d.ts +2 -1
- package/dist/spinner.js +82 -128
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/stepper.js +3 -3
- 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/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 +10 -0
- package/dist/text-tokens.js +152 -112
- package/dist/text.css-mistica.js +7 -7
- package/dist/text.js +172 -147
- package/dist/theme-context.css-mistica.js +394 -394
- 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/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.js +3 -3
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/box.js +9 -9
- package/dist-es/boxed.css-mistica.js +23 -23
- 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/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/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 +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/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.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 +5 -5
- 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 +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- 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 +1 -1
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icon-button.js +3 -3
- 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 +1844 -1843
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/list.js +18 -18
- 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 +4 -4
- package/dist-es/loading-screen.js +8 -8
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/media-queries.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/menu.js +7 -7
- package/dist-es/mosaic.css-mistica.js +1 -1
- 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 +4 -4
- 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 +2 -2
- 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 +42 -42
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +354 -354
- package/dist-es/skip-link.css-mistica.js +5 -0
- package/dist-es/skip-link.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/skip-link.js +87 -0
- 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/spinner.js +86 -91
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +3 -3
- 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/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 +85 -60
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/text.js +176 -151
- package/dist-es/theme-context.css-mistica.js +394 -394
- 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/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 +1 -1
- package/dist-es/video.js +5 -5
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -36,14 +36,14 @@ _export(exports, {
|
|
|
36
36
|
});
|
|
37
37
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
38
38
|
require("./timeline.css.ts.vanilla.css-mistica.js");
|
|
39
|
-
var t = "
|
|
40
|
-
default: "
|
|
41
|
-
inverse: "
|
|
42
|
-
}, i = "
|
|
43
|
-
vertical: "
|
|
44
|
-
horizontal: "
|
|
45
|
-
}, p = "
|
|
46
|
-
active: "
|
|
47
|
-
inactive: "
|
|
48
|
-
completed: "
|
|
39
|
+
var t = "v16_33_w6pat2b", a = "v16_33_w6pat2d v16_33_1y2v1nfjp v16_33_1y2v1nfk5 v16_33_1y2v1nflc v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nf4c", e = "v16_33_w6pat25 v16_33_1y2v1nfje v16_33_1y2v1nfl5 v16_33_1y2v1nfa3", n = {
|
|
40
|
+
default: "v16_33_w6pat2g v16_33_w6pat2f v16_33_1y2v1nfje",
|
|
41
|
+
inverse: "v16_33_w6pat2h v16_33_w6pat2f v16_33_1y2v1nfje"
|
|
42
|
+
}, i = "v16_33_w6pat2a v16_33_1y2v1nfis v16_33_1y2v1nfj7", f = {
|
|
43
|
+
vertical: "v16_33_w6pat20",
|
|
44
|
+
horizontal: "v16_33_w6pat21"
|
|
45
|
+
}, p = "v16_33_w6pat23 v16_33_1y2v1nfis v16_33_1y2v1nfj5", r = {
|
|
46
|
+
active: "v16_33_w6pat26",
|
|
47
|
+
inactive: "v16_33_w6pat27",
|
|
48
|
+
completed: "v16_33_w6pat28"
|
|
49
49
|
};
|
|
@@ -33,9 +33,9 @@ _export(exports, {
|
|
|
33
33
|
});
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./timer.css.ts.vanilla.css-mistica.js");
|
|
36
|
-
var y = "
|
|
37
|
-
default: "
|
|
38
|
-
inverse: "
|
|
39
|
-
alternative: "
|
|
40
|
-
media: "
|
|
41
|
-
}, n = "
|
|
36
|
+
var y = "v16_33_18fye848", f = {
|
|
37
|
+
default: "v16_33_18fye84a v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nf8u v16_33_1y2v1nfa3 v16_33_1y2v1nflk v16_33_1y2v1nf7d",
|
|
38
|
+
inverse: "v16_33_18fye84a v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nf8u v16_33_1y2v1nfa3 v16_33_1y2v1nflk v16_33_1y2v1nf4c",
|
|
39
|
+
alternative: "v16_33_18fye84a v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nf8u v16_33_1y2v1nfa3 v16_33_1y2v1nflk v16_33_1y2v1nf4c",
|
|
40
|
+
media: "v16_33_18fye84a v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nf8u v16_33_1y2v1nfa3 v16_33_1y2v1nflk v16_33_18fye84e"
|
|
41
|
+
}, n = "v16_33_18fye841", e = "v16_33_18fye841 v16_33_1y2v1nfiw", a = "v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfj7", i = "v16_33_1y2v1nfiw", r = "v16_33_18fye841 v16_33_1y2v1nfit v16_33_1y2v1nfj1";
|
|
@@ -42,7 +42,7 @@ _export(exports, {
|
|
|
42
42
|
});
|
|
43
43
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
44
44
|
require("./tooltip.css.ts.vanilla.css-mistica.js");
|
|
45
|
-
var n = 40, t = "
|
|
45
|
+
var n = 40, t = "v16_33_1xhatbpb v16_33_1y2v1nfjl v16_33_1y2v1nfk1 v16_33_1y2v1nfin v16_33_1y2v1nfm0 v16_33_1y2v1nf4c", a = "v16_33_1xhatbp9 v16_33_1y2v1nfin v16_33_1y2v1nfjn v16_33_1y2v1nflu", i = "v16_33_1xhatbpd v16_33_1y2v1nfin", o = "v16_33_1xhatbp1 v16_33_1y2v1nfin", r = "v16_33_1xhatbp6", y = "v16_33_1xhatbp5 v16_33_1y2v1nfim v16_33_1y2v1nflu", e = "v16_33_1xhatbp3 v16_33_1y2v1nfim v16_33_1y2v1nflm v16_33_1y2v1nf4c", f = "v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfj7", p = {
|
|
46
46
|
entering: {
|
|
47
47
|
opacity: 1
|
|
48
48
|
},
|
|
@@ -24,4 +24,4 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./touchable.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var n = "
|
|
27
|
+
var n = "v16_33_mhti6u2 v16_33_1y2v1nflt", f = "v16_33_mhti6u0", t = "v16_33_mhti6u5", y = "v16_33_mhti6u2 v16_33_1y2v1nflt v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nfjf v16_33_1y2v1nf49 v16_33_1y2v1nf8k v16_33_1y2v1nflv";
|
|
@@ -24,6 +24,6 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var r = "
|
|
28
|
-
aspectRatio: "var(--
|
|
29
|
-
}, f = "
|
|
27
|
+
var r = "v16_33_yqswj62", a = "v16_33_1y2v1nfjf v16_33_1y2v1nfjw v16_33_1y2v1nfm0 v16_33_1y2v1nfmf", n = {
|
|
28
|
+
aspectRatio: "var(--v16_33_yqswj60)"
|
|
29
|
+
}, f = "v16_33_1y2v1nflu v16_33_1y2v1nfl7 v16_33_1y2v1nfl8 v16_33_1y2v1nfim";
|
|
@@ -126,7 +126,7 @@ function _object_spread_props(target, source) {
|
|
|
126
126
|
}
|
|
127
127
|
const u = /*#__PURE__*/ _react.createContext(!0), W = (param)=>{
|
|
128
128
|
let { children: t } = param;
|
|
129
|
-
const [
|
|
129
|
+
const [n, s] = _react.useState(!0);
|
|
130
130
|
return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
|
|
131
131
|
try {
|
|
132
132
|
CSS.supports("aspect-ratio", "1 / 1") || s(!1);
|
|
@@ -134,11 +134,11 @@ const u = /*#__PURE__*/ _react.createContext(!0), W = (param)=>{
|
|
|
134
134
|
s(!1);
|
|
135
135
|
}
|
|
136
136
|
}, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(u.Provider, {
|
|
137
|
-
value:
|
|
137
|
+
value: n,
|
|
138
138
|
children: t
|
|
139
139
|
});
|
|
140
140
|
}, b = ()=>_react.useContext(u), $ = (t)=>{
|
|
141
|
-
const
|
|
141
|
+
const n = !!t.forceNonCssAspectRatio, s = b() && !n, h = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, a = h ? t.aspectRatio : void 0;
|
|
142
142
|
let e = t.width, i = t.height;
|
|
143
143
|
var _t_aspectRatio, _t_aspectRatio1;
|
|
144
144
|
t.width !== void 0 && t.height !== void 0 ? (e = t.width, i = t.height) : typeof t.width == "number" ? i = t.aspectRatio !== 0 ? t.width / ((_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 1) : void 0 : typeof t.height == "number" ? e = t.aspectRatio !== 0 ? t.height * ((_t_aspectRatio1 = t.aspectRatio) !== null && _t_aspectRatio1 !== void 0 ? _t_aspectRatio1 : 1) : void 0 : t.height ? i = t.height : e = t.width || "100%";
|
|
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
|
-
var _ = "
|
|
12
|
+
var _ = "v16_33_1y2v1nfm0 v16_33_1y2v1nfmf v16_33_1y2v1nfiu v16_33_1y2v1nf8k v16_33_1y2v1nfl7 v16_33_1y2v1nfl8 v16_33_1y2v1nfno";
|
package/dist/video.js
CHANGED
|
@@ -137,7 +137,7 @@ const q = {
|
|
|
137
137
|
"16:9": 16 / 9,
|
|
138
138
|
"4:3": 4 / 3
|
|
139
139
|
}, M = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", _ = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
|
|
140
|
-
var { src: s, poster: u, autoPlay: g = "when-loaded", muted:
|
|
140
|
+
var { src: s, poster: u, autoPlay: g = "when-loaded", muted: S = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = 0, dataAttributes: U } = _param, n = _object_without_properties(_param, [
|
|
141
141
|
"src",
|
|
142
142
|
"poster",
|
|
143
143
|
"autoPlay",
|
|
@@ -189,7 +189,7 @@ const q = {
|
|
|
189
189
|
playsInline: !0,
|
|
190
190
|
disablePictureInPicture: !0,
|
|
191
191
|
disableRemotePlayback: !0,
|
|
192
|
-
muted:
|
|
192
|
+
muted: S,
|
|
193
193
|
loop: k,
|
|
194
194
|
className: (0, _classnames.default)(_videocssmistica.video, _imagecssmistica.defaultBorderRadius),
|
|
195
195
|
preload: x,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./accordion.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
4
|
-
enter: "
|
|
5
|
-
enterActive: "
|
|
6
|
-
exit: "
|
|
7
|
-
exitActive: "
|
|
8
|
-
}, i = "
|
|
3
|
+
var n = "v16_33_1y2v1nfjf", s = "v16_33_8s3szx1", e = "v16_33_8s3szx5", a = "v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfjf v16_33_1y2v1nfla v16_33_1y2v1nf8k v16_33_1y2v1nfiu v16_33_1y2v1nfjw", r = "v16_33_8s3szxb", t = "v16_33_8s3szx6", o = {
|
|
4
|
+
enter: "v16_33_8s3szx7",
|
|
5
|
+
enterActive: "v16_33_8s3szx8",
|
|
6
|
+
exit: "v16_33_8s3szx9",
|
|
7
|
+
exitActive: "v16_33_8s3szxa"
|
|
8
|
+
}, i = "v16_33_8s3szx4", x = "v16_33_8s3szx2", f = "v16_33_8s3szx3";
|
|
9
9
|
export { n as accordionItem, s as boxed, e as chevronContainer, a as itemContent, r as panel, t as panelContainer, o as panelTransitionClasses, i as rightContentContainer, x as touchableBackground, f as touchableBackgroundInverse };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var _ = "
|
|
2
|
+
var _ = "v16_33_1y2v1nflr v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1 v16_33_1y2v1nflu", n = "v16_33_1y2v1nfno";
|
|
3
3
|
export { _ as avatar, n as image };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./badge.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var r = "
|
|
3
|
+
var r = "v16_33_17szrmd2 v16_33_1y2v1nf65", a = "v16_33_17szrmd7", d = "v16_33_17szrmd3", n = "v16_33_17szrmd5 v16_33_17szrmd2 v16_33_1y2v1nf65 v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1", e = "v16_33_1y2v1nfin", i = "v16_33_1y2v1nfim v16_33_1y2v1nfiw";
|
|
4
4
|
export { r as badge, a as badgeBigNumber, d as badgeBorder, n as badgeNumber, e as badgeWithChildren, i as container };
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import "./box.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var _ = "
|
|
2
|
+
var _ = "v16_33_1xgjmkvc", a = {
|
|
3
3
|
paddingTop: {
|
|
4
|
-
desktop: "var(--
|
|
5
|
-
tablet: "var(--
|
|
6
|
-
mobile: "var(--
|
|
4
|
+
desktop: "var(--v16_33_1xgjmkv0)",
|
|
5
|
+
tablet: "var(--v16_33_1xgjmkv1)",
|
|
6
|
+
mobile: "var(--v16_33_1xgjmkv2)"
|
|
7
7
|
},
|
|
8
8
|
paddingBottom: {
|
|
9
|
-
desktop: "var(--
|
|
10
|
-
tablet: "var(--
|
|
11
|
-
mobile: "var(--
|
|
9
|
+
desktop: "var(--v16_33_1xgjmkv3)",
|
|
10
|
+
tablet: "var(--v16_33_1xgjmkv4)",
|
|
11
|
+
mobile: "var(--v16_33_1xgjmkv5)"
|
|
12
12
|
},
|
|
13
13
|
paddingLeft: {
|
|
14
|
-
desktop: "var(--
|
|
15
|
-
tablet: "var(--
|
|
16
|
-
mobile: "var(--
|
|
14
|
+
desktop: "var(--v16_33_1xgjmkv6)",
|
|
15
|
+
tablet: "var(--v16_33_1xgjmkv7)",
|
|
16
|
+
mobile: "var(--v16_33_1xgjmkv8)"
|
|
17
17
|
},
|
|
18
18
|
paddingRight: {
|
|
19
|
-
desktop: "var(--
|
|
20
|
-
tablet: "var(--
|
|
21
|
-
mobile: "var(--
|
|
19
|
+
desktop: "var(--v16_33_1xgjmkv9)",
|
|
20
|
+
tablet: "var(--v16_33_1xgjmkva)",
|
|
21
|
+
mobile: "var(--v16_33_1xgjmkvb)"
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
export { _ as box, a as vars };
|
package/dist-es/box.js
CHANGED
|
@@ -50,27 +50,27 @@ function _object_spread_props(target, source) {
|
|
|
50
50
|
}
|
|
51
51
|
return target;
|
|
52
52
|
}
|
|
53
|
-
import { jsx as
|
|
54
|
-
import * as
|
|
53
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
54
|
+
import * as D from "react";
|
|
55
55
|
import S from "classnames";
|
|
56
56
|
import { box as q, vars as l } from "./box.css-mistica.js";
|
|
57
57
|
import { applyCssVars as w } from "./utils/css.js";
|
|
58
58
|
import { getPrefixedDataAttributes as B } from "./utils/dom.js";
|
|
59
|
-
const E = /*#__PURE__*/
|
|
59
|
+
const E = /*#__PURE__*/ D.forwardRef((param, n)=>{
|
|
60
60
|
let { className: p, children: x, as: y = "div", width: m, padding: c = 0, paddingX: f = c, paddingY: i = c, paddingTop: e = i, paddingBottom: o = i, paddingLeft: t = f, paddingRight: r = f, role: k, id: V, dataAttributes: j, "aria-label": u, "aria-hidden": $ } = param;
|
|
61
|
-
const
|
|
61
|
+
const N = typeof e == "object" ? e : {
|
|
62
62
|
mobile: e,
|
|
63
63
|
tablet: e,
|
|
64
64
|
desktop: e
|
|
65
|
-
},
|
|
65
|
+
}, P = typeof o == "object" ? o : {
|
|
66
66
|
mobile: o,
|
|
67
67
|
tablet: o,
|
|
68
68
|
desktop: o
|
|
69
|
-
},
|
|
69
|
+
}, z = typeof t == "object" ? t : {
|
|
70
70
|
mobile: t,
|
|
71
71
|
tablet: t,
|
|
72
72
|
desktop: t
|
|
73
|
-
},
|
|
73
|
+
}, A = typeof r == "object" ? r : {
|
|
74
74
|
mobile: r,
|
|
75
75
|
tablet: r,
|
|
76
76
|
desktop: r
|
|
@@ -82,13 +82,13 @@ const E = /*#__PURE__*/ N.forwardRef((param, n)=>{
|
|
|
82
82
|
[a.desktop]: `${b.desktop}px`
|
|
83
83
|
});
|
|
84
84
|
};
|
|
85
|
-
return /* @__PURE__ */
|
|
85
|
+
return /* @__PURE__ */ C(y, _object_spread_props(_object_spread({}, B(j)), {
|
|
86
86
|
role: k,
|
|
87
87
|
"aria-label": u,
|
|
88
88
|
"aria-hidden": $,
|
|
89
89
|
ref: n,
|
|
90
90
|
className: S(p, q),
|
|
91
|
-
style: _object_spread({}, s(l.paddingTop,
|
|
91
|
+
style: _object_spread({}, s(l.paddingTop, N), s(l.paddingBottom, P), s(l.paddingLeft, z), s(l.paddingRight, A), m !== void 0 ? {
|
|
92
92
|
width: m,
|
|
93
93
|
boxSizing: "border-box"
|
|
94
94
|
} : {}),
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./boxed.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = "
|
|
4
|
-
width: "var(--
|
|
5
|
-
height: "var(--
|
|
6
|
-
minHeight: "var(--
|
|
7
|
-
maxWidth: "var(--
|
|
8
|
-
minWidth: "var(--
|
|
3
|
+
var _ = "v16_33_1y2v1nfl9", h = "v16_33_ihbkeqm", e = "v16_33_ihbkeqp", r = "v16_33_1y2v1nfla", a = "v16_33_1y2v1nflu", b = {
|
|
4
|
+
width: "var(--v16_33_ihbkeq0)",
|
|
5
|
+
height: "var(--v16_33_ihbkeq1)",
|
|
6
|
+
minHeight: "var(--v16_33_ihbkeq2)",
|
|
7
|
+
maxWidth: "var(--v16_33_ihbkeq3)",
|
|
8
|
+
minWidth: "var(--v16_33_ihbkeq4)",
|
|
9
9
|
mobile: {
|
|
10
|
-
width: "var(--
|
|
11
|
-
height: "var(--
|
|
12
|
-
minHeight: "var(--
|
|
13
|
-
maxWidth: "var(--
|
|
14
|
-
minWidth: "var(--
|
|
10
|
+
width: "var(--v16_33_ihbkeq5)",
|
|
11
|
+
height: "var(--v16_33_ihbkeq6)",
|
|
12
|
+
minHeight: "var(--v16_33_ihbkeq7)",
|
|
13
|
+
maxWidth: "var(--v16_33_ihbkeq8)",
|
|
14
|
+
minWidth: "var(--v16_33_ihbkeq9)"
|
|
15
15
|
},
|
|
16
16
|
tablet: {
|
|
17
|
-
width: "var(--
|
|
18
|
-
height: "var(--
|
|
19
|
-
minHeight: "var(--
|
|
20
|
-
maxWidth: "var(--
|
|
21
|
-
minWidth: "var(--
|
|
17
|
+
width: "var(--v16_33_ihbkeqa)",
|
|
18
|
+
height: "var(--v16_33_ihbkeqb)",
|
|
19
|
+
minHeight: "var(--v16_33_ihbkeqc)",
|
|
20
|
+
maxWidth: "var(--v16_33_ihbkeqd)",
|
|
21
|
+
minWidth: "var(--v16_33_ihbkeqe)"
|
|
22
22
|
},
|
|
23
23
|
desktop: {
|
|
24
|
-
width: "var(--
|
|
25
|
-
height: "var(--
|
|
26
|
-
minHeight: "var(--
|
|
27
|
-
maxWidth: "var(--
|
|
28
|
-
minWidth: "var(--
|
|
24
|
+
width: "var(--v16_33_ihbkeqf)",
|
|
25
|
+
height: "var(--v16_33_ihbkeqg)",
|
|
26
|
+
minHeight: "var(--v16_33_ihbkeqh)",
|
|
27
|
+
maxWidth: "var(--v16_33_ihbkeqi)",
|
|
28
|
+
minWidth: "var(--v16_33_ihbkeqj)"
|
|
29
29
|
},
|
|
30
|
-
background: "var(--
|
|
31
|
-
borderRadius: "var(--
|
|
30
|
+
background: "var(--v16_33_ihbkeqk)",
|
|
31
|
+
borderRadius: "var(--v16_33_ihbkeql)"
|
|
32
32
|
};
|
|
33
33
|
export { _ as boxBorder, h as boxed, e as desktopOnly, r as noBorder, a as overflowHidden, b as vars };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./button-group.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var t = "
|
|
4
|
+
var t = "v16_33_1xdd1h69", d = "v16_33_1xdd1h67", r = "v16_33_1xdd1h68", i = "v16_33_1xdd1h64", a = "v16_33_1xdd1h62", e = "v16_33_1xdd1h63", h = "v16_33_1xdd1h65", o = "v16_33_1xdd1h66", x = "v16_33_1xdd1h61 v16_33_1y2v1nfit v16_33_1y2v1nfj7 v16_33_1y2v1nfix";
|
|
5
5
|
export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, i as centerInDesktop, a as centerInMobile, e as centerInTablet, h as container, o as containerWithSmallLink, x as inline };
|
package/dist-es/button-group.js
CHANGED
|
@@ -54,7 +54,7 @@ function _object_spread_props(target, source) {
|
|
|
54
54
|
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
55
55
|
import * as b from "react";
|
|
56
56
|
import p from "classnames";
|
|
57
|
-
import { getPrefixedDataAttributes as
|
|
57
|
+
import { getPrefixedDataAttributes as L } from "./utils/dom.js";
|
|
58
58
|
import { inline as d, containerWithSmallLink as v, container as S, centerInDesktop as x, centerInTablet as I, centerInMobile as C, buttonsWithSmallLink as G, buttons as R, buttonChild as n } from "./button-group.css-mistica.js";
|
|
59
59
|
import { smallLink as j } from "./button.css-mistica.js";
|
|
60
60
|
import { useIsomorphicLayoutEffect as A } from "./hooks.js";
|
|
@@ -66,7 +66,7 @@ const D = (param)=>{
|
|
|
66
66
|
(c = (a = r.current) == null ? void 0 : a.getElementsByClassName(j)) != null && c.length && h(!0);
|
|
67
67
|
}, []);
|
|
68
68
|
var _e_mobile, _e_tablet, _ref, _e_desktop;
|
|
69
|
-
const k = !!t || !!s || !!o,
|
|
69
|
+
const k = !!t || !!s || !!o, N = !!t && !!s, l = typeof e == "string" ? {
|
|
70
70
|
mobile: e,
|
|
71
71
|
tablet: e,
|
|
72
72
|
desktop: e
|
|
@@ -81,7 +81,7 @@ const D = (param)=>{
|
|
|
81
81
|
[I]: l.tablet === "center",
|
|
82
82
|
[C]: l.mobile === "center"
|
|
83
83
|
})
|
|
84
|
-
},
|
|
84
|
+
}, L(u, "ButtonGroup")), {
|
|
85
85
|
children: [
|
|
86
86
|
(t || s) && /* @__PURE__ */ f("div", {
|
|
87
87
|
className: p(d, m ? G : R),
|
|
@@ -100,7 +100,7 @@ const D = (param)=>{
|
|
|
100
100
|
ref: r,
|
|
101
101
|
className: n,
|
|
102
102
|
style: {
|
|
103
|
-
width:
|
|
103
|
+
width: N ? "100%" : "auto"
|
|
104
104
|
},
|
|
105
105
|
children: o
|
|
106
106
|
})
|
|
@@ -2,19 +2,19 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./button-layout.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
var y = {
|
|
5
|
-
right: "
|
|
6
|
-
left: "
|
|
7
|
-
center: "
|
|
8
|
-
"full-width": "
|
|
9
|
-
}, n = "
|
|
10
|
-
center: "
|
|
11
|
-
left: "
|
|
12
|
-
right: "
|
|
13
|
-
"full-width": "
|
|
5
|
+
right: "v16_33_kfxylh7 v16_33_1y2v1nfj2",
|
|
6
|
+
left: "v16_33_kfxylh8 v16_33_1y2v1nfj0",
|
|
7
|
+
center: "v16_33_kfxylh9 v16_33_1y2v1nfj1",
|
|
8
|
+
"full-width": "v16_33_kfxylha v16_33_1y2v1nfj1"
|
|
9
|
+
}, n = "v16_33_kfxylh1 v16_33_1y2v1nfis v16_33_1y2v1nfj7", l = "v16_33_kfxylh2", h = "v16_33_kfxylhd v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf", i = {
|
|
10
|
+
center: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf",
|
|
11
|
+
left: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhe",
|
|
12
|
+
right: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhf",
|
|
13
|
+
"full-width": "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhg"
|
|
14
14
|
}, k = {
|
|
15
|
-
center: "
|
|
16
|
-
left: "
|
|
17
|
-
right: "
|
|
18
|
-
"full-width": "
|
|
15
|
+
center: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf",
|
|
16
|
+
left: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhl",
|
|
17
|
+
right: "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhm",
|
|
18
|
+
"full-width": "v16_33_kfxylhc v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_kfxylhn"
|
|
19
19
|
};
|
|
20
20
|
export { y as alignVariant, n as container, l as containerWithTwoButtons, h as link, i as linkInNewLine, k as smallLinkInNewLine };
|
|
@@ -10,29 +10,29 @@ var n = "1.5px", f = {
|
|
|
10
10
|
default: "calc(12px - 1.5px)",
|
|
11
11
|
small: "calc(6px - 1.5px)"
|
|
12
12
|
}, i = {
|
|
13
|
-
primary: "
|
|
14
|
-
secondary: "
|
|
15
|
-
danger: "
|
|
16
|
-
link: "
|
|
17
|
-
linkDanger: "
|
|
18
|
-
linkDangerDark: "
|
|
13
|
+
primary: "v16_33_rrbrpnm v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2i v16_33_1y2v1nf59",
|
|
14
|
+
secondary: "v16_33_rrbrpnn v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2l v16_33_1y2v1nf8k",
|
|
15
|
+
danger: "v16_33_rrbrpno v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2i v16_33_1y2v1nf51",
|
|
16
|
+
link: "v16_33_rrbrpnp v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2p v16_33_1y2v1nf8k",
|
|
17
|
+
linkDanger: "v16_33_rrbrpnq v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2r v16_33_1y2v1nf8k",
|
|
18
|
+
linkDangerDark: "v16_33_rrbrpnr v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2r v16_33_1y2v1nf8k"
|
|
19
19
|
}, l = {
|
|
20
|
-
minWidth: "var(--
|
|
20
|
+
minWidth: "var(--v16_33_rrbrpn0)"
|
|
21
21
|
}, a = "2px", p = "8px", b = {
|
|
22
22
|
default: "1.500rem",
|
|
23
23
|
small: "1.250rem"
|
|
24
24
|
}, u = {
|
|
25
|
-
primary: "
|
|
26
|
-
secondary: "
|
|
27
|
-
danger: "
|
|
28
|
-
link: "
|
|
29
|
-
linkDanger: "
|
|
30
|
-
linkDangerDark: "
|
|
31
|
-
}, c = "
|
|
25
|
+
primary: "v16_33_rrbrpns v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2j v16_33_1y2v1nf5a",
|
|
26
|
+
secondary: "v16_33_rrbrpnt v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2n v16_33_1y2v1nf8k",
|
|
27
|
+
danger: "v16_33_rrbrpnu v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2i v16_33_1y2v1nf51",
|
|
28
|
+
link: "v16_33_rrbrpnv v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2q v16_33_1y2v1nf8k",
|
|
29
|
+
linkDanger: "v16_33_rrbrpnw v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2r v16_33_1y2v1nf55",
|
|
30
|
+
linkDangerDark: "v16_33_rrbrpnx v16_33_rrbrpn3 v16_33_1y2v1nf8l v16_33_1y2v1nf9u v16_33_1y2v1nfb3 v16_33_1y2v1nfcc v16_33_1y2v1nfiw v16_33_1y2v1nfim v16_33_1y2v1nfjg v16_33_1y2v1nfli v16_33_1y2v1nflu v16_33_1y2v1nf2r v16_33_1y2v1nf8k"
|
|
31
|
+
}, c = "v16_33_rrbrpn1", t = {
|
|
32
32
|
default: "40px",
|
|
33
33
|
small: "40px"
|
|
34
|
-
}, e = "
|
|
34
|
+
}, e = "v16_33_rrbrpn9 v16_33_1y2v1nfit v16_33_1y2v1nfin v16_33_1y2v1nfm0 v16_33_1y2v1nfn9 v16_33_1y2v1nfj1 v16_33_1y2v1nfj7", m = "v16_33_rrbrpn7 v16_33_1y2v1nfiu v16_33_1y2v1nfjx v16_33_1y2v1nflu", g = "v16_33_rrbrpn4", d = "v16_33_rrbrpn5", o = {
|
|
35
35
|
default: "1.250rem",
|
|
36
36
|
small: "1.000rem"
|
|
37
|
-
}, x = "
|
|
37
|
+
}, x = "v16_33_rrbrpnb v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfj1";
|
|
38
38
|
export { n as borderSize, f as buttonMinWidth, r as buttonPaddingX, y as buttonPaddingY, i as buttonVariants, l as buttonVars, a as chevronMarginLeft, p as iconMargin, b as iconSize, u as inverseButtonVariants, c as isLoading, t as linkMinWidth, e as loadingContent, m as loadingFiller, g as small, d as smallLink, o as spinnerSize, x as textContent };
|
|
@@ -2,9 +2,9 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./callout.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
var y = {
|
|
5
|
-
inverse: "
|
|
6
|
-
alternative: "
|
|
7
|
-
default: "
|
|
8
|
-
media: "
|
|
9
|
-
}, f = "
|
|
5
|
+
inverse: "v16_33_1y2v1nf4c",
|
|
6
|
+
alternative: "v16_33_1y2v1nf4c",
|
|
7
|
+
default: "v16_33_1y2v1nf4k",
|
|
8
|
+
media: "v16_33_1y2v1nf4c"
|
|
9
|
+
}, f = "v16_33_14g0jmy5 v16_33_1y2v1nfin v16_33_1y2v1nfmu", r = "v16_33_14g0jmy6", t = "v16_33_14g0jmy1 v16_33_1y2v1nf90 v16_33_1y2v1nfa9 v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nfis v16_33_1y2v1nflk v16_33_1y2v1nflu", e = "v16_33_14g0jmy3 v16_33_1y2v1nfje v16_33_1y2v1nfim";
|
|
10
10
|
export { y as background, f as closeButtonContainer, r as closeButtonContainerSize, t as container, e as content };
|
package/dist-es/callout.js
CHANGED
|
@@ -56,8 +56,8 @@ import c from "./stack.js";
|
|
|
56
56
|
import y from "./inline.js";
|
|
57
57
|
import A from "./box.js";
|
|
58
58
|
import { useTheme as C } from "./hooks.js";
|
|
59
|
-
import { useThemeVariant as
|
|
60
|
-
import { Text3 as
|
|
59
|
+
import { useThemeVariant as N, ThemeVariant as R } from "./theme-variant-context.js";
|
|
60
|
+
import { Text3 as j, Text2 as S } from "./text.js";
|
|
61
61
|
import L from "./generated/mistica-icons/icon-close-regular.js";
|
|
62
62
|
import { IconButton as V } from "./icon-button.js";
|
|
63
63
|
import k from "classnames";
|
|
@@ -70,7 +70,7 @@ import { applyCssVars as W } from "./utils/css.js";
|
|
|
70
70
|
import { closeButtonLabel as Y } from "./text-tokens.js";
|
|
71
71
|
const q = (param)=>{
|
|
72
72
|
let { title: r, titleAs: s = "h2", description: u, asset: i, onClose: a, closeButtonLabel: p, button: l, secondaryButton: m, buttonLink: n, "aria-label": f, dataAttributes: b, role: h } = param;
|
|
73
|
-
const x =
|
|
73
|
+
const x = N(), { texts: B, t: g } = C(), o = typeof r == "object", v = o && (r == null ? void 0 : r.as) || s, T = o ? r == null ? void 0 : r["aria-label"] : void 0, I = o ? r == null ? void 0 : r.text : r;
|
|
74
74
|
return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
|
|
75
75
|
className: k($, w[x]),
|
|
76
76
|
style: W({
|
|
@@ -79,7 +79,7 @@ const q = (param)=>{
|
|
|
79
79
|
"aria-label": f,
|
|
80
80
|
role: h
|
|
81
81
|
}, O(b, "Callout")), {
|
|
82
|
-
children: /* @__PURE__ */ t(
|
|
82
|
+
children: /* @__PURE__ */ t(R, {
|
|
83
83
|
isInverse: !1,
|
|
84
84
|
children: [
|
|
85
85
|
i && /* @__PURE__ */ e(A, {
|
|
@@ -103,7 +103,7 @@ const q = (param)=>{
|
|
|
103
103
|
/* @__PURE__ */ t(c, {
|
|
104
104
|
space: 4,
|
|
105
105
|
children: [
|
|
106
|
-
/* @__PURE__ */ e(
|
|
106
|
+
/* @__PURE__ */ e(j, {
|
|
107
107
|
as: v,
|
|
108
108
|
regular: !0,
|
|
109
109
|
dataAttributes: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./card.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var a = "
|
|
5
|
-
aspectRatio: "var(--
|
|
6
|
-
topActionsCount: "var(--
|
|
4
|
+
var a = "v16_33_15e54s91 v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfj8", y = "v16_33_15e54s96", r = "v16_33_15e54s912", e = "v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfj4 v16_33_1y2v1nfiy", f = "v16_33_15e54s99", i = "v16_33_15e54s9m v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nf96 v16_33_1y2v1nfaf v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfim v16_33_1y2v1nfiy v16_33_1y2v1nfjf", s = "v16_33_15e54s913", t = "v16_33_15e54s9v", d = "v16_33_1y2v1nfjf v16_33_1y2v1nfjw v16_33_1y2v1nfis v16_33_1y2v1nfim", o = "v16_33_15e54s9s", C = "v16_33_1y2v1nf90 v16_33_1y2v1nf98", c = "v16_33_1y2v1nf96", l = "v16_33_1y2v1nfbo v16_33_1y2v1nfcx v16_33_1y2v1nfaf", p = "v16_33_15e54s9y v16_33_1y2v1nf9c", j = "v16_33_1y2v1nfis v16_33_1y2v1nfiy", b = "v16_33_1y2v1nfis v16_33_1y2v1nfiy v16_33_1y2v1nfjw v16_33_1y2v1nfjf v16_33_1y2v1nfje", m = "v16_33_15e54s9i v16_33_1y2v1nfbi v16_33_1y2v1nfbq v16_33_1y2v1nf90 v16_33_1y2v1nf98", u = "v16_33_15e54s9g v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfim v16_33_1y2v1nf90 v16_33_1y2v1nfaf v16_33_1y2v1nfiy v16_33_1y2v1nfj4", h = "v16_33_15e54s9k v16_33_1y2v1nfis v16_33_1y2v1nfje v16_33_1y2v1nfim v16_33_1y2v1nfiy v16_33_1y2v1nfj4 v16_33_1y2v1nfcr", O = "v16_33_1y2v1nfbi v16_33_1y2v1nfbq v16_33_1y2v1nfcr v16_33_1y2v1nfcz v16_33_1y2v1nfaf", W = "v16_33_15e54s9o v16_33_1y2v1nf90 v16_33_1y2v1nfa9 v16_33_1y2v1nfbi v16_33_1y2v1nfcr v16_33_1y2v1nfis v16_33_1y2v1nfim v16_33_1y2v1nfjw v16_33_1y2v1nfiy v16_33_1y2v1nfj4 v16_33_1y2v1nfjf v16_33_1y2v1nfje", k = "v16_33_15e54s93 v16_33_1y2v1nfis v16_33_1y2v1nfim", x = "v16_33_15e54s9b v16_33_15e54s97", A = "v16_33_15e54s9c v16_33_15e54s97", M = "v16_33_15e54s9d v16_33_15e54s97", w = "v16_33_15e54s95", g = "v16_33_15e54s98 v16_33_15e54s97", q = "v16_33_15e54s9a v16_33_15e54s97", I = {
|
|
5
|
+
aspectRatio: "var(--v16_33_15e54s910)",
|
|
6
|
+
topActionsCount: "var(--v16_33_15e54s911)"
|
|
7
7
|
};
|
|
8
8
|
export { a as actions, y as boxed, r as cardContainer, e as cardContentContainer, f as circularMediaOverlay, i as dataCard, s as dataCardTopActionsWithoutIcon, t as displayCardBackground, d as displayCardContainer, o as displayCardContent, C as displayCardContentWithAsset, c as displayCardContentWithTopContent, l as displayCardContentWrapper, p as displayCardGradient, j as flexColumn, b as mediaCard, m as mediaCardAsset, u as mediaCardContent, h as nakedCardContent, O as posterCardContentWrapper, W as snapCard, k as touchable, x as touchableCardOverlay, A as touchableCardOverlayInverse, M as touchableCardOverlayMedia, w as touchableContainer, g as touchableMediaCardOverlay, q as touchableNakedMediaOverlay, I as vars };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
import "./grid-layout.css.ts.vanilla.css-mistica.js";
|
|
4
3
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var
|
|
6
|
-
itemsPerPageMobile: "var(--
|
|
7
|
-
itemsPerPageTablet: "var(--
|
|
8
|
-
itemsPerPageDesktop: "var(--
|
|
9
|
-
gap: "var(--
|
|
10
|
-
mobilePageOffset: "var(--
|
|
4
|
+
var l = 14, n = 12, e = 5, r = "v16_33_1abcu7j v16_33_1y2v1nflc v16_33_1y2v1nf5m", i = "v16_33_1abcu7j v16_33_1y2v1nflc v16_33_1y2v1nf5n", u = "v16_33_1abcu7j v16_33_1y2v1nflc v16_33_1y2v1nf6a", b = "v16_33_1abcu7s v16_33_1abcu7r", t = "v16_33_1abcu7b v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nf8k", c = "v16_33_1abcu7t v16_33_1abcu7r", o = "v16_33_1abcu7r", y = "v16_33_1abcu7u v16_33_1abcu7r", f = "v16_33_1abcu7m v16_33_1abcu7j v16_33_1y2v1nflc", s = "v16_33_1abcu7c v16_33_1abcu7b v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nf8k", C = "v16_33_1abcu7f v16_33_1abcu7b v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nf8k", m = "v16_33_1abcu7d v16_33_1abcu7b v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nf8k", k = "v16_33_1abcu7e v16_33_1abcu7b v16_33_1y2v1nf8r v16_33_1y2v1nfa0 v16_33_1y2v1nfb9 v16_33_1y2v1nfci v16_33_1y2v1nfiu v16_33_1y2v1nfla v16_33_1y2v1nf8k", L = "v16_33_1abcu7x", p = "v16_33_1abcu7w v16_33_1y2v1nfis v16_33_1y2v1nfj7 v16_33_1y2v1nfim v16_33_1y2v1nfk5", B = "v16_33_1abcu71d v16_33_1abcu711 v16_33_1y2v1nfis v16_33_1y2v1nfkc", S = "v16_33_1abcu71a v16_33_1y2v1nfkp", d = "v16_33_1abcu71j v16_33_1y2v1nfis v16_33_1y2v1nfj1", h = "v16_33_1y2v1nfis v16_33_1y2v1nfiy", g = "v16_33_1y2v1nfil v16_33_1y2v1nfkp v16_33_1y2v1nfim", j = "v16_33_1y2v1nf8u", I = "v16_33_1abcu715", P = "v16_33_1abcu718", w = "v16_33_1abcu716", V = "v16_33_1abcu717", T = "v16_33_1abcu71h", A = "v16_33_1abcu71b", E = "v16_33_1abcu71e", M = "v16_33_1abcu71f", z = "v16_33_1abcu71g", U = "v16_33_1abcu71k", D = "v16_33_1abcu71m", W = "v16_33_1abcu71l", x = "v16_33_1abcu7h v16_33_1y2v1nfin", F = "v16_33_1abcu71o v16_33_1abcu711 v16_33_1y2v1nfis v16_33_1y2v1nfkc", Z = "v16_33_1y2v1nfkr", q = "v16_33_1y2v1nfis v16_33_1y2v1nfj1 v16_33_1y2v1nf8l v16_33_1y2v1nfbc v16_33_1y2v1nfcl", G = "v16_33_1abcu7z v16_33_1y2v1nfim", O = "v16_33_1abcu71s v16_33_1y2v1nfin v16_33_1y2v1nfnd v16_33_1y2v1nfmf v16_33_1y2v1nfmu v16_33_1y2v1nfis v16_33_1y2v1nfjf v16_33_1y2v1nfk5", R = "v16_33_1y2v1nfj2", H = "v16_33_1abcu71q v16_33_1y2v1nfjf v16_33_1y2v1nfja", J = "v16_33_1abcu710", K = {
|
|
5
|
+
itemsPerPageMobile: "var(--v16_33_1abcu71)",
|
|
6
|
+
itemsPerPageTablet: "var(--v16_33_1abcu72)",
|
|
7
|
+
itemsPerPageDesktop: "var(--v16_33_1abcu73)",
|
|
8
|
+
gap: "var(--v16_33_1abcu74)",
|
|
9
|
+
mobilePageOffset: "var(--v16_33_1abcu75)",
|
|
10
|
+
mobileBulletLeftPosition: "var(--v16_33_1abcu76)",
|
|
11
|
+
desktopBulletLeftPosition: "var(--v16_33_1abcu77)"
|
|
11
12
|
};
|
|
12
|
-
export {
|
|
13
|
+
export { l as LARGE_BULLET_FULL_SIZE, n as SMALL_BULLET_FULL_SIZE, e as VISIBLE_BULLETS, r as bullet, i as bulletActive, u as bulletActiveInverse, b as bulletActiveSizing, t as bulletButton, c as bulletInactiveMediumSizing, o as bulletInactiveSizing, y as bulletInactiveSmallSizing, f as bulletInverse, s as bulletVisibility, C as bulletVisibilityDesktop, m as bulletVisibilityMobile, k as bulletVisibilityTablet, L as bulletsScrollableContainer, p as bulletsScrollableContainerBase, B as carousel, S as carouselAutoplayControlContainer, d as carouselBullets, h as carouselComponentContainer, g as carouselContainer, j as carouselControlsContainer, I as carouselControlsVisibility, P as carouselControlsVisibilityDesktop, w as carouselControlsVisibilityMobile, V as carouselControlsVisibilityTablet, T as carouselItem, A as carouselPagesControlsContainer, E as carouselWithScrollMobile, M as carouselWithScrollTablet, z as centeredCarousel, U as noCarouselBulletsDesktop, D as noCarouselBulletsMobile, W as noCarouselBulletsTablet, x as scrollableBullet, F as slideshow, Z as slideshowAutoplayControlContainer, q as slideshowBulletsContainer, G as slideshowContainer, O as slideshowControlsContainer, R as slideshowControlsContainerSingleItem, H as slideshowItem, J as slideshowWithBullets, K as vars };
|