@telefonica/mistica 15.0.0 → 15.1.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 +5 -5
- package/dist/accordion.d.ts +1 -0
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +6 -6
- package/dist/boxed.css-mistica.js +3 -3
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +9 -9
- package/dist/button.css-mistica.js +27 -27
- package/dist/button.d.ts +12 -0
- package/dist/button.js +67 -62
- package/dist/callout.css-mistica.js +2 -2
- package/dist/callout.d.ts +1 -0
- package/dist/callout.js +11 -11
- package/dist/card.css-mistica.js +13 -13
- package/dist/card.d.ts +6 -0
- package/dist/card.js +301 -293
- package/dist/carousel.css-mistica.js +19 -19
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +10 -10
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +12 -12
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +4 -4
- package/dist/credit-card-number-field.css-mistica.js +5 -5
- package/dist/dialog.css-mistica.js +6 -6
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +3 -3
- package/dist/empty-state-card.d.ts +1 -0
- package/dist/empty-state-card.js +10 -9
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/empty-state.d.ts +1 -0
- package/dist/empty-state.js +14 -14
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/header.css-mistica.js +1 -1
- package/dist/header.d.ts +2 -0
- package/dist/header.js +46 -47
- package/dist/hero.css-mistica.js +2 -2
- package/dist/hero.d.ts +1 -0
- package/dist/hero.js +29 -29
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/highlighted-card.d.ts +1 -2
- package/dist/highlighted-card.js +9 -9
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +14 -17
- package/dist/icon-button.css.d.ts +1 -1
- package/dist/icon-button.d.ts +0 -13
- package/dist/icon-button.js +84 -87
- package/dist/image.css-mistica.js +3 -3
- package/dist/index.d.ts +4 -2
- package/dist/index.js +13 -0
- package/dist/inline.js +8 -7
- package/dist/list.css-mistica.js +12 -12
- package/dist/list.d.ts +1 -0
- package/dist/list.js +143 -138
- package/dist/loading-bar.css-mistica.js +4 -4
- package/dist/loading-screen.css-mistica.js +3 -3
- package/dist/logo.d.ts +1 -0
- package/dist/logo.js +155 -136
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/maybe-dismissable.js +3 -4
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +22 -22
- package/dist/navigation-bar.d.ts +2 -1
- package/dist/navigation-bar.js +53 -52
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +8 -8
- package/dist/responsive-layout.css-mistica.js +5 -5
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +10 -10
- package/dist/sheet.css-mistica.js +8 -8
- package/dist/skeletons.css-mistica.js +5 -5
- package/dist/skins/blau.js +4 -2
- package/dist/skins/constants.d.ts +1 -0
- package/dist/skins/constants.js +6 -3
- package/dist/skins/movistar.d.ts +1 -0
- package/dist/skins/movistar.js +5 -2
- package/dist/skins/o2-new.d.ts +50 -0
- package/dist/skins/o2-new.js +397 -0
- package/dist/skins/o2.d.ts +1 -0
- package/dist/skins/o2.js +5 -2
- package/dist/skins/skin-contract.css-mistica.js +138 -136
- package/dist/skins/skin-contract.css.d.ts +2 -0
- package/dist/skins/telefonica.d.ts +1 -0
- package/dist/skins/telefonica.js +5 -2
- package/dist/skins/tu.d.ts +1 -0
- package/dist/skins/tu.js +5 -2
- package/dist/skins/types/colors.d.ts +1 -0
- package/dist/skins/types/index.d.ts +1 -1
- package/dist/skins/utils.js +7 -4
- package/dist/skins/vivo-new.js +4 -2
- package/dist/skins/vivo.js +4 -2
- package/dist/slider.css-mistica.js +7 -7
- package/dist/snackbar.css-mistica.js +12 -12
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +792 -786
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +26 -23
- package/dist/switch-component.css.d.ts +1 -0
- package/dist/switch-component.js +11 -10
- package/dist/tabs.css-mistica.js +9 -9
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +5 -5
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/text-link.d.ts +5 -0
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/tooltip.js +0 -1
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/touchable.d.ts +33 -19
- package/dist/touchable.js +54 -51
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/utils/browser.d.ts +1 -0
- package/dist/utils/browser.js +14 -0
- package/dist/video.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +2 -2
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +6 -6
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/button.js +88 -83
- package/dist-es/callout.css-mistica.js +2 -2
- package/dist-es/callout.js +37 -37
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +442 -434
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +7 -7
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state-card.js +30 -29
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/empty-state.js +34 -34
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/header.js +69 -70
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/hero.js +56 -56
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/highlighted-card.js +26 -26
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +9 -12
- package/dist-es/icon-button.js +94 -97
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +1765 -1764
- package/dist-es/inline.js +13 -12
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +184 -179
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +2 -2
- package/dist-es/logo.js +172 -156
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/maybe-dismissable.js +7 -8
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-bar.js +72 -71
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +5 -5
- 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 +9 -9
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +4 -2
- package/dist-es/skins/constants.js +2 -2
- package/dist-es/skins/movistar.js +7 -4
- package/dist-es/skins/o2-new.js +380 -0
- package/dist-es/skins/o2.js +5 -2
- package/dist-es/skins/skin-contract.css-mistica.js +138 -136
- package/dist-es/skins/telefonica.js +5 -2
- package/dist-es/skins/tu.js +5 -2
- package/dist-es/skins/utils.js +20 -17
- package/dist-es/skins/vivo-new.js +4 -2
- package/dist-es/skins/vivo.js +4 -2
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +792 -786
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +19 -19
- package/dist-es/switch-component.js +24 -23
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/tooltip.js +0 -1
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/touchable.js +68 -65
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/browser.js +5 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +2 -2
|
@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./grid-layout.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var y = "_1abcu71
|
|
5
|
+
var y = "_1abcu71 _1y2v1nfi2 _1y2v1nfii _1y2v1nfjt _1y2v1nf4s", f = "_1abcu72 _1abcu71 _1y2v1nfi2 _1y2v1nfii _1y2v1nfjt _1y2v1nf4t", u = "_1abcu72 _1abcu71 _1y2v1nfi2 _1y2v1nfii _1y2v1nfjt _1y2v1nf5b", r = "_1abcu74 _1y2v1nf73 _1y2v1nf8c _1y2v1nfa0 _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nf72", e = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf73 _1y2v1nf8c _1y2v1nfa0 _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nf72", c = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf73 _1y2v1nf8c _1y2v1nfa0 _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nf72", b = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf73 _1y2v1nf8c _1y2v1nfa0 _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nf72", t = "_1abcu7b _1abcu71 _1y2v1nfi2 _1y2v1nfii _1y2v1nfjt", l = "_1abcu7s _1abcu7h _1y2v1nfha _1y2v1nfiu", o = "_1abcu712 _1y2v1nfha _1y2v1nfhj _1y2v1nf7o", i = "_1y2v1nfh3 _1y2v1nfj7 _1y2v1nfh4", s = "_1abcu7w", h = "_1abcu710 _1abcu7y _1abcu7j _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt _1y2v1nf3l _1y2v1nfi8 _1y2v1nfio _1y2v1nfjr _1y2v1nfh5", j = "_1abcu7z _1abcu7y _1abcu7j _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt _1y2v1nf3l _1y2v1nfi8 _1y2v1nfio _1y2v1nfjr _1y2v1nfh5", p = "_1abcu7t", B = "_1abcu7u", m = "_1abcu7v", w = "_1abcu713", P = "_1abcu715", d = "_1abcu714", x = "_1abcu717 _1abcu7h _1y2v1nfha _1y2v1nfiu", A = "_1abcu71f _1y2v1nfh5 _1y2v1nflx _1y2v1nfha _1y2v1nfhj _1y2v1nfhx", C = "_1y2v1nfh4", g = "_1abcu719 _1y2v1nfhx _1y2v1nfhs", I = "_1abcu71d _1abcu7y _1abcu7j _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt _1y2v1nf3l _1y2v1nfi8 _1y2v1nfio _1y2v1nfjr _1y2v1nfh5 _1y2v1nfli", M = "_1abcu71b _1abcu7y _1abcu7j _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt _1y2v1nf3l _1y2v1nfi8 _1y2v1nfio _1y2v1nfjr _1y2v1nfh5 _1y2v1nfl3", T = {
|
|
6
6
|
itemsPerPageMobile: "var(--_1abcu7m)",
|
|
7
7
|
itemsPerPageTablet: "var(--_1abcu7n)",
|
|
8
8
|
itemsPerPageDesktop: "var(--_1abcu7o)",
|
|
9
9
|
gap: "var(--_1abcu7p)",
|
|
10
10
|
mobilePageOffset: "var(--_1abcu7q)"
|
|
11
11
|
};
|
|
12
|
-
export { y as bullet, f as bulletActive, u as bulletActiveInverse, r as bulletButton, e as bulletButtonDesktop,
|
|
12
|
+
export { y as bullet, f as bulletActive, u as bulletActiveInverse, r as bulletButton, e as bulletButtonDesktop, c as bulletButtonMobile, b as bulletButtonTablet, t as bulletInverse, l as carousel, o as carouselBullets, i as carouselContainer, s as carouselItem, h as carouselNextArrowButton, j as carouselPrevArrowButton, p as carouselWithScrollMobile, B as carouselWithScrollTablet, m as centeredCarousel, w as noCarouselBulletsDesktop, P as noCarouselBulletsMobile, d as noCarouselBulletsTablet, x as slideshow, A as slideshowBullets, C as slideshowContainer, g as slideshowItem, I as slideshowNextArrowButton, M as slideshowPrevArrowButton, T as vars };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./checkbox.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
ios: "_1rz9b16 _1rz9b15
|
|
5
|
-
rest: "_1rz9b17 _1rz9b15
|
|
6
|
-
checked: "_1rz9b18 _1rz9b15
|
|
7
|
-
}, r = "_1rz9b1a
|
|
8
|
-
export {
|
|
3
|
+
var n = {
|
|
4
|
+
ios: "_1rz9b16 _1rz9b15 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfhs _1y2v1nfk4 _1y2v1nf3k",
|
|
5
|
+
rest: "_1rz9b17 _1rz9b15 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfhs _1y2v1nfk4 _1y2v1nf3k",
|
|
6
|
+
checked: "_1rz9b18 _1rz9b15 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfhs _1y2v1nfk4 _1y2v1nf3k"
|
|
7
|
+
}, r = "_1rz9b1a _1y2v1nfhc", b = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfhd", h = "_1rz9b13 _1rz9b11 _1y2v1nfhd", y = "_1rz9b1c";
|
|
8
|
+
export { n as boxVariant, r as check, b as checkChecked, f as checkboxContainer, h as checkboxContainerDisabled, y as disabled };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./chip.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var c = "
|
|
3
|
+
var c = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfjs _1y2v1nf72", t = {
|
|
4
4
|
light: "cc7htnb cc7htn9",
|
|
5
5
|
dark: "cc7htnc cc7htn9"
|
|
6
|
-
},
|
|
7
|
-
default: "cc7htn1
|
|
8
|
-
overAlternative: "cc7htn1
|
|
9
|
-
active: "cc7htn8 cc7htn2 cc7htn1
|
|
10
|
-
},
|
|
11
|
-
export { c as button,
|
|
6
|
+
}, f = {
|
|
7
|
+
default: "cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf3l _1y2v1nf23",
|
|
8
|
+
overAlternative: "cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf3s _1y2v1nf23",
|
|
9
|
+
active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf1a _1y2v1nf6b"
|
|
10
|
+
}, y = "cc7htnd", _ = "cc7htne";
|
|
11
|
+
export { c as button, t as chipInteractiveVariants, f as chipVariants, y as icon, _ as iconActive };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./circle.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var r = "_1wpwyyp1 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt";
|
|
4
|
+
export { r as circle };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "../icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var n = "_1x00fru3 _1x00fru1
|
|
4
|
+
var n = "_1x00fru3 _1x00fru1 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfhw _1y2v1nfhm _1y2v1nf8x", v = {
|
|
5
5
|
default: "_1x00fruk",
|
|
6
6
|
mobile: "_1x00frul"
|
|
7
|
-
},
|
|
7
|
+
}, _ = "_1x00frur", t = "_1x00frun", u = "_1x00fruo _1x00frun", o = "_1x00fru9 _1x00fru1 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7c _1y2v1nf8x", x = "_1x00frud _1y2v1nfh4 _1y2v1nfha _1y2v1nfhw _1y2v1nfhg _1y2v1nfhx _1y2v1nfie _1x00frub", i = "_1x00frui", y = "_1x00fruq _1y2v1nfha _1y2v1nfhf", e = "_1y2v1nfha _1y2v1nfhw _1y2v1nfhp _1y2v1nfjj", h = "_1x00frum", b = "_1x00frus", d = "_1x00frub", c = "_1x00fru1 _1y2v1nfa0 _1y2v1nfb9", l = "_1x00fruu", m = "_1x00fru4", p = "_1x00fru7", s = "_1x00fru5", g = {
|
|
8
8
|
topActionsCount: "var(--_1x00frut)"
|
|
9
9
|
}, C = "_1x00frua";
|
|
10
|
-
export { n as actions,
|
|
10
|
+
export { n as actions, v as actionsVariants, _ as adjustButtonLink, t as button, u as buttonMobile, o as cardContentStyle, x as dataCard, i as divider, y as footerDirection, e as footerText, h as marginRightAuto, b as marginRightButton, d as minHeight, c as paddingX, l as topActionsWithoutIcon, m as touchableArea, p as touchableCardOverlay, s as touchableContainer, g as vars, C as zindex };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./counter.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var s = "rijsns8 _1y2v1nf72 _1y2v1nfjs _1y2v1nfh5 _1y2v1nfi8 _1y2v1nfio", v = "rijsnse _1y2v1nfi7 _1y2v1nfin _1y2v1nfh5 _1y2v1nfjz _1y2v1nf6b", a = "rijsns6", i = "rijsns3 _1y2v1nfjz _1y2v1nf3l _1y2v1nfhb _1y2v1nfkb", t = "rijsnsc rijsnsa _1y2v1nfh5", f = "rijsnsa _1y2v1nfh5", y = "rijsns4", _ = "rijsns0", o = "rijsns1", j = "rijsnsb rijsnsa _1y2v1nfh5", e = "_1y2v1nfh4 _1y2v1nfha _1y2v1nfhj";
|
|
4
|
+
export { s as button, v as buttonBackground, a as buttonContainer, i as counter, t as decreaseButtonIcon, f as defaultButtonIcon, y as disabled, _ as hasTrashIcon, o as isButtonDisabled, j as trashButtonIcon, e as valueContainer };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var f = "yvyo3q0", n = "yvyo3q5 yvyo3q2
|
|
4
|
-
default: "yvyo3q7
|
|
5
|
-
backface: "yvyo3q7
|
|
3
|
+
var f = "yvyo3q0", n = "yvyo3q5 yvyo3q2 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfie", a = "yvyo3q2 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfie _1y2v1nfh5", o = {
|
|
4
|
+
default: "yvyo3q7 _1y2v1nfh4 yvyo3q8",
|
|
5
|
+
backface: "yvyo3q7 _1y2v1nfh4 yvyo3q9"
|
|
6
6
|
};
|
|
7
|
-
export { f as flip, n as flipBack,
|
|
7
|
+
export { f as flip, n as flipBack, a as flipFront, o as variants };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./dialog.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = 200, y = "_3dl29lb", f = "_3dl29l6", l = "_3dl29ll
|
|
4
|
-
dialog: "_3dl29ld
|
|
5
|
-
default: "_3dl29ld
|
|
6
|
-
},
|
|
7
|
-
export { _ as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, d as iconContainer, o as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer,
|
|
3
|
+
var _ = 200, y = "_3dl29lb", f = "_3dl29l6", l = "_3dl29ll _1y2v1nf7o", a = "_3dl29lj _1y2v1nfhw _1y2v1nfja", d = "_3dl29lm", o = "_3dl29l8 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfh5 _1y2v1nfkh _1y2v1nflb", r = "_3dl29la _1y2v1nf3k _1y2v1nfk1", t = "_3dl29l5 _1y2v1nfh6 _1y2v1nfha _1y2v1nfhj _1y2v1nfhp _1y2v1nfhg _1y2v1nfkh _1y2v1nflb _1y2v1nflq _1y2v1nfkw _1y2v1nf3v", h = {
|
|
4
|
+
dialog: "_3dl29ld _1y2v1nfha _1y2v1nfhg _1y2v1nfhm _1y2v1nfa6 _1y2v1nfbf _1y2v1nf7u _1y2v1nf8x",
|
|
5
|
+
default: "_3dl29ld _1y2v1nfha _1y2v1nfhg _1y2v1nfhm _1y2v1nf7o _1y2v1nf8x _1y2v1nfa6 _1y2v1nfbf"
|
|
6
|
+
}, e = "_3dl29l3 _1y2v1nfh4";
|
|
7
|
+
export { _ as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, d as iconContainer, o as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer, h as variants, e as wrapper };
|
|
@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
|
4
4
|
import "./text-field-components.css.ts.vanilla.css-mistica.js";
|
|
5
5
|
import "./double-field.css.ts.vanilla.css-mistica.js";
|
|
6
6
|
var i = {
|
|
7
|
-
default: "skrulh1
|
|
8
|
-
fullWidth: "skrulh2
|
|
7
|
+
default: "skrulh1 _1y2v1nfha _1y2v1nfhf _1y2v1nfhx",
|
|
8
|
+
fullWidth: "skrulh2 _1y2v1nfha _1y2v1nfhf _1y2v1nfhx"
|
|
9
9
|
};
|
|
10
10
|
export { i as variants };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./empty-state-card.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var i = "_1azor6p0", n = "_1azor6p4 _1y2v1nfi9 _1y2v1nfip", o = "_1azor6p2 _1y2v1nfhc _1y2v1nfir";
|
|
4
|
+
export { i as container, n as iconContainer, o as image };
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as e, jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { Boxed as
|
|
5
|
-
import { useTheme as
|
|
2
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
3
|
+
import p from "./box.js";
|
|
4
|
+
import { Boxed as S } from "./boxed.js";
|
|
5
|
+
import { useTheme as k } from "./hooks.js";
|
|
6
6
|
import c from "./stack.js";
|
|
7
|
-
import { Text as
|
|
8
|
-
import
|
|
9
|
-
import { container as
|
|
10
|
-
import { vars as
|
|
11
|
-
const
|
|
12
|
-
let { title: d,
|
|
7
|
+
import { Text as y, Text2 as E } from "./text.js";
|
|
8
|
+
import N from "./button-group.js";
|
|
9
|
+
import { container as u, iconContainer as B, image as C } from "./empty-state-card.css-mistica.js";
|
|
10
|
+
import { vars as T } from "./skins/skin-contract.css-mistica.js";
|
|
11
|
+
const v = (param)=>{
|
|
12
|
+
let { title: d, titleAs: n = "h3", description: h, button: r, secondaryButton: i, buttonLink: o, icon: t, imageUrl: a, "aria-label": f, dataAttributes: x } = param;
|
|
13
13
|
var l;
|
|
14
|
-
const { textPresets:
|
|
14
|
+
const { textPresets: g } = k();
|
|
15
15
|
let m;
|
|
16
16
|
return a && (m = /* @__PURE__ */ e("img", {
|
|
17
|
-
className:
|
|
17
|
+
className: C,
|
|
18
18
|
alt: "",
|
|
19
19
|
src: a
|
|
20
|
-
})), process.env.NODE_ENV !== "production" && r && !((l = r == null ? void 0 : r.props) != null && l.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ e(
|
|
21
|
-
dataAttributes:
|
|
22
|
-
children: /* @__PURE__ */ e(
|
|
20
|
+
})), process.env.NODE_ENV !== "production" && r && !((l = r == null ? void 0 : r.props) != null && l.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ e(S, {
|
|
21
|
+
dataAttributes: x,
|
|
22
|
+
children: /* @__PURE__ */ e(p, {
|
|
23
23
|
paddingY: {
|
|
24
24
|
mobile: 24,
|
|
25
25
|
desktop: 40
|
|
@@ -29,36 +29,37 @@ const T = (param)=>{
|
|
|
29
29
|
desktop: 40
|
|
30
30
|
},
|
|
31
31
|
children: /* @__PURE__ */ e("section", {
|
|
32
|
-
className:
|
|
33
|
-
"aria-label":
|
|
34
|
-
children: /* @__PURE__ */
|
|
32
|
+
className: u,
|
|
33
|
+
"aria-label": f,
|
|
34
|
+
children: /* @__PURE__ */ s(c, {
|
|
35
35
|
space: 16,
|
|
36
36
|
children: [
|
|
37
37
|
m !== null && m !== void 0 ? m : t && /* @__PURE__ */ e("div", {
|
|
38
|
-
className:
|
|
38
|
+
className: B,
|
|
39
39
|
children: t
|
|
40
40
|
}),
|
|
41
|
-
/* @__PURE__ */ e(
|
|
42
|
-
children: /* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ e(p, {
|
|
42
|
+
children: /* @__PURE__ */ s(c, {
|
|
43
43
|
space: 8,
|
|
44
44
|
children: [
|
|
45
|
-
/* @__PURE__ */ e(
|
|
45
|
+
/* @__PURE__ */ e(y, {
|
|
46
46
|
mobileSize: 18,
|
|
47
47
|
mobileLineHeight: "24px",
|
|
48
48
|
desktopSize: 20,
|
|
49
49
|
desktopLineHeight: "28px",
|
|
50
|
-
weight:
|
|
50
|
+
weight: g.cardTitle.weight,
|
|
51
|
+
as: n,
|
|
51
52
|
children: d
|
|
52
53
|
}),
|
|
53
|
-
/* @__PURE__ */ e(
|
|
54
|
+
/* @__PURE__ */ e(E, {
|
|
54
55
|
regular: !0,
|
|
55
|
-
color:
|
|
56
|
-
children:
|
|
56
|
+
color: T.colors.textSecondary,
|
|
57
|
+
children: h
|
|
57
58
|
})
|
|
58
59
|
]
|
|
59
60
|
})
|
|
60
61
|
}),
|
|
61
|
-
(r || i || o) && /* @__PURE__ */ e(
|
|
62
|
+
(r || i || o) && /* @__PURE__ */ e(N, {
|
|
62
63
|
primaryButton: r,
|
|
63
64
|
secondaryButton: i,
|
|
64
65
|
link: o
|
|
@@ -68,5 +69,5 @@ const T = (param)=>{
|
|
|
68
69
|
})
|
|
69
70
|
})
|
|
70
71
|
});
|
|
71
|
-
},
|
|
72
|
-
export {
|
|
72
|
+
}, P = v;
|
|
73
|
+
export { P as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./empty-state.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "_13fzrua2
|
|
3
|
+
var n = "_13fzrua2 _1y2v1nfha _1y2v1nf72", e = {
|
|
4
4
|
default: "_13fzrua3",
|
|
5
5
|
largeImage: "_13fzrua4"
|
|
6
|
-
},
|
|
6
|
+
}, v = "_13fzrua9 _1y2v1nfib _1y2v1nfir", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfie", o = "_13fzrua5", i = "_13fzruab _1y2v1nfhc", u = {
|
|
7
7
|
backgroundColor: "var(--_13fzrua0)"
|
|
8
8
|
};
|
|
9
|
-
export { n as container,
|
|
9
|
+
export { n as container, e as contentVariants, v as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, i as smallImage, u as vars };
|
package/dist-es/empty-state.js
CHANGED
|
@@ -52,42 +52,42 @@ function _object_spread_props(target, source) {
|
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
54
|
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
55
|
-
import
|
|
56
|
-
import { useIsInverseVariant as
|
|
57
|
-
import { ButtonPrimary as
|
|
58
|
-
import { useTheme as
|
|
55
|
+
import x from "classnames";
|
|
56
|
+
import { useIsInverseVariant as k } from "./theme-variant-context.js";
|
|
57
|
+
import { ButtonPrimary as N } from "./button.js";
|
|
58
|
+
import { useTheme as B } from "./hooks.js";
|
|
59
59
|
import l from "./stack.js";
|
|
60
|
-
import { Text6 as
|
|
61
|
-
import
|
|
62
|
-
import { container as
|
|
60
|
+
import { Text6 as C, Text3 as I } from "./text.js";
|
|
61
|
+
import S from "./button-group.js";
|
|
62
|
+
import { container as E, inverseBorder as T, vars as V, contentVariants as n, iconContainer as $, largeImageContainer as b, largeImage as j, smallImage as A } from "./empty-state.css-mistica.js";
|
|
63
63
|
import { vars as a } from "./skins/skin-contract.css-mistica.js";
|
|
64
|
-
import { AspectRatioContainer as
|
|
65
|
-
import { getPrefixedDataAttributes as
|
|
66
|
-
import { sprinkles as
|
|
67
|
-
import { applyCssVars as
|
|
68
|
-
const
|
|
69
|
-
let { title: c,
|
|
70
|
-
const { isDarkMode:
|
|
71
|
-
className:
|
|
64
|
+
import { AspectRatioContainer as D } from "./utils/aspect-ratio-support.js";
|
|
65
|
+
import { getPrefixedDataAttributes as P } from "./utils/dom.js";
|
|
66
|
+
import { sprinkles as R } from "./sprinkles.css-mistica.js";
|
|
67
|
+
import { applyCssVars as G } from "./utils/css.js";
|
|
68
|
+
const M = (param)=>{
|
|
69
|
+
let { title: c, titleAs: p = "h1", description: d, button: e, buttonLink: f, largeImageUrl: o, imageUrl: i, icon: m, "aria-label": g, dataAttributes: v } = param;
|
|
70
|
+
const { isDarkMode: h } = B(), s = k(), u = i ? /* @__PURE__ */ r("img", {
|
|
71
|
+
className: A,
|
|
72
72
|
alt: "",
|
|
73
73
|
src: i
|
|
74
|
-
}) : void 0,
|
|
74
|
+
}) : void 0, y = _object_spread_props(_object_spread({}, (e == null ? void 0 : e.type) === N ? {
|
|
75
75
|
primaryButton: e
|
|
76
76
|
} : {
|
|
77
77
|
secondaryButton: e
|
|
78
78
|
}), {
|
|
79
|
-
link:
|
|
79
|
+
link: f
|
|
80
80
|
});
|
|
81
81
|
return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
|
|
82
|
-
className:
|
|
82
|
+
className: x(E, s ? T : R({
|
|
83
83
|
border: "regular"
|
|
84
84
|
})),
|
|
85
|
-
style:
|
|
86
|
-
[
|
|
85
|
+
style: G({
|
|
86
|
+
[V.backgroundColor]: s && !h ? a.colors.backgroundBrand : a.colors.backgroundContainer
|
|
87
87
|
}),
|
|
88
|
-
"aria-label":
|
|
88
|
+
"aria-label": g,
|
|
89
89
|
role: "region"
|
|
90
|
-
},
|
|
90
|
+
}, P(v, "EmptyState")), {
|
|
91
91
|
children: [
|
|
92
92
|
/* @__PURE__ */ r("div", {
|
|
93
93
|
style: {
|
|
@@ -97,26 +97,26 @@ const G = (param)=>{
|
|
|
97
97
|
space: 24,
|
|
98
98
|
className: o ? n.largeImage : n.default,
|
|
99
99
|
children: [
|
|
100
|
-
|
|
101
|
-
className:
|
|
100
|
+
u !== null && u !== void 0 ? u : m && /* @__PURE__ */ r("div", {
|
|
101
|
+
className: $,
|
|
102
102
|
children: m
|
|
103
103
|
}),
|
|
104
104
|
/* @__PURE__ */ t(l, {
|
|
105
105
|
space: 16,
|
|
106
106
|
children: [
|
|
107
|
-
/* @__PURE__ */ r(
|
|
108
|
-
as:
|
|
107
|
+
/* @__PURE__ */ r(C, {
|
|
108
|
+
as: p,
|
|
109
109
|
children: c
|
|
110
110
|
}),
|
|
111
|
-
/* @__PURE__ */ r(
|
|
111
|
+
/* @__PURE__ */ r(I, {
|
|
112
112
|
regular: !0,
|
|
113
113
|
as: "p",
|
|
114
114
|
color: s ? a.colors.inverse : a.colors.textSecondary,
|
|
115
|
-
children:
|
|
115
|
+
children: d
|
|
116
116
|
})
|
|
117
117
|
]
|
|
118
118
|
}),
|
|
119
|
-
e && /* @__PURE__ */ r(
|
|
119
|
+
e && /* @__PURE__ */ r(S, _object_spread({}, y))
|
|
120
120
|
]
|
|
121
121
|
})
|
|
122
122
|
}),
|
|
@@ -125,12 +125,12 @@ const G = (param)=>{
|
|
|
125
125
|
flex: 1,
|
|
126
126
|
position: "relative"
|
|
127
127
|
},
|
|
128
|
-
children: o && /* @__PURE__ */ r(
|
|
128
|
+
children: o && /* @__PURE__ */ r(D, {
|
|
129
129
|
aspectRatio: 16 / 9,
|
|
130
|
-
className:
|
|
130
|
+
className: b,
|
|
131
131
|
height: "100%",
|
|
132
132
|
children: /* @__PURE__ */ r("div", {
|
|
133
|
-
className:
|
|
133
|
+
className: j,
|
|
134
134
|
style: {
|
|
135
135
|
backgroundImage: `url(${o})`
|
|
136
136
|
}
|
|
@@ -139,5 +139,5 @@ const G = (param)=>{
|
|
|
139
139
|
})
|
|
140
140
|
]
|
|
141
141
|
}));
|
|
142
|
-
},
|
|
143
|
-
export {
|
|
142
|
+
}, _ = M;
|
|
143
|
+
export { _ as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./feedback.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var r = "gx6h6af", n = "gx6h6a4 _1y2v1nfha _1y2v1nfie _1y2v1nfhx _1y2v1nfhg", t = "gx6h6a0", x = "gx6h6a1", h = "gx6h6a2", v = "gx6h6ae", g = "gx6h6ab gx6h6aa", o = "gx6h6ac gx6h6aa", i = "gx6h6ad gx6h6aa", p = "_1y2v1nfi9 _1y2v1nfip", d = "gx6h6a5", f = "gx6h6a6";
|
|
4
|
+
export { r as backgroundBrand, n as container, t as desktopContainer, x as desktopContent, h as desktopImage, v as feedbackData, g as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as iconContainer, d as innerContainer, f as innerContainerWithButtons };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "p5j8j58", a = "p5j8j56
|
|
3
|
+
var v = "p5j8j58", a = "p5j8j56 _1y2v1nf3l", j = "p5j8j54", t = "p5j8j53 _1y2v1nfhx", e = {
|
|
4
4
|
footerHeight: "var(--p5j8j50)",
|
|
5
5
|
backgroundColor: "var(--p5j8j51)"
|
|
6
|
-
}, p = "
|
|
6
|
+
}, p = "_1y2v1nfh9";
|
|
7
7
|
export { v as container, a as elevated, j as fixedFooter, t as footer, e as vars, p as withoutFooter };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./header.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var t = "mtk7e90
|
|
3
|
+
var t = "mtk7e90 _1y2v1nf92", m = "mtk7e93", a = "mtk7e90";
|
|
4
4
|
export { t as breadcrumbs, m as hideOnDesktop, a as hideOnTabletOrSmaller };
|