@telefonica/mistica 14.20.1 → 14.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +8 -8
- package/dist/button-layout.js +2 -2
- package/dist/button.css-mistica.js +17 -17
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +16 -16
- package/dist/card.js +190 -193
- package/dist/carousel.css-mistica.js +11 -11
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +4 -4
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +4 -4
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +9 -9
- package/dist/dialog.js +52 -62
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +2 -2
- package/dist/feedback.css-mistica.js +15 -6
- package/dist/feedback.css.d.ts +4 -1
- package/dist/feedback.d.ts +10 -3
- package/dist/feedback.js +140 -107
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/fixed-footer-layout.js +2 -2
- package/dist/grid.css.d.ts +6 -6
- package/dist/hero.css-mistica.js +3 -3
- package/dist/highlighted-card.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +1 -1
- package/dist/icons/icon-error.d.ts +4 -1
- package/dist/icons/icon-error.js +16 -12
- package/dist/icons/icon-info.d.ts +4 -1
- package/dist/icons/icon-info.js +42 -14
- package/dist/icons/icon-success-vivo-new.d.ts +6 -0
- package/dist/icons/icon-success-vivo-new.js +86 -0
- package/dist/icons/icon-success-vivo.d.ts +2 -3
- package/dist/icons/icon-success-vivo.js +11 -15
- package/dist/icons/icon-success.d.ts +2 -2
- package/dist/icons/icon-success.js +2 -2
- package/dist/image.css-mistica.js +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +30 -0
- package/dist/list.css-mistica.js +6 -6
- package/dist/loading-bar.css-mistica.js +2 -2
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +1 -1
- package/dist/modal-context-provider.d.ts +1 -0
- package/dist/modal-context-provider.js +24 -10
- package/dist/navigation-bar.css-mistica.js +10 -10
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/nestable-context.js +2 -7
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +2 -2
- package/dist/popover.css-mistica.js +8 -8
- package/dist/progress-bar.css-mistica.js +1 -1
- package/dist/radio-button.css-mistica.js +5 -5
- package/dist/responsive-layout.css-mistica.js +1 -1
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +10 -10
- package/dist/sheet-root.d.ts +93 -0
- package/dist/sheet-root.js +370 -0
- package/dist/sheet.css-mistica.js +66 -0
- package/dist/sheet.css.d.ts +17 -0
- package/dist/sheet.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/sheet.d.ts +107 -0
- package/dist/sheet.js +643 -0
- package/dist/skeletons.css-mistica.js +1 -1
- package/dist/snackbar.css-mistica.js +1 -1
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +191 -172
- package/dist/sprinkles.css.d.ts +4 -3
- package/dist/stack.js +14 -13
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +8 -8
- package/dist/switch-component.css-mistica.js +13 -13
- package/dist/switch-component.js +2 -2
- package/dist/tabs.css-mistica.js +7 -7
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +6 -6
- package/dist/text-field-components.css-mistica.js +5 -5
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/theme.d.ts +1 -0
- package/dist/theme.js +22 -18
- package/dist/tooltip.css-mistica.js +11 -11
- package/dist/touchable.css-mistica.js +2 -2
- package/dist/utils/animation.d.ts +2 -1
- package/dist/utils/animation.js +28 -14
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/utils/helpers.d.ts +9 -0
- package/dist/utils/helpers.js +46 -0
- package/dist/utils/utility-types.d.ts +1 -1
- package/dist/video.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/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button-layout.js +1 -1
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +251 -254
- 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 +4 -4
- 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/dialog.css-mistica.js +5 -5
- package/dist-es/dialog.js +101 -111
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +2 -2
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +180 -147
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.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/icon-button.css-mistica.js +1 -1
- package/dist-es/icons/icon-error.js +40 -36
- package/dist-es/icons/icon-info.js +45 -17
- package/dist-es/icons/icon-success-vivo-new.js +77 -0
- package/dist-es/icons/icon-success-vivo.js +19 -23
- package/dist-es/icons/icon-success.js +2 -2
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/index.js +1709 -1706
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/modal-context-provider.js +22 -11
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/nestable-context.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +1 -1
- package/dist-es/radio-button.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +1 -1
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +9 -9
- package/dist-es/sheet-root.js +306 -0
- package/dist-es/sheet.css-mistica.js +4 -0
- package/dist-es/sheet.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/sheet.js +570 -0
- package/dist-es/skeletons.css-mistica.js +1 -1
- package/dist-es/snackbar.css-mistica.js +1 -1
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +191 -172
- package/dist-es/stack.js +18 -17
- 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 +13 -13
- package/dist-es/switch-component.js +1 -1
- 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/theme.js +28 -24
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/animation.js +26 -15
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/utils/helpers.js +29 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +4 -4
|
@@ -2,10 +2,10 @@ 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 f = "_1abcu71
|
|
5
|
+
var f = "_1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo", r = "_1abcu7l _1abcu7b _1y2v1nfb5 _1y2v1nfcp", e = "_1y2v1nfb5 _1y2v1nfbe", u = "_1y2v1nfd2 _1y2v1nfaz", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", s = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", l = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb5 _1y2v1nfcp", m = "_1abcu713 _1y2v1nfb0 _1y2v1nffr _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbs", w = "_1y2v1nfaz", p = "_1abcu7x _1y2v1nfbs _1y2v1nfbn", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nffc", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nfex", P = {
|
|
6
6
|
itemsPerPageMobile: "var(--_1abcu7g)",
|
|
7
7
|
itemsPerPageTablet: "var(--_1abcu7h)",
|
|
8
8
|
itemsPerPageDesktop: "var(--_1abcu7i)",
|
|
9
9
|
gap: "var(--_1abcu7j)"
|
|
10
10
|
};
|
|
11
|
-
export { f as bullet, b as bulletActive, y as bulletActiveInverse, c as bulletInverse, r as carousel, e as carouselBullets, u as carouselContainer,
|
|
11
|
+
export { f as bullet, b as bulletActive, y as bulletActiveInverse, c as bulletInverse, r as carousel, e as carouselBullets, u as carouselContainer, o as carouselItem, t as carouselNextArrowButton, s as carouselPrevArrowButton, l as carouselWithScroll, d as centeredCarousel, i as slideshow, m as slideshowBullets, w as slideshowContainer, p as slideshowItem, x as slideshowNextArrowButton, h as slideshowPrevArrowButton, P 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
|
-
},
|
|
8
|
-
export {
|
|
3
|
+
var n = {
|
|
4
|
+
ios: "_1rz9b16 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
|
|
5
|
+
rest: "_1rz9b17 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
|
|
6
|
+
checked: "_1rz9b18 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30"
|
|
7
|
+
}, v = "_1rz9b1a _1y2v1nfb7", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb8", y = "_1rz9b13 _1rz9b11 _1y2v1nfb8", e = "_1rz9b1c";
|
|
8
|
+
export { n as boxVariant, v as check, r as checkChecked, f as checkboxContainer, y as checkboxContainerDisabled, e 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 = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q
|
|
3
|
+
var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y", t = {
|
|
4
4
|
light: "cc7htnb cc7htn9",
|
|
5
5
|
dark: "cc7htnc cc7htn9"
|
|
6
6
|
}, f = {
|
|
7
|
-
default: "cc7htn1
|
|
8
|
-
overAlternative: "cc7htn1
|
|
9
|
-
active: "cc7htn8 cc7htn2 cc7htn1
|
|
7
|
+
default: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf31 _1y2v1nf1w",
|
|
8
|
+
overAlternative: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf38 _1y2v1nf1w",
|
|
9
|
+
active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf16 _1y2v1nf5k"
|
|
10
10
|
}, y = "cc7htnd", _ = "cc7htne";
|
|
11
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 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo";
|
|
4
|
+
export { r as circle };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5
|
|
3
|
+
var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", _ = {
|
|
4
4
|
default: "_1x00frui",
|
|
5
5
|
mobile: "_1x00fruj"
|
|
6
|
-
}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz
|
|
7
|
-
export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, y as cardContentStyle, u as dataCard, o as divider, i as footerDirection,
|
|
6
|
+
}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", b = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", x = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nffa", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc9 _1y2v1nfbb";
|
|
7
|
+
export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, y as cardContentStyle, u as dataCard, o as divider, i as footerDirection, b as footerText, x as hoverEffect, e as marginRightAuto, d as marginRightButton, c as minHeight, g as paddingX, l as touchableContainer };
|
|
@@ -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 _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6k",
|
|
4
|
-
dialog: "_3dl29ld
|
|
5
|
-
default: "_3dl29ld
|
|
6
|
-
},
|
|
7
|
-
export { _ as closedModalContent, f as closedOpactityLayer, y as dialogActions,
|
|
3
|
+
var _ = "_3dl29lb", f = "_3dl29l6", y = "_3dl29ll _1y2v1nf6k", l = "_3dl29lj _1y2v1nfbr _1y2v1nfd5", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb0 _1y2v1nfeb _1y2v1nff5", b = "_3dl29la _1y2v1nf30 _1y2v1nfdw", o = "_3dl29l5 _1y2v1nfb1 _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbb _1y2v1nfeb _1y2v1nff5 _1y2v1nffk _1y2v1nfeq _1y2v1nf3b", r = {
|
|
4
|
+
dialog: "_3dl29ld _1y2v1nfb5 _1y2v1nfbb _1y2v1nfbh _1y2v1nf92 _1y2v1nfab _1y2v1nf6q _1y2v1nf7t",
|
|
5
|
+
default: "_3dl29ld _1y2v1nfb5 _1y2v1nfbb _1y2v1nfbh _1y2v1nf6k _1y2v1nf7t _1y2v1nf92 _1y2v1nfab"
|
|
6
|
+
}, t = "_3dl29l3 _1y2v1nfaz";
|
|
7
|
+
export { _ as closedModalContent, f as closedOpactityLayer, y as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, b as modalContent, o as modalOpacityLayer, r as variants, t as wrapper };
|
package/dist-es/dialog.js
CHANGED
|
@@ -77,28 +77,28 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
77
77
|
}
|
|
78
78
|
return target;
|
|
79
79
|
}
|
|
80
|
-
import { jsx as o, jsxs as w, Fragment as
|
|
81
|
-
import * as
|
|
82
|
-
import
|
|
83
|
-
import { ButtonDanger as
|
|
84
|
-
import { Portal as
|
|
85
|
-
import
|
|
86
|
-
import
|
|
87
|
-
import
|
|
88
|
-
import { isWebViewBridgeAvailable as H, nativeConfirm as
|
|
89
|
-
import
|
|
90
|
-
import { useTheme as
|
|
91
|
-
import
|
|
92
|
-
import { Text5 as
|
|
93
|
-
import { ESC as
|
|
94
|
-
import
|
|
95
|
-
import { isRunningAcceptanceTest as
|
|
96
|
-
import {
|
|
97
|
-
import
|
|
98
|
-
import { wrapper as
|
|
99
|
-
import { vars as
|
|
100
|
-
const
|
|
101
|
-
const { texts: t } =
|
|
80
|
+
import { jsx as o, jsxs as w, Fragment as A } from "react/jsx-runtime";
|
|
81
|
+
import * as s from "react";
|
|
82
|
+
import k from "classnames";
|
|
83
|
+
import { ButtonDanger as D, ButtonPrimary as R, ButtonSecondary as S } from "./button.js";
|
|
84
|
+
import { Portal as L } from "./portal.js";
|
|
85
|
+
import W from "./focus-trap.js";
|
|
86
|
+
import I from "./generated/mistica-icons/icon-close-regular.js";
|
|
87
|
+
import O from "./icon-button.js";
|
|
88
|
+
import { isWebViewBridgeAvailable as H, nativeConfirm as M, nativeAlert as F } from "@tef-novum/webview-bridge";
|
|
89
|
+
import V from "./theme-context.js";
|
|
90
|
+
import { useTheme as N } from "./hooks.js";
|
|
91
|
+
import j from "./button-layout.js";
|
|
92
|
+
import { Text5 as K, Text4 as T, Text3 as _ } from "./text.js";
|
|
93
|
+
import { ESC as z } from "./utils/key-codes.js";
|
|
94
|
+
import B from "./box.js";
|
|
95
|
+
import { isRunningAcceptanceTest as U } from "./utils/platform.js";
|
|
96
|
+
import { useSetModalStateEffect as q } from "./modal-context-provider.js";
|
|
97
|
+
import G from "./stack.js";
|
|
98
|
+
import { wrapper as J, modalOpacityLayer as Q, closedOpactityLayer as X, modalContent as Y, closedModalContent as Z, modalCloseButtonContainer as $, variants as ee, iconContainer as te, dialogContent as oe, dialogActions as ne } from "./dialog.css-mistica.js";
|
|
99
|
+
import { vars as P } from "./skins/skin-contract.css-mistica.js";
|
|
100
|
+
const y = (e)=>process.env.NODE_ENV !== "test" && !U(e), ae = (e)=>{
|
|
101
|
+
const { texts: t } = N(), { className: i , title: n , message: c , icon: l , extra: a , cancelText: r = t.dialogCancelButton , acceptText: d = t.dialogAcceptButton , onCancel: h , onAccept: g , showCancel: b = !1 , destructive: u = !1 } = e, v = !!e.forceWeb, m = {
|
|
102
102
|
onPress: g || (()=>{}),
|
|
103
103
|
dataAttributes: {
|
|
104
104
|
testid: "dialog-accept-button"
|
|
@@ -106,43 +106,43 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
106
106
|
children: d
|
|
107
107
|
};
|
|
108
108
|
return /* @__PURE__ */ w("div", {
|
|
109
|
-
className:
|
|
109
|
+
className: k(ee[v ? "dialog" : "default"], i),
|
|
110
110
|
children: [
|
|
111
|
-
|
|
111
|
+
l && /* @__PURE__ */ o(B, {
|
|
112
112
|
paddingBottom: 24,
|
|
113
113
|
children: /* @__PURE__ */ o("div", {
|
|
114
|
-
className:
|
|
115
|
-
children: /*#__PURE__*/
|
|
114
|
+
className: te,
|
|
115
|
+
children: /*#__PURE__*/ s.cloneElement(l, {
|
|
116
116
|
size: "100%"
|
|
117
117
|
})
|
|
118
118
|
})
|
|
119
119
|
}),
|
|
120
|
-
n && /* @__PURE__ */ o(
|
|
120
|
+
n && /* @__PURE__ */ o(B, {
|
|
121
121
|
paddingBottom: 16,
|
|
122
|
-
children: e.forceWeb ? /* @__PURE__ */ o(
|
|
122
|
+
children: e.forceWeb ? /* @__PURE__ */ o(K, {
|
|
123
123
|
as: "h2",
|
|
124
124
|
children: n
|
|
125
|
-
}) : /* @__PURE__ */ o(
|
|
125
|
+
}) : /* @__PURE__ */ o(T, {
|
|
126
126
|
regular: !0,
|
|
127
127
|
as: "h2",
|
|
128
128
|
children: n
|
|
129
129
|
})
|
|
130
130
|
}),
|
|
131
|
-
e.subtitle && /* @__PURE__ */ o(
|
|
131
|
+
e.subtitle && /* @__PURE__ */ o(B, {
|
|
132
132
|
paddingBottom: 16,
|
|
133
|
-
children: /* @__PURE__ */ o(
|
|
133
|
+
children: /* @__PURE__ */ o(T, {
|
|
134
134
|
regular: !0,
|
|
135
135
|
as: "h2",
|
|
136
136
|
children: e.subtitle
|
|
137
137
|
})
|
|
138
138
|
}),
|
|
139
139
|
/* @__PURE__ */ o("div", {
|
|
140
|
-
className:
|
|
141
|
-
children: /* @__PURE__ */ w(
|
|
140
|
+
className: oe,
|
|
141
|
+
children: /* @__PURE__ */ w(G, {
|
|
142
142
|
space: 16,
|
|
143
143
|
children: [
|
|
144
|
-
/* @__PURE__ */ o(
|
|
145
|
-
color:
|
|
144
|
+
/* @__PURE__ */ o(_, {
|
|
145
|
+
color: P.colors.textSecondary,
|
|
146
146
|
regular: !0,
|
|
147
147
|
children: c
|
|
148
148
|
}),
|
|
@@ -151,18 +151,18 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
151
151
|
})
|
|
152
152
|
}),
|
|
153
153
|
/* @__PURE__ */ o("div", {
|
|
154
|
-
className:
|
|
155
|
-
children: /* @__PURE__ */ w(
|
|
154
|
+
className: ne,
|
|
155
|
+
children: /* @__PURE__ */ w(j, {
|
|
156
156
|
link: e.forceWeb ? e.link : void 0,
|
|
157
157
|
children: [
|
|
158
|
-
|
|
158
|
+
u ? /* @__PURE__ */ o(D, _object_spread({
|
|
159
159
|
tabIndex: 1
|
|
160
|
-
}, m)) : /* @__PURE__ */ o(
|
|
160
|
+
}, m)) : /* @__PURE__ */ o(R, _object_spread({
|
|
161
161
|
tabIndex: 1
|
|
162
162
|
}, m)),
|
|
163
|
-
|
|
163
|
+
b && !!h && /* @__PURE__ */ o(S, {
|
|
164
164
|
tabIndex: 2,
|
|
165
|
-
onPress:
|
|
165
|
+
onPress: h,
|
|
166
166
|
dataAttributes: {
|
|
167
167
|
testid: "dialog-cancel-button"
|
|
168
168
|
},
|
|
@@ -173,42 +173,42 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
173
173
|
})
|
|
174
174
|
]
|
|
175
175
|
});
|
|
176
|
-
},
|
|
177
|
-
let { showCancel: e , message: t , title: i , acceptText: n , cancelText: c , onAccept:
|
|
178
|
-
return e ?
|
|
176
|
+
}, ie = (param)=>{
|
|
177
|
+
let { showCancel: e , message: t , title: i , acceptText: n , cancelText: c , onAccept: l , onCancel: a } = param;
|
|
178
|
+
return e ? M({
|
|
179
179
|
message: t,
|
|
180
180
|
title: i,
|
|
181
181
|
cancelText: c,
|
|
182
182
|
acceptText: n
|
|
183
|
-
}).then((r)=>r ?
|
|
183
|
+
}).then((r)=>r ? l == null ? void 0 : l() : a == null ? void 0 : a()) : F({
|
|
184
184
|
message: t,
|
|
185
185
|
title: i,
|
|
186
186
|
buttonText: n
|
|
187
|
-
}).then(
|
|
187
|
+
}).then(l);
|
|
188
188
|
}, le = (param)=>{
|
|
189
|
-
let { renderNative: e , onAccept: t , onCancel: i , acceptText: n , cancelText: c , showCancel:
|
|
190
|
-
const d =
|
|
191
|
-
|
|
192
|
-
e &&
|
|
189
|
+
let { renderNative: e , onAccept: t , onCancel: i , acceptText: n , cancelText: c , showCancel: l , message: a , title: r } = param;
|
|
190
|
+
const d = s.useRef(t).current, h = s.useRef(i).current;
|
|
191
|
+
s.useEffect(()=>{
|
|
192
|
+
e && ie({
|
|
193
193
|
acceptText: n,
|
|
194
194
|
cancelText: c,
|
|
195
|
-
showCancel:
|
|
195
|
+
showCancel: l,
|
|
196
196
|
message: a,
|
|
197
197
|
title: r,
|
|
198
198
|
onAccept: d,
|
|
199
|
-
onCancel:
|
|
199
|
+
onCancel: h
|
|
200
200
|
});
|
|
201
201
|
}, [
|
|
202
202
|
d,
|
|
203
|
-
|
|
203
|
+
h,
|
|
204
204
|
n,
|
|
205
205
|
c,
|
|
206
|
-
|
|
206
|
+
l,
|
|
207
207
|
a,
|
|
208
208
|
r,
|
|
209
209
|
e
|
|
210
210
|
]);
|
|
211
|
-
},
|
|
211
|
+
}, se = (e)=>(le({
|
|
212
212
|
renderNative: !0,
|
|
213
213
|
acceptText: e.acceptText || e.dialogAcceptButton,
|
|
214
214
|
cancelText: e.cancelText || e.dialogCancelButton,
|
|
@@ -217,39 +217,40 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
217
217
|
title: e.title,
|
|
218
218
|
onAccept: e.onAccept,
|
|
219
219
|
onCancel: e.onCancel
|
|
220
|
-
}), null),
|
|
221
|
-
const { platformOverrides: t } =
|
|
220
|
+
}), null), ce = (e)=>{
|
|
221
|
+
const { platformOverrides: t } = N(), i = s.useContext(V), n = s.useRef(process.env.NODE_ENV === "test");
|
|
222
222
|
if (!i) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
|
|
223
|
-
const c = !e.forceWeb && H(), { onAccept:
|
|
223
|
+
const c = !e.forceWeb && H(), { onAccept: l , isClosing: a , onCancel: r , onCloseTransitionEnd: d } = e, h = _object_without_properties(e, [
|
|
224
224
|
"onAccept",
|
|
225
225
|
"isClosing",
|
|
226
226
|
"onCancel",
|
|
227
227
|
"onCloseTransitionEnd"
|
|
228
|
-
]), g =
|
|
229
|
-
!a && n.current &&
|
|
228
|
+
]), g = s.useCallback(()=>{
|
|
229
|
+
!a && n.current && l();
|
|
230
230
|
}, [
|
|
231
231
|
a,
|
|
232
|
-
|
|
233
|
-
]),
|
|
232
|
+
l
|
|
233
|
+
]), b = s.useCallback(()=>{
|
|
234
234
|
!a && n.current && r();
|
|
235
235
|
}, [
|
|
236
236
|
a,
|
|
237
237
|
r
|
|
238
|
-
]),
|
|
239
|
-
e.showClose && (
|
|
238
|
+
]), u = e.showCancel ? b : g, v = s.useCallback((f)=>{
|
|
239
|
+
e.showClose && (u(), f.stopPropagation());
|
|
240
240
|
}, [
|
|
241
|
-
|
|
241
|
+
u,
|
|
242
242
|
e.showClose
|
|
243
|
-
]), m =
|
|
244
|
-
f.keyCode ===
|
|
243
|
+
]), m = s.useCallback((f)=>{
|
|
244
|
+
f.keyCode === z && (u(), f.stopPropagation(), f.preventDefault());
|
|
245
245
|
}, [
|
|
246
|
-
|
|
247
|
-
]), x =
|
|
246
|
+
u
|
|
247
|
+
]), x = s.useCallback(()=>{
|
|
248
248
|
document.addEventListener("keydown", m);
|
|
249
249
|
}, [
|
|
250
250
|
m
|
|
251
251
|
]);
|
|
252
|
-
|
|
252
|
+
var _i_texts_modalClose;
|
|
253
|
+
return s.useEffect(()=>(y(t) || x(), (c || !y(t)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
|
|
253
254
|
document.removeEventListener("keydown", m);
|
|
254
255
|
}), [
|
|
255
256
|
x,
|
|
@@ -257,28 +258,17 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
257
258
|
e,
|
|
258
259
|
c,
|
|
259
260
|
t
|
|
260
|
-
])
|
|
261
|
-
const B = G();
|
|
262
|
-
var _i_texts_modalClose;
|
|
263
|
-
return l.useEffect(()=>(B({
|
|
264
|
-
isModalOpen: !0
|
|
265
|
-
}), ()=>{
|
|
266
|
-
B({
|
|
267
|
-
isModalOpen: !1
|
|
268
|
-
});
|
|
269
|
-
}), [
|
|
270
|
-
B
|
|
271
|
-
]), c ? /* @__PURE__ */ o(ce, _object_spread_props(_object_spread({}, e), {
|
|
261
|
+
]), q(), c ? /* @__PURE__ */ o(se, _object_spread_props(_object_spread({}, e), {
|
|
272
262
|
dialogAcceptButton: i.texts.dialogAcceptButton,
|
|
273
263
|
dialogCancelButton: i.texts.dialogCancelButton
|
|
274
|
-
})) : /* @__PURE__ */ o(
|
|
264
|
+
})) : /* @__PURE__ */ o(L, {
|
|
275
265
|
children: /* @__PURE__ */ o("div", {
|
|
276
|
-
className:
|
|
277
|
-
children: /* @__PURE__ */ o(
|
|
266
|
+
className: J,
|
|
267
|
+
children: /* @__PURE__ */ o(W, {
|
|
278
268
|
children: /* @__PURE__ */ o("div", {
|
|
279
269
|
onClick: v,
|
|
280
|
-
className:
|
|
281
|
-
[
|
|
270
|
+
className: k(Q, {
|
|
271
|
+
[X]: a
|
|
282
272
|
}),
|
|
283
273
|
role: "dialog",
|
|
284
274
|
"data-component-name": "Dialog",
|
|
@@ -289,22 +279,22 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
289
279
|
onAnimationEnd: ()=>{
|
|
290
280
|
n.current = !0, x();
|
|
291
281
|
},
|
|
292
|
-
className:
|
|
293
|
-
[
|
|
282
|
+
className: k(Y, {
|
|
283
|
+
[Z]: a
|
|
294
284
|
}),
|
|
295
285
|
children: [
|
|
296
286
|
e.showClose && /* @__PURE__ */ o("div", {
|
|
297
|
-
className:
|
|
298
|
-
children: /* @__PURE__ */ o(
|
|
299
|
-
onPress:
|
|
287
|
+
className: $,
|
|
288
|
+
children: /* @__PURE__ */ o(O, {
|
|
289
|
+
onPress: u,
|
|
300
290
|
"aria-label": (_i_texts_modalClose = i.texts.modalClose) !== null && _i_texts_modalClose !== void 0 ? _i_texts_modalClose : i.texts.closeButtonLabel,
|
|
301
|
-
children: /* @__PURE__ */ o(
|
|
302
|
-
color:
|
|
291
|
+
children: /* @__PURE__ */ o(I, {
|
|
292
|
+
color: P.colors.neutralHigh
|
|
303
293
|
})
|
|
304
294
|
})
|
|
305
295
|
}),
|
|
306
|
-
/* @__PURE__ */ o(
|
|
307
|
-
onCancel:
|
|
296
|
+
/* @__PURE__ */ o(ae, _object_spread_props(_object_spread({}, h), {
|
|
297
|
+
onCancel: b,
|
|
308
298
|
onAccept: g
|
|
309
299
|
}))
|
|
310
300
|
]
|
|
@@ -315,13 +305,13 @@ const N = (e)=>process.env.NODE_ENV !== "test" && !q(e), ie = (e)=>{
|
|
|
315
305
|
})
|
|
316
306
|
});
|
|
317
307
|
};
|
|
318
|
-
let
|
|
319
|
-
class
|
|
308
|
+
let p = null, C = 0;
|
|
309
|
+
class Pe extends s.Component {
|
|
320
310
|
componentDidMount() {
|
|
321
|
-
C++, C === 1 && (
|
|
311
|
+
C++, C === 1 && (p = this, window.addEventListener("popstate", this.handleBack));
|
|
322
312
|
}
|
|
323
313
|
componentWillUnmount() {
|
|
324
|
-
C--, C === 0 && (
|
|
314
|
+
C--, C === 0 && (p = null, window.removeEventListener("popstate", this.handleBack));
|
|
325
315
|
}
|
|
326
316
|
show(t) {
|
|
327
317
|
if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
|
|
@@ -347,18 +337,18 @@ class Ae extends l.Component {
|
|
|
347
337
|
const { isClosing: t , dialogProps: i } = this.state;
|
|
348
338
|
let n = null;
|
|
349
339
|
if (i && this.state.instanceNumber === 1) {
|
|
350
|
-
const { onCancel: c , onAccept:
|
|
340
|
+
const { onCancel: c , onAccept: l } = i, a = _object_without_properties(i, [
|
|
351
341
|
"onCancel",
|
|
352
342
|
"onAccept"
|
|
353
343
|
]);
|
|
354
|
-
n = /* @__PURE__ */ o(
|
|
344
|
+
n = /* @__PURE__ */ o(ce, _object_spread({
|
|
355
345
|
onCancel: this.createCancelHandler(c),
|
|
356
|
-
onAccept: this.createAcceptHandler(
|
|
346
|
+
onAccept: this.createAcceptHandler(l),
|
|
357
347
|
isClosing: t,
|
|
358
348
|
onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
|
|
359
349
|
}, a));
|
|
360
350
|
}
|
|
361
|
-
return /* @__PURE__ */ w(
|
|
351
|
+
return /* @__PURE__ */ w(A, {
|
|
362
352
|
children: [
|
|
363
353
|
this.props.children,
|
|
364
354
|
n
|
|
@@ -383,27 +373,27 @@ class Ae extends l.Component {
|
|
|
383
373
|
};
|
|
384
374
|
}
|
|
385
375
|
}
|
|
386
|
-
const
|
|
376
|
+
const E = (param)=>{
|
|
387
377
|
let { showCancel: e , showClose: t , forceWeb: i } = param;
|
|
388
378
|
return (n)=>{
|
|
389
|
-
if (!
|
|
390
|
-
|
|
379
|
+
if (!p) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
|
|
380
|
+
p.show(_object_spread({
|
|
391
381
|
showCancel: e,
|
|
392
382
|
showClose: t,
|
|
393
383
|
forceWeb: i
|
|
394
384
|
}, n));
|
|
395
385
|
};
|
|
396
|
-
},
|
|
386
|
+
}, Ae = E({
|
|
397
387
|
showCancel: !1,
|
|
398
388
|
forceWeb: !1,
|
|
399
389
|
showClose: !1
|
|
400
|
-
}),
|
|
390
|
+
}), De = E({
|
|
401
391
|
showCancel: !0,
|
|
402
392
|
forceWeb: !1,
|
|
403
393
|
showClose: !1
|
|
404
|
-
}),
|
|
394
|
+
}), Re = E({
|
|
405
395
|
showCancel: !1,
|
|
406
396
|
forceWeb: !0,
|
|
407
397
|
showClose: !0
|
|
408
398
|
});
|
|
409
|
-
export {
|
|
399
|
+
export { Ae as alert, De as confirm, Pe as default, Re as dialog };
|
|
@@ -2,7 +2,7 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./text-field-components.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./double-field.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
var n = {
|
|
5
|
-
default: "skrulh1
|
|
6
|
-
fullWidth: "skrulh2
|
|
5
|
+
default: "skrulh1 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbs",
|
|
6
|
+
fullWidth: "skrulh2 _1y2v1nfb5 _1y2v1nfba _1y2v1nfbs"
|
|
7
7
|
};
|
|
8
8
|
export { n 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 n = "_1azor6p0", o = "_1azor6p4
|
|
3
|
+
var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfc4 _1y2v1nfck", v = "_1azor6p2 _1y2v1nfb7 _1y2v1nfcm";
|
|
4
4
|
export { n as container, o as iconContainer, v as image };
|
|
@@ -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 _1y2v1nfb5 _1y2v1nf5y", v = {
|
|
4
4
|
default: "_13fzrua3",
|
|
5
5
|
largeImage: "_13fzrua4"
|
|
6
|
-
}, e = "_13fzrua9
|
|
6
|
+
}, e = "_13fzrua9 _1y2v1nfc6 _1y2v1nfcm", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfc9", o = "_13fzrua5", u = "_13fzruab _1y2v1nfb7", t = {
|
|
7
7
|
backgroundColor: "var(--_13fzrua0)"
|
|
8
8
|
};
|
|
9
9
|
export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };
|
|
@@ -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 r = "gx6h6a3
|
|
4
|
-
export { r as container, n as desktopContainer,
|
|
3
|
+
var r = "gx6h6a3 _1y2v1nfb5 _1y2v1nfc9 _1y2v1nfbs", n = "_1y2v1nfdx _1y2v1nfb5 _1y2v1nfbh", v = "gx6h6a1", t = "gx6h6ab", c = "gx6h6a6", f = "gx6h6a8 gx6h6a7", p = "gx6h6a9 gx6h6a7", x = "gx6h6aa gx6h6a7", h = "_1y2v1nfc4 _1y2v1nfck", i = "gx6h6a4";
|
|
4
|
+
export { r as container, n as desktopContainer, v as desktopContent, t as feedbackData, c as feedbackDataAppear, f as feedbackDataAppearActiveFast, p as feedbackDataAppearActiveMedium, x as feedbackDataAppearActiveSlow, h as iconContainer, i as innerContainer };
|