@telefonica/mistica 16.48.0 → 16.49.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 (238) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +6 -6
  3. package/dist/align.css-mistica.js +1 -1
  4. package/dist/autocomplete.css-mistica.js +1 -1
  5. package/dist/avatar.css-mistica.js +1 -1
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +14 -14
  11. package/dist/button.css-mistica.js +26 -26
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-cover.d.ts +1 -0
  14. package/dist/card-data.d.ts +1 -0
  15. package/dist/card-internal.css-mistica.js +15 -15
  16. package/dist/card-internal.d.ts +1 -0
  17. package/dist/card-internal.js +376 -368
  18. package/dist/card-media.d.ts +1 -0
  19. package/dist/carousel.css-mistica.js +8 -8
  20. package/dist/checkbox.css-mistica.js +11 -11
  21. package/dist/chip.css-mistica.js +15 -15
  22. package/dist/chip.js +26 -24
  23. package/dist/circle.css-mistica.js +1 -1
  24. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  25. package/dist/community/blocks.css-mistica.js +1 -1
  26. package/dist/community/example-component.css-mistica.js +1 -1
  27. package/dist/counter.css-mistica.js +1 -1
  28. package/dist/cover-hero.css-mistica.js +2 -2
  29. package/dist/credit-card-number-field.css-mistica.js +3 -3
  30. package/dist/date-field.css-mistica.js +1 -1
  31. package/dist/date-time-picker.css-mistica.js +1 -1
  32. package/dist/dialog.css-mistica.js +4 -4
  33. package/dist/dialog.js +60 -64
  34. package/dist/divider.css-mistica.js +5 -5
  35. package/dist/double-field.css-mistica.js +2 -2
  36. package/dist/drawer.css-mistica.js +1 -1
  37. package/dist/drawer.js +35 -33
  38. package/dist/empty-state-card.css-mistica.js +1 -1
  39. package/dist/empty-state.css-mistica.js +5 -5
  40. package/dist/fade-in.css-mistica.js +1 -1
  41. package/dist/feedback.css-mistica.js +1 -1
  42. package/dist/fixed-footer-layout.css-mistica.js +3 -3
  43. package/dist/form.css-mistica.js +1 -1
  44. package/dist/grid-layout.css-mistica.js +3 -3
  45. package/dist/grid.css-mistica.js +120 -120
  46. package/dist/header.css-mistica.js +1 -1
  47. package/dist/hero.css-mistica.js +2 -2
  48. package/dist/horizontal-scroll.css-mistica.js +1 -1
  49. package/dist/icon-button.css-mistica.js +52 -52
  50. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  51. package/dist/icons/icon-error.css-mistica.js +1 -1
  52. package/dist/image.css-mistica.js +2 -2
  53. package/dist/inline.css-mistica.js +9 -9
  54. package/dist/list.css-mistica.js +1 -1
  55. package/dist/loading-bar.css-mistica.js +1 -1
  56. package/dist/loading-screen.css-mistica.js +4 -4
  57. package/dist/loading-screen.js +87 -85
  58. package/dist/logo.css-mistica.js +5 -5
  59. package/dist/menu.css-mistica.js +13 -13
  60. package/dist/mosaic.css-mistica.js +1 -1
  61. package/dist/navigation-bar.css-mistica.js +18 -18
  62. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  63. package/dist/package-version.js +1 -1
  64. package/dist/pin-field.css-mistica.js +10 -12
  65. package/dist/popover.css-mistica.js +1 -1
  66. package/dist/progress-bar.css-mistica.js +6 -6
  67. package/dist/radio-button.css-mistica.js +19 -19
  68. package/dist/rating.css-mistica.js +2 -2
  69. package/dist/responsive-layout.css-mistica.js +6 -6
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +15 -15
  72. package/dist/select.js +39 -38
  73. package/dist/sheet-action-row.css-mistica.js +1 -1
  74. package/dist/sheet-common.css-mistica.js +1 -1
  75. package/dist/sheet-info.css-mistica.js +1 -1
  76. package/dist/skeletons.css-mistica.js +6 -6
  77. package/dist/skins/blau.js +91 -0
  78. package/dist/skins/defaults.js +91 -0
  79. package/dist/skins/esimflag.js +91 -0
  80. package/dist/skins/movistar-new.js +97 -6
  81. package/dist/skins/movistar.js +93 -2
  82. package/dist/skins/o2-new.js +91 -0
  83. package/dist/skins/o2.js +93 -2
  84. package/dist/skins/skin-contract.css-mistica.js +660 -623
  85. package/dist/skins/skin-contract.css.d.ts +91 -25
  86. package/dist/skins/telefonica.js +91 -0
  87. package/dist/skins/tu.js +91 -0
  88. package/dist/skins/types/index.d.ts +11 -2
  89. package/dist/skins/vivo-new.js +91 -0
  90. package/dist/skins/vivo.js +91 -0
  91. package/dist/skip-link.css-mistica.js +1 -1
  92. package/dist/slider.css-mistica.js +18 -18
  93. package/dist/snackbar.css-mistica.js +4 -4
  94. package/dist/spinner.css-mistica.js +1 -1
  95. package/dist/stack.css-mistica.js +5 -5
  96. package/dist/stacking-group.css-mistica.js +1 -1
  97. package/dist/stepper.css-mistica.js +2 -2
  98. package/dist/stepper.js +29 -27
  99. package/dist/switch-component.css-mistica.js +35 -35
  100. package/dist/table.css-mistica.js +9 -9
  101. package/dist/tabs.css-mistica.js +17 -17
  102. package/dist/tag.css-mistica.js +1 -1
  103. package/dist/text-field-base.css-mistica.js +38 -20
  104. package/dist/text-field-base.css.d.ts +15 -11
  105. package/dist/text-field-base.js +78 -79
  106. package/dist/text-field-components.css-mistica.js +18 -24
  107. package/dist/text-field-components.css.d.ts +0 -2
  108. package/dist/text-field-components.d.ts +1 -0
  109. package/dist/text-field-components.js +66 -41
  110. package/dist/text-link.css-mistica.js +6 -6
  111. package/dist/text.css-mistica.js +6 -6
  112. package/dist/text.d.ts +23 -9
  113. package/dist/text.js +171 -174
  114. package/dist/theme-context.css-mistica.js +1 -1
  115. package/dist/timeline.css-mistica.js +9 -9
  116. package/dist/timer.css-mistica.js +6 -6
  117. package/dist/title.js +55 -49
  118. package/dist/tooltip.css-mistica.js +1 -1
  119. package/dist/touchable.css-mistica.js +1 -1
  120. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  121. package/dist/video.css-mistica.js +1 -1
  122. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  123. package/dist-es/accordion.css-mistica.js +6 -6
  124. package/dist-es/align.css-mistica.js +1 -1
  125. package/dist-es/autocomplete.css-mistica.js +1 -1
  126. package/dist-es/avatar.css-mistica.js +1 -1
  127. package/dist-es/badge.css-mistica.js +1 -1
  128. package/dist-es/box.css-mistica.js +13 -13
  129. package/dist-es/boxed.css-mistica.js +23 -23
  130. package/dist-es/button-group.css-mistica.js +1 -1
  131. package/dist-es/button-layout.css-mistica.js +14 -14
  132. package/dist-es/button.css-mistica.js +26 -26
  133. package/dist-es/callout.css-mistica.js +11 -11
  134. package/dist-es/card-internal.css-mistica.js +15 -15
  135. package/dist-es/card-internal.js +424 -416
  136. package/dist-es/carousel.css-mistica.js +8 -8
  137. package/dist-es/checkbox.css-mistica.js +11 -11
  138. package/dist-es/chip.css-mistica.js +15 -15
  139. package/dist-es/chip.js +44 -42
  140. package/dist-es/circle.css-mistica.js +1 -1
  141. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  142. package/dist-es/community/blocks.css-mistica.js +1 -1
  143. package/dist-es/community/example-component.css-mistica.js +1 -1
  144. package/dist-es/counter.css-mistica.js +1 -1
  145. package/dist-es/cover-hero.css-mistica.js +2 -2
  146. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  147. package/dist-es/date-field.css-mistica.js +1 -1
  148. package/dist-es/date-time-picker.css-mistica.js +1 -1
  149. package/dist-es/dialog.css-mistica.js +4 -4
  150. package/dist-es/dialog.js +98 -102
  151. package/dist-es/divider.css-mistica.js +5 -5
  152. package/dist-es/double-field.css-mistica.js +2 -2
  153. package/dist-es/drawer.css-mistica.js +1 -1
  154. package/dist-es/drawer.js +76 -74
  155. package/dist-es/empty-state-card.css-mistica.js +1 -1
  156. package/dist-es/empty-state.css-mistica.js +5 -5
  157. package/dist-es/fade-in.css-mistica.js +1 -1
  158. package/dist-es/feedback.css-mistica.js +1 -1
  159. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  160. package/dist-es/form.css-mistica.js +1 -1
  161. package/dist-es/grid-layout.css-mistica.js +3 -3
  162. package/dist-es/grid.css-mistica.js +120 -120
  163. package/dist-es/header.css-mistica.js +1 -1
  164. package/dist-es/hero.css-mistica.js +2 -2
  165. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  166. package/dist-es/icon-button.css-mistica.js +52 -52
  167. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  168. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  169. package/dist-es/image.css-mistica.js +2 -2
  170. package/dist-es/inline.css-mistica.js +9 -9
  171. package/dist-es/list.css-mistica.js +1 -1
  172. package/dist-es/loading-bar.css-mistica.js +1 -1
  173. package/dist-es/loading-screen.css-mistica.js +4 -4
  174. package/dist-es/loading-screen.js +119 -117
  175. package/dist-es/logo.css-mistica.js +5 -5
  176. package/dist-es/menu.css-mistica.js +13 -13
  177. package/dist-es/mosaic.css-mistica.js +1 -1
  178. package/dist-es/navigation-bar.css-mistica.js +18 -18
  179. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  180. package/dist-es/package-version.js +1 -1
  181. package/dist-es/pin-field.css-mistica.js +2 -4
  182. package/dist-es/popover.css-mistica.js +1 -1
  183. package/dist-es/progress-bar.css-mistica.js +6 -6
  184. package/dist-es/radio-button.css-mistica.js +19 -19
  185. package/dist-es/rating.css-mistica.js +2 -2
  186. package/dist-es/responsive-layout.css-mistica.js +6 -6
  187. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  188. package/dist-es/select.css-mistica.js +15 -15
  189. package/dist-es/select.js +88 -87
  190. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  191. package/dist-es/sheet-common.css-mistica.js +1 -1
  192. package/dist-es/sheet-info.css-mistica.js +1 -1
  193. package/dist-es/skeletons.css-mistica.js +6 -6
  194. package/dist-es/skins/blau.js +91 -0
  195. package/dist-es/skins/defaults.js +91 -0
  196. package/dist-es/skins/esimflag.js +91 -0
  197. package/dist-es/skins/movistar-new.js +97 -6
  198. package/dist-es/skins/movistar.js +93 -2
  199. package/dist-es/skins/o2-new.js +91 -0
  200. package/dist-es/skins/o2.js +93 -2
  201. package/dist-es/skins/skin-contract.css-mistica.js +660 -623
  202. package/dist-es/skins/telefonica.js +91 -0
  203. package/dist-es/skins/tu.js +91 -0
  204. package/dist-es/skins/vivo-new.js +91 -0
  205. package/dist-es/skins/vivo.js +91 -0
  206. package/dist-es/skip-link.css-mistica.js +1 -1
  207. package/dist-es/slider.css-mistica.js +18 -18
  208. package/dist-es/snackbar.css-mistica.js +4 -4
  209. package/dist-es/spinner.css-mistica.js +1 -1
  210. package/dist-es/stack.css-mistica.js +5 -5
  211. package/dist-es/stacking-group.css-mistica.js +1 -1
  212. package/dist-es/stepper.css-mistica.js +2 -2
  213. package/dist-es/stepper.js +50 -48
  214. package/dist-es/style.css +1 -1
  215. package/dist-es/switch-component.css-mistica.js +35 -35
  216. package/dist-es/table.css-mistica.js +9 -9
  217. package/dist-es/tabs.css-mistica.js +17 -17
  218. package/dist-es/tag.css-mistica.js +1 -1
  219. package/dist-es/text-field-base.css-mistica.js +17 -2
  220. package/dist-es/text-field-base.js +110 -111
  221. package/dist-es/text-field-components.css-mistica.js +4 -4
  222. package/dist-es/text-field-components.js +92 -70
  223. package/dist-es/text-link.css-mistica.js +6 -6
  224. package/dist-es/text.css-mistica.js +6 -6
  225. package/dist-es/text.js +180 -190
  226. package/dist-es/theme-context.css-mistica.js +1 -1
  227. package/dist-es/timeline.css-mistica.js +9 -9
  228. package/dist-es/timer.css-mistica.js +6 -6
  229. package/dist-es/title.js +69 -63
  230. package/dist-es/tooltip.css-mistica.js +1 -1
  231. package/dist-es/touchable.css-mistica.js +1 -1
  232. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  233. package/dist-es/video.css-mistica.js +1 -1
  234. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  235. package/package.json +1 -1
  236. package/dist/text-props.d.ts +0 -60
  237. package/dist/text-props.js +0 -93
  238. package/dist-es/text-props.js +0 -52
@@ -1,45 +1,45 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./switch-component.css.ts.vanilla.css-mistica.js";
3
3
  var a = {
4
- default: "v16_48_q0hp3a6 v16_48_q0hp3a5 v16_48_1y2v1nfpq v16_48_1y2v1nfsp",
5
- ios: "v16_48_q0hp3a7 v16_48_q0hp3a5 v16_48_1y2v1nfpq v16_48_1y2v1nfsp",
6
- disabled: "v16_48_q0hp3a8 v16_48_q0hp3a5 v16_48_1y2v1nfpq v16_48_1y2v1nfsp",
7
- disabledIos: "v16_48_q0hp3a9 v16_48_q0hp3a5 v16_48_1y2v1nfpq v16_48_1y2v1nfsp"
4
+ default: "v16_49_q0hp3a6 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
5
+ ios: "v16_49_q0hp3a7 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
6
+ disabled: "v16_49_q0hp3a8 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
7
+ disabledIos: "v16_49_q0hp3a9 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp"
8
8
  }, p = {
9
- default: "v16_48_q0hp3ac v16_48_q0hp3ab v16_48_q0hp3aa v16_48_1y2v1nfpg",
10
- ios: "v16_48_q0hp3ad v16_48_q0hp3ab v16_48_q0hp3aa v16_48_1y2v1nfpg"
11
- }, h = "v16_48_q0hp3af v16_48_q0hp3ae v16_48_1y2v1nfpo v16_48_1y2v1nfsq", q = {
12
- default: "v16_48_q0hp3ai v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
13
- ios: "v16_48_q0hp3aj v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
14
- iosDark: "v16_48_q0hp3ak v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
15
- checked: "v16_48_q0hp3al v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
16
- checkedIos: "v16_48_q0hp3am v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo"
9
+ default: "v16_49_q0hp3ac v16_49_q0hp3ab v16_49_q0hp3aa v16_49_1y2v1nfpg",
10
+ ios: "v16_49_q0hp3ad v16_49_q0hp3ab v16_49_q0hp3aa v16_49_1y2v1nfpg"
11
+ }, h = "v16_49_q0hp3af v16_49_q0hp3ae v16_49_1y2v1nfpo v16_49_1y2v1nfsq", q = {
12
+ default: "v16_49_q0hp3ai v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
13
+ ios: "v16_49_q0hp3aj v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
14
+ iosDark: "v16_49_q0hp3ak v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
15
+ checked: "v16_49_q0hp3al v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
16
+ checkedIos: "v16_49_q0hp3am v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
17
17
  }, n = {
18
- default: "v16_48_q0hp3an v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
19
- ios: "v16_48_q0hp3ao v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
20
- iosDark: "v16_48_q0hp3ap v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
21
- checked: "v16_48_q0hp3aq v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
22
- checkedIos: "v16_48_q0hp3ar v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo"
18
+ default: "v16_49_q0hp3an v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
19
+ ios: "v16_49_q0hp3ao v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
20
+ iosDark: "v16_49_q0hp3ap v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
21
+ checked: "v16_49_q0hp3aq v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
22
+ checkedIos: "v16_49_q0hp3ar v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
23
23
  }, f = {
24
- default: "v16_48_q0hp3as v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
25
- ios: "v16_48_q0hp3at v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
26
- iosDark: "v16_48_q0hp3au v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
27
- checked: "v16_48_q0hp3av v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo",
28
- checkedIos: "v16_48_q0hp3aw v16_48_q0hp3ah v16_48_q0hp3ag v16_48_1y2v1nfpo"
29
- }, y = "v16_48_q0hp3ay", o = "v16_48_q0hp3az v16_48_q0hp3ax", e = "v16_48_q0hp3a10 v16_48_q0hp3ax", s = "v16_48_q0hp3a11", r = {
30
- default: "v16_48_q0hp3a16 v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
31
- ios: "v16_48_q0hp3a17 v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
32
- checked: "v16_48_q0hp3a18 v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
33
- checkedIos: "v16_48_q0hp3a19 v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6"
24
+ default: "v16_49_q0hp3as v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
25
+ ios: "v16_49_q0hp3at v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
26
+ iosDark: "v16_49_q0hp3au v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
27
+ checked: "v16_49_q0hp3av v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
28
+ checkedIos: "v16_49_q0hp3aw v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
29
+ }, y = "v16_49_q0hp3ay", o = "v16_49_q0hp3az v16_49_q0hp3ax", e = "v16_49_q0hp3a10 v16_49_q0hp3ax", s = "v16_49_q0hp3a11", r = {
30
+ default: "v16_49_q0hp3a16 v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
31
+ ios: "v16_49_q0hp3a17 v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
32
+ checked: "v16_49_q0hp3a18 v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
33
+ checkedIos: "v16_49_q0hp3a19 v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
34
34
  }, c = {
35
- default: "v16_48_q0hp3a1a v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
36
- ios: "v16_48_q0hp3a1b v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
37
- checked: "v16_48_q0hp3a1c v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
38
- checkedIos: "v16_48_q0hp3a1d v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6"
35
+ default: "v16_49_q0hp3a1a v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
36
+ ios: "v16_49_q0hp3a1b v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
37
+ checked: "v16_49_q0hp3a1c v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
38
+ checkedIos: "v16_49_q0hp3a1d v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
39
39
  }, i = {
40
- default: "v16_48_q0hp3a1e v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
41
- ios: "v16_48_q0hp3a1f v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
42
- checked: "v16_48_q0hp3a1g v16_48_q0hp3a14 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6",
43
- checkedIos: "v16_48_q0hp3a1h v16_48_q0hp3a15 v16_48_q0hp3a13 v16_48_q0hp3a12 v16_48_1y2v1nfph v16_48_1y2v1nfu5 v16_48_1y2v1nfpo v16_48_1y2v1nfs6"
40
+ default: "v16_49_q0hp3a1e v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
41
+ ios: "v16_49_q0hp3a1f v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
42
+ checked: "v16_49_q0hp3a1g v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
43
+ checkedIos: "v16_49_q0hp3a1h v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
44
44
  };
45
45
  export { r as ballVariants, q as barVariants, a as checkboxVariants, o as container, e as containerDisabled, s as disabled, y as interactiveArea, c as overBrandBallVariants, n as overBrandBarVariants, i as overNegativeBallVariants, f as overNegativeBarVariants, p as switchCheckboxContainerVariants, h as switchCheckboxLabel };
@@ -2,13 +2,13 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./responsive-layout.css.ts.vanilla.css-mistica.js";
3
3
  import "./table.css.ts.vanilla.css-mistica.js";
4
4
  var e = {
5
- maxHeight: "var(--v16_48_107ok880)"
6
- }, a = "v16_48_107ok881", r = "v16_48_107ok882", l = "v16_48_107ok883", t = "v16_48_107ok884", k = "v16_48_107ok885", i = "v16_48_107ok886", s = {
7
- left: "v16_48_107ok888 v16_48_107ok887",
8
- right: "v16_48_107ok889 v16_48_107ok887",
9
- center: "v16_48_107ok88a v16_48_107ok887"
10
- }, d = "v16_48_107ok88b", n = "v16_48_107ok88c", c = {
11
- top: "v16_48_107ok88d",
12
- middle: "v16_48_107ok88e"
13
- }, p = "v16_48_107ok88f", m = "v16_48_107ok88g", b = "v16_48_107ok88h", I = "v16_48_107ok88i", g = "v16_48_107ok88j", h = "v16_48_107ok88k", w = "v16_48_107ok88l", H = "v16_48_107ok88m", x = "v16_48_107ok88n";
5
+ maxHeight: "var(--v16_49_107ok880)"
6
+ }, a = "v16_49_107ok881", r = "v16_49_107ok882", l = "v16_49_107ok883", t = "v16_49_107ok884", k = "v16_49_107ok885", i = "v16_49_107ok886", s = {
7
+ left: "v16_49_107ok888 v16_49_107ok887",
8
+ right: "v16_49_107ok889 v16_49_107ok887",
9
+ center: "v16_49_107ok88a v16_49_107ok887"
10
+ }, d = "v16_49_107ok88b", n = "v16_49_107ok88c", c = {
11
+ top: "v16_49_107ok88d",
12
+ middle: "v16_49_107ok88e"
13
+ }, p = "v16_49_107ok88f", m = "v16_49_107ok88g", b = "v16_49_107ok88h", I = "v16_49_107ok88i", g = "v16_49_107ok88j", h = "v16_49_107ok88k", w = "v16_49_107ok88l", H = "v16_49_107ok88m", x = "v16_49_107ok88n";
14
14
  export { p as actionsHeaderText, m as actionsTableCell, i as boxed, s as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, l as collapsedRowsInMobile, r as fullWidth, k as hiddenHeadersInDesktop, t as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, d as scrollContainer, n as scrollOverResponsiveLayout, a as table, b as topActions, e as vars, c as verticalAlign };
@@ -1,23 +1,23 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./tabs.css.ts.vanilla.css-mistica.js";
3
3
  var f = {
4
- borderColor: "var(--v16_48_lgofm10)"
5
- }, l = "v16_48_lgofm11", n = "v16_48_lgofm13 v16_48_lgofm12 v16_48_1y2v1nfrx v16_48_1y2v1nfq9 v16_48_1y2v1nfpg", o = "v16_48_lgofm14", e = "v16_48_lgofm15 v16_48_1y2v1nfrx v16_48_1y2v1nfq9 v16_48_1y2v1nfpm", g = {
6
- default: "v16_48_lgofm18 v16_48_lgofm17 v16_48_lgofm16 v16_48_1y2v1nfic v16_48_1y2v1nfjl v16_48_1y2v1nfpn v16_48_1y2v1nfq4 v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1y2v1nfrl v16_48_1y2v1nfrx v16_48_1y2v1nffe",
7
- fullWidth: "v16_48_lgofm19 v16_48_lgofm17 v16_48_lgofm16 v16_48_1y2v1nfic v16_48_1y2v1nfjl v16_48_1y2v1nfpn v16_48_1y2v1nfq4 v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1y2v1nfrl v16_48_1y2v1nfrx v16_48_1y2v1nffe"
4
+ borderColor: "var(--v16_49_lgofm10)"
5
+ }, l = "v16_49_lgofm11", n = "v16_49_lgofm13 v16_49_lgofm12 v16_49_1y2v1nfrx v16_49_1y2v1nfq9 v16_49_1y2v1nfpg", o = "v16_49_lgofm14", e = "v16_49_lgofm15 v16_49_1y2v1nfrx v16_49_1y2v1nfq9 v16_49_1y2v1nfpm", g = {
6
+ default: "v16_49_lgofm18 v16_49_lgofm17 v16_49_lgofm16 v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpn v16_49_1y2v1nfq4 v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfrl v16_49_1y2v1nfrx v16_49_1y2v1nffe",
7
+ fullWidth: "v16_49_lgofm19 v16_49_lgofm17 v16_49_lgofm16 v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpn v16_49_1y2v1nfq4 v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfrl v16_49_1y2v1nfrx v16_49_1y2v1nffe"
8
8
  }, m = {
9
- default: "v16_48_lgofm1d v16_48_lgofm1a",
10
- brand: "v16_48_lgofm1e v16_48_lgofm1b",
11
- negative: "v16_48_lgofm1f v16_48_lgofm1c"
9
+ default: "v16_49_lgofm1d v16_49_lgofm1a",
10
+ brand: "v16_49_lgofm1e v16_49_lgofm1b",
11
+ negative: "v16_49_lgofm1f v16_49_lgofm1c"
12
12
  }, r = {
13
- noSelected: "v16_48_lgofm1p v16_48_lgofm1g v16_48_1y2v1nf4u",
14
- noSelectedBrand: "v16_48_lgofm1q v16_48_lgofm1h v16_48_1y2v1nf4x",
15
- noSelectedNegative: "v16_48_lgofm1r v16_48_lgofm1i v16_48_1y2v1nf4w",
16
- selected: "v16_48_lgofm1s v16_48_lgofm1j",
17
- selectedBrand: "v16_48_lgofm1t v16_48_lgofm1k",
18
- selectedNegative: "v16_48_lgofm1u v16_48_lgofm1l",
19
- selectedAnimating: "v16_48_lgofm1v v16_48_lgofm1m",
20
- selectedAnimatingBrand: "v16_48_lgofm1w v16_48_lgofm1n",
21
- selectedAnimatingNegative: "v16_48_lgofm1x v16_48_lgofm1o"
22
- }, a = "v16_48_lgofm1y", t = "v16_48_lgofm1z v16_48_1y2v1nfpl v16_48_1y2v1nfph v16_48_1y2v1nftb v16_48_1y2v1nfu5 v16_48_1y2v1nfqs";
13
+ noSelected: "v16_49_lgofm1p v16_49_lgofm1g v16_49_1y2v1nf4u",
14
+ noSelectedBrand: "v16_49_lgofm1q v16_49_lgofm1h v16_49_1y2v1nf4x",
15
+ noSelectedNegative: "v16_49_lgofm1r v16_49_lgofm1i v16_49_1y2v1nf4w",
16
+ selected: "v16_49_lgofm1s v16_49_lgofm1j",
17
+ selectedBrand: "v16_49_lgofm1t v16_49_lgofm1k",
18
+ selectedNegative: "v16_49_lgofm1u v16_49_lgofm1l",
19
+ selectedAnimating: "v16_49_lgofm1v v16_49_lgofm1m",
20
+ selectedAnimatingBrand: "v16_49_lgofm1w v16_49_lgofm1n",
21
+ selectedAnimatingNegative: "v16_49_lgofm1x v16_49_lgofm1o"
22
+ }, a = "v16_49_lgofm1y", t = "v16_49_lgofm1z v16_49_1y2v1nfpl v16_49_1y2v1nfph v16_49_1y2v1nftb v16_49_1y2v1nfu5 v16_49_1y2v1nfqs";
23
23
  export { t as animatedLine, a as icon, o as inner, n as outer, l as outerBorder, m as tabHover, r as tabSelectionVariants, g as tabVariants, e as tabsContainer, f as vars };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./tag.css.ts.vanilla.css-mistica.js";
3
- var y = "v16_48_1wy08673 v16_48_1wy08671 v16_48_1wy08670 v16_48_1y2v1nfpn v16_48_1y2v1nfpr v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1wy08672 v16_48_1y2v1nffl v16_48_1y2v1nfgu v16_48_1y2v1nfri", n = "v16_48_1wy08675 v16_48_1wy08671 v16_48_1wy08670 v16_48_1y2v1nfpn v16_48_1y2v1nfpr v16_48_1y2v1nfq1 v16_48_1y2v1nfpv v16_48_1wy08674 v16_48_1y2v1nfrg", f = "v16_48_1wy08676 v16_48_1y2v1nfpo", p = "v16_48_1wy08677 v16_48_1y2v1nfpn v16_48_1y2v1nfi3";
3
+ var y = "v16_49_1wy08673 v16_49_1wy08671 v16_49_1wy08670 v16_49_1y2v1nfpn v16_49_1y2v1nfpr v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1wy08672 v16_49_1y2v1nffl v16_49_1y2v1nfgu v16_49_1y2v1nfri", n = "v16_49_1wy08675 v16_49_1wy08671 v16_49_1wy08670 v16_49_1y2v1nfpn v16_49_1y2v1nfpr v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1wy08674 v16_49_1y2v1nfrg", f = "v16_49_1wy08676 v16_49_1y2v1nfpo", p = "v16_49_1wy08677 v16_49_1y2v1nfpn v16_49_1y2v1nfi3";
4
4
  export { p as badge, f as icon, n as smallTag, y as tag };
@@ -1,5 +1,20 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./icon-button.css.ts.vanilla.css-mistica.js";
3
3
  import "./text-field-base.css.ts.vanilla.css-mistica.js";
4
- var r = 11, t = 15, y = 12, n = 4, a = "calc(1.5rem + 24px)", h = "v16_48_rhey4t4", f = "v16_48_rhey4t6 v16_48_rhey4t5 v16_48_1y2v1nfff v16_48_1y2v1nfgo v16_48_rhey4t1 v16_48_rhey4t0 v16_48_1y2v1nfs4 v16_48_1y2v1nfr7 v16_48_1y2v1nf4p v16_48_1y2v1nfq9", i = "v16_48_rhey4t7", p = "v16_48_rhey4t8", o = "v16_48_rhey4ta v16_48_rhey4t9 v16_48_1y2v1nfpg v16_48_rhey4t1 v16_48_rhey4t0 v16_48_1y2v1nfs4 v16_48_1y2v1nfr7 v16_48_1y2v1nf4p v16_48_1y2v1nfq9", l = "v16_48_rhey4tb", d = "v16_48_rhey4tc", m = "v16_48_rhey4td", u = "v16_48_rhey4te", s = "v16_48_rhey4tf", c = "v16_48_rhey4th v16_48_rhey4tg v16_48_1y2v1nfi3 v16_48_1y2v1nfpm v16_48_1y2v1nfq1", q = "v16_48_rhey4tj v16_48_rhey4ti v16_48_1y2v1nfji v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_1y2v1nfqq v16_48_1y2v1nfph", g = "v16_48_rhey4tl v16_48_rhey4tk v16_48_1y2v1nfji", x = "v16_48_rhey4tn v16_48_rhey4tm v16_48_1y2v1nfpm v16_48_1y2v1nfq1", I = "v16_48_rhey4tp v16_48_rhey4tn v16_48_rhey4tm v16_48_1y2v1nfpm v16_48_1y2v1nfq1 v16_48_rhey4to v16_48_1y2v1nfsp", b = "v16_48_rhey4tq", L = "v16_48_rhey4ts v16_48_rhey4tr v16_48_1y2v1nfph", W = "v16_48_rhey4tt";
5
- export { p as emptyDateValue, c as endIconContainer, y as fieldElementsGap, W as fieldEndIconContainer, n as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, h as fullWidth, i as hiddenDatePlaceholder, a as iconButtonSize, o as input, l as inputFirefoxStyles, d as inputWithLabel, m as inputWithoutLabel, I as menuItem, x as menuItemBase, b as menuItemSelected, g as prefix, q as startIcon, L as suggestionsContainer, f as textArea, u as textAreaWithLabel, s as textAreaWithoutLabel };
4
+ var r = 11, t = 15, y = 12, h = 4, n = "calc(1.5rem + 24px)", a = {
5
+ mobileFontSize: "var(--v16_49_rhey4t0)",
6
+ desktopFontSize: "var(--v16_49_rhey4t1)",
7
+ mobileLineHeight: "var(--v16_49_rhey4t2)",
8
+ desktopLineHeight: "var(--v16_49_rhey4t3)",
9
+ shrinkedLabelMobileFontSize: "var(--v16_49_rhey4t4)",
10
+ shrinkedLabelDesktopFontSize: "var(--v16_49_rhey4t5)",
11
+ shrinkedLabelMobileLineHeight: "var(--v16_49_rhey4t6)",
12
+ shrinkedLabelDesktopLineHeight: "var(--v16_49_rhey4t7)",
13
+ helperTextMobileFontSize: "var(--v16_49_rhey4t8)",
14
+ helperTextDesktopFontSize: "var(--v16_49_rhey4t9)",
15
+ helperTextMobileLineHeight: "var(--v16_49_rhey4ta)",
16
+ helperTextDesktopLineHeight: "var(--v16_49_rhey4tb)",
17
+ labelScaleDesktop: "var(--v16_49_rhey4tc)",
18
+ labelScaleMobile: "var(--v16_49_rhey4td)"
19
+ }, i = "v16_49_rhey4ti", l = "v16_49_rhey4tk v16_49_rhey4tj v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_rhey4tf v16_49_rhey4te v16_49_1y2v1nfs4 v16_49_1y2v1nfr7 v16_49_1y2v1nf4p v16_49_1y2v1nfq9", f = "v16_49_rhey4tl", o = "v16_49_rhey4tm", p = "v16_49_rhey4to v16_49_rhey4tn v16_49_1y2v1nfpg v16_49_rhey4tf v16_49_rhey4te v16_49_1y2v1nfs4 v16_49_1y2v1nfr7 v16_49_1y2v1nf4p v16_49_1y2v1nfq9", d = "v16_49_rhey4tp", s = "v16_49_rhey4tq", m = "v16_49_rhey4tr", b = "v16_49_rhey4ts", L = "v16_49_rhey4tt", u = "v16_49_rhey4tv v16_49_rhey4tu v16_49_1y2v1nfi3 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", g = "v16_49_rhey4tx v16_49_rhey4tw v16_49_1y2v1nfji v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfqq v16_49_1y2v1nfph", c = "v16_49_rhey4tz v16_49_rhey4ty v16_49_1y2v1nfji", k = "v16_49_rhey4t11 v16_49_rhey4t10 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", x = "v16_49_rhey4t13 v16_49_rhey4t11 v16_49_rhey4t10 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_rhey4t12 v16_49_1y2v1nfsp", S = "v16_49_rhey4t14", q = "v16_49_rhey4t16 v16_49_rhey4t15 v16_49_1y2v1nfph", z = "v16_49_rhey4t17";
20
+ export { o as emptyDateValue, u as endIconContainer, y as fieldElementsGap, z as fieldEndIconContainer, h as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, a as fieldVars, i as fullWidth, f as hiddenDatePlaceholder, n as iconButtonSize, p as input, d as inputFirefoxStyles, s as inputWithLabel, m as inputWithoutLabel, x as menuItem, k as menuItemBase, S as menuItemSelected, c as prefix, g as startIcon, q as suggestionsContainer, l as textArea, b as textAreaWithLabel, L as textAreaWithoutLabel };
@@ -78,41 +78,40 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as t, jsxs as fe } from "react/jsx-runtime";
81
+ import { jsx as t, jsxs as me } from "react/jsx-runtime";
82
82
  import * as n from "react";
83
- import { createElement as me } from "react";
84
- import F from "classnames";
85
- import { useTheme as Y, useScreenSize as he, useIsomorphicLayoutEffect as ge } from "./hooks.js";
86
- import { InternalToggleIconButton as pe, InternalIconButton as xe } from "./icon-button.js";
87
- import { iconSize as Se } from "./icon-button.css-mistica.js";
88
- import { vars as Z } from "./skins/skin-contract.css-mistica.js";
89
- import { Text3 as P } from "./text.js";
90
- import { startIcon as ye, prefix as Ie, inputWithLabel as J, inputWithoutLabel as Q, fullWidth as be, fieldRightPadding as U, fieldLeftPadding as N, textArea as Ce, textAreaWithLabel as Te, textAreaWithoutLabel as Re, input as Ee, inputFirefoxStyles as ve, hiddenDatePlaceholder as $e, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Le, menuItemSelected as We, menuItemBase as Ne, suggestionsContainer as Pe, fieldEndIconContainer as we, fieldElementsGap as Oe, iconButtonSize as Be, fieldEndIconGap as De } from "./text-field-base.css-mistica.js";
91
- import { FieldContainer as Me, HelperText as ze, Label as He } from "./text-field-components.js";
92
- import { LABEL_SCALE_MOBILE as _e, LABEL_SCALE_DESKTOP as ke } from "./text-field-components.css-mistica.js";
93
- import { formTextMultilineMaxCount as Ge, searchFieldSuggestionsEmptyCase as Ke, menuLabelSuffix as je } from "./text-tokens.js";
83
+ import { createElement as he } from "react";
84
+ import W from "classnames";
85
+ import { useTheme as _, useScreenSize as ge, useIsomorphicLayoutEffect as pe } from "./hooks.js";
86
+ import { InternalToggleIconButton as xe, InternalIconButton as Se } from "./icon-button.js";
87
+ import { iconSize as ye } from "./icon-button.css-mistica.js";
88
+ import { vars as V } from "./skins/skin-contract.css-mistica.js";
89
+ import { Text3 as w } from "./text.js";
90
+ import { startIcon as be, prefix as Ie, inputWithLabel as Q, inputWithoutLabel as U, fullWidth as Ce, fieldRightPadding as X, fieldLeftPadding as P, textArea as Te, textAreaWithLabel as Re, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Ee, hiddenDatePlaceholder as Fe, emptyDateValue as We, endIconContainer as Ne, menuItem as Ae, menuItemSelected as Pe, menuItemBase as we, suggestionsContainer as De, fieldEndIconContainer as Le, fieldElementsGap as Me, iconButtonSize as Oe, fieldEndIconGap as ke, fieldVars as Y } from "./text-field-base.css-mistica.js";
91
+ import { FieldContainer as ze, HelperText as He, Label as Be } from "./text-field-components.js";
92
+ import { formTextMultilineMaxCount as Ge, searchFieldSuggestionsEmptyCase as je, menuLabelSuffix as Ke } from "./text-tokens.js";
94
93
  import { ThemeVariant as qe } from "./theme-variant-context.js";
95
- import { combineRefs as V } from "./utils/common.js";
94
+ import { combineRefs as ee } from "./utils/common.js";
96
95
  import { isFirefox as Je, isRunningAcceptanceTest as Qe } from "./utils/platform.js";
97
96
  const Ue = (a, h)=>{
98
97
  if (!h) return !0;
99
- const l = document.createElement("input");
100
- return l.type = h, l.value = a || "", l.value !== "";
101
- }, mt = (param)=>{
102
- let { hasBackgroundColor: a = !0, onPress: h, onChange: l, disabled: x, Icon: r, checkedProps: s, uncheckedProps: o, "aria-label": S } = param;
98
+ const s = document.createElement("input");
99
+ return s.type = h, s.value = a || "", s.value !== "";
100
+ }, ut = (param)=>{
101
+ let { hasBackgroundColor: a = !0, onPress: h, onChange: s, disabled: x, Icon: r, checkedProps: l, uncheckedProps: o, "aria-label": S } = param;
103
102
  return /* @__PURE__ */ t("div", {
104
- className: we,
105
- children: s ? /* @__PURE__ */ t(pe, {
106
- checkedProps: _object_spread_props(_object_spread({}, s), {
107
- "aria-label": s["aria-label"] || ""
103
+ className: Le,
104
+ children: l ? /* @__PURE__ */ t(xe, {
105
+ checkedProps: _object_spread_props(_object_spread({}, l), {
106
+ "aria-label": l["aria-label"] || ""
108
107
  }),
109
108
  uncheckedProps: _object_spread_props(_object_spread({}, o), {
110
109
  "aria-label": o["aria-label"] || ""
111
110
  }),
112
- onChange: l,
111
+ onChange: s,
113
112
  hasOverlay: a,
114
113
  disabled: x
115
- }) : /* @__PURE__ */ t(xe, {
114
+ }) : /* @__PURE__ */ t(Se, {
116
115
  Icon: r,
117
116
  disabled: x,
118
117
  "aria-label": S || "",
@@ -120,10 +119,10 @@ const Ue = (a, h)=>{
120
119
  hasOverlay: a
121
120
  })
122
121
  });
123
- }, X = (a)=>{
122
+ }, Z = (a)=>{
124
123
  a.preventDefault();
125
- }, H = /*#__PURE__*/ n.forwardRef((_param, te)=>{
126
- var { error: a, helperText: h, label: l, inputProps: x, inputRef: r, defaultValue: s, value: o, onFocus: S, onBlur: T, inputComponent: R, prefix: E, startIcon: g, endIcon: b, endIconOverlay: C, shrinkLabel: v, multiline: y = !1, focus: p, fieldRef: w, maxLength: u, id: i, autoComplete: d, fullWidth: I, dataAttributes: L, preventCopy: O, showOptionalLabel: ee = !0, required: B } = _param, c = _object_without_properties(_param, [
124
+ }, H = /*#__PURE__*/ n.forwardRef((_param, ie)=>{
125
+ var { error: a, helperText: h, label: s, inputProps: x, inputRef: r, defaultValue: l, value: o, onFocus: S, onBlur: T, inputComponent: R, prefix: v, startIcon: g, endIcon: I, endIconOverlay: C, shrinkLabel: $, multiline: y = !1, focus: p, fieldRef: D, maxLength: u, id: i, autoComplete: d, fullWidth: b, dataAttributes: N, preventCopy: L, showOptionalLabel: te = !0, required: M } = _param, c = _object_without_properties(_param, [
127
126
  "error",
128
127
  "helperText",
129
128
  "label",
@@ -151,107 +150,107 @@ const Ue = (a, h)=>{
151
150
  "showOptionalLabel",
152
151
  "required"
153
152
  ]);
154
- const { preventCopyInFormFields: ie, texts: ne, t: re } = Y();
155
- O = O !== null && O !== void 0 ? O : ie;
153
+ const { preventCopyInFormFields: ne, texts: re, t: oe } = _();
154
+ L = L !== null && L !== void 0 ? L : ne;
156
155
  var _ref;
157
- const oe = n.useId(), _ = i || oe, k = n.useId(), G = n.useId(), [f, m] = n.useState(s != null && s.length || o != null && o.length ? "filled" : "default"), { isTabletOrSmaller: ae } = he(), [D, K] = n.useState((_ref = s == null ? void 0 : s.length) !== null && _ref !== void 0 ? _ref : 0), M = !!l || !B, $ = c.type === "date" || c.type === "datetime-local" || c.type === "month", j = n.useRef(void 0);
158
- ge(()=>{
159
- const e = $ && !Ue(o, c.type) ? "" : o, W = o !== void 0;
156
+ const ae = n.useId(), B = i || ae, G = n.useId(), j = n.useId(), [f, m] = n.useState(l != null && l.length || o != null && o.length ? "filled" : "default"), { isTabletOrSmaller: le } = ge(), [O, K] = n.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), k = !!s || !M, E = c.type === "date" || c.type === "datetime-local" || c.type === "month", q = n.useRef(void 0);
157
+ pe(()=>{
158
+ const e = E && !Ue(o, c.type) ? "" : o, A = o !== void 0;
160
159
  var _ref;
161
- j.current !== o && $ && !(e != null && e.length) && f === "filled" && p === void 0 && m("default"), j.current = o, f !== "focused" && W && (K((_ref = e == null ? void 0 : e.length) !== null && _ref !== void 0 ? _ref : 0), m(e != null && e.length ? "filled" : "default")), p && m("focused"), p === !1 && !(e != null && e.length) && m("default"), p === !1 && e != null && e.length && m("filled");
160
+ q.current !== o && E && !(e != null && e.length) && f === "filled" && p === void 0 && m("default"), q.current = o, f !== "focused" && A && (K((_ref = e == null ? void 0 : e.length) !== null && _ref !== void 0 ? _ref : 0), m(e != null && e.length ? "filled" : "default")), p && m("focused"), p === !1 && !(e != null && e.length) && m("default"), p === !1 && e != null && e.length && m("filled");
162
161
  }, [
163
162
  f,
164
163
  o,
165
164
  p,
166
- $,
165
+ E,
167
166
  c.type
168
167
  ]), n.useEffect(()=>{
169
168
  c.autoFocus && m("focused");
170
169
  }, [
171
170
  c.autoFocus
172
171
  ]);
173
- const se = y ? "textarea" : "input", le = R ? {
172
+ const se = y ? "textarea" : "input", de = R ? {
174
173
  inputRef: r
175
174
  } : {
176
- ref: V(te, r)
177
- }, A = _object_spread(_object_spread_props(_object_spread({}, c), {
175
+ ref: ee(ie, r)
176
+ }, F = _object_spread(_object_spread_props(_object_spread({}, c), {
178
177
  maxLength: u,
179
178
  autoComplete: d
180
- }), x), z = `calc(${Se.default} + ${Oe}px)`, q = `calc(${Be} + ${De}px)`, de = v || f === "focused" || f === "filled" ? ae ? _e : ke : 1, ce = {
181
- left: `calc(${N}px + ${g ? z : "0px"})`,
179
+ }), x), z = `calc(${ye.default} + ${Me}px)`, J = `calc(${Oe} + ${ke}px)`, ce = $ || f === "focused" || f === "filled" ? le ? Y.labelScaleMobile : Y.labelScaleDesktop : 1, ue = {
180
+ left: `calc(${P}px + ${g ? z : "0px"})`,
182
181
  // shrinking means applying a scale transformation, so width will be proportionally reduced.
183
182
  // Let's keep the original width.
184
- width: `calc((100% - ${N}px - ${g ? z : "0px"} - ${b || C ? q : `${U}px`}) / ${de})`
185
- }, ue = c.type === "password" && D > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
186
- return /* @__PURE__ */ t(Me, {
183
+ width: `calc((100% - ${P}px - ${g ? z : "0px"} - ${I || C ? J : `${X}px`}) / ${ce})`
184
+ }, fe = c.type === "password" && O > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
185
+ return /* @__PURE__ */ t(ze, {
187
186
  disabled: c.disabled,
188
- helperText: /* @__PURE__ */ t(ze, {
187
+ helperText: /* @__PURE__ */ t(He, {
189
188
  error: a,
190
189
  leftText: h,
191
- leftTextId: k,
192
- rightTextId: G,
193
- rightText: y && u ? `${D}/${u}` : void 0,
194
- rightTextLabel: y && u ? re(ne.formTextMultilineMaxCount || Ge, D, u) : void 0
190
+ leftTextId: G,
191
+ rightTextId: j,
192
+ rightText: y && u ? `${O}/${u}` : void 0,
193
+ rightTextLabel: y && u ? oe(re.formTextMultilineMaxCount || Ge, O, u) : void 0
195
194
  }),
196
195
  multiline: y,
197
- fullWidth: I,
198
- fieldRef: w,
196
+ fullWidth: b,
197
+ fieldRef: D,
199
198
  readOnly: c.readOnly,
200
- dataAttributes: L,
201
- children: /* @__PURE__ */ fe(qe, {
199
+ dataAttributes: N,
200
+ children: /* @__PURE__ */ me(qe, {
202
201
  variant: "default",
203
202
  children: [
204
203
  g && /* @__PURE__ */ t("div", {
205
- className: ye,
204
+ className: be,
206
205
  "data-testid": "startIcon",
207
206
  children: g
208
207
  }),
209
- E && /* @__PURE__ */ t("div", {
208
+ v && /* @__PURE__ */ t("div", {
210
209
  "aria-hidden": !0,
211
- className: F(Ie, M ? J : Q),
210
+ className: W(Ie, k ? Q : U),
212
211
  style: {
213
212
  opacity: f === "default" ? 0 : 1
214
213
  },
215
- children: /* @__PURE__ */ t(P, {
216
- color: Z.colors.textSecondary,
214
+ children: /* @__PURE__ */ t(w, {
215
+ color: V.colors.textSecondary,
217
216
  regular: !0,
218
217
  wordBreak: !1,
219
- children: E
218
+ children: v
220
219
  })
221
220
  }),
222
- l && /* @__PURE__ */ t(He, {
223
- style: ce,
221
+ s && /* @__PURE__ */ t(Be, {
222
+ style: ue,
224
223
  error: a,
225
- forId: _,
224
+ forId: B,
226
225
  inputState: f,
227
- shrinkLabel: v,
228
- showOptional: !B && ee,
229
- children: l
226
+ shrinkLabel: $,
227
+ showOptional: !M && te,
228
+ children: s
230
229
  }),
231
230
  /* @__PURE__ */ t("div", {
232
- className: be,
233
- children: /* @__PURE__ */ t(P, {
231
+ className: Ce,
232
+ children: /* @__PURE__ */ t(w, {
234
233
  as: "div",
235
234
  regular: !0,
236
- children: /*#__PURE__*/ n.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, le, A), {
237
- id: _
238
- }), B && {
235
+ children: /*#__PURE__*/ n.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, de, F), {
236
+ id: B
237
+ }), M && {
239
238
  "aria-required": !0
240
239
  }, a && {
241
240
  "aria-invalid": !0
242
241
  }), {
243
242
  style: _object_spread_props(_object_spread({
244
- paddingRight: b ? 0 : C ? q : U,
245
- paddingLeft: E ? 0 : g ? `calc(${z} + ${N}px)` : N
246
- }, A.style), {
247
- fontFamily: ue
243
+ paddingRight: I ? 0 : C ? J : X,
244
+ paddingLeft: v ? 0 : g ? `calc(${z} + ${P}px)` : P
245
+ }, F.style), {
246
+ fontFamily: fe
248
247
  }),
249
- className: y ? F(Ce, M ? Te : Re) : F(Ee, M ? J : Q, {
250
- [ve]: Je(),
248
+ className: y ? W(Te, k ? Re : ve) : W($e, k ? Q : U, {
249
+ [Ee]: Je(),
251
250
  // Hide webkit placeholder when label is not shrinked and value is empty
252
- [$e]: $ && f === "default",
251
+ [Fe]: E && f === "default",
253
252
  // Force height of input when value is empty to avoid field from having height 0 in iOS
254
- [Ae]: $ && f !== "filled"
253
+ [We]: E && f !== "filled"
255
254
  }),
256
255
  onFocus: (e)=>{
257
256
  m("focused"), S == null || S(e);
@@ -260,75 +259,75 @@ const Ue = (a, h)=>{
260
259
  e.target.value.length > 0 ? m("filled") : m("default"), T == null || T(e);
261
260
  },
262
261
  onChange: (e)=>{
263
- var W;
264
- u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (W = A.onChange) == null || W.call(A, e)) : (e.stopPropagation(), e.preventDefault());
262
+ var A;
263
+ u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (A = F.onChange) == null || A.call(F, e)) : (e.stopPropagation(), e.preventDefault());
265
264
  },
266
- defaultValue: s,
265
+ defaultValue: l,
267
266
  value: o
268
267
  }), a && {
269
268
  "aria-invalid": !0
270
269
  }, (h || y && u) && {
271
- "aria-describedby": `${k} ${G}`
272
- }, O && {
273
- onCopy: X,
274
- onCut: X
270
+ "aria-describedby": `${G} ${j}`
271
+ }, L && {
272
+ onCopy: Z,
273
+ onCut: Z
275
274
  }))
276
275
  })
277
276
  }),
278
- b && /* @__PURE__ */ t("div", {
279
- className: Fe,
277
+ I && /* @__PURE__ */ t("div", {
278
+ className: Ne,
280
279
  "data-testid": "endIcon",
281
- children: b
280
+ children: I
282
281
  }),
283
282
  C
284
283
  ]
285
284
  })
286
285
  });
287
- }), Xe = /*#__PURE__*/ n.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), ht = /*#__PURE__*/ n.forwardRef((_param, s)=>{
288
- var { getSuggestions: a, id: h, shouldShowSuggestions: l = "focus", withSuggestionsEmptyCase: x = !1 } = _param, r = _object_without_properties(_param, [
286
+ }), Xe = /*#__PURE__*/ n.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), ft = /*#__PURE__*/ n.forwardRef((_param, l)=>{
287
+ var { getSuggestions: a, id: h, shouldShowSuggestions: s = "focus", withSuggestionsEmptyCase: x = !1 } = _param, r = _object_without_properties(_param, [
289
288
  "getSuggestions",
290
289
  "id",
291
290
  "shouldShowSuggestions",
292
291
  "withSuggestionsEmptyCase"
293
292
  ]);
294
- const [o, S] = n.useState([]), [T, R] = n.useState(!1), E = n.useRef(null), g = n.useRef(null), { platformOverrides: b, texts: C, t: v } = Y(), y = n.useId(), p = h || y, w = n.useId(), u = typeof x == "string" ? x : C.searchFieldSuggestionsEmptyCase || v(Ke);
293
+ const [o, S] = n.useState([]), [T, R] = n.useState(!1), v = n.useRef(null), g = n.useRef(null), { platformOverrides: I, texts: C, t: $ } = _(), y = n.useId(), p = h || y, D = n.useId(), u = typeof x == "string" ? x : C.searchFieldSuggestionsEmptyCase || $(je);
295
294
  if (a && (r.value === void 0 || r.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
296
295
  return a ? /* @__PURE__ */ t(n.Suspense, {
297
296
  fallback: /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, r), {
298
- label: Qe(b) ? "" : r.label,
297
+ label: Qe(I) ? "" : r.label,
299
298
  autoComplete: "off",
300
- ref: s,
299
+ ref: l,
301
300
  id: p
302
301
  })),
303
302
  children: /* @__PURE__ */ t(Xe, {
304
- id: w,
303
+ id: D,
305
304
  inputProps: _object_spread_props(_object_spread({}, r), {
306
305
  id: p,
307
306
  autoComplete: "off",
308
307
  // @ts-expect-error Autosuggest expects slightly different types
309
308
  onChange: (i, param)=>{
310
309
  let { newValue: d } = param;
311
- var I;
310
+ var b;
312
311
  i.target = _object_spread_props(_object_spread({}, i.target), {
313
312
  value: d
314
313
  }), i.currentTarget = _object_spread_props(_object_spread({}, i.currentTarget), {
315
314
  value: d
316
- }), (I = r.onChange) == null || I.call(r, i);
315
+ }), (b = r.onChange) == null || b.call(r, i);
317
316
  }
318
317
  }),
319
318
  renderInputComponent: (i)=>{
320
- const { key: d } = i, I = _object_without_properties(i, [
319
+ const { key: d } = i, b = _object_without_properties(i, [
321
320
  "key"
322
321
  ]);
323
322
  return /* @__PURE__ */ t(H, _object_spread_props(_object_spread({
324
323
  role: "combobox"
325
- }, I), {
324
+ }, b), {
326
325
  fieldRef: g,
327
- inputRef: V(E, r.inputRef, s)
326
+ inputRef: ee(v, r.inputRef, l)
328
327
  }), d);
329
328
  },
330
329
  suggestions: o,
331
- shouldRenderSuggestions: (i)=>l === "focus" || i.trim().length >= l,
330
+ shouldRenderSuggestions: (i)=>s === "focus" || i.trim().length >= s,
332
331
  onSuggestionsFetchRequested: (param)=>{
333
332
  let { value: i } = param;
334
333
  const d = a(i);
@@ -342,10 +341,10 @@ const Ue = (a, h)=>{
342
341
  let { isHighlighted: d } = param;
343
342
  return /* @__PURE__ */ t("div", {
344
343
  role: "menuitem",
345
- className: F(Le, {
346
- [We]: d
344
+ className: W(Ae, {
345
+ [Pe]: d
347
346
  }),
348
- children: /* @__PURE__ */ t(P, {
347
+ children: /* @__PURE__ */ t(w, {
349
348
  regular: !0,
350
349
  children: i
351
350
  })
@@ -353,30 +352,30 @@ const Ue = (a, h)=>{
353
352
  },
354
353
  renderSuggestionsContainer: (i)=>{
355
354
  if (!T) return null;
356
- const _i_containerProps = i.containerProps, { key: d } = _i_containerProps, I = _object_without_properties(_i_containerProps, [
355
+ const _i_containerProps = i.containerProps, { key: d } = _i_containerProps, b = _object_without_properties(_i_containerProps, [
357
356
  "key"
358
- ]), L = o.length === 0 && x ? /* @__PURE__ */ t("div", {
357
+ ]), N = o.length === 0 && x ? /* @__PURE__ */ t("div", {
359
358
  role: "status",
360
- className: F(Ne),
361
- children: /* @__PURE__ */ t(P, {
359
+ className: W(we),
360
+ children: /* @__PURE__ */ t(w, {
362
361
  regular: !0,
363
- color: Z.colors.textSecondary,
362
+ color: V.colors.textSecondary,
364
363
  children: u
365
364
  })
366
365
  }) : i.children;
367
- return L ? /* @__PURE__ */ /*#__PURE__*/ me("div", _object_spread_props(_object_spread({}, I), {
366
+ return N ? /* @__PURE__ */ /*#__PURE__*/ he("div", _object_spread_props(_object_spread({}, b), {
368
367
  key: d,
369
368
  style: {
370
369
  width: g.current ? g.current.clientWidth + 2 : 0
371
370
  },
372
- className: Pe,
373
- "aria-label": `${r.label} ${C.menuLabelSuffix || v(je)}`
374
- }), L) : null;
371
+ className: De,
372
+ "aria-label": `${r.label} ${C.menuLabelSuffix || $(Ke)}`
373
+ }), N) : null;
375
374
  }
376
375
  })
377
376
  }) : /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, r), {
378
377
  id: p,
379
- ref: s
378
+ ref: l
380
379
  }));
381
380
  });
382
- export { mt as FieldEndIcon, H as TextFieldBase, ht as TextFieldBaseAutosuggest };
381
+ export { ut as FieldEndIcon, H as TextFieldBase, ft as TextFieldBaseAutosuggest };