@telefonica/mistica 16.19.0 → 16.20.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 (184) 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/avatar.css-mistica.js +1 -1
  5. package/dist/badge.css-mistica.js +1 -1
  6. package/dist/box.css-mistica.js +13 -13
  7. package/dist/boxed.css-mistica.js +24 -24
  8. package/dist/button-group.css-mistica.js +1 -1
  9. package/dist/button-layout.css-mistica.js +13 -13
  10. package/dist/button.css-mistica.js +16 -16
  11. package/dist/callout.css-mistica.js +5 -5
  12. package/dist/card.css-mistica.js +3 -3
  13. package/dist/carousel.css-mistica.js +6 -6
  14. package/dist/checkbox.css-mistica.js +7 -7
  15. package/dist/chip.css-mistica.js +12 -12
  16. package/dist/circle.css-mistica.js +1 -1
  17. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  18. package/dist/community/blocks.css-mistica.js +1 -1
  19. package/dist/community/example-component.css-mistica.js +1 -1
  20. package/dist/counter.css-mistica.js +1 -1
  21. package/dist/cover-hero.css-mistica.js +3 -3
  22. package/dist/credit-card-number-field.css-mistica.js +3 -3
  23. package/dist/date-field.css-mistica.js +1 -1
  24. package/dist/date-time-picker.css-mistica.js +1 -1
  25. package/dist/dialog.css-mistica.js +4 -4
  26. package/dist/divider.css-mistica.js +2 -2
  27. package/dist/double-field.css-mistica.js +2 -2
  28. package/dist/drawer.css-mistica.js +1 -1
  29. package/dist/empty-state-card.css-mistica.js +1 -1
  30. package/dist/empty-state.css-mistica.js +5 -5
  31. package/dist/fade-in.css-mistica.js +1 -1
  32. package/dist/feedback.css-mistica.js +1 -1
  33. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  34. package/dist/form.css-mistica.js +1 -1
  35. package/dist/grid-layout.css-mistica.js +3 -3
  36. package/dist/grid.css-mistica.js +122 -122
  37. package/dist/header.css-mistica.js +1 -1
  38. package/dist/hero.css-mistica.js +2 -2
  39. package/dist/highlighted-card.css-mistica.js +4 -4
  40. package/dist/horizontal-scroll.css-mistica.js +1 -1
  41. package/dist/icon-button.css-mistica.js +42 -42
  42. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  43. package/dist/icons/icon-error.css-mistica.js +1 -1
  44. package/dist/image.css-mistica.js +2 -2
  45. package/dist/inline.css-mistica.js +6 -6
  46. package/dist/list.css-mistica.js +1 -1
  47. package/dist/loading-bar.css-mistica.js +1 -1
  48. package/dist/loading-screen.css-mistica.js +4 -4
  49. package/dist/logo.css-mistica.js +5 -5
  50. package/dist/maybe-dismissable.css-mistica.js +1 -1
  51. package/dist/menu.css-mistica.js +12 -12
  52. package/dist/mosaic.css-mistica.js +1 -1
  53. package/dist/navigation-bar.css-mistica.js +16 -16
  54. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  55. package/dist/package-version.js +1 -1
  56. package/dist/pin-field.css-mistica.js +1 -1
  57. package/dist/popover.css-mistica.js +1 -1
  58. package/dist/progress-bar.css-mistica.js +4 -4
  59. package/dist/radio-button.css-mistica.js +14 -14
  60. package/dist/rating.css-mistica.js +2 -2
  61. package/dist/responsive-layout.css-mistica.js +4 -4
  62. package/dist/screen-reader-only.css-mistica.js +1 -1
  63. package/dist/select.css-mistica.js +15 -15
  64. package/dist/sheet-action-row.css-mistica.js +1 -1
  65. package/dist/sheet-common.css-mistica.js +1 -1
  66. package/dist/sheet-info.css-mistica.js +1 -1
  67. package/dist/skeletons.css-mistica.js +4 -4
  68. package/dist/skins/skin-contract.css-mistica.js +346 -346
  69. package/dist/slider.css-mistica.js +10 -10
  70. package/dist/snackbar.css-mistica.js +4 -4
  71. package/dist/spinner.css-mistica.js +1 -1
  72. package/dist/stack.css-mistica.js +5 -5
  73. package/dist/stacking-group.css-mistica.js +1 -1
  74. package/dist/stepper.css-mistica.js +2 -2
  75. package/dist/switch-component.css-mistica.js +26 -26
  76. package/dist/table.css-mistica.js +8 -8
  77. package/dist/tabs.css-mistica.js +12 -12
  78. package/dist/tabs.d.ts +3 -2
  79. package/dist/tabs.js +17 -16
  80. package/dist/tag.css-mistica.js +1 -1
  81. package/dist/text-field-base.css-mistica.js +1 -1
  82. package/dist/text-field-components.css-mistica.js +3 -3
  83. package/dist/text-link.css-mistica.js +3 -3
  84. package/dist/text.css-mistica.js +7 -7
  85. package/dist/theme-context.css-mistica.js +386 -386
  86. package/dist/timeline.css-mistica.js +10 -10
  87. package/dist/timer.css-mistica.js +6 -6
  88. package/dist/tooltip.css-mistica.js +1 -1
  89. package/dist/touchable.css-mistica.js +1 -1
  90. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  91. package/dist/video.css-mistica.js +1 -1
  92. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  93. package/dist-es/accordion.css-mistica.js +6 -6
  94. package/dist-es/align.css-mistica.js +1 -1
  95. package/dist-es/avatar.css-mistica.js +1 -1
  96. package/dist-es/badge.css-mistica.js +1 -1
  97. package/dist-es/box.css-mistica.js +13 -13
  98. package/dist-es/boxed.css-mistica.js +23 -23
  99. package/dist-es/button-group.css-mistica.js +1 -1
  100. package/dist-es/button-layout.css-mistica.js +13 -13
  101. package/dist-es/button.css-mistica.js +16 -16
  102. package/dist-es/callout.css-mistica.js +5 -5
  103. package/dist-es/card.css-mistica.js +3 -3
  104. package/dist-es/carousel.css-mistica.js +6 -6
  105. package/dist-es/checkbox.css-mistica.js +7 -7
  106. package/dist-es/chip.css-mistica.js +12 -12
  107. package/dist-es/circle.css-mistica.js +1 -1
  108. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  109. package/dist-es/community/blocks.css-mistica.js +1 -1
  110. package/dist-es/community/example-component.css-mistica.js +1 -1
  111. package/dist-es/counter.css-mistica.js +1 -1
  112. package/dist-es/cover-hero.css-mistica.js +3 -3
  113. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  114. package/dist-es/date-field.css-mistica.js +1 -1
  115. package/dist-es/date-time-picker.css-mistica.js +1 -1
  116. package/dist-es/dialog.css-mistica.js +4 -4
  117. package/dist-es/divider.css-mistica.js +2 -2
  118. package/dist-es/double-field.css-mistica.js +2 -2
  119. package/dist-es/drawer.css-mistica.js +1 -1
  120. package/dist-es/empty-state-card.css-mistica.js +1 -1
  121. package/dist-es/empty-state.css-mistica.js +5 -5
  122. package/dist-es/fade-in.css-mistica.js +1 -1
  123. package/dist-es/feedback.css-mistica.js +1 -1
  124. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  125. package/dist-es/form.css-mistica.js +1 -1
  126. package/dist-es/grid-layout.css-mistica.js +3 -3
  127. package/dist-es/grid.css-mistica.js +122 -122
  128. package/dist-es/header.css-mistica.js +1 -1
  129. package/dist-es/hero.css-mistica.js +2 -2
  130. package/dist-es/highlighted-card.css-mistica.js +4 -4
  131. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  132. package/dist-es/icon-button.css-mistica.js +42 -42
  133. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  134. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  135. package/dist-es/image.css-mistica.js +2 -2
  136. package/dist-es/inline.css-mistica.js +6 -6
  137. package/dist-es/list.css-mistica.js +1 -1
  138. package/dist-es/loading-bar.css-mistica.js +1 -1
  139. package/dist-es/loading-screen.css-mistica.js +4 -4
  140. package/dist-es/logo.css-mistica.js +5 -5
  141. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  142. package/dist-es/menu.css-mistica.js +12 -12
  143. package/dist-es/mosaic.css-mistica.js +1 -1
  144. package/dist-es/navigation-bar.css-mistica.js +16 -16
  145. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  146. package/dist-es/package-version.js +1 -1
  147. package/dist-es/pin-field.css-mistica.js +1 -1
  148. package/dist-es/popover.css-mistica.js +1 -1
  149. package/dist-es/progress-bar.css-mistica.js +4 -4
  150. package/dist-es/radio-button.css-mistica.js +14 -14
  151. package/dist-es/rating.css-mistica.js +2 -2
  152. package/dist-es/responsive-layout.css-mistica.js +4 -4
  153. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  154. package/dist-es/select.css-mistica.js +15 -15
  155. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  156. package/dist-es/sheet-common.css-mistica.js +1 -1
  157. package/dist-es/sheet-info.css-mistica.js +1 -1
  158. package/dist-es/skeletons.css-mistica.js +4 -4
  159. package/dist-es/skins/skin-contract.css-mistica.js +346 -346
  160. package/dist-es/slider.css-mistica.js +10 -10
  161. package/dist-es/snackbar.css-mistica.js +4 -4
  162. package/dist-es/spinner.css-mistica.js +1 -1
  163. package/dist-es/stack.css-mistica.js +5 -5
  164. package/dist-es/stacking-group.css-mistica.js +1 -1
  165. package/dist-es/stepper.css-mistica.js +2 -2
  166. package/dist-es/style.css +1 -1
  167. package/dist-es/switch-component.css-mistica.js +26 -26
  168. package/dist-es/table.css-mistica.js +8 -8
  169. package/dist-es/tabs.css-mistica.js +12 -12
  170. package/dist-es/tabs.js +37 -36
  171. package/dist-es/tag.css-mistica.js +1 -1
  172. package/dist-es/text-field-base.css-mistica.js +1 -1
  173. package/dist-es/text-field-components.css-mistica.js +3 -3
  174. package/dist-es/text-link.css-mistica.js +3 -3
  175. package/dist-es/text.css-mistica.js +7 -7
  176. package/dist-es/theme-context.css-mistica.js +386 -386
  177. package/dist-es/timeline.css-mistica.js +10 -10
  178. package/dist-es/timer.css-mistica.js +6 -6
  179. package/dist-es/tooltip.css-mistica.js +1 -1
  180. package/dist-es/touchable.css-mistica.js +1 -1
  181. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  182. package/dist-es/video.css-mistica.js +1 -1
  183. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  184. package/package.json +1 -1
@@ -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_19_q0hp3a11 v16_19_q0hp3az v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
5
- ios: "v16_19_q0hp3a12 v16_19_q0hp3a10 v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
6
- checked: "v16_19_q0hp3a13 v16_19_q0hp3az v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
7
- checkedIos: "v16_19_q0hp3a14 v16_19_q0hp3a10 v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3"
4
+ default: "v16_20_q0hp3a11 v16_20_q0hp3az v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
5
+ ios: "v16_20_q0hp3a12 v16_20_q0hp3a10 v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
6
+ checked: "v16_20_q0hp3a13 v16_20_q0hp3az v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
7
+ checkedIos: "v16_20_q0hp3a14 v16_20_q0hp3a10 v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3"
8
8
  }, h = {
9
- default: "v16_19_q0hp3ai v16_19_q0hp3ah v16_19_1y2v1nfim",
10
- ios: "v16_19_q0hp3aj v16_19_q0hp3ah v16_19_1y2v1nfim",
11
- iosDark: "v16_19_q0hp3ak v16_19_q0hp3ah v16_19_1y2v1nfim",
12
- checked: "v16_19_q0hp3al v16_19_q0hp3ah v16_19_1y2v1nfim",
13
- checkedIos: "v16_19_q0hp3am v16_19_q0hp3ah v16_19_1y2v1nfim"
9
+ default: "v16_20_q0hp3ai v16_20_q0hp3ah v16_20_1y2v1nfim",
10
+ ios: "v16_20_q0hp3aj v16_20_q0hp3ah v16_20_1y2v1nfim",
11
+ iosDark: "v16_20_q0hp3ak v16_20_q0hp3ah v16_20_1y2v1nfim",
12
+ checked: "v16_20_q0hp3al v16_20_q0hp3ah v16_20_1y2v1nfim",
13
+ checkedIos: "v16_20_q0hp3am v16_20_q0hp3ah v16_20_1y2v1nfim"
14
14
  }, n = {
15
- default: "v16_19_q0hp3a6 v16_19_1y2v1nfio v16_19_1y2v1nflk",
16
- ios: "v16_19_q0hp3a7 v16_19_1y2v1nfio v16_19_1y2v1nflk",
17
- disabled: "v16_19_q0hp3a8 v16_19_1y2v1nfio v16_19_1y2v1nflk",
18
- disabledIos: "v16_19_q0hp3a9 v16_19_1y2v1nfio v16_19_1y2v1nflk"
19
- }, f = "v16_19_q0hp3au v16_19_q0hp3as", i = "v16_19_q0hp3av v16_19_q0hp3as", p = "v16_19_q0hp3aw", y = "v16_19_q0hp3at", q = {
20
- default: "v16_19_q0hp3a15 v16_19_q0hp3az v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
21
- ios: "v16_19_q0hp3a16 v16_19_q0hp3a10 v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
22
- checked: "v16_19_q0hp3a17 v16_19_q0hp3az v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3",
23
- checkedIos: "v16_19_q0hp3a18 v16_19_q0hp3a10 v16_19_q0hp3ay v16_19_1y2v1nfif v16_19_1y2v1nfn0 v16_19_1y2v1nfim v16_19_1y2v1nfl3"
15
+ default: "v16_20_q0hp3a6 v16_20_1y2v1nfio v16_20_1y2v1nflk",
16
+ ios: "v16_20_q0hp3a7 v16_20_1y2v1nfio v16_20_1y2v1nflk",
17
+ disabled: "v16_20_q0hp3a8 v16_20_1y2v1nfio v16_20_1y2v1nflk",
18
+ disabledIos: "v16_20_q0hp3a9 v16_20_1y2v1nfio v16_20_1y2v1nflk"
19
+ }, f = "v16_20_q0hp3au v16_20_q0hp3as", i = "v16_20_q0hp3av v16_20_q0hp3as", p = "v16_20_q0hp3aw", y = "v16_20_q0hp3at", q = {
20
+ default: "v16_20_q0hp3a15 v16_20_q0hp3az v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
21
+ ios: "v16_20_q0hp3a16 v16_20_q0hp3a10 v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
22
+ checked: "v16_20_q0hp3a17 v16_20_q0hp3az v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3",
23
+ checkedIos: "v16_20_q0hp3a18 v16_20_q0hp3a10 v16_20_q0hp3ay v16_20_1y2v1nfif v16_20_1y2v1nfn0 v16_20_1y2v1nfim v16_20_1y2v1nfl3"
24
24
  }, e = {
25
- default: "v16_19_q0hp3an v16_19_q0hp3ah v16_19_1y2v1nfim",
26
- ios: "v16_19_q0hp3ao v16_19_q0hp3ah v16_19_1y2v1nfim",
27
- iosDark: "v16_19_q0hp3ap v16_19_q0hp3ah v16_19_1y2v1nfim",
28
- checked: "v16_19_q0hp3aq v16_19_q0hp3ah v16_19_1y2v1nfim",
29
- checkedIos: "v16_19_q0hp3ar v16_19_q0hp3ah v16_19_1y2v1nfim"
25
+ default: "v16_20_q0hp3an v16_20_q0hp3ah v16_20_1y2v1nfim",
26
+ ios: "v16_20_q0hp3ao v16_20_q0hp3ah v16_20_1y2v1nfim",
27
+ iosDark: "v16_20_q0hp3ap v16_20_q0hp3ah v16_20_1y2v1nfim",
28
+ checked: "v16_20_q0hp3aq v16_20_q0hp3ah v16_20_1y2v1nfim",
29
+ checkedIos: "v16_20_q0hp3ar v16_20_q0hp3ah v16_20_1y2v1nfim"
30
30
  }, r = {
31
- default: "v16_19_q0hp3ac v16_19_q0hp3ab v16_19_1y2v1nfie",
32
- ios: "v16_19_q0hp3ad v16_19_q0hp3ab v16_19_1y2v1nfie"
33
- }, l = "v16_19_q0hp3af v16_19_1y2v1nfim v16_19_1y2v1nfll";
31
+ default: "v16_20_q0hp3ac v16_20_q0hp3ab v16_20_1y2v1nfie",
32
+ ios: "v16_20_q0hp3ad v16_20_q0hp3ab v16_20_1y2v1nfie"
33
+ }, l = "v16_20_q0hp3af v16_20_1y2v1nfim v16_20_1y2v1nfll";
34
34
  export { a as ballVariants, h as barVariants, n as checkboxVariants, f as container, i as containerDisabled, p as disabled, y as interactiveArea, q as inverseBallVariants, e as inverseBarVariants, r as switchCheckboxContainerVariants, l 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_19_107ok88f", a = "v16_19_107ok88g", r = "v16_19_107ok886", l = {
5
- left: "v16_19_107ok888 v16_19_107ok887",
6
- right: "v16_19_107ok889 v16_19_107ok887",
7
- center: "v16_19_107ok88a v16_19_107ok887"
8
- }, t = "v16_19_107ok88i", k = "v16_19_107ok88k", i = "v16_19_107ok883", s = "v16_19_107ok882", d = "v16_19_107ok885", n = "v16_19_107ok884", c = "v16_19_107ok88j", p = "v16_19_107ok88l", m = "v16_19_107ok88n", b = "v16_19_107ok88m", I = "v16_19_107ok88b", g = "v16_19_107ok88c", h = "v16_19_107ok881", w = "v16_19_107ok88h", H = {
9
- maxHeight: "var(--v16_19_107ok880)"
4
+ var e = "v16_20_107ok88f", a = "v16_20_107ok88g", r = "v16_20_107ok886", l = {
5
+ left: "v16_20_107ok888 v16_20_107ok887",
6
+ right: "v16_20_107ok889 v16_20_107ok887",
7
+ center: "v16_20_107ok88a v16_20_107ok887"
8
+ }, t = "v16_20_107ok88i", k = "v16_20_107ok88k", i = "v16_20_107ok883", s = "v16_20_107ok882", d = "v16_20_107ok885", n = "v16_20_107ok884", c = "v16_20_107ok88j", p = "v16_20_107ok88l", m = "v16_20_107ok88n", b = "v16_20_107ok88m", I = "v16_20_107ok88b", g = "v16_20_107ok88c", h = "v16_20_107ok881", w = "v16_20_107ok88h", H = {
9
+ maxHeight: "var(--v16_20_107ok880)"
10
10
  }, x = {
11
- top: "v16_19_107ok88d",
12
- middle: "v16_19_107ok88e"
11
+ top: "v16_20_107ok88d",
12
+ middle: "v16_20_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 };
@@ -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_19_1y2v1nfij v16_19_1y2v1nfif v16_19_1y2v1nfm6 v16_19_1y2v1nfn0 v16_19_1y2v1nfjq", f = "v16_19_lgofm1q", e = "v16_19_lgofm14", y = "v16_19_lgofm13 v16_19_1y2v1nfkv v16_19_1y2v1nfj7 v16_19_1y2v1nfie", r = "v16_19_lgofm10", a = "v16_19_lgofm11", o = {
4
- default: "v16_19_lgofm1a",
5
- inverse: "v16_19_lgofm1b"
3
+ var n = "v16_20_1y2v1nfij v16_20_1y2v1nfif v16_20_1y2v1nfm6 v16_20_1y2v1nfn0 v16_20_1y2v1nfjq", f = "v16_20_lgofm1q", e = "v16_20_lgofm14", y = "v16_20_lgofm13 v16_20_1y2v1nfkv v16_20_1y2v1nfj7 v16_20_1y2v1nfie", r = "v16_20_lgofm10", a = "v16_20_lgofm11", o = {
4
+ default: "v16_20_lgofm1a",
5
+ inverse: "v16_20_lgofm1b"
6
6
  }, t = {
7
- noSelected: "v16_19_1y2v1nf2a",
8
- noSelectedInverse: "v16_19_1y2v1nf2b",
9
- selected: "v16_19_lgofm1g",
10
- selectedInverse: "v16_19_lgofm1h",
11
- selectedAnimating: "v16_19_lgofm1i",
12
- selectedAnimatingInverse: "v16_19_lgofm1j"
7
+ noSelected: "v16_20_1y2v1nf2a",
8
+ noSelectedInverse: "v16_20_1y2v1nf2b",
9
+ selected: "v16_20_lgofm1g",
10
+ selectedInverse: "v16_20_lgofm1h",
11
+ selectedAnimating: "v16_20_lgofm1i",
12
+ selectedAnimatingInverse: "v16_20_lgofm1j"
13
13
  }, i = {
14
- default: "v16_19_lgofm17 v16_19_1y2v1nfba v16_19_1y2v1nfcj v16_19_1y2v1nfil v16_19_1y2v1nfj2 v16_19_1y2v1nfiz v16_19_1y2v1nfit v16_19_1y2v1nfkj v16_19_1y2v1nfkv v16_19_1y2v1nf8c",
15
- fullWidth: "v16_19_lgofm19 v16_19_lgofm17 v16_19_1y2v1nfba v16_19_1y2v1nfcj v16_19_1y2v1nfil v16_19_1y2v1nfj2 v16_19_1y2v1nfiz v16_19_1y2v1nfit v16_19_1y2v1nfkj v16_19_1y2v1nfkv v16_19_1y2v1nf8c"
16
- }, l = "v16_19_1y2v1nfkv v16_19_1y2v1nfj7 v16_19_1y2v1nfik";
14
+ default: "v16_20_lgofm17 v16_20_1y2v1nfba v16_20_1y2v1nfcj v16_20_1y2v1nfil v16_20_1y2v1nfj2 v16_20_1y2v1nfiz v16_20_1y2v1nfit v16_20_1y2v1nfkj v16_20_1y2v1nfkv v16_20_1y2v1nf8c",
15
+ fullWidth: "v16_20_lgofm19 v16_20_lgofm17 v16_20_1y2v1nfba v16_20_1y2v1nfcj v16_20_1y2v1nfil v16_20_1y2v1nfj2 v16_20_1y2v1nfiz v16_20_1y2v1nfit v16_20_1y2v1nfkj v16_20_1y2v1nfkv v16_20_1y2v1nf8c"
16
+ }, l = "v16_20_1y2v1nfkv v16_20_1y2v1nfj7 v16_20_1y2v1nfik";
17
17
  export { n as animatedLine, f as icon, e as inner, y as outer, r as outerBorder, a as outerBorderInverse, o as tabHover, t as tabSelectionVariants, i as tabVariants, l as tabsContainer };
package/dist-es/tabs.js CHANGED
@@ -53,18 +53,18 @@ function _object_spread_props(target, source) {
53
53
  }
54
54
  import { jsx as t, jsxs as L } from "react/jsx-runtime";
55
55
  import * as m from "react";
56
- import S from "classnames";
57
- import { BaseTouchable as R } from "./touchable.js";
58
- import k from "./responsive-layout.js";
59
- import { useTheme as w, useElementDimensions as x } from "./hooks.js";
60
- import { Text as z } from "./text.js";
61
- import { isRunningAcceptanceTest as H } from "./utils/platform.js";
62
- import { getPrefixedDataAttributes as B } from "./utils/dom.js";
63
- import { outerBorderInverse as P, outerBorder as V, outer as W, inner as C, tabsContainer as D, tabVariants as M, tabSelectionVariants as o, tabHover as y, icon as O, animatedLine as _ } from "./tabs.css-mistica.js";
64
- import j from "./inline.js";
65
- import { useIsInverseOrMediaVariant as q } from "./theme-variant-context.js";
56
+ import R from "classnames";
57
+ import { BaseTouchable as k } from "./touchable.js";
58
+ import w from "./responsive-layout.js";
59
+ import { useTheme as x, useElementDimensions as z } from "./hooks.js";
60
+ import { Text as H } from "./text.js";
61
+ import { isRunningAcceptanceTest as B } from "./utils/platform.js";
62
+ import { getPrefixedDataAttributes as P } from "./utils/dom.js";
63
+ import { outerBorderInverse as V, outerBorder as W, outer as C, inner as D, tabsContainer as M, tabVariants as O, tabSelectionVariants as o, tabHover as y, icon as _, animatedLine as j } from "./tabs.css-mistica.js";
64
+ import q from "./inline.js";
65
+ import { useIsInverseOrMediaVariant as E } from "./theme-variant-context.js";
66
66
  import { vars as A } from "./skins/skin-contract.css-mistica.js";
67
- const u = H() ? 0 : 300, E = (i)=>{
67
+ const u = B() ? 0 : 300, F = (i)=>{
68
68
  switch(i){
69
69
  case 1:
70
70
  case 2:
@@ -73,12 +73,12 @@ const u = H() ? 0 : 300, E = (i)=>{
73
73
  default:
74
74
  return "default";
75
75
  }
76
- }, F = (param)=>{
77
- let { selectedIndex: i, onChange: T, tabs: b, dataAttributes: I } = param;
78
- const { textPresets: n } = w(), d = m.useId(), { ref: N } = x(), h = m.useRef(null), p = m.useRef(null), [v, g] = m.useState(!1), r = q(), $ = (c, f)=>{
79
- const s = document.querySelector(`[id='${d}'] [data-tabindex="${c}"]`), l = document.querySelector(`[id='${d}'] [data-tabindex="${f}"]`), e = h.current, a = p.current;
80
- s && l && e && a && (g(!0), e.style.display = "block", e.style.width = `${s.offsetWidth}px`, e.style.transform = `translate(${s.offsetLeft - a.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
81
- e.style.transition = `transform ${u}ms, width ${u}ms`, e.style.width = `${l.offsetWidth}px`, e.style.transform = `translate(${l.offsetLeft - a.scrollLeft}px, 0)`;
76
+ }, U = (param)=>{
77
+ let { selectedIndex: i, onChange: T, tabs: b, dataAttributes: I, selectedTabRef: N } = param;
78
+ const { textPresets: n } = x(), d = m.useId(), { ref: $ } = z(), h = m.useRef(null), p = m.useRef(null), [v, g] = m.useState(!1), a = E(), S = (c, f)=>{
79
+ const s = document.querySelector(`[id='${d}'] [data-tabindex="${c}"]`), l = document.querySelector(`[id='${d}'] [data-tabindex="${f}"]`), e = h.current, r = p.current;
80
+ s && l && e && r && (g(!0), e.style.display = "block", e.style.width = `${s.offsetWidth}px`, e.style.transform = `translate(${s.offsetLeft - r.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
81
+ e.style.transition = `transform ${u}ms, width ${u}ms`, e.style.width = `${l.offsetWidth}px`, e.style.transform = `translate(${l.offsetLeft - r.scrollLeft}px, 0)`;
82
82
  }), setTimeout(()=>{
83
83
  e.style.transition = "", e.style.display = "none", g(!1);
84
84
  }, u));
@@ -86,47 +86,48 @@ const u = H() ? 0 : 300, E = (i)=>{
86
86
  return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
87
87
  id: d,
88
88
  role: "tablist",
89
- ref: N,
90
- className: r ? P : V
91
- }, B(I, "Tabs")), {
92
- children: /* @__PURE__ */ t(k, {
89
+ ref: $,
90
+ className: a ? V : W
91
+ }, P(I, "Tabs")), {
92
+ children: /* @__PURE__ */ t(w, {
93
93
  fullWidth: !0,
94
94
  children: /* @__PURE__ */ L("div", {
95
- className: W,
95
+ className: C,
96
96
  children: [
97
97
  /* @__PURE__ */ t("div", {
98
98
  ref: p,
99
- className: C,
99
+ className: D,
100
100
  children: /* @__PURE__ */ t("div", {
101
- className: D,
101
+ className: M,
102
102
  children: b.map((param, e)=>{
103
103
  let { text: c, trackingEvent: f, Icon: s, "aria-controls": l } = param;
104
- const a = e === i;
105
- return /* @__PURE__ */ t(R, {
104
+ const r = e === i;
105
+ return /* @__PURE__ */ t(k, {
106
+ ref: r ? N : void 0,
106
107
  dataAttributes: {
107
108
  "component-name": "Tab",
108
109
  tabindex: e
109
110
  },
110
- className: S(M[E(b.length)], a ? v ? r ? o.selectedAnimatingInverse : o.selectedAnimating : r ? o.selectedInverse : o.selected : r ? o.noSelectedInverse : o.noSelected, r ? y.inverse : y.default),
111
+ className: R(O[F(b.length)], r ? v ? a ? o.selectedAnimatingInverse : o.selectedAnimating : a ? o.selectedInverse : o.selected : a ? o.noSelectedInverse : o.noSelected, a ? y.inverse : y.default),
111
112
  onPress: ()=>{
112
- !v && i !== e && (T(e), $(i, e));
113
+ !v && i !== e && (T(e), S(i, e));
113
114
  },
114
115
  trackingEvent: f,
115
116
  role: "tab",
116
117
  "aria-controls": l,
117
- "aria-selected": a ? "true" : "false",
118
- children: /* @__PURE__ */ L(j, {
118
+ "aria-selected": r ? "true" : "false",
119
+ children: /* @__PURE__ */ L(q, {
119
120
  space: s && c ? 8 : 0,
120
121
  alignItems: "center",
121
122
  children: [
122
123
  s && /* @__PURE__ */ t("div", {
123
- className: O,
124
+ className: _,
124
125
  children: /* @__PURE__ */ t(s, {
125
126
  size: "100%",
126
127
  color: "currentColor"
127
128
  })
128
129
  }),
129
- /* @__PURE__ */ t(z, {
130
+ /* @__PURE__ */ t(H, {
130
131
  as: "div",
131
132
  desktopSize: n.tabsLabel.size.desktop,
132
133
  mobileSize: n.tabsLabel.size.mobile,
@@ -147,14 +148,14 @@ const u = H() ? 0 : 300, E = (i)=>{
147
148
  }),
148
149
  /* @__PURE__ */ t("div", {
149
150
  ref: h,
150
- className: _,
151
+ className: j,
151
152
  style: {
152
- background: r ? A.colors.controlActivatedInverse : A.colors.controlActivated
153
+ background: a ? A.colors.controlActivatedInverse : A.colors.controlActivated
153
154
  }
154
155
  })
155
156
  ]
156
157
  })
157
158
  })
158
159
  }));
159
- }, ae = F;
160
- export { ae as default };
160
+ }, oe = U;
161
+ export { oe as default };
@@ -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_19_1y2v1nfil v16_19_1y2v1nfb1", y = "v16_19_1y2v1nfim", f = "v16_19_1wy08671 v16_19_1y2v1nf8j v16_19_1y2v1nf9s v16_19_1y2v1nfil v16_19_1y2v1nfip v16_19_1y2v1nfiz v16_19_1y2v1nfit v16_19_1y2v1nfkg";
3
+ var n = "v16_20_1y2v1nfil v16_20_1y2v1nfb1", y = "v16_20_1y2v1nfim", f = "v16_20_1wy08671 v16_20_1y2v1nf8j v16_20_1y2v1nf9s v16_20_1y2v1nfil v16_20_1y2v1nfip v16_20_1y2v1nfiz v16_20_1y2v1nfit v16_20_1y2v1nfkg";
4
4
  export { n as badge, y as icon, f as tag };
@@ -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_19_rhey4t8", r = "v16_19_rhey4th v16_19_1y2v1nfb1 v16_19_1y2v1nfik v16_19_1y2v1nfiz", n = 12, y = "v16_19_rhey4tr", a = 4, i = 11, f = 15, h = "v16_19_rhey4t4", l = "v16_19_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_19_rhey4ta v16_19_1y2v1nfie v16_19_rhey4t1 v16_19_1y2v1nfl2 v16_19_1y2v1nfk5 v16_19_1y2v1nf28 v16_19_1y2v1nfj7", p = "v16_19_rhey4tb", c = "v16_19_rhey4tc", m = "v16_19_rhey4td", u = "v16_19_rhey4tn v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nflk", g = "v16_19_1y2v1nf4m", x = "v16_19_rhey4tl v16_19_1y2v1nfcg", b = "v16_19_rhey4tj v16_19_1y2v1nfcg v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfjo v16_19_1y2v1nfif", k = "v16_19_rhey4tq v16_19_1y2v1nfif", s = "v16_19_rhey4t6 v16_19_1y2v1nf8d v16_19_1y2v1nf9m v16_19_rhey4t1 v16_19_1y2v1nfl2 v16_19_1y2v1nfk5 v16_19_1y2v1nf28 v16_19_1y2v1nfj7", I = "v16_19_rhey4te", L = "v16_19_rhey4tf";
4
+ var t = "v16_20_rhey4t8", r = "v16_20_rhey4th v16_20_1y2v1nfb1 v16_20_1y2v1nfik v16_20_1y2v1nfiz", n = 12, y = "v16_20_rhey4tr", a = 4, i = 11, f = 15, h = "v16_20_rhey4t4", l = "v16_20_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_20_rhey4ta v16_20_1y2v1nfie v16_20_rhey4t1 v16_20_1y2v1nfl2 v16_20_1y2v1nfk5 v16_20_1y2v1nf28 v16_20_1y2v1nfj7", p = "v16_20_rhey4tb", c = "v16_20_rhey4tc", m = "v16_20_rhey4td", u = "v16_20_rhey4tn v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nflk", g = "v16_20_1y2v1nf4m", x = "v16_20_rhey4tl v16_20_1y2v1nfcg", b = "v16_20_rhey4tj v16_20_1y2v1nfcg v16_20_1y2v1nfik v16_20_1y2v1nfiz v16_20_1y2v1nfjo v16_20_1y2v1nfif", k = "v16_20_rhey4tq v16_20_1y2v1nfif", s = "v16_20_rhey4t6 v16_20_1y2v1nf8d v16_20_1y2v1nf9m v16_20_rhey4t1 v16_20_1y2v1nfl2 v16_20_1y2v1nfk5 v16_20_1y2v1nf28 v16_20_1y2v1nfj7", I = "v16_20_rhey4te", L = "v16_20_rhey4tf";
5
5
  export { t as emptyDateValue, r as endIconContainer, n as fieldElementsGap, y as fieldEndIconContainer, a as fieldEndIconGap, i as fieldLeftPadding, f as fieldRightPadding, h as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, p as inputFirefoxStyles, c as inputWithLabel, m as inputWithoutLabel, u as menuItem, g as menuItemSelected, x as prefix, b as startIcon, k as suggestionsContainer, s as textArea, I as textAreaWithLabel, L as textAreaWithoutLabel };
@@ -3,7 +3,7 @@ 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
5
  var a = 328, f = 0.78, e = 0.75, y = {
6
- default: "v16_19_1y2v1nf48",
7
- readOnly: "v16_19_1y2v1nf64"
8
- }, i = "v16_19_15k6ur97", l = "v16_19_1y2v1nfll v16_19_1y2v1nfl1 v16_19_1y2v1nfik v16_19_1y2v1nfla v16_19_1y2v1nfie", t = "v16_19_15k6ur96 v16_19_1y2v1nfik v16_19_1y2v1nfiq", k = "v16_19_1y2v1nfj7", o = "v16_19_1y2v1nfb7 v16_19_1y2v1nfcj v16_19_1y2v1nfik", u = "v16_19_1y2v1nfj5 v16_19_1y2v1nf8j", d = "v16_19_15k6ur91 v16_19_1y2v1nfif v16_19_1y2v1nfik v16_19_1y2v1nfip", p = "v16_19_15k6ur93 v16_19_1y2v1nfll v16_19_1y2v1nfj3", L = "v16_19_15k6ur9e v16_19_1y2v1nfik", h = "v16_19_15k6ur99 v16_19_1y2v1nfj7", E = "v16_19_1y2v1nfba", T = "v16_19_15k6ur94", b = "v16_19_15k6ur9h";
6
+ default: "v16_20_1y2v1nf48",
7
+ readOnly: "v16_20_1y2v1nf64"
8
+ }, i = "v16_20_15k6ur97", l = "v16_20_1y2v1nfll v16_20_1y2v1nfl1 v16_20_1y2v1nfik v16_20_1y2v1nfla v16_20_1y2v1nfie", t = "v16_20_15k6ur96 v16_20_1y2v1nfik v16_20_1y2v1nfiq", k = "v16_20_1y2v1nfj7", o = "v16_20_1y2v1nfb7 v16_20_1y2v1nfcj v16_20_1y2v1nfik", u = "v16_20_1y2v1nfj5 v16_20_1y2v1nf8j", d = "v16_20_15k6ur91 v16_20_1y2v1nfif v16_20_1y2v1nfik v16_20_1y2v1nfip", p = "v16_20_15k6ur93 v16_20_1y2v1nfll v16_20_1y2v1nfj3", L = "v16_20_15k6ur9e v16_20_1y2v1nfik", h = "v16_20_15k6ur99 v16_20_1y2v1nfj7", E = "v16_20_1y2v1nfba", T = "v16_20_15k6ur94", b = "v16_20_15k6ur9h";
9
9
  export { a as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, i as disabled, l as field, t as fieldContainer, k as fullWidth, o as helperContainer, u as helperText, d as labelContainer, p as labelText, L as leftHelperText, h as normalWidth, E as rightHelperText, T as shrinked, b as warnIcon };
@@ -1,8 +1,8 @@
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
- default: "v16_19_1m1n0pr1 v16_19_1y2v1nfj8 v16_19_1y2v1nfin v16_19_1y2v1nflk v16_19_1y2v1nf2l",
5
- inverseLight: "v16_19_1m1n0pr6 v16_19_1m1n0pr1 v16_19_1y2v1nfj8 v16_19_1y2v1nfin v16_19_1y2v1nflk v16_19_1y2v1nf2m",
6
- inverseDark: "v16_19_1m1n0pr7 v16_19_1m1n0pr1 v16_19_1y2v1nfj8 v16_19_1y2v1nfin v16_19_1y2v1nflk v16_19_1y2v1nf2l"
4
+ default: "v16_20_1m1n0pr1 v16_20_1y2v1nfj8 v16_20_1y2v1nfin v16_20_1y2v1nflk v16_20_1y2v1nf2l",
5
+ inverseLight: "v16_20_1m1n0pr6 v16_20_1m1n0pr1 v16_20_1y2v1nfj8 v16_20_1y2v1nfin v16_20_1y2v1nflk v16_20_1y2v1nf2m",
6
+ inverseDark: "v16_20_1m1n0pr7 v16_20_1m1n0pr1 v16_20_1y2v1nfj8 v16_20_1y2v1nfin v16_20_1y2v1nflk v16_20_1y2v1nf2l"
7
7
  };
8
8
  export { n as variants };
@@ -1,9 +1,9 @@
1
1
  import "./text.css.ts.vanilla.css-mistica.js";
2
- var r = "v16_19_splu5g7", _ = "v16_19_splu5g8", e = "v16_19_splu5g9", a = {
3
- mobileSize: "var(--v16_19_splu5g0)",
4
- desktopSize: "var(--v16_19_splu5g1)",
5
- mobileLineHeight: "var(--v16_19_splu5g2)",
6
- desktopLineHeight: "var(--v16_19_splu5g3)",
7
- lineClamp: "var(--v16_19_splu5g4)"
8
- }, p = "v16_19_splu5g5", t = "v16_19_splu5g6";
2
+ var r = "v16_20_splu5g7", _ = "v16_20_splu5g8", e = "v16_20_splu5g9", a = {
3
+ mobileSize: "var(--v16_20_splu5g0)",
4
+ desktopSize: "var(--v16_20_splu5g1)",
5
+ mobileLineHeight: "var(--v16_20_splu5g2)",
6
+ desktopLineHeight: "var(--v16_20_splu5g3)",
7
+ lineClamp: "var(--v16_20_splu5g4)"
8
+ }, p = "v16_20_splu5g5", t = "v16_20_splu5g6";
9
9
  export { r as text, _ as truncate, e as truncateToOneLine, a as vars, p as withWordBreak, t as withoutWordBreak };