@telefonica/mistica 16.36.0 → 16.37.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 (333) hide show
  1. package/css/blau.css +96 -24
  2. package/css/esimflag.css +93 -21
  3. package/css/mistica-common.css +9 -4
  4. package/css/mistica.css +1 -1
  5. package/css/movistar.css +101 -29
  6. package/css/o2-new.css +99 -28
  7. package/css/o2.css +93 -21
  8. package/css/telefonica.css +96 -24
  9. package/css/tu.css +96 -24
  10. package/css/vivo-new.css +96 -24
  11. package/css/vivo.css +96 -24
  12. package/dist/accordion.css-mistica.js +10 -10
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/avatar.css-mistica.js +2 -2
  15. package/dist/badge.css-mistica.js +2 -2
  16. package/dist/box.css-mistica.js +13 -13
  17. package/dist/box.js +5 -5
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/boxed.d.ts +2 -1
  20. package/dist/boxed.js +10 -9
  21. package/dist/button-group.css-mistica.js +4 -4
  22. package/dist/button-group.js +2 -2
  23. package/dist/button-layout.css-mistica.js +18 -18
  24. package/dist/button.css-mistica.js +35 -35
  25. package/dist/callout.css-mistica.js +5 -5
  26. package/dist/card-cover.d.ts +126 -0
  27. package/dist/card-cover.js +185 -0
  28. package/dist/card-data.d.ts +63 -0
  29. package/dist/card-data.js +171 -0
  30. package/dist/card-internal.css-mistica.js +78 -0
  31. package/dist/card-internal.css.d.ts +17 -0
  32. package/dist/card-internal.d.ts +166 -0
  33. package/dist/card-internal.js +1063 -0
  34. package/dist/card-media.d.ts +78 -0
  35. package/dist/card-media.js +163 -0
  36. package/dist/card-naked.d.ts +11 -0
  37. package/dist/card-naked.js +154 -0
  38. package/dist/carousel.css-mistica.js +25 -25
  39. package/dist/checkbox.css-mistica.js +9 -9
  40. package/dist/checkbox.js +2 -2
  41. package/dist/chip.css-mistica.js +15 -15
  42. package/dist/circle.css-mistica.js +1 -1
  43. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  44. package/dist/community/advanced-data-card.d.ts +1 -1
  45. package/dist/community/advanced-data-card.js +7 -7
  46. package/dist/community/blocks.css-mistica.js +1 -1
  47. package/dist/community/example-component.css-mistica.js +1 -1
  48. package/dist/counter.css-mistica.js +9 -9
  49. package/dist/counter.js +8 -8
  50. package/dist/cover-hero-media.js +9 -9
  51. package/dist/cover-hero.css-mistica.js +15 -15
  52. package/dist/credit-card-number-field.css-mistica.js +3 -3
  53. package/dist/date-field.css-mistica.js +1 -1
  54. package/dist/date-time-picker.css-mistica.js +1 -1
  55. package/dist/dialog.css-mistica.js +12 -12
  56. package/dist/dialog.js +14 -14
  57. package/dist/divider.css-mistica.js +2 -2
  58. package/dist/double-field.css-mistica.js +4 -4
  59. package/dist/drawer.css-mistica.js +2 -2
  60. package/dist/empty-state-card.css-mistica.js +1 -1
  61. package/dist/empty-state.css-mistica.js +6 -6
  62. package/dist/fade-in.css-mistica.js +1 -1
  63. package/dist/feedback.css-mistica.js +4 -4
  64. package/dist/fixed-footer-layout.css-mistica.js +10 -10
  65. package/dist/fixed-footer-layout.js +5 -5
  66. package/dist/form.css-mistica.js +1 -1
  67. package/dist/form.js +5 -5
  68. package/dist/grid-layout.css-mistica.js +3 -3
  69. package/dist/grid.css-mistica.js +122 -122
  70. package/dist/header.css-mistica.js +3 -3
  71. package/dist/hero.css-mistica.js +6 -6
  72. package/dist/hooks.d.ts +4 -0
  73. package/dist/hooks.js +94 -83
  74. package/dist/horizontal-scroll.css-mistica.js +1 -1
  75. package/dist/horizontal-scroll.js +2 -2
  76. package/dist/icon-button.css-mistica.js +47 -47
  77. package/dist/icon-button.js +3 -3
  78. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  79. package/dist/icons/icon-error.css-mistica.js +1 -1
  80. package/dist/image.css-mistica.js +5 -5
  81. package/dist/image.d.ts +2 -0
  82. package/dist/image.js +24 -20
  83. package/dist/index.d.ts +18 -3
  84. package/dist/index.js +28 -13
  85. package/dist/inline.css-mistica.js +10 -10
  86. package/dist/list.css-mistica.js +30 -15
  87. package/dist/list.css.d.ts +5 -0
  88. package/dist/list.d.ts +16 -1
  89. package/dist/list.js +158 -99
  90. package/dist/loading-bar.css-mistica.js +1 -1
  91. package/dist/loading-bar.js +2 -2
  92. package/dist/loading-screen.css-mistica.js +9 -9
  93. package/dist/loading-screen.js +3 -3
  94. package/dist/logo.css-mistica.js +5 -5
  95. package/dist/menu.css-mistica.js +14 -14
  96. package/dist/menu.js +7 -7
  97. package/dist/mosaic.css-mistica.js +1 -1
  98. package/dist/navigation-bar.css-mistica.js +32 -32
  99. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  100. package/dist/package-version.js +1 -1
  101. package/dist/pin-field.css-mistica.js +9 -9
  102. package/dist/pin-field.js +2 -2
  103. package/dist/popover.css-mistica.js +1 -1
  104. package/dist/progress-bar.css-mistica.js +4 -4
  105. package/dist/progress-bar.js +2 -2
  106. package/dist/radio-button.css-mistica.js +18 -18
  107. package/dist/radio-button.js +5 -5
  108. package/dist/rating.css-mistica.js +4 -4
  109. package/dist/rating.js +8 -8
  110. package/dist/responsive-layout.css-mistica.js +5 -5
  111. package/dist/responsive-layout.js +6 -6
  112. package/dist/screen-reader-only.css-mistica.js +1 -1
  113. package/dist/select.css-mistica.js +18 -18
  114. package/dist/select.js +9 -9
  115. package/dist/sheet-action-row.css-mistica.js +1 -1
  116. package/dist/sheet-common.css-mistica.js +12 -12
  117. package/dist/sheet-info.css-mistica.js +1 -1
  118. package/dist/skeletons.css-mistica.js +6 -6
  119. package/dist/skins/blau.js +50 -14
  120. package/dist/skins/esimflag.js +49 -13
  121. package/dist/skins/movistar.js +54 -18
  122. package/dist/skins/o2-new.js +49 -13
  123. package/dist/skins/o2.js +49 -13
  124. package/dist/skins/skin-contract.css-mistica.js +390 -354
  125. package/dist/skins/skin-contract.css.d.ts +48 -12
  126. package/dist/skins/telefonica.js +50 -14
  127. package/dist/skins/tu.js +50 -14
  128. package/dist/skins/types/colors.d.ts +24 -6
  129. package/dist/skins/vivo-new.js +50 -14
  130. package/dist/skins/vivo.js +50 -14
  131. package/dist/skip-link.css-mistica.js +2 -2
  132. package/dist/slider.css-mistica.js +13 -13
  133. package/dist/slider.js +9 -9
  134. package/dist/snackbar.css-mistica.js +7 -7
  135. package/dist/spinner.css-mistica.js +1 -1
  136. package/dist/stack.css-mistica.js +5 -5
  137. package/dist/stacking-group.css-mistica.js +1 -1
  138. package/dist/stepper.css-mistica.js +8 -8
  139. package/dist/stepper.js +3 -3
  140. package/dist/switch-component.css-mistica.js +37 -37
  141. package/dist/table.css-mistica.js +8 -8
  142. package/dist/table.d.ts +1 -1
  143. package/dist/table.js +8 -8
  144. package/dist/tabs.css-mistica.js +17 -17
  145. package/dist/tag.css-mistica.js +1 -1
  146. package/dist/tag.js +10 -10
  147. package/dist/text-field-base.css-mistica.js +10 -10
  148. package/dist/text-field-base.js +8 -8
  149. package/dist/text-field-components.css-mistica.js +18 -18
  150. package/dist/text-field-components.js +2 -2
  151. package/dist/text-link.css-mistica.js +5 -5
  152. package/dist/text.css-mistica.js +7 -7
  153. package/dist/text.js +7 -7
  154. package/dist/theme-context.css-mistica.js +430 -394
  155. package/dist/theme-context.css.d.ts +48 -12
  156. package/dist/timeline.css-mistica.js +12 -12
  157. package/dist/timer.css-mistica.js +8 -8
  158. package/dist/tooltip.css-mistica.js +7 -7
  159. package/dist/touchable.css-mistica.js +1 -1
  160. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  161. package/dist/utils/aspect-ratio-support.d.ts +5 -0
  162. package/dist/utils/aspect-ratio-support.js +26 -15
  163. package/dist/utils/color.d.ts +11 -0
  164. package/dist/utils/color.js +27 -6
  165. package/dist/utils/headings.d.ts +3 -0
  166. package/dist/video.css-mistica.js +1 -1
  167. package/dist/video.js +2 -2
  168. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  169. package/dist-es/accordion.css-mistica.js +7 -7
  170. package/dist-es/align.css-mistica.js +1 -1
  171. package/dist-es/avatar.css-mistica.js +2 -2
  172. package/dist-es/badge.css-mistica.js +2 -2
  173. package/dist-es/box.css-mistica.js +13 -13
  174. package/dist-es/box.js +9 -9
  175. package/dist-es/boxed.css-mistica.js +23 -23
  176. package/dist-es/boxed.js +20 -19
  177. package/dist-es/button-group.css-mistica.js +2 -2
  178. package/dist-es/button-group.js +4 -4
  179. package/dist-es/button-layout.css-mistica.js +15 -15
  180. package/dist-es/button.css-mistica.js +22 -22
  181. package/dist-es/callout.css-mistica.js +5 -5
  182. package/dist-es/callout.js +5 -5
  183. package/dist-es/card-cover.js +125 -0
  184. package/dist-es/card-data.js +110 -0
  185. package/dist-es/card-internal.css-mistica.js +22 -0
  186. package/dist-es/card-internal.js +992 -0
  187. package/dist-es/card-media.js +105 -0
  188. package/dist-es/card-naked.js +96 -0
  189. package/dist-es/carousel.css-mistica.js +9 -9
  190. package/dist-es/checkbox.css-mistica.js +8 -8
  191. package/dist-es/checkbox.js +6 -6
  192. package/dist-es/chip.css-mistica.js +13 -13
  193. package/dist-es/circle.css-mistica.js +1 -1
  194. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  195. package/dist-es/community/advanced-data-card.js +29 -29
  196. package/dist-es/community/blocks.css-mistica.js +1 -1
  197. package/dist-es/community/example-component.css-mistica.js +1 -1
  198. package/dist-es/counter.css-mistica.js +2 -2
  199. package/dist-es/counter.js +8 -8
  200. package/dist-es/cover-hero-media.js +9 -9
  201. package/dist-es/cover-hero.css-mistica.js +4 -4
  202. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  203. package/dist-es/date-field.css-mistica.js +1 -1
  204. package/dist-es/date-time-picker.css-mistica.js +1 -1
  205. package/dist-es/dialog.css-mistica.js +5 -5
  206. package/dist-es/dialog.js +31 -31
  207. package/dist-es/divider.css-mistica.js +2 -2
  208. package/dist-es/double-field.css-mistica.js +4 -4
  209. package/dist-es/drawer.css-mistica.js +2 -2
  210. package/dist-es/empty-state-card.css-mistica.js +1 -1
  211. package/dist-es/empty-state.css-mistica.js +6 -6
  212. package/dist-es/empty-state.js +7 -7
  213. package/dist-es/fade-in.css-mistica.js +1 -1
  214. package/dist-es/feedback.css-mistica.js +2 -2
  215. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  216. package/dist-es/fixed-footer-layout.js +5 -5
  217. package/dist-es/form.css-mistica.js +1 -1
  218. package/dist-es/form.js +5 -5
  219. package/dist-es/grid-layout.css-mistica.js +3 -3
  220. package/dist-es/grid.css-mistica.js +122 -122
  221. package/dist-es/grid.js +2 -2
  222. package/dist-es/header.css-mistica.js +2 -2
  223. package/dist-es/hero.css-mistica.js +3 -3
  224. package/dist-es/hooks.js +86 -78
  225. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  226. package/dist-es/horizontal-scroll.js +2 -2
  227. package/dist-es/icon-button.css-mistica.js +45 -45
  228. package/dist-es/icon-button.js +3 -3
  229. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  230. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  231. package/dist-es/image.css-mistica.js +4 -4
  232. package/dist-es/image.js +42 -38
  233. package/dist-es/index.js +1887 -1884
  234. package/dist-es/inline.css-mistica.js +10 -10
  235. package/dist-es/list.css-mistica.js +2 -2
  236. package/dist-es/list.js +226 -174
  237. package/dist-es/loading-bar.css-mistica.js +1 -1
  238. package/dist-es/loading-bar.js +6 -6
  239. package/dist-es/loading-screen.css-mistica.js +5 -5
  240. package/dist-es/loading-screen.js +8 -8
  241. package/dist-es/logo.css-mistica.js +5 -5
  242. package/dist-es/menu.css-mistica.js +13 -13
  243. package/dist-es/menu.js +7 -7
  244. package/dist-es/mosaic.css-mistica.js +1 -1
  245. package/dist-es/navigation-bar.css-mistica.js +17 -17
  246. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  247. package/dist-es/package-version.js +1 -1
  248. package/dist-es/pin-field.css-mistica.js +2 -2
  249. package/dist-es/pin-field.js +8 -8
  250. package/dist-es/popover.css-mistica.js +1 -1
  251. package/dist-es/progress-bar.css-mistica.js +4 -4
  252. package/dist-es/progress-bar.js +10 -10
  253. package/dist-es/radio-button.css-mistica.js +16 -16
  254. package/dist-es/radio-button.js +5 -5
  255. package/dist-es/rating.css-mistica.js +3 -3
  256. package/dist-es/rating.js +12 -12
  257. package/dist-es/responsive-layout.css-mistica.js +5 -5
  258. package/dist-es/responsive-layout.js +15 -15
  259. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  260. package/dist-es/select.css-mistica.js +17 -17
  261. package/dist-es/select.js +15 -15
  262. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  263. package/dist-es/sheet-common.css-mistica.js +2 -2
  264. package/dist-es/sheet-info.css-mistica.js +1 -1
  265. package/dist-es/skeletons.css-mistica.js +5 -5
  266. package/dist-es/skins/blau.js +50 -14
  267. package/dist-es/skins/esimflag.js +49 -13
  268. package/dist-es/skins/movistar.js +54 -18
  269. package/dist-es/skins/o2-new.js +49 -13
  270. package/dist-es/skins/o2.js +49 -13
  271. package/dist-es/skins/skin-contract.css-mistica.js +390 -354
  272. package/dist-es/skins/telefonica.js +50 -14
  273. package/dist-es/skins/tu.js +52 -16
  274. package/dist-es/skins/vivo-new.js +52 -16
  275. package/dist-es/skins/vivo.js +52 -16
  276. package/dist-es/skip-link.css-mistica.js +2 -2
  277. package/dist-es/slider.css-mistica.js +11 -11
  278. package/dist-es/slider.js +9 -9
  279. package/dist-es/snackbar.css-mistica.js +5 -5
  280. package/dist-es/spinner.css-mistica.js +1 -1
  281. package/dist-es/stack.css-mistica.js +5 -5
  282. package/dist-es/stacking-group.css-mistica.js +1 -1
  283. package/dist-es/stepper.css-mistica.js +3 -3
  284. package/dist-es/stepper.js +3 -3
  285. package/dist-es/style.css +1 -1
  286. package/dist-es/switch-component.css-mistica.js +29 -29
  287. package/dist-es/table.css-mistica.js +8 -8
  288. package/dist-es/table.js +12 -12
  289. package/dist-es/tabs.css-mistica.js +14 -14
  290. package/dist-es/tag.css-mistica.js +1 -1
  291. package/dist-es/tag.js +17 -17
  292. package/dist-es/text-field-base.css-mistica.js +2 -2
  293. package/dist-es/text-field-base.js +16 -16
  294. package/dist-es/text-field-components.css-mistica.js +5 -5
  295. package/dist-es/text-field-components.js +4 -4
  296. package/dist-es/text-link.css-mistica.js +5 -5
  297. package/dist-es/text.css-mistica.js +7 -7
  298. package/dist-es/text.js +6 -6
  299. package/dist-es/theme-context.css-mistica.js +430 -394
  300. package/dist-es/timeline.css-mistica.js +11 -11
  301. package/dist-es/timeline.js +4 -4
  302. package/dist-es/timer.css-mistica.js +7 -7
  303. package/dist-es/tooltip.css-mistica.js +2 -2
  304. package/dist-es/touchable.css-mistica.js +1 -1
  305. package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
  306. package/dist-es/utils/aspect-ratio-support.js +31 -23
  307. package/dist-es/utils/color.js +23 -5
  308. package/dist-es/video.css-mistica.js +1 -1
  309. package/dist-es/video.js +5 -5
  310. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  311. package/package.json +1 -1
  312. package/dist/card.css-mistica.js +0 -106
  313. package/dist/card.css.d.ts +0 -33
  314. package/dist/card.d.ts +0 -299
  315. package/dist/card.js +0 -1694
  316. package/dist/highlighted-card.css-mistica.js +0 -30
  317. package/dist/highlighted-card.css.d.ts +0 -7
  318. package/dist/highlighted-card.css.ts.vanilla.css-mistica.js +0 -11
  319. package/dist/highlighted-card.d.ts +0 -34
  320. package/dist/highlighted-card.js +0 -253
  321. package/dist/maybe-dismissable.css-mistica.js +0 -21
  322. package/dist/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -11
  323. package/dist/maybe-dismissable.js +0 -108
  324. package/dist-es/card.css-mistica.js +0 -8
  325. package/dist-es/card.js +0 -1599
  326. package/dist-es/highlighted-card.css-mistica.js +0 -7
  327. package/dist-es/highlighted-card.css.ts.vanilla.css-mistica.js +0 -2
  328. package/dist-es/highlighted-card.js +0 -198
  329. package/dist-es/maybe-dismissable.css-mistica.js +0 -4
  330. package/dist-es/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -2
  331. package/dist-es/maybe-dismissable.js +0 -45
  332. /package/dist/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
  333. /package/dist-es/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
@@ -1,34 +1,34 @@
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_36_q0hp3a11 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
5
- ios: "v16_36_q0hp3a12 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
6
- checked: "v16_36_q0hp3a13 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
7
- checkedIos: "v16_36_q0hp3a14 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc"
8
- }, n = {
9
- default: "v16_36_q0hp3ai v16_36_q0hp3ah v16_36_1y2v1nfiu",
10
- ios: "v16_36_q0hp3aj v16_36_q0hp3ah v16_36_1y2v1nfiu",
11
- iosDark: "v16_36_q0hp3ak v16_36_q0hp3ah v16_36_1y2v1nfiu",
12
- checked: "v16_36_q0hp3al v16_36_q0hp3ah v16_36_1y2v1nfiu",
13
- checkedIos: "v16_36_q0hp3am v16_36_q0hp3ah v16_36_1y2v1nfiu"
4
+ default: "v16_37_q0hp3a11 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
5
+ ios: "v16_37_q0hp3a12 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
6
+ checked: "v16_37_q0hp3a13 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
7
+ checkedIos: "v16_37_q0hp3a14 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
14
8
  }, h = {
15
- default: "v16_36_q0hp3a6 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
16
- ios: "v16_36_q0hp3a7 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
17
- disabled: "v16_36_q0hp3a8 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
18
- disabledIos: "v16_36_q0hp3a9 v16_36_1y2v1nfiw v16_36_1y2v1nflt"
19
- }, i = "v16_36_q0hp3au v16_36_q0hp3as", p = "v16_36_q0hp3av v16_36_q0hp3as", y = "v16_36_q0hp3aw", f = "v16_36_q0hp3at", q = {
20
- default: "v16_36_q0hp3a15 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
21
- ios: "v16_36_q0hp3a16 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
22
- checked: "v16_36_q0hp3a17 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
23
- checkedIos: "v16_36_q0hp3a18 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc"
24
- }, e = {
25
- default: "v16_36_q0hp3an v16_36_q0hp3ah v16_36_1y2v1nfiu",
26
- ios: "v16_36_q0hp3ao v16_36_q0hp3ah v16_36_1y2v1nfiu",
27
- iosDark: "v16_36_q0hp3ap v16_36_q0hp3ah v16_36_1y2v1nfiu",
28
- checked: "v16_36_q0hp3aq v16_36_q0hp3ah v16_36_1y2v1nfiu",
29
- checkedIos: "v16_36_q0hp3ar v16_36_q0hp3ah v16_36_1y2v1nfiu"
9
+ default: "v16_37_q0hp3ai v16_37_q0hp3ah v16_37_1y2v1nfju",
10
+ ios: "v16_37_q0hp3aj v16_37_q0hp3ah v16_37_1y2v1nfju",
11
+ iosDark: "v16_37_q0hp3ak v16_37_q0hp3ah v16_37_1y2v1nfju",
12
+ checked: "v16_37_q0hp3al v16_37_q0hp3ah v16_37_1y2v1nfju",
13
+ checkedIos: "v16_37_q0hp3am v16_37_q0hp3ah v16_37_1y2v1nfju"
14
+ }, n = {
15
+ default: "v16_37_q0hp3a6 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
16
+ ios: "v16_37_q0hp3a7 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
17
+ disabled: "v16_37_q0hp3a8 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
18
+ disabledIos: "v16_37_q0hp3a9 v16_37_1y2v1nfjw v16_37_1y2v1nfmt"
19
+ }, p = "v16_37_q0hp3au v16_37_q0hp3as", y = "v16_37_q0hp3av v16_37_q0hp3as", f = "v16_37_q0hp3aw", q = "v16_37_q0hp3at", e = {
20
+ default: "v16_37_q0hp3a15 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
21
+ ios: "v16_37_q0hp3a16 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
22
+ checked: "v16_37_q0hp3a17 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
23
+ checkedIos: "v16_37_q0hp3a18 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
30
24
  }, c = {
31
- default: "v16_36_q0hp3ac v16_36_q0hp3ab v16_36_1y2v1nfim",
32
- ios: "v16_36_q0hp3ad v16_36_q0hp3ab v16_36_1y2v1nfim"
33
- }, r = "v16_36_q0hp3af v16_36_1y2v1nfiu v16_36_1y2v1nflu";
34
- export { a as ballVariants, n as barVariants, h as checkboxVariants, i as container, p as containerDisabled, y as disabled, f as interactiveArea, q as inverseBallVariants, e as inverseBarVariants, c as switchCheckboxContainerVariants, r as switchCheckboxLabel };
25
+ default: "v16_37_q0hp3an v16_37_q0hp3ah v16_37_1y2v1nfju",
26
+ ios: "v16_37_q0hp3ao v16_37_q0hp3ah v16_37_1y2v1nfju",
27
+ iosDark: "v16_37_q0hp3ap v16_37_q0hp3ah v16_37_1y2v1nfju",
28
+ checked: "v16_37_q0hp3aq v16_37_q0hp3ah v16_37_1y2v1nfju",
29
+ checkedIos: "v16_37_q0hp3ar v16_37_q0hp3ah v16_37_1y2v1nfju"
30
+ }, j = {
31
+ default: "v16_37_q0hp3ac v16_37_q0hp3ab v16_37_1y2v1nfjm",
32
+ ios: "v16_37_q0hp3ad v16_37_q0hp3ab v16_37_1y2v1nfjm"
33
+ }, r = "v16_37_q0hp3af v16_37_1y2v1nfju v16_37_1y2v1nfmu";
34
+ export { a as ballVariants, h as barVariants, n as checkboxVariants, p as container, y as containerDisabled, f as disabled, q as interactiveArea, e as inverseBallVariants, c as inverseBarVariants, j as switchCheckboxContainerVariants, r as switchCheckboxLabel };
@@ -1,14 +1,14 @@
1
1
  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
- var e = "v16_36_107ok88f", a = "v16_36_107ok88g", r = "v16_36_107ok886", l = {
5
- left: "v16_36_107ok888 v16_36_107ok887",
6
- right: "v16_36_107ok889 v16_36_107ok887",
7
- center: "v16_36_107ok88a v16_36_107ok887"
8
- }, t = "v16_36_107ok88i", k = "v16_36_107ok88k", i = "v16_36_107ok883", s = "v16_36_107ok882", d = "v16_36_107ok885", n = "v16_36_107ok884", c = "v16_36_107ok88j", p = "v16_36_107ok88l", m = "v16_36_107ok88n", b = "v16_36_107ok88m", I = "v16_36_107ok88b", g = "v16_36_107ok88c", h = "v16_36_107ok881", w = "v16_36_107ok88h", H = {
9
- maxHeight: "var(--v16_36_107ok880)"
4
+ var e = "v16_37_107ok88f", a = "v16_37_107ok88g", r = "v16_37_107ok886", l = {
5
+ left: "v16_37_107ok888 v16_37_107ok887",
6
+ right: "v16_37_107ok889 v16_37_107ok887",
7
+ center: "v16_37_107ok88a v16_37_107ok887"
8
+ }, t = "v16_37_107ok88i", k = "v16_37_107ok88k", i = "v16_37_107ok883", s = "v16_37_107ok882", d = "v16_37_107ok885", n = "v16_37_107ok884", c = "v16_37_107ok88j", p = "v16_37_107ok88l", m = "v16_37_107ok88n", b = "v16_37_107ok88m", I = "v16_37_107ok88b", g = "v16_37_107ok88c", h = "v16_37_107ok881", w = "v16_37_107ok88h", H = {
9
+ maxHeight: "var(--v16_37_107ok880)"
10
10
  }, x = {
11
- top: "v16_36_107ok88d",
12
- middle: "v16_36_107ok88e"
11
+ top: "v16_37_107ok88d",
12
+ middle: "v16_37_107ok88e"
13
13
  };
14
14
  export { e as actionsHeaderText, a as actionsTableCell, r as boxed, l as cellTextAlign, t as collapsedRowHeaderItem, k as collapsedRowTitle, i as collapsedRowsInMobile, s as fullWidth, d as hiddenHeadersInDesktop, n as hiddenHeadersInMobile, c as mobileCellHeading, p as rowFirstItem, m as rowLastCollapsedItem, b as rowLastItem, I as scrollContainer, g as scrollOverResponsiveLayout, h as table, w as topActions, H as vars, x as verticalAlign };
package/dist-es/table.js CHANGED
@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
80
80
  import { jsxs as y, jsx as e } from "react/jsx-runtime";
81
81
  import * as E from "react";
82
82
  import { getPrefixedDataAttributes as X } from "./utils/dom.js";
83
- import { table as W, boxed as ee, collapsedRowsInMobile as M, fullWidth as _, hiddenHeadersInDesktop as te, hiddenHeadersInMobile as le, cellTextAlign as H, verticalAlign as I, rowFirstItem as L, rowLastItem as R, rowLastCollapsedItem as Y, collapsedRowHeaderItem as re, mobileCellHeading as oe, collapsedRowTitle as ae, actionsTableCell as j, topActions as se, scrollContainer as ne, scrollOverResponsiveLayout as ie, vars as ce } from "./table.css-mistica.js";
83
+ import { table as W, boxed as ee, collapsedRowsInMobile as M, fullWidth as _, hiddenHeadersInDesktop as te, hiddenHeadersInMobile as le, cellTextAlign as H, verticalAlign as N, rowFirstItem as L, rowLastItem as R, rowLastCollapsedItem as Y, collapsedRowHeaderItem as re, mobileCellHeading as oe, collapsedRowTitle as ae, actionsTableCell as j, topActions as se, scrollContainer as ne, scrollOverResponsiveLayout as ie, vars as ce } from "./table.css-mistica.js";
84
84
  import { vars as F } from "./skins/skin-contract.css-mistica.js";
85
85
  import me, { Text1 as x, Text2 as pe } from "./text.js";
86
86
  import { text2 as f, text4 as G } from "./text-props.js";
@@ -115,7 +115,7 @@ const $ = {
115
115
  small: !0,
116
116
  bleedY: !0
117
117
  })), J = "left", Ee = /*#__PURE__*/ E.forwardRef((_param, z)=>{
118
- var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param, N = _object_without_properties(_param, [
118
+ var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param, S = _object_without_properties(_param, [
119
119
  "dataAttributes",
120
120
  "heading",
121
121
  "content",
@@ -142,9 +142,9 @@ const $ = {
142
142
  [te]: U,
143
143
  [le]: P || r
144
144
  }),
145
- "aria-label": N["aria-label"],
146
- "aria-labelledby": N["aria-labelledby"],
147
- "aria-describedby": N["aria-describedby"],
145
+ "aria-label": S["aria-label"],
146
+ "aria-labelledby": S["aria-labelledby"],
147
+ "aria-describedby": S["aria-describedby"],
148
148
  children: [
149
149
  m.length > 0 && /* @__PURE__ */ e("thead", {
150
150
  children: /* @__PURE__ */ y(x, {
@@ -156,7 +156,7 @@ const $ = {
156
156
  children: [
157
157
  m.map((l, a)=>/* @__PURE__ */ e("th", {
158
158
  scope: "col",
159
- className: c(H[B(a)], I[C], {
159
+ className: c(H[B(a)], N[C], {
160
160
  [L]: a === 0,
161
161
  [R]: a === m.length - 1 && !g
162
162
  }),
@@ -178,7 +178,7 @@ const $ = {
178
178
  children: i.map((d, t)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ e(ve, _object_spread({}, d), t) : /* @__PURE__ */ e(E.Fragment, {
179
179
  children: d
180
180
  }, t))
181
- }), S = i.length ? `calc(${Z.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
181
+ }), I = i.length ? `calc(${Z.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
182
182
  return(// Add position relative because in collapse-rows mode, actions are positioned absolutely in the row
183
183
  /* @__PURE__ */ y("tr", {
184
184
  style: {
@@ -188,7 +188,7 @@ const $ = {
188
188
  n.map((d, t)=>{
189
189
  const V = s === n.length - 1 ? t === n.length - 2 || n.length === 1 : t === n.length - 1;
190
190
  return /* @__PURE__ */ y(t === s ? "th" : "td", {
191
- className: c(I[C], {
191
+ className: c(N[C], {
192
192
  [L]: t === 0,
193
193
  [R]: t === n.length - 1 && !g,
194
194
  [Y]: V && r,
@@ -196,7 +196,7 @@ const $ = {
196
196
  }),
197
197
  style: {
198
198
  // add space between top actions and content
199
- marginRight: r && i.length ? `calc(${S} + 8px)` : void 0
199
+ marginRight: r && i.length ? `calc(${I} + 8px)` : void 0
200
200
  },
201
201
  scope: t === s ? "row" : void 0,
202
202
  children: [
@@ -233,12 +233,12 @@ const $ = {
233
233
  }, t);
234
234
  }),
235
235
  i.length > 0 ? /* @__PURE__ */ e("td", {
236
- className: c(I[C], j, R, {
236
+ className: c(N[C], j, R, {
237
237
  [L]: n.length === 0
238
238
  }),
239
239
  align: "right",
240
240
  style: {
241
- width: `calc(${S} + 12px)`
241
+ width: `calc(${I} + 12px)`
242
242
  },
243
243
  children: w
244
244
  }) : g && /* @__PURE__ */ e("td", {
@@ -250,7 +250,7 @@ const $ = {
250
250
  position: "absolute",
251
251
  top: `calc(${h ? $.boxed : $.default} - ${q} + (${Z.small} - ${fe.small}) / 2)`,
252
252
  right: h ? `calc(${$.boxed} - ${q})` : 0,
253
- width: S
253
+ width: I
254
254
  },
255
255
  children: w
256
256
  })
@@ -1,17 +1,17 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./tabs.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_36_1y2v1nfir v16_36_1y2v1nfin v16_36_1y2v1nfmf v16_36_1y2v1nfn9 v16_36_1y2v1nfjy", f = "v16_36_lgofm1q", e = "v16_36_lgofm14", r = "v16_36_lgofm13 v16_36_1y2v1nfl3 v16_36_1y2v1nfjf v16_36_1y2v1nfim", y = "v16_36_lgofm10", l = "v16_36_lgofm11", a = {
4
- default: "v16_36_lgofm1a",
5
- inverse: "v16_36_lgofm1b"
6
- }, o = {
7
- noSelected: "v16_36_1y2v1nf2e",
8
- noSelectedInverse: "v16_36_1y2v1nf2f",
9
- selected: "v16_36_lgofm1g",
10
- selectedInverse: "v16_36_lgofm1h",
11
- selectedAnimating: "v16_36_lgofm1i",
12
- selectedAnimatingInverse: "v16_36_lgofm1j"
3
+ var n = "v16_37_1y2v1nfjr v16_37_1y2v1nfjn v16_37_1y2v1nfnf v16_37_1y2v1nfo9 v16_37_1y2v1nfky", f = "v16_37_lgofm1q", e = "v16_37_lgofm14", r = "v16_37_lgofm13 v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjm", y = "v16_37_lgofm10", o = "v16_37_lgofm11", a = {
4
+ default: "v16_37_lgofm1a",
5
+ inverse: "v16_37_lgofm1b"
13
6
  }, t = {
14
- default: "v16_36_lgofm17 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfit v16_36_1y2v1nfja v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfkr v16_36_1y2v1nfl3 v16_36_1y2v1nf8k",
15
- fullWidth: "v16_36_lgofm19 v16_36_lgofm17 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfit v16_36_1y2v1nfja v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfkr v16_36_1y2v1nfl3 v16_36_1y2v1nf8k"
16
- }, i = "v16_36_1y2v1nfl3 v16_36_1y2v1nfjf v16_36_1y2v1nfis";
17
- export { n as animatedLine, f as icon, e as inner, r as outer, y as outerBorder, l as outerBorderInverse, a as tabHover, o as tabSelectionVariants, t as tabVariants, i as tabsContainer };
7
+ noSelected: "v16_37_1y2v1nf2p",
8
+ noSelectedInverse: "v16_37_1y2v1nf2q",
9
+ selected: "v16_37_lgofm1g",
10
+ selectedInverse: "v16_37_lgofm1h",
11
+ selectedAnimating: "v16_37_lgofm1i",
12
+ selectedAnimatingInverse: "v16_37_lgofm1j"
13
+ }, l = {
14
+ default: "v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k",
15
+ fullWidth: "v16_37_lgofm19 v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k"
16
+ }, m = "v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjs";
17
+ export { n as animatedLine, f as icon, e as inner, r as outer, y as outerBorder, o as outerBorderInverse, a as tabHover, t as tabSelectionVariants, l as tabVariants, m as tabsContainer };
@@ -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 n = "v16_36_1y2v1nfit v16_36_1y2v1nfb9", y = "v16_36_1y2v1nfiu", f = "v16_36_1wy08671 v16_36_1y2v1nf8r v16_36_1y2v1nfa0 v16_36_1y2v1nfit v16_36_1y2v1nfix v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfko";
3
+ var n = "v16_37_1y2v1nfjt v16_37_1y2v1nfc9", y = "v16_37_1y2v1nfju", f = "v16_37_1wy08671 v16_37_1y2v1nf9r v16_37_1y2v1nfb0 v16_37_1y2v1nfjt v16_37_1y2v1nfjx v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflo";
4
4
  export { n as badge, y as icon, f as tag };
package/dist-es/tag.js CHANGED
@@ -57,15 +57,15 @@ import { Text as h } from "./text.js";
57
57
  import { useThemeVariant as C, ThemeVariant as b } from "./theme-variant-context.js";
58
58
  import { pxToRem as A } from "./utils/css.js";
59
59
  import { getPrefixedDataAttributes as P } from "./utils/dom.js";
60
- import { tag as w, icon as E, badge as N } from "./tag.css-mistica.js";
61
- import { vars as S } from "./skins/skin-contract.css-mistica.js";
62
- import V from "classnames";
63
- import { useTheme as W } from "./hooks.js";
60
+ import { tag as w, icon as E, badge as S } from "./tag.css-mistica.js";
61
+ import { vars as V } from "./skins/skin-contract.css-mistica.js";
62
+ import W from "classnames";
63
+ import { useTheme as N } from "./hooks.js";
64
64
  import R from "./badge.js";
65
- const { colors: e } = S, j = (param)=>{
66
- let { Icon: t, children: a, dataAttributes: u, type: d = "promo", badge: n, backgroundColor: m, textColor: v } = param;
67
- const { textPresets: l } = W(), g = C(), s = g === "inverse", o = n === !0 ? void 0 : n || 0;
68
- if (!a) return null;
65
+ const { colors: e } = V, j = (param)=>{
66
+ let { Icon: t, children: n, dataAttributes: d, type: u = "promo", badge: g, backgroundColor: m, textColor: v } = param;
67
+ const { textPresets: l } = N(), o = C(), s = o === "inverse" || o === "media", a = g === !0 ? void 0 : g || 0;
68
+ if (!n) return null;
69
69
  const x = {
70
70
  // [textColor, inverseTextColor, backgroundColor, backgroundColorInverse]
71
71
  promo: [
@@ -90,7 +90,7 @@ const { colors: e } = S, j = (param)=>{
90
90
  e.tagTextInactive,
91
91
  e.tagTextInactiveInverse,
92
92
  // TODO: remove logic for alternative variant (https://jira.tid.es/browse/WEB-1803)
93
- g === "alternative" ? e.neutralLowAlternative : e.tagBackgroundInactive,
93
+ o === "alternative" ? e.neutralLowAlternative : e.tagBackgroundInactive,
94
94
  e.tagBackgroundInactiveInverse
95
95
  ],
96
96
  success: [
@@ -111,12 +111,12 @@ const { colors: e } = S, j = (param)=>{
111
111
  e.tagBackgroundError,
112
112
  e.tagBackgroundErrorInverse
113
113
  ]
114
- }, [T, f, I, p] = x[d], c = v || (s ? f : T), k = m || (s ? p : I);
115
- return /* @__PURE__ */ i("span", _object_spread_props(_object_spread({}, P(u, "Tag")), {
116
- className: V(w),
114
+ }, [T, f, I, p] = x[u], c = v || (s ? f : T), k = m || (s ? p : I);
115
+ return /* @__PURE__ */ i("span", _object_spread_props(_object_spread({}, P(d, "Tag")), {
116
+ className: W(w),
117
117
  style: {
118
118
  paddingLeft: t ? 8 : 12,
119
- paddingRight: o !== 0 ? 8 : 12,
119
+ paddingRight: a !== 0 ? 8 : 12,
120
120
  background: k
121
121
  },
122
122
  children: [
@@ -137,12 +137,12 @@ const { colors: e } = S, j = (param)=>{
137
137
  lineHeight: 20,
138
138
  weight: l.indicator.weight,
139
139
  truncate: !0,
140
- children: a
140
+ children: n
141
141
  }),
142
- o !== 0 && /* @__PURE__ */ r("div", {
143
- className: N,
142
+ a !== 0 && /* @__PURE__ */ r("div", {
143
+ className: S,
144
144
  children: /* @__PURE__ */ r(R, {
145
- value: o
145
+ value: a
146
146
  })
147
147
  })
148
148
  ]
@@ -1,5 +1,5 @@
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 t = "v16_36_rhey4t8", r = "v16_36_rhey4th v16_36_1y2v1nfb9 v16_36_1y2v1nfis v16_36_1y2v1nfj7", n = 12, a = "v16_36_rhey4tr", y = 4, f = 11, i = 15, h = "v16_36_rhey4t4", l = "v16_36_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_36_rhey4ta v16_36_1y2v1nfim v16_36_rhey4t1 v16_36_1y2v1nfla v16_36_1y2v1nfkd v16_36_1y2v1nf2c v16_36_1y2v1nfjf", c = "v16_36_rhey4tb", p = "v16_36_rhey4tc", u = "v16_36_rhey4td", m = "v16_36_rhey4tn v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nflt", s = "v16_36_1y2v1nf4q", j = "v16_36_rhey4tl v16_36_1y2v1nfco", x = "v16_36_rhey4tj v16_36_1y2v1nfco v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfjw v16_36_1y2v1nfin", b = "v16_36_rhey4tq v16_36_1y2v1nfin", I = "v16_36_rhey4t6 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_rhey4t1 v16_36_1y2v1nfla v16_36_1y2v1nfkd v16_36_1y2v1nf2c v16_36_1y2v1nfjf", g = "v16_36_rhey4te", L = "v16_36_rhey4tf";
5
- export { t as emptyDateValue, r as endIconContainer, n as fieldElementsGap, a as fieldEndIconContainer, y as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, h as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, c as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, m as menuItem, s as menuItemSelected, j as prefix, x as startIcon, b as suggestionsContainer, I as textArea, g as textAreaWithLabel, L as textAreaWithoutLabel };
4
+ var t = "v16_37_rhey4t8", n = "v16_37_rhey4th v16_37_1y2v1nfc9 v16_37_1y2v1nfjs v16_37_1y2v1nfk7", r = 12, a = "v16_37_rhey4tr", y = 4, f = 11, i = 15, h = "v16_37_rhey4t4", d = "v16_37_rhey4t7", l = "calc(1.5rem + 24px)", o = "v16_37_rhey4ta v16_37_1y2v1nfjm v16_37_rhey4t1 v16_37_1y2v1nfma v16_37_1y2v1nfld v16_37_1y2v1nf2n v16_37_1y2v1nfkf", m = "v16_37_rhey4tb", p = "v16_37_rhey4tc", u = "v16_37_rhey4td", c = "v16_37_rhey4tn v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfmt", s = "v16_37_1y2v1nf58", j = "v16_37_rhey4tl v16_37_1y2v1nfdo", x = "v16_37_rhey4tj v16_37_1y2v1nfdo v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkw v16_37_1y2v1nfjn", k = "v16_37_rhey4tq v16_37_1y2v1nfjn", I = "v16_37_rhey4t6 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_rhey4t1 v16_37_1y2v1nfma v16_37_1y2v1nfld v16_37_1y2v1nf2n v16_37_1y2v1nfkf", b = "v16_37_rhey4te", g = "v16_37_rhey4tf";
5
+ export { t as emptyDateValue, n as endIconContainer, r as fieldElementsGap, a as fieldEndIconContainer, y as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, h as fullWidth, d as hiddenDatePlaceholder, l as iconButtonSize, o as input, m as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, c as menuItem, s as menuItemSelected, j as prefix, x as startIcon, k as suggestionsContainer, I as textArea, b as textAreaWithLabel, g as textAreaWithoutLabel };
@@ -83,12 +83,12 @@ import * as r from "react";
83
83
  import { createElement as ue } from "react";
84
84
  import { FieldContainer as fe, HelperText as me, Label as he } from "./text-field-components.js";
85
85
  import { LABEL_SCALE_MOBILE as ge, LABEL_SCALE_DESKTOP as pe } from "./text-field-components.css-mistica.js";
86
- import { Text3 as P } from "./text.js";
86
+ import { Text3 as w } from "./text.js";
87
87
  import { isFirefox as xe, isRunningAcceptanceTest as Se } from "./utils/platform.js";
88
88
  import { useTheme as K, useScreenSize as ye, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
89
89
  import $ from "classnames";
90
90
  import { combineRefs as j } from "./utils/common.js";
91
- import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Ne, menuItemSelected as Pe, suggestionsContainer as we, fieldEndIconContainer as Oe, fieldElementsGap as De, iconButtonSize as Be, fieldEndIconGap as Me } from "./text-field-base.css-mistica.js";
91
+ import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Pe, menuItemSelected as we, suggestionsContainer as Ne, fieldEndIconContainer as Oe, fieldElementsGap as De, iconButtonSize as Be, fieldEndIconGap as Me } from "./text-field-base.css-mistica.js";
92
92
  import { vars as qe } from "./skins/skin-contract.css-mistica.js";
93
93
  import { InternalToggleIconButton as ze, InternalIconButton as He } from "./icon-button.js";
94
94
  import { ThemeVariant as _e } from "./theme-variant-context.js";
@@ -122,7 +122,7 @@ const je = (o, m)=>{
122
122
  });
123
123
  }, G = (o)=>{
124
124
  o.preventDefault();
125
- }, N = /*#__PURE__*/ r.forwardRef((_param, V)=>{
125
+ }, P = /*#__PURE__*/ r.forwardRef((_param, V)=>{
126
126
  var { error: o, helperText: m, label: t, inputProps: g, inputRef: y, defaultValue: l, value: d, onFocus: h, onBlur: I, inputComponent: E, prefix: b, startIcon: S, endIcon: p, endIconOverlay: C, shrinkLabel: i, multiline: a = !1, focus: c, fieldRef: J, maxLength: x, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, s = _object_without_properties(_param, [
127
127
  "error",
128
128
  "helperText",
@@ -153,7 +153,7 @@ const je = (o, m)=>{
153
153
  const { preventCopyInFormFields: ee, texts: te, t: ie } = K();
154
154
  L = L !== null && L !== void 0 ? L : ee;
155
155
  var _ref;
156
- const ne = r.useId(), w = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = ye(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
156
+ const ne = r.useId(), N = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = ye(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
157
157
  Ie(()=>{
158
158
  const e = T && !je(d, s.type) ? "" : d;
159
159
  M.current !== d && T && !(e != null && e.length) && u === "filled" && c === void 0 && f("default"), M.current = d, u !== "focused" && e != null && e.length && (B(e.length), f("filled")), c && f("focused"), c === !1 && !(e != null && e.length) && f("default"), c === !1 && e != null && e.length && f("filled");
@@ -210,7 +210,7 @@ const je = (o, m)=>{
210
210
  style: {
211
211
  opacity: u === "default" ? 0 : 1
212
212
  },
213
- children: /* @__PURE__ */ n(P, {
213
+ children: /* @__PURE__ */ n(w, {
214
214
  color: qe.colors.textSecondary,
215
215
  regular: !0,
216
216
  wordBreak: !1,
@@ -220,7 +220,7 @@ const je = (o, m)=>{
220
220
  t && /* @__PURE__ */ n(he, {
221
221
  style: de,
222
222
  error: o,
223
- forId: w,
223
+ forId: N,
224
224
  inputState: u,
225
225
  shrinkLabel: i,
226
226
  showOptional: !s.required && Z,
@@ -228,11 +228,11 @@ const je = (o, m)=>{
228
228
  }),
229
229
  /* @__PURE__ */ n("div", {
230
230
  className: Te,
231
- children: /* @__PURE__ */ n(P, {
231
+ children: /* @__PURE__ */ n(w, {
232
232
  as: "div",
233
233
  regular: !0,
234
234
  children: /*#__PURE__*/ r.createElement(E || ae, _object_spread(_object_spread_props(_object_spread({}, oe, R), {
235
- id: w,
235
+ id: N,
236
236
  style: _object_spread_props(_object_spread({
237
237
  paddingRight: p ? 0 : C ? q : k,
238
238
  paddingLeft: b ? 0 : S ? `calc(${F} + ${v}px)` : v
@@ -285,7 +285,7 @@ const je = (o, m)=>{
285
285
  const [y, l] = r.useState([]), d = r.useRef(null), h = r.useRef(null), { platformOverrides: I, texts: E, t: b } = K(), S = r.useId(), p = m || S, C = r.useId();
286
286
  if (o && (t.value === void 0 || t.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
287
287
  return o ? /* @__PURE__ */ n(r.Suspense, {
288
- fallback: /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, t), {
288
+ fallback: /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, t), {
289
289
  label: Se(I) ? "" : t.label,
290
290
  autoComplete: "off",
291
291
  ref: g,
@@ -311,7 +311,7 @@ const je = (o, m)=>{
311
311
  const { key: a } = i, c = _object_without_properties(i, [
312
312
  "key"
313
313
  ]);
314
- return /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, c), {
314
+ return /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, c), {
315
315
  fieldRef: h,
316
316
  inputRef: j(d, t.inputRef, g)
317
317
  }), a);
@@ -327,10 +327,10 @@ const je = (o, m)=>{
327
327
  let { isHighlighted: a } = param;
328
328
  return /* @__PURE__ */ n("div", {
329
329
  role: "menuitem",
330
- className: $(Ne, {
331
- [Pe]: a
330
+ className: $(Pe, {
331
+ [we]: a
332
332
  }),
333
- children: /* @__PURE__ */ n(P, {
333
+ children: /* @__PURE__ */ n(w, {
334
334
  regular: !0,
335
335
  children: i
336
336
  })
@@ -345,14 +345,14 @@ const je = (o, m)=>{
345
345
  style: {
346
346
  width: h.current ? h.current.clientWidth + 2 : 0
347
347
  },
348
- className: we,
348
+ className: Ne,
349
349
  "aria-label": `${t.label} ${E.menuLabelSuffix || b(Ke)}`
350
350
  }), i.children);
351
351
  }
352
352
  })
353
- }) : /* @__PURE__ */ n(N, _object_spread_props(_object_spread({}, t), {
353
+ }) : /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, t), {
354
354
  id: p,
355
355
  ref: g
356
356
  }));
357
357
  });
358
- export { ct as FieldEndIcon, N as TextFieldBase, ut as TextFieldBaseAutosuggest };
358
+ export { ct as FieldEndIcon, P as TextFieldBase, ut as TextFieldBaseAutosuggest };
@@ -2,8 +2,8 @@ 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
4
  import "./text-field-components.css.ts.vanilla.css-mistica.js";
5
- var f = 328, a = 0.78, e = 0.75, i = {
6
- default: "v16_36_1y2v1nf4c",
7
- readOnly: "v16_36_1y2v1nf6c"
8
- }, y = "v16_36_15k6ur97", l = "v16_36_1y2v1nflb v16_36_1y2v1nfis v16_36_1y2v1nflj v16_36_1y2v1nfim", t = "v16_36_15k6ur96 v16_36_1y2v1nfis v16_36_1y2v1nfiy", u = "v16_36_1y2v1nfjf", d = "v16_36_1y2v1nfbf v16_36_1y2v1nfcr v16_36_1y2v1nfis", o = "v16_36_1y2v1nfjd v16_36_1y2v1nf8r", k = "v16_36_15k6ur91 v16_36_1y2v1nfin v16_36_1y2v1nfis v16_36_1y2v1nfix", p = "v16_36_15k6ur93 v16_36_1y2v1nflu v16_36_1y2v1nfjb", b = "v16_36_15k6ur9e v16_36_1y2v1nfis", L = "v16_36_15k6ur99 v16_36_1y2v1nfjf", h = "v16_36_1y2v1nfbi", s = "v16_36_15k6ur94", E = "v16_36_15k6ur9h";
9
- export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, i as background, y as disabled, l as field, t as fieldContainer, u as fullWidth, d as helperContainer, o as helperText, k as labelContainer, p as labelText, b as leftHelperText, L as normalWidth, h as rightHelperText, s as shrinked, E as warnIcon };
5
+ var f = 328, a = 0.78, e = 0.75, y = {
6
+ default: "v16_37_1y2v1nf4u",
7
+ readOnly: "v16_37_1y2v1nf75"
8
+ }, l = "v16_37_15k6ur97", t = "v16_37_1y2v1nfmb v16_37_1y2v1nfjs v16_37_1y2v1nfmj v16_37_1y2v1nfjm", i = "v16_37_15k6ur96 v16_37_1y2v1nfjs v16_37_1y2v1nfjy", k = "v16_37_1y2v1nfkf", u = "v16_37_1y2v1nfcf v16_37_1y2v1nfdr v16_37_1y2v1nfjs", d = "v16_37_1y2v1nfkd v16_37_1y2v1nf9r", o = "v16_37_15k6ur91 v16_37_1y2v1nfjn v16_37_1y2v1nfjs v16_37_1y2v1nfjx", j = "v16_37_15k6ur93 v16_37_1y2v1nfmu v16_37_1y2v1nfkb", m = "v16_37_15k6ur9e v16_37_1y2v1nfjs", p = "v16_37_15k6ur99 v16_37_1y2v1nfkf", L = "v16_37_1y2v1nfci", h = "v16_37_15k6ur94", s = "v16_37_15k6ur9h";
9
+ export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, l as disabled, t as field, i as fieldContainer, k as fullWidth, u as helperContainer, d as helperText, o as labelContainer, j as labelText, m as leftHelperText, p as normalWidth, L as rightHelperText, h as shrinked, s as warnIcon };
@@ -57,7 +57,7 @@ import f from "classnames";
57
57
  import { useIsInverseOrMediaVariant as T } from "./theme-variant-context.js";
58
58
  import { useTheme as C } from "./hooks.js";
59
59
  import { Text1 as x } from "./text.js";
60
- import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as N, helperContainer as j } from "./text-field-components.css-mistica.js";
60
+ import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as g, helperContainer as j } from "./text-field-components.css-mistica.js";
61
61
  import { vars as o } from "./skins/skin-contract.css-mistica.js";
62
62
  import { getPrefixedDataAttributes as D } from "./utils/dom.js";
63
63
  import { formFieldOptionalLabelSuffix as V } from "./text-tokens.js";
@@ -65,7 +65,7 @@ import q from "./generated/mistica-icons/icon-warning-regular.js";
65
65
  import B from "./screen-reader-only.js";
66
66
  const Z = (param)=>{
67
67
  let { shrinkLabel: l, forId: d, inputState: r, error: s, children: i, style: t, showOptional: a } = param;
68
- const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: g } = C();
68
+ const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: N } = C();
69
69
  v.useEffect(()=>{
70
70
  const b = setTimeout(()=>{
71
71
  process.env.NODE_ENV !== "test" && p("transform 150ms, width 150ms");
@@ -94,7 +94,7 @@ const Z = (param)=>{
94
94
  a ? /* @__PURE__ */ c("span", {
95
95
  children: [
96
96
  "\xa0(",
97
- u.formFieldOptionalLabelSuffix || g(V),
97
+ u.formFieldOptionalLabelSuffix || N(V),
98
98
  ")"
99
99
  ]
100
100
  }) : null
@@ -166,7 +166,7 @@ const Z = (param)=>{
166
166
  }, D(m)), {
167
167
  children: [
168
168
  /* @__PURE__ */ e("div", {
169
- className: f(R, n ? N.readOnly : N.default, i),
169
+ className: f(R, n ? g.readOnly : g.default, i),
170
170
  ref: t,
171
171
  children: r
172
172
  }),
@@ -1,11 +1,11 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./text-link.css.ts.vanilla.css-mistica.js";
3
3
  var n = {
4
- underlineAlways: "v16_36_1m1n0pr2",
5
- underlineOnHover: "v16_36_1m1n0pr3"
4
+ underlineAlways: "v16_37_1m1n0pr2",
5
+ underlineOnHover: "v16_37_1m1n0pr3"
6
6
  }, r = {
7
- default: "v16_36_1m1n0pr1 v16_36_1y2v1nfjg v16_36_1y2v1nfiv v16_36_1y2v1nflt v16_36_1y2v1nf2p",
8
- inverseLight: "v16_36_1m1n0pr1 v16_36_1y2v1nfjg v16_36_1y2v1nfiv v16_36_1y2v1nflt v16_36_1y2v1nf2q",
9
- inverseDark: "v16_36_1m1n0pr1 v16_36_1y2v1nfjg v16_36_1y2v1nfiv v16_36_1y2v1nflt v16_36_1y2v1nf2p"
7
+ default: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf34",
8
+ inverseLight: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf37",
9
+ inverseDark: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf34"
10
10
  };
11
11
  export { n as linkStyles, r as variants };
@@ -1,9 +1,9 @@
1
1
  import "./text.css.ts.vanilla.css-mistica.js";
2
- var r = "v16_36_splu5g7", _ = "v16_36_splu5g8", e = "v16_36_splu5g9", a = {
3
- mobileSize: "var(--v16_36_splu5g0)",
4
- desktopSize: "var(--v16_36_splu5g1)",
5
- mobileLineHeight: "var(--v16_36_splu5g2)",
6
- desktopLineHeight: "var(--v16_36_splu5g3)",
7
- lineClamp: "var(--v16_36_splu5g4)"
8
- }, p = "v16_36_splu5g5", t = "v16_36_splu5g6";
2
+ var r = "v16_37_splu5g7", _ = "v16_37_splu5g8", e = "v16_37_splu5g9", a = {
3
+ mobileSize: "var(--v16_37_splu5g0)",
4
+ desktopSize: "var(--v16_37_splu5g1)",
5
+ mobileLineHeight: "var(--v16_37_splu5g2)",
6
+ desktopLineHeight: "var(--v16_37_splu5g3)",
7
+ lineClamp: "var(--v16_37_splu5g4)"
8
+ }, p = "v16_37_splu5g5", t = "v16_37_splu5g6";
9
9
  export { r as text, _ as truncate, e as truncateToOneLine, a as vars, p as withWordBreak, t as withoutWordBreak };
package/dist-es/text.js CHANGED
@@ -134,7 +134,7 @@ const lt = {
134
134
  ariaLabel: i
135
135
  };
136
136
  }, o = (param)=>{
137
- let { weight: t, color: i = x.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden": N, "aria-live": E, dataAttributes: O } = param;
137
+ let { weight: t, color: i = x.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden": E, "aria-live": N, dataAttributes: O } = param;
138
138
  const { skinName: F } = s(), _ = G(), j = ut(e), D = {
139
139
  [x.colors.textPrimary]: x.colors.textPrimaryInverse,
140
140
  [x.colors.textSecondary]: x.colors.textSecondaryInverse,
@@ -164,8 +164,8 @@ const lt = {
164
164
  role: W,
165
165
  "aria-level": L,
166
166
  "aria-label": f,
167
- "aria-hidden": N,
168
- "aria-live": E
167
+ "aria-hidden": E,
168
+ "aria-live": N
169
169
  }, J(O, "Text")), {
170
170
  style: _object_spread_props(_object_spread({}, B, K), {
171
171
  hyphens: d,
@@ -352,7 +352,7 @@ const lt = {
352
352
  testid: "Text2"
353
353
  }, t)
354
354
  }), r));
355
- }, Nt = (_param)=>{
355
+ }, Et = (_param)=>{
356
356
  var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
357
357
  "dataAttributes",
358
358
  "forceMobileSizes"
@@ -369,5 +369,5 @@ const lt = {
369
369
  testid: "Text1"
370
370
  }, t)
371
371
  }), r));
372
- }, Et = o;
373
- export { o as Text, Nt as Text1, At as Text10, Lt as Text2, Wt as Text3, Rt as Text4, Ct as Text5, zt as Text6, Ht as Text7, It as Text8, Vt as Text9, Et as default, lt as mapToWeight };
372
+ }, Nt = o;
373
+ export { o as Text, Et as Text1, At as Text10, Lt as Text2, Wt as Text3, Rt as Text4, Ct as Text5, zt as Text6, Ht as Text7, It as Text8, Vt as Text9, Nt as default, lt as mapToWeight };