@telefonica/mistica 16.38.0 → 16.39.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 +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +39 -29
- package/dist/button.css.d.ts +2 -0
- package/dist/button.js +44 -44
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +7 -7
- 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/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/cover-hero.css-mistica.js +3 -3
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/divider.css-mistica.js +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.d.ts +2 -1
- package/dist/fixed-footer-layout.js +25 -24
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +42 -42
- 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/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-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +12 -12
- package/dist/mosaic.css-mistica.js +1 -1
- 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/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +4 -4
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +390 -390
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +10 -10
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +26 -26
- package/dist/tab-focus.js +16 -14
- package/dist/table.css-mistica.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-components.css-mistica.js +18 -15
- package/dist/text-field-components.css.d.ts +1 -0
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.css-mistica.js +7 -7
- package/dist/theme-context.css-mistica.js +1 -1
- 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/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +13 -13
- package/dist-es/button.css-mistica.js +27 -20
- package/dist-es/button.js +58 -58
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +7 -7
- 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/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/cover-hero.css-mistica.js +3 -3
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/divider.css-mistica.js +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/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 +49 -48
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +42 -42
- 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/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/mosaic.css-mistica.js +1 -1
- 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/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.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-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +390 -390
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +10 -10
- 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 +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +26 -26
- package/dist-es/tab-focus.js +18 -16
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/tabs.css-mistica.js +12 -12
- package/dist-es/tag.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 +4 -4
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/theme-context.css-mistica.js +1 -1
- package/dist-es/timeline.css-mistica.js +10 -10
- 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/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import "./box.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var _ = "
|
|
2
|
+
var _ = "v16_39_1xgjmkvc", a = {
|
|
3
3
|
paddingTop: {
|
|
4
|
-
desktop: "var(--
|
|
5
|
-
tablet: "var(--
|
|
6
|
-
mobile: "var(--
|
|
4
|
+
desktop: "var(--v16_39_1xgjmkv0)",
|
|
5
|
+
tablet: "var(--v16_39_1xgjmkv1)",
|
|
6
|
+
mobile: "var(--v16_39_1xgjmkv2)"
|
|
7
7
|
},
|
|
8
8
|
paddingBottom: {
|
|
9
|
-
desktop: "var(--
|
|
10
|
-
tablet: "var(--
|
|
11
|
-
mobile: "var(--
|
|
9
|
+
desktop: "var(--v16_39_1xgjmkv3)",
|
|
10
|
+
tablet: "var(--v16_39_1xgjmkv4)",
|
|
11
|
+
mobile: "var(--v16_39_1xgjmkv5)"
|
|
12
12
|
},
|
|
13
13
|
paddingLeft: {
|
|
14
|
-
desktop: "var(--
|
|
15
|
-
tablet: "var(--
|
|
16
|
-
mobile: "var(--
|
|
14
|
+
desktop: "var(--v16_39_1xgjmkv6)",
|
|
15
|
+
tablet: "var(--v16_39_1xgjmkv7)",
|
|
16
|
+
mobile: "var(--v16_39_1xgjmkv8)"
|
|
17
17
|
},
|
|
18
18
|
paddingRight: {
|
|
19
|
-
desktop: "var(--
|
|
20
|
-
tablet: "var(--
|
|
21
|
-
mobile: "var(--
|
|
19
|
+
desktop: "var(--v16_39_1xgjmkv9)",
|
|
20
|
+
tablet: "var(--v16_39_1xgjmkva)",
|
|
21
|
+
mobile: "var(--v16_39_1xgjmkvb)"
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
export { _ as box, a as vars };
|
|
@@ -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_39_1y2v1nfm9", h = "v16_39_ihbkeqm", e = "v16_39_ihbkeqp", r = "v16_39_1y2v1nfma", a = "v16_39_1y2v1nfmu", b = {
|
|
4
|
+
width: "var(--v16_39_ihbkeq0)",
|
|
5
|
+
height: "var(--v16_39_ihbkeq1)",
|
|
6
|
+
minHeight: "var(--v16_39_ihbkeq2)",
|
|
7
|
+
maxWidth: "var(--v16_39_ihbkeq3)",
|
|
8
|
+
minWidth: "var(--v16_39_ihbkeq4)",
|
|
9
9
|
mobile: {
|
|
10
|
-
width: "var(--
|
|
11
|
-
height: "var(--
|
|
12
|
-
minHeight: "var(--
|
|
13
|
-
maxWidth: "var(--
|
|
14
|
-
minWidth: "var(--
|
|
10
|
+
width: "var(--v16_39_ihbkeq5)",
|
|
11
|
+
height: "var(--v16_39_ihbkeq6)",
|
|
12
|
+
minHeight: "var(--v16_39_ihbkeq7)",
|
|
13
|
+
maxWidth: "var(--v16_39_ihbkeq8)",
|
|
14
|
+
minWidth: "var(--v16_39_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_39_ihbkeqa)",
|
|
18
|
+
height: "var(--v16_39_ihbkeqb)",
|
|
19
|
+
minHeight: "var(--v16_39_ihbkeqc)",
|
|
20
|
+
maxWidth: "var(--v16_39_ihbkeqd)",
|
|
21
|
+
minWidth: "var(--v16_39_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_39_ihbkeqf)",
|
|
25
|
+
height: "var(--v16_39_ihbkeqg)",
|
|
26
|
+
minHeight: "var(--v16_39_ihbkeqh)",
|
|
27
|
+
maxWidth: "var(--v16_39_ihbkeqi)",
|
|
28
|
+
minWidth: "var(--v16_39_ihbkeqj)"
|
|
29
29
|
},
|
|
30
|
-
background: "var(--
|
|
31
|
-
borderRadius: "var(--
|
|
30
|
+
background: "var(--v16_39_ihbkeqk)",
|
|
31
|
+
borderRadius: "var(--v16_39_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_39_1xdd1h69", d = "v16_39_1xdd1h67", r = "v16_39_1xdd1h68", a = "v16_39_1xdd1h64", e = "v16_39_1xdd1h62", i = "v16_39_1xdd1h63", h = "v16_39_1xdd1h65", o = "v16_39_1xdd1h66", x = "v16_39_1xdd1h61 v16_39_1y2v1nfjt v16_39_1y2v1nfk7 v16_39_1y2v1nfjx";
|
|
5
5
|
export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, a as centerInDesktop, e as centerInMobile, i as centerInTablet, h as container, o as containerWithSmallLink, x as inline };
|
|
@@ -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_39_kfxylh7 v16_39_1y2v1nfk2",
|
|
6
|
+
left: "v16_39_kfxylh8 v16_39_1y2v1nfk0",
|
|
7
|
+
center: "v16_39_kfxylh9 v16_39_1y2v1nfk1",
|
|
8
|
+
"full-width": "v16_39_kfxylha v16_39_1y2v1nfk1"
|
|
9
|
+
}, n = "v16_39_kfxylh1 v16_39_1y2v1nfjs v16_39_1y2v1nfk7", k = "v16_39_kfxylh2", l = "v16_39_kfxylhd v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf", h = {
|
|
10
|
+
center: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf",
|
|
11
|
+
left: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhe",
|
|
12
|
+
right: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhf",
|
|
13
|
+
"full-width": "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhg"
|
|
14
14
|
}, x = {
|
|
15
|
-
center: "
|
|
16
|
-
left: "
|
|
17
|
-
right: "
|
|
18
|
-
"full-width": "
|
|
15
|
+
center: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf",
|
|
16
|
+
left: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhl",
|
|
17
|
+
right: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhm",
|
|
18
|
+
"full-width": "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhn"
|
|
19
19
|
};
|
|
20
20
|
export { y as alignVariant, n as container, k as containerWithTwoButtons, l as link, h as linkInNewLine, x as smallLinkInNewLine };
|
|
@@ -1,38 +1,45 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./button.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "1.5px",
|
|
3
|
+
var n = "1.5px", y = {
|
|
4
4
|
default: "104px",
|
|
5
5
|
small: "80px"
|
|
6
|
-
},
|
|
6
|
+
}, f = {
|
|
7
7
|
default: "calc(16px - 1.5px)",
|
|
8
8
|
small: "calc(12px - 1.5px)"
|
|
9
9
|
}, r = {
|
|
10
10
|
default: "calc(12px - 1.5px)",
|
|
11
11
|
small: "calc(6px - 1.5px)"
|
|
12
12
|
}, a = {
|
|
13
|
-
primary: "
|
|
14
|
-
secondary: "
|
|
15
|
-
danger: "
|
|
16
|
-
link: "
|
|
17
|
-
linkDanger: "
|
|
18
|
-
linkDangerDark: "
|
|
13
|
+
primary: "v16_39_rrbrpnq v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5u",
|
|
14
|
+
secondary: "v16_39_rrbrpnr v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2y v16_39_1y2v1nf9k",
|
|
15
|
+
danger: "v16_39_rrbrpns v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
|
|
16
|
+
link: "v16_39_rrbrpnt v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf34 v16_39_1y2v1nf9k",
|
|
17
|
+
linkDanger: "v16_39_rrbrpnu v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k",
|
|
18
|
+
linkDangerDark: "v16_39_rrbrpnv v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k"
|
|
19
19
|
}, m = {
|
|
20
|
-
minWidth: "var(--
|
|
21
|
-
}, p = "2px",
|
|
20
|
+
minWidth: "var(--v16_39_rrbrpn0)"
|
|
21
|
+
}, p = "2px", i = "8px", l = {
|
|
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
|
-
}, b = "
|
|
25
|
+
primary: "v16_39_rrbrpnw v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2u v16_39_1y2v1nf5w",
|
|
26
|
+
secondary: "v16_39_rrbrpnx v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2z v16_39_1y2v1nf9k",
|
|
27
|
+
danger: "v16_39_rrbrpny v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
|
|
28
|
+
link: "v16_39_rrbrpnz v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf37 v16_39_1y2v1nf9k",
|
|
29
|
+
linkDanger: "v16_39_rrbrpn10 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf5p",
|
|
30
|
+
linkDangerDark: "v16_39_rrbrpn11 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k"
|
|
31
|
+
}, b = "v16_39_rrbrpn1", c = {
|
|
32
32
|
default: "40px",
|
|
33
33
|
small: "40px"
|
|
34
|
-
},
|
|
34
|
+
}, k = "v16_39_rrbrpn9 v16_39_1y2v1nfjt v16_39_1y2v1nfjn v16_39_1y2v1nfn0 v16_39_1y2v1nfo9 v16_39_1y2v1nfk1 v16_39_1y2v1nfk7", j = "v16_39_rrbrpn7 v16_39_1y2v1nfju v16_39_1y2v1nfkx v16_39_1y2v1nfmu", d = {
|
|
35
|
+
primary: "v16_39_rrbrpn12 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2w v16_39_1y2v1nf5z",
|
|
36
|
+
secondary: "v16_39_rrbrpn13 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf31 v16_39_1y2v1nf9k",
|
|
37
|
+
danger: "v16_39_rrbrpn14 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
|
|
38
|
+
link: "v16_39_rrbrpn15 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf38 v16_39_1y2v1nf9k",
|
|
39
|
+
linkDanger: "v16_39_rrbrpn16 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf36 v16_39_1y2v1nf5r",
|
|
40
|
+
linkDangerDark: "v16_39_rrbrpn17 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf36 v16_39_1y2v1nf5r"
|
|
41
|
+
}, t = "v16_39_rrbrpn4", e = "v16_39_rrbrpn5", g = {
|
|
35
42
|
default: "1.250rem",
|
|
36
43
|
small: "1.000rem"
|
|
37
|
-
},
|
|
38
|
-
export { n as borderSize,
|
|
44
|
+
}, o = "v16_39_rrbrpnb v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1";
|
|
45
|
+
export { n as borderSize, y as buttonMinWidth, f as buttonPaddingX, r as buttonPaddingY, a as buttonVariants, m as buttonVars, p as chevronMarginLeft, i as iconMargin, l as iconSize, u as inverseButtonVariants, b as isLoading, c as linkMinWidth, k as loadingContent, j as loadingFiller, d as mediaButtonVariants, t as small, e as smallLink, g as spinnerSize, o as textContent };
|
package/dist-es/button.js
CHANGED
|
@@ -80,23 +80,23 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
}
|
|
81
81
|
import { jsx as e, jsxs as T, Fragment as W } from "react/jsx-runtime";
|
|
82
82
|
import * as r from "react";
|
|
83
|
-
import
|
|
83
|
+
import N from "classnames";
|
|
84
84
|
import F from "./spinner.js";
|
|
85
85
|
import { BaseTouchable as L } from "./touchable.js";
|
|
86
|
-
import {
|
|
86
|
+
import { useThemeVariant as M } from "./theme-variant-context.js";
|
|
87
87
|
import { useForm as j } from "./form-context.js";
|
|
88
88
|
import { applyCssVars as Y, pxToRem as Z } from "./utils/css.js";
|
|
89
89
|
import { Text as H, Text3 as K } from "./text.js";
|
|
90
90
|
import X from "./box.js";
|
|
91
91
|
import { getTextFromChildren as D } from "./utils/common.js";
|
|
92
92
|
import { useTrackingConfig as q, eventNames as G, eventCategories as J, eventActions as V } from "./utils/analytics.js";
|
|
93
|
-
import { useTheme as
|
|
93
|
+
import { useTheme as P } from "./hooks.js";
|
|
94
94
|
import { flattenChildren as Q } from "./skins/utils.js";
|
|
95
|
-
import { linkMinWidth as U, buttonMinWidth as p,
|
|
96
|
-
import { VIVO_NEW_SKIN as
|
|
97
|
-
const
|
|
95
|
+
import { linkMinWidth as U, buttonMinWidth as p, mediaButtonVariants as tt, inverseButtonVariants as et, buttonVariants as nt, small as it, isLoading as at, buttonVars as rt, borderSize as B, buttonPaddingX as y, buttonPaddingY as w, smallLink as _, textContent as ot, iconMargin as C, chevronMarginLeft as lt, loadingFiller as st, loadingContent as dt, iconSize as z, spinnerSize as A } from "./button.css-mistica.js";
|
|
96
|
+
import { VIVO_NEW_SKIN as ct } from "./skins/constants.js";
|
|
97
|
+
const ut = (param)=>{
|
|
98
98
|
let { element: t, small: i } = param;
|
|
99
|
-
const { textPresets: n } =
|
|
99
|
+
const { textPresets: n } = P();
|
|
100
100
|
return i ? /* @__PURE__ */ e(H, {
|
|
101
101
|
size: 14,
|
|
102
102
|
lineHeight: 20,
|
|
@@ -114,37 +114,37 @@ const ct = (param)=>{
|
|
|
114
114
|
});
|
|
115
115
|
}, $ = (param)=>{
|
|
116
116
|
let { small: t, content: i, defaultIconSize: n } = param;
|
|
117
|
-
const a = Q(i), g = a.length,
|
|
117
|
+
const a = Q(i), g = a.length, o = [];
|
|
118
118
|
let d = [];
|
|
119
119
|
const m = ()=>{
|
|
120
|
-
|
|
121
|
-
children: /* @__PURE__ */ e(
|
|
120
|
+
o.push(/* @__PURE__ */ e(r.Fragment, {
|
|
121
|
+
children: /* @__PURE__ */ e(ut, {
|
|
122
122
|
element: d,
|
|
123
123
|
small: t
|
|
124
124
|
})
|
|
125
|
-
},
|
|
125
|
+
}, o.length)), d = [];
|
|
126
126
|
};
|
|
127
|
-
return a.forEach((
|
|
127
|
+
return a.forEach((l, c)=>{
|
|
128
128
|
const u = c === 0, f = c === g - 1;
|
|
129
|
-
if (/*#__PURE__*/ r.isValidElement(
|
|
129
|
+
if (/*#__PURE__*/ r.isValidElement(l)) {
|
|
130
130
|
d.length && m();
|
|
131
|
-
const
|
|
132
|
-
|
|
131
|
+
const x = l.props.size !== void 0 ? Z(l.props.size) : n;
|
|
132
|
+
o.push(/* @__PURE__ */ e("div", {
|
|
133
133
|
style: {
|
|
134
134
|
display: "flex",
|
|
135
135
|
alignItems: "center",
|
|
136
136
|
marginLeft: u ? 0 : C,
|
|
137
137
|
marginRight: f ? 0 : C
|
|
138
138
|
},
|
|
139
|
-
children: /*#__PURE__*/ r.cloneElement(
|
|
140
|
-
size:
|
|
139
|
+
children: /*#__PURE__*/ r.cloneElement(l, {
|
|
140
|
+
size: x
|
|
141
141
|
})
|
|
142
|
-
},
|
|
143
|
-
} else d.push(
|
|
144
|
-
}),
|
|
145
|
-
},
|
|
146
|
-
const { skinName: t } =
|
|
147
|
-
return t ===
|
|
142
|
+
}, o.length));
|
|
143
|
+
} else d.push(l), f && m();
|
|
144
|
+
}), o;
|
|
145
|
+
}, mt = ()=>{
|
|
146
|
+
const { skinName: t } = P();
|
|
147
|
+
return t === ct ? /* @__PURE__ */ e("svg", {
|
|
148
148
|
width: "0.5em",
|
|
149
149
|
height: "0.5em",
|
|
150
150
|
viewBox: "0 0 8 8",
|
|
@@ -162,8 +162,8 @@ const ct = (param)=>{
|
|
|
162
162
|
fill: "currentColor"
|
|
163
163
|
})
|
|
164
164
|
});
|
|
165
|
-
},
|
|
166
|
-
let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner:
|
|
165
|
+
}, ft = (param)=>{
|
|
166
|
+
let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: o, StartIcon: d, EndIcon: m, withChevron: l } = param;
|
|
167
167
|
const c = n ? z.small : z.default, u = n ? A.small : A.default, f = $({
|
|
168
168
|
small: n,
|
|
169
169
|
content: i,
|
|
@@ -177,7 +177,7 @@ const ct = (param)=>{
|
|
|
177
177
|
children: [
|
|
178
178
|
/* @__PURE__ */ T("div", {
|
|
179
179
|
"aria-hidden": t ? !0 : void 0,
|
|
180
|
-
className:
|
|
180
|
+
className: ot,
|
|
181
181
|
children: [
|
|
182
182
|
d && /* @__PURE__ */ e("div", {
|
|
183
183
|
style: {
|
|
@@ -198,17 +198,17 @@ const ct = (param)=>{
|
|
|
198
198
|
},
|
|
199
199
|
children: [
|
|
200
200
|
f,
|
|
201
|
-
|
|
201
|
+
l && /* @__PURE__ */ e("div", {
|
|
202
202
|
style: {
|
|
203
203
|
display: "flex",
|
|
204
204
|
alignItems: "center",
|
|
205
|
-
marginLeft:
|
|
205
|
+
marginLeft: lt
|
|
206
206
|
},
|
|
207
|
-
children: /* @__PURE__ */ e(
|
|
207
|
+
children: /* @__PURE__ */ e(mt, {})
|
|
208
208
|
})
|
|
209
209
|
]
|
|
210
210
|
}),
|
|
211
|
-
m && !
|
|
211
|
+
m && !l && /* @__PURE__ */ e("div", {
|
|
212
212
|
style: {
|
|
213
213
|
display: "flex",
|
|
214
214
|
alignItems: "center",
|
|
@@ -223,7 +223,7 @@ const ct = (param)=>{
|
|
|
223
223
|
]
|
|
224
224
|
}),
|
|
225
225
|
/* @__PURE__ */ e("div", {
|
|
226
|
-
className:
|
|
226
|
+
className: st,
|
|
227
227
|
"aria-hidden": !0,
|
|
228
228
|
style: a ? {
|
|
229
229
|
paddingLeft: u,
|
|
@@ -233,9 +233,9 @@ const ct = (param)=>{
|
|
|
233
233
|
}),
|
|
234
234
|
/* @__PURE__ */ T("div", {
|
|
235
235
|
"aria-hidden": t ? void 0 : !0,
|
|
236
|
-
className:
|
|
236
|
+
className: dt,
|
|
237
237
|
onTransitionEnd: ()=>{
|
|
238
|
-
t !== g &&
|
|
238
|
+
t !== g && o(t);
|
|
239
239
|
},
|
|
240
240
|
children: [
|
|
241
241
|
g ? /* @__PURE__ */ e(F, {
|
|
@@ -263,16 +263,16 @@ const ct = (param)=>{
|
|
|
263
263
|
});
|
|
264
264
|
}, k = /*#__PURE__*/ r.forwardRef((t, i)=>{
|
|
265
265
|
var _t_withChevron;
|
|
266
|
-
const { eventFormat: n } = q(), { formStatus: a, formId: g } = j(),
|
|
266
|
+
const { eventFormat: n } = q(), { formStatus: a, formId: g } = j(), o = M(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = P(), [u, f] = r.useState(!1), s = t.showSpinner || l && m || u, x = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [E, R] = r.useState(!!s);
|
|
267
267
|
r.useEffect(()=>{
|
|
268
|
-
s && !
|
|
268
|
+
s && !E && R(!0);
|
|
269
269
|
}, [
|
|
270
270
|
s,
|
|
271
|
-
|
|
271
|
+
E,
|
|
272
272
|
a
|
|
273
273
|
]);
|
|
274
274
|
var _t_trackingEvent;
|
|
275
|
-
const
|
|
275
|
+
const O = ()=>{
|
|
276
276
|
let b, h;
|
|
277
277
|
switch(t.buttonType){
|
|
278
278
|
case "link":
|
|
@@ -294,14 +294,14 @@ const ct = (param)=>{
|
|
|
294
294
|
action: h,
|
|
295
295
|
label: D(t.children)
|
|
296
296
|
};
|
|
297
|
-
},
|
|
297
|
+
}, S = t.buttonType.startsWith("link") ? U : p, I = t.buttonType === "linkDanger" && c && o === "inverse" ? "linkDangerDark" : t.buttonType, v = {
|
|
298
298
|
ref: i,
|
|
299
|
-
className:
|
|
300
|
-
[
|
|
301
|
-
[
|
|
299
|
+
className: N(o === "media" ? tt[I] : o === "inverse" ? et[I] : nt[I], t.className, {
|
|
300
|
+
[it]: t.small,
|
|
301
|
+
[at]: s
|
|
302
302
|
}),
|
|
303
303
|
style: _object_spread(_object_spread_props(_object_spread({}, Y({
|
|
304
|
-
[
|
|
304
|
+
[rt.minWidth]: t.small ? S.small : S.default
|
|
305
305
|
}), t.bleedLeft ? {
|
|
306
306
|
marginLeft: `calc(-1 * (${B} + ${t.small ? y.small : y.default}))`
|
|
307
307
|
} : void 0, t.bleedRight ? {
|
|
@@ -312,7 +312,7 @@ const ct = (param)=>{
|
|
|
312
312
|
} : void 0), {
|
|
313
313
|
cursor: t.fake ? "pointer" : void 0
|
|
314
314
|
}), t.style),
|
|
315
|
-
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ?
|
|
315
|
+
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? O() : void 0,
|
|
316
316
|
dataAttributes: t.dataAttributes,
|
|
317
317
|
"aria-label": t["aria-label"],
|
|
318
318
|
"aria-labelledby": t["aria-labelledby"],
|
|
@@ -323,18 +323,18 @@ const ct = (param)=>{
|
|
|
323
323
|
"aria-description": t["aria-description"],
|
|
324
324
|
"aria-describedby": t["aria-describedby"],
|
|
325
325
|
tabIndex: t.tabIndex,
|
|
326
|
-
children:
|
|
326
|
+
children: ft({
|
|
327
327
|
showSpinner: s,
|
|
328
|
-
shouldRenderSpinner:
|
|
329
|
-
setShouldRenderSpinner:
|
|
328
|
+
shouldRenderSpinner: E,
|
|
329
|
+
setShouldRenderSpinner: R,
|
|
330
330
|
children: t.children,
|
|
331
331
|
loadingText: d,
|
|
332
332
|
small: t.small,
|
|
333
333
|
StartIcon: t.StartIcon,
|
|
334
334
|
EndIcon: t.EndIcon,
|
|
335
|
-
withChevron:
|
|
335
|
+
withChevron: x
|
|
336
336
|
}),
|
|
337
|
-
disabled: t.disabled || s ||
|
|
337
|
+
disabled: t.disabled || s || l,
|
|
338
338
|
role: t.role
|
|
339
339
|
};
|
|
340
340
|
if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
|
|
@@ -366,7 +366,7 @@ const ct = (param)=>{
|
|
|
366
366
|
}));
|
|
367
367
|
if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
|
|
368
368
|
return null;
|
|
369
|
-
}),
|
|
369
|
+
}), Pt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
|
|
370
370
|
var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
|
|
371
371
|
"dataAttributes",
|
|
372
372
|
"className"
|
|
@@ -376,14 +376,14 @@ const ct = (param)=>{
|
|
|
376
376
|
"component-name": "ButtonLink",
|
|
377
377
|
testid: "ButtonLink"
|
|
378
378
|
}, t),
|
|
379
|
-
className:
|
|
380
|
-
[
|
|
379
|
+
className: N(i, {
|
|
380
|
+
[_]: n.small
|
|
381
381
|
})
|
|
382
382
|
}, n), {
|
|
383
383
|
ref: a,
|
|
384
384
|
buttonType: "link"
|
|
385
385
|
}));
|
|
386
|
-
}),
|
|
386
|
+
}), Rt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
|
|
387
387
|
var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
|
|
388
388
|
"dataAttributes",
|
|
389
389
|
"className"
|
|
@@ -393,15 +393,15 @@ const ct = (param)=>{
|
|
|
393
393
|
"component-name": "ButtonLinkDanger",
|
|
394
394
|
testid: "ButtonLinkDanger"
|
|
395
395
|
}, t),
|
|
396
|
-
className:
|
|
397
|
-
[
|
|
396
|
+
className: N(i, {
|
|
397
|
+
[_]: n.small
|
|
398
398
|
})
|
|
399
399
|
}, n), {
|
|
400
400
|
withChevron: !1,
|
|
401
401
|
ref: a,
|
|
402
402
|
buttonType: "linkDanger"
|
|
403
403
|
}));
|
|
404
|
-
}),
|
|
404
|
+
}), St = /*#__PURE__*/ r.forwardRef((_param, n)=>{
|
|
405
405
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
406
406
|
"dataAttributes"
|
|
407
407
|
]);
|
|
@@ -414,7 +414,7 @@ const ct = (param)=>{
|
|
|
414
414
|
ref: n,
|
|
415
415
|
buttonType: "primary"
|
|
416
416
|
}));
|
|
417
|
-
}),
|
|
417
|
+
}), Dt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
|
|
418
418
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
419
419
|
"dataAttributes"
|
|
420
420
|
]);
|
|
@@ -427,7 +427,7 @@ const ct = (param)=>{
|
|
|
427
427
|
ref: n,
|
|
428
428
|
buttonType: "secondary"
|
|
429
429
|
}));
|
|
430
|
-
}),
|
|
430
|
+
}), Vt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
|
|
431
431
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
432
432
|
"dataAttributes"
|
|
433
433
|
]);
|
|
@@ -441,4 +441,4 @@ const ct = (param)=>{
|
|
|
441
441
|
buttonType: "danger"
|
|
442
442
|
}));
|
|
443
443
|
});
|
|
444
|
-
export {
|
|
444
|
+
export { Vt as ButtonDanger, Pt as ButtonLink, Rt as ButtonLinkDanger, St as ButtonPrimary, Dt as ButtonSecondary };
|
|
@@ -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_39_1y2v1nf4u",
|
|
6
|
+
alternative: "v16_39_1y2v1nf4u",
|
|
7
|
+
default: "v16_39_1y2v1nf52",
|
|
8
|
+
media: "v16_39_1y2v1nf4u"
|
|
9
|
+
}, f = "v16_39_14g0jmy5 v16_39_1y2v1nfjn v16_39_1y2v1nfnu", r = "v16_39_14g0jmy6", t = "v16_39_14g0jmy1 v16_39_1y2v1nfa0 v16_39_1y2v1nfb9 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjs v16_39_1y2v1nfmk v16_39_1y2v1nfmu", e = "v16_39_14g0jmy3 v16_39_1y2v1nfke v16_39_1y2v1nfjm";
|
|
10
10
|
export { y as background, f as closeButtonContainer, r as closeButtonContainerSize, t as container, e as content };
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./card-internal.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var n = {
|
|
4
|
-
display: "
|
|
5
|
-
default: "
|
|
6
|
-
snap: "
|
|
7
|
-
}, a = "
|
|
8
|
-
display: "
|
|
9
|
-
default: "
|
|
10
|
-
snap: "
|
|
4
|
+
display: "v16_39_1y2v1nfa6",
|
|
5
|
+
default: "v16_39_1499nmdj v16_39_1y2v1nfa0",
|
|
6
|
+
snap: "v16_39_1y2v1nfa0"
|
|
7
|
+
}, a = "v16_39_1499nmd15 v16_39_1y2v1nfkf v16_39_1y2v1nfkw v16_39_1y2v1nfjn v16_39_1y2v1nfoo", f = "v16_39_1499nmdr", y = "v16_39_1499nmd2 v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjx", d = {
|
|
8
|
+
display: "v16_39_1y2v1nfbi",
|
|
9
|
+
default: "v16_39_1499nmdp v16_39_1y2v1nfbf",
|
|
10
|
+
snap: "v16_39_1499nmdq v16_39_1y2v1nfb9"
|
|
11
11
|
}, r = {
|
|
12
|
-
display: "
|
|
13
|
-
default: "
|
|
14
|
-
snap: "
|
|
12
|
+
display: "v16_39_1y2v1nfa6",
|
|
13
|
+
default: "v16_39_1499nmdd v16_39_1y2v1nfa0",
|
|
14
|
+
snap: "v16_39_1499nmde v16_39_1y2v1nfa0"
|
|
15
15
|
}, t = {
|
|
16
|
-
display: "
|
|
17
|
-
default: "
|
|
18
|
-
snap: "
|
|
19
|
-
}, o = "
|
|
20
|
-
aspectRatio: "var(--
|
|
16
|
+
display: "v16_39_1y2v1nfco v16_39_1y2v1nfdx",
|
|
17
|
+
default: "v16_39_1499nmd7 v16_39_1y2v1nfci v16_39_1y2v1nfdr",
|
|
18
|
+
snap: "v16_39_1499nmd8 v16_39_1y2v1nfci v16_39_1y2v1nfdr"
|
|
19
|
+
}, o = "v16_39_1499nmdz v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjx v16_39_1y2v1nfk4", e = "v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfkw v16_39_1y2v1nfkf", i = "v16_39_1499nmd13 v16_39_1y2v1nfjn v16_39_1y2v1nfn5 v16_39_1y2v1nfnz v16_39_1y2v1nfjs v16_39_1y2v1nfjx", m = "v16_39_1499nmdt v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfjm v16_39_1y2v1nfma v16_39_1y2v1nf9k v16_39_1y2v1nfkf v16_39_1y2v1nfkw", s = "v16_39_1499nmdw v16_39_1499nmdv", c = "v16_39_1499nmdx v16_39_1499nmdv", j = "v16_39_1499nmdu", l = {
|
|
20
|
+
aspectRatio: "var(--v16_39_1499nmd0)"
|
|
21
21
|
};
|
|
22
22
|
export { n as actionsContainerVariants, a as backgroundImageOrVideoContainer, f as boxed, y as container, d as containerPaddingBottomVariants, r as containerPaddingTopVariants, t as containerPaddingXVariants, o as contentContainer, e as textContent, i as topActionsContainer, m as touchable, s as touchableCardOverlay, c as touchableCardOverlayInverse, j as touchableContainer, l as vars };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var n = 14, l = 12, e = 5, r = "
|
|
5
|
-
itemsPerPageMobile: "var(--
|
|
6
|
-
itemsPerPageTablet: "var(--
|
|
7
|
-
itemsPerPageDesktop: "var(--
|
|
8
|
-
gap: "var(--
|
|
9
|
-
mobilePageOffset: "var(--
|
|
10
|
-
mobileBulletLeftPosition: "var(--
|
|
11
|
-
desktopBulletLeftPosition: "var(--
|
|
4
|
+
var n = 14, l = 12, e = 5, r = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf6f", u = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf6g", b = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf73", t = "v16_39_1abcu7s v16_39_1abcu7r", c = "v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", i = "v16_39_1abcu7t v16_39_1abcu7r", o = "v16_39_1abcu7r", y = "v16_39_1abcu7u v16_39_1abcu7r", f = "v16_39_1abcu7m v16_39_1abcu7j v16_39_1y2v1nfmc", s = "v16_39_1abcu7c v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", m = "v16_39_1abcu7f v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", C = "v16_39_1abcu7d v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", j = "v16_39_1abcu7e v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", d = "v16_39_1abcu7x", k = "v16_39_1abcu7w v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfjm v16_39_1y2v1nfl5", L = "v16_39_1abcu71d v16_39_1abcu711 v16_39_1y2v1nfjs v16_39_1y2v1nflc", p = "v16_39_1abcu71a v16_39_1y2v1nflp", B = "v16_39_1abcu71j v16_39_1y2v1nfjs v16_39_1y2v1nfk1", S = "v16_39_1y2v1nfjs v16_39_1y2v1nfjy", g = "v16_39_1y2v1nfjl v16_39_1y2v1nflp v16_39_1y2v1nfjm", h = "v16_39_1y2v1nf9u", I = "v16_39_1abcu715", P = "v16_39_1abcu718", w = "v16_39_1abcu716", V = "v16_39_1abcu717", T = "v16_39_1abcu71h", A = "v16_39_1abcu71b", E = "v16_39_1abcu71e", M = "v16_39_1abcu71f", z = "v16_39_1abcu71g", U = "v16_39_1abcu71k", D = "v16_39_1abcu71m", W = "v16_39_1abcu71l", x = "v16_39_1abcu7h v16_39_1y2v1nfjn", F = "v16_39_1abcu71o v16_39_1abcu711 v16_39_1y2v1nfjs v16_39_1y2v1nflc", Z = "v16_39_1y2v1nflr", q = "v16_39_1y2v1nfjs v16_39_1y2v1nfk1 v16_39_1y2v1nf9l v16_39_1y2v1nfcc v16_39_1y2v1nfdl", G = "v16_39_1abcu7z v16_39_1y2v1nfjm", O = "v16_39_1abcu71s v16_39_1y2v1nfjn v16_39_1y2v1nfod v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_1y2v1nfl5", R = "v16_39_1y2v1nfk2", H = "v16_39_1abcu71q v16_39_1y2v1nfkf v16_39_1y2v1nfka", J = "v16_39_1abcu710", K = {
|
|
5
|
+
itemsPerPageMobile: "var(--v16_39_1abcu71)",
|
|
6
|
+
itemsPerPageTablet: "var(--v16_39_1abcu72)",
|
|
7
|
+
itemsPerPageDesktop: "var(--v16_39_1abcu73)",
|
|
8
|
+
gap: "var(--v16_39_1abcu74)",
|
|
9
|
+
mobilePageOffset: "var(--v16_39_1abcu75)",
|
|
10
|
+
mobileBulletLeftPosition: "var(--v16_39_1abcu76)",
|
|
11
|
+
desktopBulletLeftPosition: "var(--v16_39_1abcu77)"
|
|
12
12
|
};
|
|
13
13
|
export { n as LARGE_BULLET_FULL_SIZE, l as SMALL_BULLET_FULL_SIZE, e as VISIBLE_BULLETS, r as bullet, u as bulletActive, b as bulletActiveInverse, t as bulletActiveSizing, c as bulletButton, i as bulletInactiveMediumSizing, o as bulletInactiveSizing, y as bulletInactiveSmallSizing, f as bulletInverse, s as bulletVisibility, m as bulletVisibilityDesktop, C as bulletVisibilityMobile, j as bulletVisibilityTablet, d as bulletsScrollableContainer, k as bulletsScrollableContainerBase, L as carousel, p as carouselAutoplayControlContainer, B as carouselBullets, S as carouselComponentContainer, g as carouselContainer, h 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 };
|