@telefonica/mistica 14.5.0 → 14.7.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.
Files changed (191) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/avatar.d.ts +1 -0
  4. package/dist/avatar.js +20 -18
  5. package/dist/badge.css-mistica.js +3 -3
  6. package/dist/boxed.d.ts +2 -1
  7. package/dist/boxed.js +17 -18
  8. package/dist/button-fixed-footer-layout.d.ts +1 -2
  9. package/dist/button-group.css-mistica.js +3 -3
  10. package/dist/button-group.d.ts +1 -1
  11. package/dist/button-layout.css-mistica.js +12 -12
  12. package/dist/button-layout.d.ts +1 -2
  13. package/dist/button.css-mistica.js +22 -22
  14. package/dist/button.d.ts +1 -1
  15. package/dist/button.js +93 -90
  16. package/dist/callout.css-mistica.js +1 -1
  17. package/dist/callout.d.ts +1 -1
  18. package/dist/callout.js +13 -9
  19. package/dist/card.css-mistica.js +8 -8
  20. package/dist/card.d.ts +3 -3
  21. package/dist/card.js +105 -93
  22. package/dist/carousel.css-mistica.js +7 -7
  23. package/dist/checkbox.css-mistica.js +9 -9
  24. package/dist/chip.css-mistica.js +11 -10
  25. package/dist/chip.css.d.ts +1 -1
  26. package/dist/chip.js +21 -20
  27. package/dist/circle.css-mistica.js +1 -1
  28. package/dist/credit-card-number-field.css-mistica.js +3 -3
  29. package/dist/cvv-field.css-mistica.js +3 -3
  30. package/dist/date-time-picker.js +7 -6
  31. package/dist/dialog.css-mistica.js +7 -7
  32. package/dist/dialog.d.ts +1 -1
  33. package/dist/double-field.css-mistica.js +4 -4
  34. package/dist/double-field.d.ts +10 -10
  35. package/dist/empty-state-card.css-mistica.js +2 -2
  36. package/dist/empty-state-card.d.ts +1 -1
  37. package/dist/empty-state.css-mistica.js +2 -2
  38. package/dist/empty-state.d.ts +2 -1
  39. package/dist/feedback.css-mistica.js +5 -5
  40. package/dist/feedback.d.ts +1 -0
  41. package/dist/feedback.js +86 -87
  42. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  43. package/dist/header.d.ts +2 -2
  44. package/dist/hero.css-mistica.js +5 -5
  45. package/dist/hero.d.ts +4 -4
  46. package/dist/highlighted-card.css-mistica.js +4 -4
  47. package/dist/highlighted-card.d.ts +1 -2
  48. package/dist/highlighted-card.js +2 -0
  49. package/dist/icon-button.css-mistica.js +1 -1
  50. package/dist/image.css-mistica.js +1 -1
  51. package/dist/image.js +16 -16
  52. package/dist/index.d.ts +7 -2
  53. package/dist/index.js +9 -1
  54. package/dist/list.css-mistica.js +9 -9
  55. package/dist/loading-bar.css-mistica.js +6 -6
  56. package/dist/logo.d.ts +34 -0
  57. package/dist/logo.js +629 -0
  58. package/dist/maybe-dismissable.css-mistica.js +4 -4
  59. package/dist/menu.css-mistica.js +1 -1
  60. package/dist/navigation-bar.css-mistica.js +16 -16
  61. package/dist/navigation-bar.d.ts +2 -6
  62. package/dist/navigation-bar.js +99 -266
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/password-field.css-mistica.js +2 -2
  66. package/dist/popover.css-mistica.js +10 -10
  67. package/dist/progress-bar.css-mistica.js +2 -2
  68. package/dist/radio-button.css-mistica.js +9 -9
  69. package/dist/responsive-layout.css-mistica.js +8 -5
  70. package/dist/responsive-layout.css.d.ts +4 -1
  71. package/dist/responsive-layout.d.ts +2 -0
  72. package/dist/responsive-layout.js +7 -9
  73. package/dist/screen-reader-only.css-mistica.js +1 -1
  74. package/dist/select.css-mistica.js +14 -14
  75. package/dist/skeleton-base.js +3 -3
  76. package/dist/skeletons.css-mistica.js +4 -4
  77. package/dist/skins/blau.js +7 -1
  78. package/dist/skins/defaults.d.ts +3 -0
  79. package/dist/skins/defaults.js +48 -0
  80. package/dist/skins/movistar-legacy.js +7 -1
  81. package/dist/skins/movistar.js +7 -1
  82. package/dist/skins/o2-classic.js +6 -0
  83. package/dist/skins/o2.js +9 -3
  84. package/dist/skins/skin-contract.css-mistica.js +203 -185
  85. package/dist/skins/skin-contract.css.d.ts +18 -0
  86. package/dist/skins/telefonica.js +19 -1
  87. package/dist/skins/types.d.ts +21 -0
  88. package/dist/skins/vivo.js +7 -1
  89. package/dist/snackbar.css-mistica.js +8 -8
  90. package/dist/spinner.css-mistica.js +1 -1
  91. package/dist/sprinkles.css-mistica.js +360 -312
  92. package/dist/sprinkles.css.d.ts +1 -1
  93. package/dist/stepper.css-mistica.js +9 -9
  94. package/dist/switch-component.css-mistica.js +23 -23
  95. package/dist/tabs.css-mistica.js +14 -14
  96. package/dist/tag.css-mistica.js +2 -2
  97. package/dist/tag.js +12 -12
  98. package/dist/text-field-base.css-mistica.js +10 -10
  99. package/dist/text-field-components.css-mistica.js +10 -10
  100. package/dist/text-link.css-mistica.js +5 -5
  101. package/dist/theme-context-provider.js +38 -58
  102. package/dist/theme-variant-context.d.ts +4 -1
  103. package/dist/theme-variant-context.js +9 -8
  104. package/dist/tooltip.css-mistica.js +2 -2
  105. package/dist/touchable.css-mistica.js +1 -1
  106. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  107. package/dist/utils/renders-element.d.ts +1 -1
  108. package/dist/video.css-mistica.js +1 -1
  109. package/dist/video.js +16 -15
  110. package/dist-es/avatar.css-mistica.js +1 -1
  111. package/dist-es/avatar.js +28 -26
  112. package/dist-es/badge.css-mistica.js +2 -2
  113. package/dist-es/boxed.js +25 -26
  114. package/dist-es/button-group.css-mistica.js +2 -2
  115. package/dist-es/button-layout.css-mistica.js +7 -7
  116. package/dist-es/button.css-mistica.js +9 -9
  117. package/dist-es/button.js +128 -125
  118. package/dist-es/callout.css-mistica.js +1 -1
  119. package/dist-es/callout.js +28 -24
  120. package/dist-es/card.css-mistica.js +2 -2
  121. package/dist-es/card.js +141 -129
  122. package/dist-es/carousel.css-mistica.js +2 -2
  123. package/dist-es/checkbox.css-mistica.js +6 -6
  124. package/dist-es/chip.css-mistica.js +9 -8
  125. package/dist-es/chip.js +37 -36
  126. package/dist-es/circle.css-mistica.js +1 -1
  127. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  128. package/dist-es/cvv-field.css-mistica.js +2 -2
  129. package/dist-es/date-time-picker.js +13 -12
  130. package/dist-es/dialog.css-mistica.js +5 -5
  131. package/dist-es/double-field.css-mistica.js +4 -4
  132. package/dist-es/empty-state-card.css-mistica.js +2 -2
  133. package/dist-es/empty-state.css-mistica.js +2 -2
  134. package/dist-es/feedback.css-mistica.js +2 -2
  135. package/dist-es/feedback.js +109 -110
  136. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  137. package/dist-es/hero.css-mistica.js +2 -2
  138. package/dist-es/highlighted-card.css-mistica.js +4 -4
  139. package/dist-es/highlighted-card.js +9 -7
  140. package/dist-es/icon-button.css-mistica.js +1 -1
  141. package/dist-es/image.css-mistica.js +1 -1
  142. package/dist-es/image.js +18 -18
  143. package/dist-es/index.js +1698 -1697
  144. package/dist-es/list.css-mistica.js +2 -2
  145. package/dist-es/loading-bar.css-mistica.js +2 -2
  146. package/dist-es/logo.js +607 -0
  147. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  148. package/dist-es/menu.css-mistica.js +1 -1
  149. package/dist-es/navigation-bar.css-mistica.js +11 -11
  150. package/dist-es/navigation-bar.js +171 -337
  151. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  152. package/dist-es/package-version.js +1 -1
  153. package/dist-es/password-field.css-mistica.js +2 -2
  154. package/dist-es/popover.css-mistica.js +2 -2
  155. package/dist-es/progress-bar.css-mistica.js +2 -2
  156. package/dist-es/radio-button.css-mistica.js +6 -6
  157. package/dist-es/responsive-layout.css-mistica.js +5 -2
  158. package/dist-es/responsive-layout.js +16 -18
  159. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  160. package/dist-es/select.css-mistica.js +11 -11
  161. package/dist-es/skeleton-base.js +7 -7
  162. package/dist-es/skeletons.css-mistica.js +2 -2
  163. package/dist-es/skins/blau.js +7 -1
  164. package/dist-es/skins/defaults.js +35 -0
  165. package/dist-es/skins/movistar-legacy.js +7 -1
  166. package/dist-es/skins/movistar.js +7 -1
  167. package/dist-es/skins/o2-classic.js +6 -0
  168. package/dist-es/skins/o2.js +9 -3
  169. package/dist-es/skins/skin-contract.css-mistica.js +203 -185
  170. package/dist-es/skins/telefonica.js +19 -1
  171. package/dist-es/skins/vivo.js +7 -1
  172. package/dist-es/snackbar.css-mistica.js +2 -2
  173. package/dist-es/spinner.css-mistica.js +1 -1
  174. package/dist-es/sprinkles.css-mistica.js +360 -312
  175. package/dist-es/stepper.css-mistica.js +2 -2
  176. package/dist-es/style.css +1 -1
  177. package/dist-es/switch-component.css-mistica.js +19 -19
  178. package/dist-es/tabs.css-mistica.js +10 -10
  179. package/dist-es/tag.css-mistica.js +2 -2
  180. package/dist-es/tag.js +27 -27
  181. package/dist-es/text-field-base.css-mistica.js +2 -2
  182. package/dist-es/text-field-components.css-mistica.js +2 -2
  183. package/dist-es/text-link.css-mistica.js +5 -5
  184. package/dist-es/theme-context-provider.js +72 -92
  185. package/dist-es/theme-variant-context.js +9 -9
  186. package/dist-es/tooltip.css-mistica.js +2 -2
  187. package/dist-es/touchable.css-mistica.js +1 -1
  188. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  189. package/dist-es/video.css-mistica.js +1 -1
  190. package/dist-es/video.js +17 -16
  191. package/package.json +3 -3
@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./responsive-layout.css.ts.vanilla.js";
3
3
  import "./grid-layout.css.ts.vanilla.js";
4
4
  import "./carousel.css.ts.vanilla.js";
5
- var f = "_1abcu71 _1y2v1nf7u _1y2v1nf89 _1y2v1nf9h _1y2v1nf3m", y = "_1abcu72 _1abcu71 _1y2v1nf7u _1y2v1nf89 _1y2v1nf9h _1y2v1nf3n", r = "_1abcu72 _1abcu71 _1y2v1nf7u _1y2v1nf89 _1y2v1nf9h _1y2v1nf42", e = "_1abcu75 _1abcu71 _1y2v1nf7u _1y2v1nf89 _1y2v1nf9h", u = "_1abcu7l _1abcu7b _1y2v1nf5i _1y2v1nf8k", c = "_1y2v1nf5i _1y2v1nf5r", b = "_1y2v1nf8w _1y2v1nf5d", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h _1y2v1nf2q _1y2v1nf7z _1y2v1nf8e _1y2v1nf9f _1y2v1nf5e", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h _1y2v1nf2q _1y2v1nf7z _1y2v1nf8e _1y2v1nf9f _1y2v1nf5e", s = "_1abcu7m", i = "_1abcu7n", h = "_1abcu7v _1abcu7b _1y2v1nf5i _1y2v1nf8k", d = "_1abcu713 _1y2v1nf5e _1y2v1nfb2 _1y2v1nf5i _1y2v1nf5r _1y2v1nf7p", m = "_1y2v1nf5d", w = "_1abcu7x _1y2v1nf7p _1y2v1nf60", p = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h _1y2v1nf2q _1y2v1nf7z _1y2v1nf8e _1y2v1nf9f _1y2v1nf5e _1y2v1nfao", q = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h _1y2v1nf2q _1y2v1nf7z _1y2v1nf8e _1y2v1nf9f _1y2v1nf5e _1y2v1nfaa", x = {
5
+ var a = "_1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf3r", y = "_1abcu72 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf3s", r = "_1abcu72 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n _1y2v1nf47", e = "_1abcu75 _1abcu71 _1y2v1nf80 _1y2v1nf8f _1y2v1nf9n", u = "_1abcu7l _1abcu7b _1y2v1nf5o _1y2v1nf8q", c = "_1y2v1nf5o _1y2v1nf5x", b = "_1y2v1nf92 _1y2v1nf5j", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf5o _1y2v1nf8q", k = "_1abcu713 _1y2v1nf5k _1y2v1nfbi _1y2v1nf5o _1y2v1nf5x _1y2v1nf7v", m = "_1y2v1nf5j", w = "_1abcu7x _1y2v1nf7v _1y2v1nf66", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k _1y2v1nfb4", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n _1y2v1nf2t _1y2v1nf85 _1y2v1nf8k _1y2v1nf9l _1y2v1nf5k _1y2v1nfaq", 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, y as bulletActive, r as bulletActiveInverse, e as bulletInverse, u as carousel, c as carouselBullets, b as carouselContainer, o as carouselItem, t as carouselNextArrowButton, l as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, h as slideshow, d as slideshowBullets, m as slideshowContainer, w as slideshowItem, p as slideshowNextArrowButton, q as slideshowPrevArrowButton, x as vars };
11
+ export { a as bullet, y as bulletActive, r as bulletActiveInverse, e as bulletInverse, u as carousel, c as carouselBullets, b as carouselContainer, o as carouselItem, t as carouselNextArrowButton, l as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, d as slideshow, k as slideshowBullets, m as slideshowContainer, w as slideshowItem, x as slideshowNextArrowButton, h as slideshowPrevArrowButton, P as vars };
@@ -1,8 +1,8 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./checkbox.css.ts.vanilla.js";
3
- var r = {
4
- ios: "_1rz9b14 _1rz9b13 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf60 _1y2v1nf9i _1y2v1nf2p",
5
- rest: "_1rz9b15 _1rz9b13 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf60 _1y2v1nf9i _1y2v1nf2p",
6
- checked: "_1rz9b16 _1rz9b13 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf60 _1y2v1nf9i _1y2v1nf2p"
7
- }, n = "_1rz9b18 _1y2v1nf5k", f = "_1rz9b19", y = "_1rz9b11 _1y2v1nf5l", b = "_1rz9b1a";
8
- export { r as boxVariant, n as check, f as checkChecked, y as checkboxContainer, b as disabled };
3
+ var n = {
4
+ ios: "_1rz9b14 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s",
5
+ rest: "_1rz9b15 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s",
6
+ checked: "_1rz9b16 _1rz9b13 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf66 _1y2v1nf9y _1y2v1nf2s"
7
+ }, y = "_1rz9b18 _1y2v1nf5q", r = "_1rz9b19", f = "_1rz9b11 _1y2v1nf5r", b = "_1rz9b1a";
8
+ export { n as boxVariant, y as check, r as checkChecked, f as checkboxContainer, b as disabled };
@@ -1,10 +1,11 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./chip.css.ts.vanilla.js";
3
- var t = {
4
- light: "cc7htn8 cc7htn7",
5
- dark: "cc7htn9 cc7htn7"
6
- }, v = {
7
- default: "cc7htn1 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf9f _1y2v1nf2q _1y2v1nf1o",
8
- active: "cc7htn6 cc7htn2 cc7htn1 _1y2v1nf5j _1y2v1nf5r _1y2v1nf5x _1y2v1nf9f _1y2v1nfz _1y2v1nf51"
9
- }, f = "cc7htna", a = "cc7htnb";
10
- export { t as chipInteractiveVariants, v as chipVariants, f as icon, a as iconActive };
3
+ var v = {
4
+ light: "cc7htna cc7htn9",
5
+ dark: "cc7htnb cc7htn9"
6
+ }, t = {
7
+ default: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2t _1y2v1nf1r",
8
+ overAlternative: "cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf2v _1y2v1nf1r",
9
+ active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf5p _1y2v1nf5x _1y2v1nf63 _1y2v1nf9l _1y2v1nf11 _1y2v1nf57"
10
+ }, f = "cc7htnc", y = "cc7htnd";
11
+ export { v as chipInteractiveVariants, t as chipVariants, f as icon, y as iconActive };
package/dist-es/chip.js CHANGED
@@ -50,74 +50,75 @@ function _objectSpreadProps(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import g from "classnames";
53
+ import v from "classnames";
54
54
  import { useTheme as x } from "./hooks.js";
55
- import e from "./box.js";
55
+ import r from "./box.js";
56
56
  import { Text2 as C } from "./text.js";
57
- import v from "./icon-button.js";
58
- import y from "./generated/mistica-icons/icon-close-regular.js";
57
+ import y from "./icon-button.js";
58
+ import A from "./generated/mistica-icons/icon-close-regular.js";
59
59
  import { pxToRem as R } from "./utils/css.js";
60
- import { iconActive as b, icon as j, chipVariants as m, chipInteractiveVariants as z } from "./chip.css-mistica.js";
61
- import { vars as B } from "./skins/skin-contract.css-mistica.js";
60
+ import { iconActive as T, icon as b, chipVariants as i, chipInteractiveVariants as j } from "./chip.css-mistica.js";
61
+ import { vars as z } from "./skins/skin-contract.css-mistica.js";
62
62
  import { getPrefixedDataAttributes as c } from "./utils/dom.js";
63
- import { jsxs as l, Fragment as I, jsx as r } from "./_virtual/jsx-runtime.js";
64
- const w = (param)=>{
65
- let { Icon: t , children: d , id: p , dataAttributes: i , active: o , onClose: s } = param;
66
- const { texts: f , isDarkMode: u } = x(), n = /* @__PURE__ */ l(I, {
63
+ import { useThemeVariant as B } from "./theme-variant-context.js";
64
+ import { jsxs as d, Fragment as I, jsx as e } from "./_virtual/jsx-runtime.js";
65
+ const H = (param)=>{
66
+ let { Icon: t , children: p , id: f , dataAttributes: n , active: o , onClose: a } = param;
67
+ const { texts: u , isDarkMode: h } = x(), s = B() === "alternative", m = /* @__PURE__ */ d(I, {
67
68
  children: [
68
- t && /* @__PURE__ */ r(e, {
69
+ t && /* @__PURE__ */ e(r, {
69
70
  paddingRight: 4,
70
- className: o ? b : j,
71
- children: /* @__PURE__ */ r(t, {
71
+ className: o ? T : b,
72
+ children: /* @__PURE__ */ e(t, {
72
73
  color: "currentColor",
73
74
  size: R(16)
74
75
  })
75
76
  }),
76
- /* @__PURE__ */ r(C, {
77
- id: p,
77
+ /* @__PURE__ */ e(C, {
78
+ id: f,
78
79
  medium: !0,
79
80
  truncate: 1,
80
81
  color: "currentColor",
81
- children: d
82
+ children: p
82
83
  })
83
84
  ]
84
- }), a = t ? 8 : 12;
85
- if (s) return /* @__PURE__ */ l(e, _objectSpreadProps(_objectSpread({
86
- className: m.default,
87
- paddingLeft: a
88
- }, c(i, "Chip")), {
85
+ }), l = t ? 8 : 12;
86
+ if (a) return /* @__PURE__ */ d(r, _objectSpreadProps(_objectSpread({
87
+ className: s ? i.overAlternative : i.default,
88
+ paddingLeft: l
89
+ }, c(n, "Chip")), {
89
90
  children: [
90
- n,
91
- /* @__PURE__ */ r(e, {
91
+ m,
92
+ /* @__PURE__ */ e(r, {
92
93
  paddingLeft: 4,
93
- children: /* @__PURE__ */ r(v, {
94
+ children: /* @__PURE__ */ e(y, {
94
95
  size: 24,
95
96
  style: {
96
97
  display: "flex",
97
98
  justifyContent: "center",
98
99
  alignItems: "center"
99
100
  },
100
- "aria-label": f.closeButtonLabel,
101
- onPress: ()=>s(),
102
- children: /* @__PURE__ */ r(y, {
101
+ "aria-label": u.closeButtonLabel,
102
+ onPress: ()=>a(),
103
+ children: /* @__PURE__ */ e(A, {
103
104
  size: 16,
104
- color: B.colors.neutralMedium
105
+ color: z.colors.neutralMedium
105
106
  })
106
107
  })
107
108
  })
108
109
  ]
109
110
  }));
110
111
  {
111
- const h = o !== void 0;
112
- return /* @__PURE__ */ r(e, _objectSpreadProps(_objectSpread({
113
- className: g(m[o ? "active" : "default"], {
114
- [z[u ? "dark" : "light"]]: h
112
+ const g = o !== void 0;
113
+ return /* @__PURE__ */ e(r, _objectSpreadProps(_objectSpread({
114
+ className: v(i[o ? "active" : s ? "overAlternative" : "default"], {
115
+ [j[h ? "dark" : "light"]]: g
115
116
  }),
116
- paddingLeft: a,
117
+ paddingLeft: l,
117
118
  paddingRight: 12
118
- }, c(i, "Chip")), {
119
- children: n
119
+ }, c(n, "Chip")), {
120
+ children: m
120
121
  }));
121
122
  }
122
123
  };
123
- export { w as default };
124
+ export { H as default };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./circle.css.ts.vanilla.js";
3
- var p = "_1wpwyyp1 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h";
3
+ var p = "_1wpwyyp1 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf9n";
4
4
  export { p as circle };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./credit-card-number-field.css.ts.vanilla.js";
3
- var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5e", f = {
4
- default: "yvyo3q4 _1y2v1nf5d yvyo3q5",
5
- backface: "yvyo3q4 _1y2v1nf5d yvyo3q6"
3
+ var a = "yvyo3q0", o = "yvyo3q2", r = "_1y2v1nf5k", f = {
4
+ default: "yvyo3q4 _1y2v1nf5j yvyo3q5",
5
+ backface: "yvyo3q4 _1y2v1nf5j yvyo3q6"
6
6
  };
7
7
  export { a as flip, o as flipBack, r as flipFront, f as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./cvv-field.css.ts.vanilla.js";
3
- var v = "_10ijton2 _1y2v1nf1o", i = "_1y2v1nf5i _1y2v1nf5x";
4
- export { v as cvvText, i as tooltipContainer };
3
+ var r = "_10ijton2 _1y2v1nf1r", v = "_1y2v1nf5o _1y2v1nf63";
4
+ export { r as cvvText, v as tooltipContainer };
@@ -78,8 +78,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
78
78
  return target;
79
79
  }
80
80
  import * as d from "react";
81
- import { TextFieldBaseAutosuggest as M } from "./text-field-base.js";
82
- import R from "./generated/mistica-icons/icon-calendar-regular.js";
81
+ import { TextFieldBaseAutosuggest as R } from "./text-field-base.js";
82
+ import M from "./generated/mistica-icons/icon-calendar-regular.js";
83
83
  import H from "react-datetime";
84
84
  import S from "./overlay.js";
85
85
  import { DEFAULT_WIDTH as I } from "./text-field-components.css-mistica.js";
@@ -88,27 +88,28 @@ import { cancelEvent as B, createChangeEvent as E } from "./utils/dom.js";
88
88
  import { useTheme as F, useElementDimensions as L } from "./hooks.js";
89
89
  import T from "./generated/mistica-icons/icon-close-regular.js";
90
90
  import { reactDatePicker as V } from "./date-time-picker.css-mistica.js";
91
- import { jsxs as Y, Fragment as j, jsx as r } from "./_virtual/jsx-runtime.js";
91
+ import { vars as Y } from "./skins/skin-contract.css-mistica.js";
92
+ import { jsxs as j, Fragment as z, jsx as r } from "./_virtual/jsx-runtime.js";
92
93
  const g = navigator.language.toLocaleLowerCase().split("-")[0];
93
94
  import(/* webpackChunkName: "moment-locale" */ `moment/locale/${g}`).finally(()=>{});
94
- const Q = (_param)=>{
95
+ const Z = (_param)=>{
95
96
  var { withTime: s , mode: l , isValidDate: y , optional: u } = _param, t = _objectWithoutProperties(_param, [
96
97
  "withTime",
97
98
  "mode",
98
99
  "isValidDate",
99
100
  "optional"
100
101
  ]);
101
- const [m, x] = d.useState(!1), { texts: b } = F(), n = d.useRef(null), { height: k , ref: v } = L(), i = (e)=>{
102
+ const [m, x] = d.useState(!1), { texts: b } = F(), n = d.useRef(null), { height: v , ref: k } = L(), i = (e)=>{
102
103
  t.disabled || x(e);
103
104
  }, w = ()=>{
104
105
  var p;
105
106
  const { top: e = 0 , bottom: o = 0 , left: a = 0 } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
106
107
  return {
107
108
  width: I,
108
- top: P ? o : e - k,
109
+ top: P ? o : e - v,
109
110
  left: a,
110
111
  position: "absolute",
111
- borderRadius: 8,
112
+ borderRadius: Y.borderRadii.input,
112
113
  overflow: "hidden",
113
114
  boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)"
114
115
  };
@@ -132,11 +133,11 @@ const Q = (_param)=>{
132
133
  "aria-label": "",
133
134
  size: 32,
134
135
  onPress: ()=>i(!m),
135
- children: /* @__PURE__ */ r(R, {})
136
+ children: /* @__PURE__ */ r(M, {})
136
137
  });
137
- return /* @__PURE__ */ Y(j, {
138
+ return /* @__PURE__ */ j(z, {
138
139
  children: [
139
- /* @__PURE__ */ r(M, _objectSpreadProps(_objectSpread({}, t), {
140
+ /* @__PURE__ */ r(R, _objectSpreadProps(_objectSpread({}, t), {
140
141
  style: {
141
142
  cursor: "default"
142
143
  },
@@ -161,7 +162,7 @@ const Q = (_param)=>{
161
162
  },
162
163
  disableScroll: !0,
163
164
  children: /* @__PURE__ */ r("div", {
164
- ref: v,
165
+ ref: k,
165
166
  style: w(),
166
167
  className: V,
167
168
  children: /* @__PURE__ */ r(H, {
@@ -179,4 +180,4 @@ const Q = (_param)=>{
179
180
  ]
180
181
  });
181
182
  };
182
- export { Q as default };
183
+ export { Z as default };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./dialog.css.ts.vanilla.js";
3
- var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6b", l = "_3dl29lj _1y2v1nf64 _1y2v1nf8z", a = "_3dl29lm", d = "_3dl29l8 _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf7g _1y2v1nf5e _1y2v1nf9q _1y2v1nfai", o = "_3dl29la _1y2v1nf2p _1y2v1nf9k", r = "_3dl29l5 _1y2v1nf5f _1y2v1nf5i _1y2v1nf5r _1y2v1nf5x _1y2v1nf5o _1y2v1nf9q _1y2v1nfai _1y2v1nfaw _1y2v1nfa4 _1y2v1nf2t", t = {
4
- dialog: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf73 _1y2v1nf7h _1y2v1nf6d _1y2v1nf6p",
5
- default: "_3dl29ld _1y2v1nf5i _1y2v1nf5o _1y2v1nf5u _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h"
6
- }, i = "_3dl29l3 _1y2v1nf5d";
7
- export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, d as modalCloseButtonContainer, o as modalContent, r as modalOpacityLayer, t as variants, i as wrapper };
3
+ var _ = "_3dl29lb", y = "_3dl29l6", f = "_3dl29ll _1y2v1nf6h", l = "_3dl29lj _1y2v1nf6a _1y2v1nf95", a = "_3dl29lm", o = "_3dl29l8 _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5k _1y2v1nfa6 _1y2v1nfay", d = "_3dl29la _1y2v1nf2s _1y2v1nf9v", r = "_3dl29l5 _1y2v1nf5l _1y2v1nf5o _1y2v1nf5x _1y2v1nf63 _1y2v1nf5u _1y2v1nfa6 _1y2v1nfay _1y2v1nfbc _1y2v1nfak _1y2v1nf2y", t = {
4
+ dialog: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf79 _1y2v1nf7n _1y2v1nf6j _1y2v1nf6v",
5
+ default: "_3dl29ld _1y2v1nf5o _1y2v1nf5u _1y2v1nf60 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n"
6
+ }, e = "_3dl29l3 _1y2v1nf5j";
7
+ export { _ as closedModalContent, y as closedOpactityLayer, f as dialogActions, l as dialogContent, a as iconContainer, o as modalCloseButtonContainer, d as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
@@ -1,8 +1,8 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./text-field-components.css.ts.vanilla.js";
3
3
  import "./double-field.css.ts.vanilla.js";
4
- var v = {
5
- default: "skrulh1 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p",
6
- fullWidth: "skrulh2 _1y2v1nf5i _1y2v1nf5n _1y2v1nf7p"
4
+ var r = {
5
+ default: "skrulh1 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v",
6
+ fullWidth: "skrulh2 _1y2v1nf5o _1y2v1nf5t _1y2v1nf7v"
7
7
  };
8
- export { v as variants };
8
+ export { r as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./empty-state-card.css.ts.vanilla.js";
3
- var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf80 _1y2v1nf8f", v = "_1azor6p2 _1y2v1nf5k _1y2v1nf8h";
4
- export { n as container, o as iconContainer, v as image };
3
+ var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf86 _1y2v1nf8l", v = "_1azor6p2 _1y2v1nf5q _1y2v1nf8n";
4
+ export { a as container, o as iconContainer, v as image };
@@ -1,9 +1,9 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./empty-state.css.ts.vanilla.js";
3
- var n = "_13fzrua2 _1y2v1nf5i _1y2v1nf5c", v = {
3
+ var n = "_13fzrua2 _1y2v1nf5o _1y2v1nf5i", v = {
4
4
  default: "_13fzrua3",
5
5
  largeImage: "_13fzrua4"
6
- }, e = "_13fzrua9 _1y2v1nf82 _1y2v1nf8h", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf85", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5k", t = {
6
+ }, e = "_13fzrua9 _1y2v1nf88 _1y2v1nf8n", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8b", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5q", 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.js";
2
2
  import "./feedback.css.ts.vanilla.js";
3
- var n = "gx6h6a3 _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p", r = "_1y2v1nf9l _1y2v1nf5i _1y2v1nf5u", t = "gx6h6a1", v = "gx6h6a7", p = "gx6h6a5", f = "gx6h6a6", i = "gx6h6a4";
4
- export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, p as feedbackDataAppear, f as feedbackDataAppearActive, i as innerContainer };
3
+ var n = "gx6h6a3 _1y2v1nf5o _1y2v1nf8b _1y2v1nf7v", r = "_1y2v1nf9w _1y2v1nf5o _1y2v1nf60", v = "gx6h6a1", t = "gx6h6a7", o = "gx6h6a5", f = "gx6h6a6", p = "gx6h6a4";
4
+ export { n as container, r as desktopContainer, v as desktopContent, t as feedbackData, o as feedbackDataAppear, f as feedbackDataAppearActive, p as innerContainer };