@telefonica/mistica 15.3.0 → 15.5.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 (254) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +3 -3
  4. package/dist/accordion.js +75 -71
  5. package/dist/avatar.css-mistica.js +3 -3
  6. package/dist/avatar.js +1 -1
  7. package/dist/badge.css-mistica.js +4 -4
  8. package/dist/box.d.ts +1 -0
  9. package/dist/box.js +11 -10
  10. package/dist/boxed.css-mistica.js +1 -1
  11. package/dist/button-group.css-mistica.js +1 -1
  12. package/dist/button-layout.css-mistica.js +10 -10
  13. package/dist/button.css-mistica.js +31 -31
  14. package/dist/button.js +59 -46
  15. package/dist/callout.css-mistica.js +1 -1
  16. package/dist/card.css-mistica.js +19 -16
  17. package/dist/card.css.d.ts +1 -0
  18. package/dist/card.d.ts +7 -5
  19. package/dist/card.js +376 -351
  20. package/dist/carousel.css-mistica.js +18 -18
  21. package/dist/carousel.d.ts +3 -4
  22. package/dist/carousel.js +167 -169
  23. package/dist/checkbox.css-mistica.js +10 -10
  24. package/dist/chip.css-mistica.js +15 -9
  25. package/dist/chip.css.d.ts +2 -0
  26. package/dist/chip.js +49 -47
  27. package/dist/circle.css-mistica.js +1 -1
  28. package/dist/community/advanced-data-card.css-mistica.js +20 -17
  29. package/dist/community/advanced-data-card.css.d.ts +1 -0
  30. package/dist/community/advanced-data-card.d.ts +2 -2
  31. package/dist/community/advanced-data-card.js +26 -25
  32. package/dist/community/blocks.css-mistica.js +1 -1
  33. package/dist/community/blocks.js +10 -8
  34. package/dist/counter.css-mistica.js +9 -9
  35. package/dist/credit-card-number-field.css-mistica.js +6 -6
  36. package/dist/dialog.css-mistica.js +9 -9
  37. package/dist/dialog.js +96 -94
  38. package/dist/double-field.css-mistica.js +4 -4
  39. package/dist/empty-state-card.css-mistica.js +4 -4
  40. package/dist/empty-state.css-mistica.js +6 -6
  41. package/dist/feedback.css-mistica.js +6 -6
  42. package/dist/feedback.d.ts +1 -1
  43. package/dist/feedback.js +87 -99
  44. package/dist/fixed-footer-layout.css-mistica.js +13 -7
  45. package/dist/fixed-footer-layout.css.d.ts +2 -0
  46. package/dist/fixed-footer-layout.d.ts +1 -1
  47. package/dist/fixed-footer-layout.js +79 -88
  48. package/dist/fixed-to-top.d.ts +1 -0
  49. package/dist/fixed-to-top.js +9 -6
  50. package/dist/generated/mistica-icons/icon-ethernet-filled.d.ts +4 -0
  51. package/dist/generated/mistica-icons/icon-ethernet-filled.js +111 -0
  52. package/dist/generated/mistica-icons/icon-ethernet-light.d.ts +4 -0
  53. package/dist/generated/mistica-icons/icon-ethernet-light.js +111 -0
  54. package/dist/generated/mistica-icons/icon-ethernet-regular.d.ts +4 -0
  55. package/dist/generated/mistica-icons/icon-ethernet-regular.js +111 -0
  56. package/dist/generated/mistica-icons/icon-routine-filled.d.ts +4 -0
  57. package/dist/generated/mistica-icons/icon-routine-filled.js +111 -0
  58. package/dist/generated/mistica-icons/icon-routine-light.d.ts +4 -0
  59. package/dist/generated/mistica-icons/icon-routine-light.js +111 -0
  60. package/dist/generated/mistica-icons/icon-routine-regular.d.ts +4 -0
  61. package/dist/generated/mistica-icons/icon-routine-regular.js +111 -0
  62. package/dist/header.css-mistica.js +1 -1
  63. package/dist/hero.css-mistica.js +8 -9
  64. package/dist/hero.css.d.ts +1 -1
  65. package/dist/hero.d.ts +1 -1
  66. package/dist/hero.js +99 -100
  67. package/dist/highlighted-card.css-mistica.js +6 -6
  68. package/dist/hooks.d.ts +2 -0
  69. package/dist/hooks.js +39 -44
  70. package/dist/horizontal-scroll.css-mistica.js +1 -1
  71. package/dist/icon-button.css-mistica.js +7 -7
  72. package/dist/icons/icon-error.js +2 -0
  73. package/dist/icons/icon-info.js +2 -0
  74. package/dist/icons/icon-success-vivo-new.js +1 -0
  75. package/dist/icons/icon-success-vivo.js +9 -8
  76. package/dist/image.css-mistica.js +3 -3
  77. package/dist/image.d.ts +1 -0
  78. package/dist/image.js +51 -49
  79. package/dist/index.d.ts +6 -0
  80. package/dist/index.js +24 -0
  81. package/dist/list.css-mistica.js +13 -13
  82. package/dist/list.d.ts +3 -0
  83. package/dist/list.js +261 -217
  84. package/dist/loading-bar.css-mistica.js +5 -5
  85. package/dist/loading-screen.css-mistica.js +8 -8
  86. package/dist/loading-screen.d.ts +1 -1
  87. package/dist/logo.js +40 -27
  88. package/dist/maybe-dismissable.css-mistica.js +1 -1
  89. package/dist/menu.css-mistica.js +3 -3
  90. package/dist/navigation-bar.css-mistica.js +19 -19
  91. package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
  92. package/dist/overscroll-color-context.d.ts +1 -0
  93. package/dist/overscroll-color-context.js +15 -12
  94. package/dist/package-version.js +1 -1
  95. package/dist/pin-field.css-mistica.js +5 -5
  96. package/dist/progress-bar.css-mistica.js +3 -3
  97. package/dist/radio-button.css-mistica.js +10 -10
  98. package/dist/radio-button.d.ts +2 -0
  99. package/dist/radio-button.js +68 -66
  100. package/dist/responsive-layout.css-mistica.js +29 -14
  101. package/dist/responsive-layout.css.d.ts +8 -3
  102. package/dist/responsive-layout.d.ts +5 -0
  103. package/dist/responsive-layout.js +36 -17
  104. package/dist/screen-reader-only.css-mistica.js +2 -2
  105. package/dist/select.css-mistica.js +10 -10
  106. package/dist/sheet.css-mistica.js +9 -9
  107. package/dist/sheet.d.ts +8 -8
  108. package/dist/skeletons.css-mistica.js +4 -4
  109. package/dist/skins/blau.js +11 -1
  110. package/dist/skins/movistar.js +11 -1
  111. package/dist/skins/o2-new.d.ts +0 -1
  112. package/dist/skins/o2-new.js +17 -8
  113. package/dist/skins/o2.js +11 -1
  114. package/dist/skins/skin-contract.css-mistica.js +268 -258
  115. package/dist/skins/skin-contract.css.d.ts +10 -0
  116. package/dist/skins/telefonica.js +11 -1
  117. package/dist/skins/tu.js +11 -1
  118. package/dist/skins/types/colors.d.ts +5 -0
  119. package/dist/skins/vivo-new.js +11 -1
  120. package/dist/skins/vivo.js +11 -1
  121. package/dist/slider.css-mistica.js +9 -9
  122. package/dist/slider.d.ts +1 -1
  123. package/dist/snackbar.css-mistica.js +15 -15
  124. package/dist/spinner.css-mistica.js +3 -3
  125. package/dist/sprinkles.css-mistica.js +833 -803
  126. package/dist/stacking-group.css-mistica.js +2 -2
  127. package/dist/stepper.css-mistica.js +9 -9
  128. package/dist/switch-component.css-mistica.js +21 -21
  129. package/dist/switch-component.d.ts +2 -0
  130. package/dist/switch-component.js +28 -27
  131. package/dist/tabs.css-mistica.js +10 -10
  132. package/dist/tag.css-mistica.js +2 -2
  133. package/dist/text-field-base.css-mistica.js +16 -16
  134. package/dist/text-field-components.css-mistica.js +9 -9
  135. package/dist/text-field-components.js +8 -8
  136. package/dist/text-link.css-mistica.js +3 -3
  137. package/dist/text.js +70 -70
  138. package/dist/theme-context-provider.d.ts +1 -0
  139. package/dist/theme-context-provider.js +47 -43
  140. package/dist/theme.d.ts +2 -1
  141. package/dist/tooltip.css-mistica.js +4 -4
  142. package/dist/touchable.css-mistica.js +2 -2
  143. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  144. package/dist/video.css-mistica.js +1 -1
  145. package/dist/video.js +1 -1
  146. package/dist-es/accordion.css-mistica.js +3 -3
  147. package/dist-es/accordion.js +87 -83
  148. package/dist-es/avatar.css-mistica.js +2 -2
  149. package/dist-es/avatar.js +1 -1
  150. package/dist-es/badge.css-mistica.js +2 -2
  151. package/dist-es/box.js +13 -12
  152. package/dist-es/boxed.css-mistica.js +1 -1
  153. package/dist-es/button-group.css-mistica.js +1 -1
  154. package/dist-es/button-layout.css-mistica.js +6 -6
  155. package/dist-es/button.css-mistica.js +18 -18
  156. package/dist-es/button.js +77 -64
  157. package/dist-es/callout.css-mistica.js +1 -1
  158. package/dist-es/card.css-mistica.js +2 -2
  159. package/dist-es/card.js +491 -466
  160. package/dist-es/carousel.css-mistica.js +2 -2
  161. package/dist-es/carousel.js +166 -165
  162. package/dist-es/checkbox.css-mistica.js +6 -6
  163. package/dist-es/chip.css-mistica.js +8 -8
  164. package/dist-es/chip.js +75 -72
  165. package/dist-es/circle.css-mistica.js +1 -1
  166. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  167. package/dist-es/community/advanced-data-card.js +70 -69
  168. package/dist-es/community/blocks.css-mistica.js +1 -1
  169. package/dist-es/community/blocks.js +16 -14
  170. package/dist-es/counter.css-mistica.js +2 -2
  171. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  172. package/dist-es/dialog.css-mistica.js +5 -5
  173. package/dist-es/dialog.js +114 -112
  174. package/dist-es/double-field.css-mistica.js +4 -4
  175. package/dist-es/empty-state-card.css-mistica.js +2 -2
  176. package/dist-es/empty-state.css-mistica.js +3 -3
  177. package/dist-es/feedback.css-mistica.js +2 -2
  178. package/dist-es/feedback.js +119 -131
  179. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  180. package/dist-es/fixed-footer-layout.js +98 -107
  181. package/dist-es/fixed-to-top.js +8 -8
  182. package/dist-es/generated/mistica-icons/icon-ethernet-filled.js +102 -0
  183. package/dist-es/generated/mistica-icons/icon-ethernet-light.js +102 -0
  184. package/dist-es/generated/mistica-icons/icon-ethernet-regular.js +102 -0
  185. package/dist-es/generated/mistica-icons/icon-routine-filled.js +102 -0
  186. package/dist-es/generated/mistica-icons/icon-routine-light.js +102 -0
  187. package/dist-es/generated/mistica-icons/icon-routine-regular.js +102 -0
  188. package/dist-es/header.css-mistica.js +1 -1
  189. package/dist-es/hero.css-mistica.js +2 -3
  190. package/dist-es/hero.js +121 -122
  191. package/dist-es/highlighted-card.css-mistica.js +5 -5
  192. package/dist-es/hooks.js +41 -40
  193. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  194. package/dist-es/icon-button.css-mistica.js +7 -7
  195. package/dist-es/icons/icon-error.js +29 -27
  196. package/dist-es/icons/icon-info.js +2 -0
  197. package/dist-es/icons/icon-success-vivo-new.js +1 -0
  198. package/dist-es/icons/icon-success-vivo.js +9 -8
  199. package/dist-es/image.css-mistica.js +2 -2
  200. package/dist-es/image.js +70 -68
  201. package/dist-es/index.js +1088 -1082
  202. package/dist-es/list.css-mistica.js +2 -2
  203. package/dist-es/list.js +342 -298
  204. package/dist-es/loading-bar.css-mistica.js +2 -2
  205. package/dist-es/loading-screen.css-mistica.js +3 -3
  206. package/dist-es/logo.js +93 -80
  207. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  208. package/dist-es/menu.css-mistica.js +2 -2
  209. package/dist-es/navigation-bar.css-mistica.js +9 -9
  210. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  211. package/dist-es/overscroll-color-context.js +12 -12
  212. package/dist-es/package-version.js +1 -1
  213. package/dist-es/pin-field.css-mistica.js +2 -2
  214. package/dist-es/progress-bar.css-mistica.js +2 -2
  215. package/dist-es/radio-button.css-mistica.js +6 -6
  216. package/dist-es/radio-button.js +70 -68
  217. package/dist-es/responsive-layout.css-mistica.js +5 -5
  218. package/dist-es/responsive-layout.js +41 -25
  219. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  220. package/dist-es/select.css-mistica.js +9 -9
  221. package/dist-es/sheet.css-mistica.js +2 -2
  222. package/dist-es/skeletons.css-mistica.js +2 -2
  223. package/dist-es/skins/blau.js +11 -1
  224. package/dist-es/skins/movistar.js +13 -3
  225. package/dist-es/skins/o2-new.js +17 -8
  226. package/dist-es/skins/o2.js +11 -1
  227. package/dist-es/skins/skin-contract.css-mistica.js +268 -258
  228. package/dist-es/skins/telefonica.js +11 -1
  229. package/dist-es/skins/tu.js +13 -3
  230. package/dist-es/skins/vivo-new.js +13 -3
  231. package/dist-es/skins/vivo.js +13 -3
  232. package/dist-es/slider.css-mistica.js +2 -2
  233. package/dist-es/snackbar.css-mistica.js +5 -5
  234. package/dist-es/spinner.css-mistica.js +2 -2
  235. package/dist-es/sprinkles.css-mistica.js +833 -803
  236. package/dist-es/stacking-group.css-mistica.js +2 -2
  237. package/dist-es/stepper.css-mistica.js +2 -2
  238. package/dist-es/style.css +1 -1
  239. package/dist-es/switch-component.css-mistica.js +19 -19
  240. package/dist-es/switch-component.js +32 -31
  241. package/dist-es/tabs.css-mistica.js +7 -7
  242. package/dist-es/tag.css-mistica.js +2 -2
  243. package/dist-es/text-field-base.css-mistica.js +2 -2
  244. package/dist-es/text-field-components.css-mistica.js +2 -2
  245. package/dist-es/text-field-components.js +15 -15
  246. package/dist-es/text-link.css-mistica.js +3 -3
  247. package/dist-es/text.js +76 -76
  248. package/dist-es/theme-context-provider.js +88 -84
  249. package/dist-es/tooltip.css-mistica.js +2 -2
  250. package/dist-es/touchable.css-mistica.js +2 -2
  251. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  252. package/dist-es/video.css-mistica.js +1 -1
  253. package/dist-es/video.js +1 -1
  254. package/package.json +1 -1
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "moreItems", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return r;
8
+ return n;
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./stacking-group.css.ts.vanilla.css-mistica.js");
13
- var r = "_1y38nye1 _1y2v1nfha _1y2v1nfh4 _1y2v1nfhj _1y2v1nfhp";
13
+ var n = "_1y38nye1 _1y2v1nfhk _1y2v1nfhe _1y2v1nfht _1y2v1nfhz";
@@ -13,22 +13,22 @@ _export(exports, {
13
13
  return _;
14
14
  },
15
15
  barFilled: function() {
16
- return h;
16
+ return r;
17
17
  },
18
18
  barFilledAnimation: function() {
19
- return r;
19
+ return h;
20
20
  },
21
21
  barFilledReverseAnimation: function() {
22
- return a;
22
+ return f;
23
23
  },
24
24
  currentNumber: function() {
25
- return f;
25
+ return e;
26
26
  },
27
27
  iconAnimation: function() {
28
- return y;
28
+ return a;
29
29
  },
30
30
  number: function() {
31
- return e;
31
+ return y;
32
32
  },
33
33
  step: function() {
34
34
  return m;
@@ -40,14 +40,14 @@ _export(exports, {
40
40
  return t;
41
41
  },
42
42
  textContainer: function() {
43
- return p;
43
+ return q;
44
44
  },
45
45
  vars: function() {
46
- return q;
46
+ return p;
47
47
  }
48
48
  });
49
49
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
50
50
  require("./stepper.css.ts.vanilla.css-mistica.js");
51
- var _ = "_14h93mqk _1y2v1nfih _1y2v1nfhx _1y2v1nfk7 _1y2v1nfkb", h = "_14h93mqm _1y2v1nfih _1y2v1nfhx _1y2v1nfk7 _1y2v1nfkb", r = "_14h93mqn", a = "_14h93mqp _1y2v1nfhz", f = "_14h93mqf", y = "_14h93mqc", e = "_14h93mqe _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt", m = "_14h93mq9 _1y2v1nfh4 _1y2v1nfhb _1y2v1nfhg _1y2v1nfhp", i = "_14h93mqb _1y2v1nfh4 _1y2v1nfha", t = "_14h93mq7 _1y2v1nfha _1y2v1nfjh", p = "_14h93mqh _1y2v1nfh5", q = {
51
+ var _ = "_14h93mqk _1y2v1nfir _1y2v1nfi7 _1y2v1nfkh _1y2v1nfkl", r = "_14h93mqm _1y2v1nfir _1y2v1nfi7 _1y2v1nfkh _1y2v1nfkl", h = "_14h93mqn", f = "_14h93mqp _1y2v1nfi9", e = "_14h93mqf", a = "_14h93mqc", y = "_14h93mqe _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3", m = "_14h93mq9 _1y2v1nfhe _1y2v1nfhl _1y2v1nfhq _1y2v1nfhz", i = "_14h93mqb _1y2v1nfhe _1y2v1nfhk", t = "_14h93mq7 _1y2v1nfhk _1y2v1nfjr", q = "_14h93mqh _1y2v1nfhf", p = {
52
52
  stepperMinHeight: "var(--_14h93mq0)"
53
53
  };
@@ -16,13 +16,13 @@ _export(exports, {
16
16
  return v;
17
17
  },
18
18
  checkboxVariants: function() {
19
- return q;
19
+ return f;
20
20
  },
21
21
  container: function() {
22
22
  return p;
23
23
  },
24
24
  containerDisabled: function() {
25
- return f;
25
+ return q;
26
26
  },
27
27
  disabled: function() {
28
28
  return y;
@@ -34,28 +34,28 @@ _export(exports, {
34
34
  return e;
35
35
  },
36
36
  switchCheckboxLabel: function() {
37
- return c;
37
+ return r;
38
38
  }
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./switch-component.css.ts.vanilla.css-mistica.js");
42
42
  var n = {
43
- default: "q0hp3aw q0hp3au q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
44
- ios: "q0hp3ax q0hp3av q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
45
- checked: "q0hp3ay q0hp3au q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
46
- checkedIos: "q0hp3az q0hp3av q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt"
43
+ default: "q0hp3aw q0hp3au q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
44
+ ios: "q0hp3ax q0hp3av q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
45
+ checked: "q0hp3ay q0hp3au q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
46
+ checkedIos: "q0hp3az q0hp3av q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3"
47
47
  }, v = {
48
- default: "q0hp3ai q0hp3ah _1y2v1nfhc",
49
- ios: "q0hp3aj q0hp3ah _1y2v1nfhc",
50
- iosDark: "q0hp3ak q0hp3ah _1y2v1nfhc",
51
- checked: "q0hp3al q0hp3ah _1y2v1nfhc",
52
- checkedIos: "q0hp3am q0hp3ah _1y2v1nfhc"
53
- }, q = {
54
- default: "q0hp3a6 _1y2v1nfhe _1y2v1nfka",
55
- ios: "q0hp3a7 _1y2v1nfhe _1y2v1nfka",
56
- disabled: "q0hp3a8 _1y2v1nfhe _1y2v1nfka",
57
- disabledIos: "q0hp3a9 _1y2v1nfhe _1y2v1nfka"
58
- }, p = "q0hp3ap q0hp3an", f = "q0hp3aq q0hp3an", y = "q0hp3ar", _ = "q0hp3ao", e = {
59
- default: "q0hp3ac q0hp3ab _1y2v1nfh4",
60
- ios: "q0hp3ad q0hp3ab _1y2v1nfh4"
61
- }, c = "q0hp3af _1y2v1nfhc _1y2v1nfkb";
48
+ default: "q0hp3ai q0hp3ah _1y2v1nfhm",
49
+ ios: "q0hp3aj q0hp3ah _1y2v1nfhm",
50
+ iosDark: "q0hp3ak q0hp3ah _1y2v1nfhm",
51
+ checked: "q0hp3al q0hp3ah _1y2v1nfhm",
52
+ checkedIos: "q0hp3am q0hp3ah _1y2v1nfhm"
53
+ }, f = {
54
+ default: "q0hp3a6 _1y2v1nfho _1y2v1nfkk",
55
+ ios: "q0hp3a7 _1y2v1nfho _1y2v1nfkk",
56
+ disabled: "q0hp3a8 _1y2v1nfho _1y2v1nfkk",
57
+ disabledIos: "q0hp3a9 _1y2v1nfho _1y2v1nfkk"
58
+ }, p = "q0hp3ap q0hp3an", q = "q0hp3aq q0hp3an", y = "q0hp3ar", _ = "q0hp3ao", e = {
59
+ default: "q0hp3ac q0hp3ab _1y2v1nfhe",
60
+ ios: "q0hp3ad q0hp3ab _1y2v1nfhe"
61
+ }, r = "q0hp3af _1y2v1nfhm _1y2v1nfkl";
@@ -15,6 +15,7 @@ type PropsRender = {
15
15
  render: RenderSwitch;
16
16
  children?: undefined;
17
17
  'aria-labelledby'?: string;
18
+ 'aria-label'?: string;
18
19
  dataAttributes?: DataAttributes;
19
20
  };
20
21
  type PropsChildren = {
@@ -26,6 +27,7 @@ type PropsChildren = {
26
27
  children?: React.ReactNode;
27
28
  render?: undefined;
28
29
  'aria-labelledby'?: string;
30
+ 'aria-label'?: string;
29
31
  dataAttributes?: DataAttributes;
30
32
  };
31
33
  declare const Switch: React.FC<PropsRender | PropsChildren>;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return Q;
9
+ return U;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -117,33 +117,33 @@ function _object_spread_props(target, source) {
117
117
  }
118
118
  return target;
119
119
  }
120
- const F = (e)=>{
121
- const { isIos: l, isDarkMode: u } = (0, _hooks.useTheme)(), o = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: b, value: c, onChange: a, focusableRef: k, disabled: t } = (0, _formcontext.useControlProps)({
120
+ const L = (e)=>{
121
+ const { isIos: d, isDarkMode: f } = (0, _hooks.useTheme)(), n = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: u, value: l, onChange: a, focusableRef: k, disabled: i } = (0, _formcontext.useControlProps)({
122
122
  name: e.name,
123
123
  value: e.checked,
124
124
  defaultValue: e.defaultChecked,
125
125
  onChange: e.onChange,
126
126
  disabled: e.disabled
127
- }), [d, v] = _react.useState(!!b), r = c !== null && c !== void 0 ? c : d, N = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
128
- a == null || a(i);
127
+ }), [c, v] = _react.useState(!!u), r = l !== null && l !== void 0 ? l : c, N = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>a == null ? void 0 : a(t) : (0, _helpers.debounce)((t)=>{
128
+ a == null || a(t);
129
129
  }, 300), [
130
130
  a
131
- ]), n = ()=>{
132
- c !== void 0 ? a == null || a(!c) : (v(!d), N(!d));
133
- }, w = (i)=>{
134
- i.key === _keys.SPACE && (i.preventDefault(), i.stopPropagation(), n());
131
+ ]), o = ()=>{
132
+ l !== void 0 ? a == null || a(!l) : (v(!c), N(!c));
133
+ }, w = (t)=>{
134
+ t.key === _keys.SPACE && (t.preventDefault(), t.stopPropagation(), o());
135
135
  }, m = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
136
- className: _switchcomponentcssmistica.checkboxVariants[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
136
+ className: _switchcomponentcssmistica.checkboxVariants[d ? i ? "disabledIos" : "ios" : i ? "disabled" : "default"],
137
137
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
138
- className: _switchcomponentcssmistica.switchCheckboxContainerVariants[l ? "ios" : "default"],
138
+ className: _switchcomponentcssmistica.switchCheckboxContainerVariants[d ? "ios" : "default"],
139
139
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
140
140
  className: _switchcomponentcssmistica.switchCheckboxLabel,
141
141
  children: [
142
142
  /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
143
- className: _switchcomponentcssmistica.barVariants[l ? r ? "checkedIos" : u ? "iosDark" : "ios" : r ? "checked" : "default"]
143
+ className: _switchcomponentcssmistica.barVariants[d ? r ? "checkedIos" : f ? "iosDark" : "ios" : r ? "checked" : "default"]
144
144
  }),
145
145
  /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
146
- className: _switchcomponentcssmistica.ballVariants[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
146
+ className: _switchcomponentcssmistica.ballVariants[d ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
147
147
  })
148
148
  ]
149
149
  })
@@ -152,23 +152,24 @@ const F = (e)=>{
152
152
  return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
153
153
  /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
154
154
  role: "switch",
155
- "aria-checked": c !== null && c !== void 0 ? c : d,
156
- onClick: (i)=>{
157
- i.stopPropagation(), t || n();
155
+ "aria-checked": l !== null && l !== void 0 ? l : c,
156
+ onClick: (t)=>{
157
+ t.stopPropagation(), i || o();
158
158
  },
159
- onKeyDown: t ? void 0 : w,
160
- tabIndex: t ? void 0 : 0,
159
+ onKeyDown: i ? void 0 : w,
160
+ tabIndex: i ? void 0 : 0,
161
161
  ref: k,
162
- className: t ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
163
- "aria-disabled": t,
164
- "aria-labelledby": o
162
+ className: i ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
163
+ "aria-disabled": i,
164
+ "aria-label": e["aria-label"],
165
+ "aria-labelledby": e["aria-label"] ? void 0 : n
165
166
  }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Switch")), {
166
167
  children: e.render ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
167
168
  children: e.render({
168
169
  controlElement: m,
169
- labelId: o,
170
- disabled: !!t,
171
- checked: c !== null && c !== void 0 ? c : d
170
+ labelId: n,
171
+ disabled: !!i,
172
+ checked: l !== null && l !== void 0 ? l : c
172
173
  })
173
174
  }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
174
175
  space: 16,
@@ -179,13 +180,13 @@ const F = (e)=>{
179
180
  e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
180
181
  regular: !0,
181
182
  as: "div",
182
- id: o,
183
+ id: n,
183
184
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
184
- className: t ? _switchcomponentcssmistica.disabled : "",
185
+ className: i ? _switchcomponentcssmistica.disabled : "",
185
186
  children: e.children
186
187
  })
187
188
  })
188
189
  ]
189
190
  })
190
191
  })));
191
- }, Q = F;
192
+ }, U = L;
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  animatedLine: function() {
13
- return v;
13
+ return f;
14
14
  },
15
15
  icon: function() {
16
16
  return e;
@@ -22,13 +22,13 @@ _export(exports, {
22
22
  return _;
23
23
  },
24
24
  outerBorder: function() {
25
- return l;
25
+ return a;
26
26
  },
27
27
  outerBorderInverse: function() {
28
28
  return r;
29
29
  },
30
30
  tabHover: function() {
31
- return a;
31
+ return l;
32
32
  },
33
33
  tabSelectionVariants: function() {
34
34
  return o;
@@ -37,22 +37,22 @@ _export(exports, {
37
37
  return t;
38
38
  },
39
39
  tabsContainer: function() {
40
- return m;
40
+ return i;
41
41
  }
42
42
  });
43
43
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
44
44
  require("./tabs.css.ts.vanilla.css-mistica.js");
45
- var v = "_1y2v1nfh9 _1y2v1nfh5 _1y2v1nfkw _1y2v1nflq _1y2v1nfig", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjl _1y2v1nfhx _1y2v1nfh4", l = "lgofm10", r = "lgofm11", a = {
45
+ var f = "_1y2v1nfhj _1y2v1nfhf _1y2v1nfl6 _1y2v1nfm0 _1y2v1nfiq", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjv _1y2v1nfi7 _1y2v1nfhe", a = "lgofm10", r = "lgofm11", l = {
46
46
  default: "lgofm1a",
47
47
  inverse: "lgofm1b"
48
48
  }, o = {
49
- noSelected: "_1y2v1nf25",
50
- noSelectedInverse: "_1y2v1nf26",
49
+ noSelected: "_1y2v1nf28",
50
+ noSelectedInverse: "_1y2v1nf29",
51
51
  selected: "lgofm1g",
52
52
  selectedInverse: "lgofm1h",
53
53
  selectedAnimating: "lgofm1i",
54
54
  selectedAnimatingInverse: "lgofm1j"
55
55
  }, t = {
56
- default: "lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72",
57
- fullWidth: "lgofm19 lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72"
58
- }, m = "_1y2v1nfjl _1y2v1nfhx _1y2v1nfha";
56
+ default: "lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c",
57
+ fullWidth: "lgofm19 lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c"
58
+ }, i = "_1y2v1nfjv _1y2v1nfi7 _1y2v1nfhk";
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "tag", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return y;
8
+ return _;
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./tag.css.ts.vanilla.css-mistica.js");
13
- var y = "_1wy08671 _1y2v1nf79 _1y2v1nf8i _1y2v1nfhb _1y2v1nfhf _1y2v1nfhp _1y2v1nfhj _1y2v1nfj6";
13
+ var _ = "_1wy08671 _1y2v1nf7j _1y2v1nf8s _1y2v1nfhl _1y2v1nfhp _1y2v1nfhz _1y2v1nfht _1y2v1nfjg";
@@ -16,16 +16,16 @@ _export(exports, {
16
16
  return v;
17
17
  },
18
18
  fieldElementsGap: function() {
19
- return a;
19
+ return y;
20
20
  },
21
21
  fieldEndIconContainer: function() {
22
- return y;
22
+ return a;
23
23
  },
24
24
  fieldEndIconGap: function() {
25
- return h;
25
+ return f;
26
26
  },
27
27
  fieldLeftPadding: function() {
28
- return f;
28
+ return h;
29
29
  },
30
30
  fieldRightPadding: function() {
31
31
  return i;
@@ -34,10 +34,10 @@ _export(exports, {
34
34
  return _;
35
35
  },
36
36
  hiddenDatePlaceholder: function() {
37
- return l;
37
+ return d;
38
38
  },
39
39
  iconButtonSize: function() {
40
- return d;
40
+ return l;
41
41
  },
42
42
  input: function() {
43
43
  return o;
@@ -49,34 +49,34 @@ _export(exports, {
49
49
  return u;
50
50
  },
51
51
  inputWithoutLabel: function() {
52
- return c;
52
+ return m;
53
53
  },
54
54
  menuItem: function() {
55
- return m;
55
+ return c;
56
56
  },
57
57
  menuItemSelected: function() {
58
- return x;
58
+ return b;
59
59
  },
60
60
  prefix: function() {
61
- return s;
61
+ return g;
62
62
  },
63
63
  startIcon: function() {
64
- return b;
64
+ return k;
65
65
  },
66
66
  suggestionsContainer: function() {
67
- return I;
67
+ return x;
68
68
  },
69
69
  textArea: function() {
70
- return g;
70
+ return s;
71
71
  },
72
72
  textAreaWithLabel: function() {
73
- return L;
73
+ return I;
74
74
  },
75
75
  textAreaWithoutLabel: function() {
76
- return W;
76
+ return L;
77
77
  }
78
78
  });
79
79
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
80
80
  require("./icon-button.css.ts.vanilla.css-mistica.js");
81
81
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
82
- var n = "rhey4t8", v = "rhey4th _1y2v1nf9r _1y2v1nfha _1y2v1nfhp", a = 12, y = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh4 rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfha _1y2v1nfhp _1y2v1nfka", x = "_1y2v1nf3y", s = "rhey4tl _1y2v1nfb6", b = "rhey4tj _1y2v1nfb6 _1y2v1nfha _1y2v1nfhp _1y2v1nfie _1y2v1nfh5", I = "rhey4tq _1y2v1nfh5", g = "rhey4t6 _1y2v1nf73 _1y2v1nf8c rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", L = "rhey4te", W = "rhey4tf";
82
+ var n = "rhey4t8", v = "rhey4th _1y2v1nfa1 _1y2v1nfhk _1y2v1nfhz", y = 12, a = "rhey4tr", f = 4, h = 11, i = 15, _ = "rhey4t4", d = "rhey4t7", l = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfhe rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", p = "rhey4tb", u = "rhey4tc", m = "rhey4td", c = "rhey4tn _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", b = "_1y2v1nf44", g = "rhey4tl _1y2v1nfbg", k = "rhey4tj _1y2v1nfbg _1y2v1nfhk _1y2v1nfhz _1y2v1nfio _1y2v1nfhf", x = "rhey4tq _1y2v1nfhf", s = "rhey4t6 _1y2v1nf7d _1y2v1nf8m rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", I = "rhey4te", L = "rhey4tf";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  DEFAULT_WIDTH: function() {
13
- return n;
13
+ return a;
14
14
  },
15
15
  LABEL_SCALE_DESKTOP: function() {
16
16
  return f;
@@ -19,22 +19,22 @@ _export(exports, {
19
19
  return e;
20
20
  },
21
21
  disabled: function() {
22
- return h;
22
+ return k;
23
23
  },
24
24
  field: function() {
25
- return t;
25
+ return i;
26
26
  },
27
27
  fieldContainer: function() {
28
28
  return y;
29
29
  },
30
30
  fullWidth: function() {
31
- return i;
31
+ return t;
32
32
  },
33
33
  helperContainer: function() {
34
- return k;
34
+ return l;
35
35
  },
36
36
  helperText: function() {
37
- return l;
37
+ return h;
38
38
  },
39
39
  labelContainer: function() {
40
40
  return u;
@@ -46,17 +46,17 @@ _export(exports, {
46
46
  return d;
47
47
  },
48
48
  normalWidth: function() {
49
- return x;
49
+ return p;
50
50
  },
51
51
  rightText: function() {
52
52
  return L;
53
53
  },
54
54
  shrinked: function() {
55
- return p;
55
+ return E;
56
56
  }
57
57
  });
58
58
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
59
59
  require("./icon-button.css.ts.vanilla.css-mistica.js");
60
60
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
61
61
  require("./text-field-components.css.ts.vanilla.css-mistica.js");
62
- var n = 328, f = 0.78, e = 0.75, h = "_15k6ur97", t = "_1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4", y = "_15k6ur96 _1y2v1nfha _1y2v1nfhg", i = "_1y2v1nfhx", k = "_1y2v1nf9x _1y2v1nfb9 _1y2v1nfha", l = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhf", o = "_15k6ur93 _1y2v1nfkb _1y2v1nfht", d = "_15k6ur9e", x = "_15k6ur99 _1y2v1nfhx", L = "_15k6ur9f", p = "_15k6ur94";
62
+ var a = 328, f = 0.78, e = 0.75, k = "_15k6ur97", i = "_1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe", y = "_15k6ur96 _1y2v1nfhk _1y2v1nfhq", t = "_1y2v1nfi7", l = "_1y2v1nfa7 _1y2v1nfbj _1y2v1nfhk", h = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfhf _1y2v1nfhk _1y2v1nfhp", o = "_15k6ur93 _1y2v1nfkl _1y2v1nfi3", d = "_15k6ur9e", p = "_15k6ur99 _1y2v1nfi7", L = "_15k6ur9f", E = "_15k6ur94";
@@ -129,8 +129,8 @@ function _object_spread_props(target, source) {
129
129
  return target;
130
130
  }
131
131
  const J = (param)=>{
132
- let { shrinkLabel: t, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
133
- const f = t || r === "focused" || r === "filled", [u, h] = _react.useState("initial"), { texts: d } = (0, _hooks.useTheme)();
132
+ let { shrinkLabel: o, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
133
+ const f = o || r === "focused" || r === "filled", [u, h] = _react.useState("initial"), { texts: d } = (0, _hooks.useTheme)();
134
134
  _react.useEffect(()=>{
135
135
  const g = setTimeout(()=>{
136
136
  process.env.NODE_ENV !== "test" && h("transform 150ms, width 150ms");
@@ -140,7 +140,7 @@ const J = (param)=>{
140
140
  };
141
141
  }, []);
142
142
  let p = _skincontractcssmistica.vars.colors.textSecondary;
143
- return l && r !== "default" ? p = _skincontractcssmistica.vars.colors.error : r === "focused" && (p = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
143
+ return l && r !== "default" ? p = _skincontractcssmistica.vars.colors.error : r === "focused" && (p = _skincontractcssmistica.vars.colors.textActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
144
144
  className: (0, _classnames.default)(_textfieldcomponentscssmistica.labelContainer, {
145
145
  [_textfieldcomponentscssmistica.shrinked]: f
146
146
  }, (0, _sprinklescssmistica.sprinkles)({
@@ -165,18 +165,18 @@ const J = (param)=>{
165
165
  ]
166
166
  });
167
167
  }, K = (param)=>{
168
- let { leftText: t, rightText: s, error: r, id: l } = param;
168
+ let { leftText: o, rightText: s, error: r, id: l } = param;
169
169
  const i = (0, _themevariantcontext.useIsInverseVariant)(), n = i ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, a = i ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
170
170
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
171
171
  children: [
172
- t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
172
+ o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
173
173
  className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.leftText),
174
174
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
175
175
  color: n,
176
176
  regular: !0,
177
177
  as: "p",
178
178
  id: l,
179
- children: t
179
+ children: o
180
180
  })
181
181
  }),
182
182
  s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -191,14 +191,14 @@ const J = (param)=>{
191
191
  ]
192
192
  });
193
193
  }, M = (param)=>{
194
- let { multiline: t, disabled: s, children: r, helperText: l, className: i, fieldRef: n, fullWidth: a, readOnly: f, dataAttributes: u } = param;
194
+ let { multiline: o, disabled: s, children: r, helperText: l, className: i, fieldRef: n, fullWidth: a, readOnly: f, dataAttributes: u } = param;
195
195
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
196
196
  className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, a ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
197
197
  [_textfieldcomponentscssmistica.disabled]: s
198
198
  }),
199
199
  onClick: (h)=>{
200
200
  var d;
201
- (d = h.currentTarget.querySelector(t ? "textarea" : "input")) == null || d.focus();
201
+ (d = h.currentTarget.querySelector(o ? "textarea" : "input")) == null || d.focus();
202
202
  }
203
203
  }, (0, _dom.getPrefixedDataAttributes)(u)), {
204
204
  children: [
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./text-link.css.ts.vanilla.css-mistica.js");
13
13
  var v = {
14
- default: "_1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e",
15
- inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2f",
16
- inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e"
14
+ default: "_1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j",
15
+ inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2k",
16
+ inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j"
17
17
  };