@telefonica/mistica 16.47.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 (242) 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 +2 -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 +5 -2
  103. package/dist/tag.css.d.ts +1 -0
  104. package/dist/tag.d.ts +2 -1
  105. package/dist/tag.js +57 -51
  106. package/dist/text-field-base.css-mistica.js +38 -20
  107. package/dist/text-field-base.css.d.ts +15 -11
  108. package/dist/text-field-base.js +78 -79
  109. package/dist/text-field-components.css-mistica.js +18 -24
  110. package/dist/text-field-components.css.d.ts +0 -2
  111. package/dist/text-field-components.d.ts +1 -0
  112. package/dist/text-field-components.js +66 -41
  113. package/dist/text-link.css-mistica.js +6 -6
  114. package/dist/text.css-mistica.js +6 -6
  115. package/dist/text.d.ts +23 -9
  116. package/dist/text.js +171 -174
  117. package/dist/theme-context.css-mistica.js +1 -1
  118. package/dist/timeline.css-mistica.js +9 -9
  119. package/dist/timer.css-mistica.js +6 -6
  120. package/dist/title.js +55 -49
  121. package/dist/tooltip.css-mistica.js +1 -1
  122. package/dist/touchable.css-mistica.js +1 -1
  123. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  124. package/dist/video.css-mistica.js +1 -1
  125. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  126. package/dist-es/accordion.css-mistica.js +6 -6
  127. package/dist-es/align.css-mistica.js +1 -1
  128. package/dist-es/autocomplete.css-mistica.js +1 -1
  129. package/dist-es/avatar.css-mistica.js +1 -1
  130. package/dist-es/badge.css-mistica.js +1 -1
  131. package/dist-es/box.css-mistica.js +13 -13
  132. package/dist-es/boxed.css-mistica.js +23 -23
  133. package/dist-es/button-group.css-mistica.js +1 -1
  134. package/dist-es/button-layout.css-mistica.js +14 -14
  135. package/dist-es/button.css-mistica.js +26 -26
  136. package/dist-es/callout.css-mistica.js +11 -11
  137. package/dist-es/card-internal.css-mistica.js +15 -15
  138. package/dist-es/card-internal.js +424 -416
  139. package/dist-es/carousel.css-mistica.js +8 -8
  140. package/dist-es/checkbox.css-mistica.js +11 -11
  141. package/dist-es/chip.css-mistica.js +15 -15
  142. package/dist-es/chip.js +44 -42
  143. package/dist-es/circle.css-mistica.js +1 -1
  144. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  145. package/dist-es/community/blocks.css-mistica.js +1 -1
  146. package/dist-es/community/example-component.css-mistica.js +1 -1
  147. package/dist-es/counter.css-mistica.js +1 -1
  148. package/dist-es/cover-hero.css-mistica.js +2 -2
  149. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  150. package/dist-es/date-field.css-mistica.js +1 -1
  151. package/dist-es/date-time-picker.css-mistica.js +1 -1
  152. package/dist-es/dialog.css-mistica.js +4 -4
  153. package/dist-es/dialog.js +98 -102
  154. package/dist-es/divider.css-mistica.js +5 -5
  155. package/dist-es/double-field.css-mistica.js +2 -2
  156. package/dist-es/drawer.css-mistica.js +1 -1
  157. package/dist-es/drawer.js +76 -74
  158. package/dist-es/empty-state-card.css-mistica.js +1 -1
  159. package/dist-es/empty-state.css-mistica.js +5 -5
  160. package/dist-es/fade-in.css-mistica.js +1 -1
  161. package/dist-es/feedback.css-mistica.js +1 -1
  162. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  163. package/dist-es/form.css-mistica.js +1 -1
  164. package/dist-es/grid-layout.css-mistica.js +3 -3
  165. package/dist-es/grid.css-mistica.js +120 -120
  166. package/dist-es/header.css-mistica.js +1 -1
  167. package/dist-es/hero.css-mistica.js +2 -2
  168. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  169. package/dist-es/icon-button.css-mistica.js +52 -52
  170. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  171. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  172. package/dist-es/image.css-mistica.js +2 -2
  173. package/dist-es/inline.css-mistica.js +9 -9
  174. package/dist-es/list.css-mistica.js +1 -1
  175. package/dist-es/loading-bar.css-mistica.js +1 -1
  176. package/dist-es/loading-screen.css-mistica.js +4 -4
  177. package/dist-es/loading-screen.js +119 -117
  178. package/dist-es/logo.css-mistica.js +5 -5
  179. package/dist-es/menu.css-mistica.js +13 -13
  180. package/dist-es/mosaic.css-mistica.js +1 -1
  181. package/dist-es/navigation-bar.css-mistica.js +18 -18
  182. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  183. package/dist-es/package-version.js +1 -1
  184. package/dist-es/pin-field.css-mistica.js +2 -4
  185. package/dist-es/popover.css-mistica.js +1 -1
  186. package/dist-es/progress-bar.css-mistica.js +6 -6
  187. package/dist-es/radio-button.css-mistica.js +19 -19
  188. package/dist-es/rating.css-mistica.js +2 -2
  189. package/dist-es/responsive-layout.css-mistica.js +6 -6
  190. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  191. package/dist-es/select.css-mistica.js +15 -15
  192. package/dist-es/select.js +88 -87
  193. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  194. package/dist-es/sheet-common.css-mistica.js +1 -1
  195. package/dist-es/sheet-info.css-mistica.js +1 -1
  196. package/dist-es/skeletons.css-mistica.js +6 -6
  197. package/dist-es/skins/blau.js +91 -0
  198. package/dist-es/skins/defaults.js +91 -0
  199. package/dist-es/skins/esimflag.js +91 -0
  200. package/dist-es/skins/movistar-new.js +97 -6
  201. package/dist-es/skins/movistar.js +93 -2
  202. package/dist-es/skins/o2-new.js +91 -0
  203. package/dist-es/skins/o2.js +93 -2
  204. package/dist-es/skins/skin-contract.css-mistica.js +660 -623
  205. package/dist-es/skins/telefonica.js +91 -0
  206. package/dist-es/skins/tu.js +91 -0
  207. package/dist-es/skins/vivo-new.js +91 -0
  208. package/dist-es/skins/vivo.js +91 -0
  209. package/dist-es/skip-link.css-mistica.js +1 -1
  210. package/dist-es/slider.css-mistica.js +18 -18
  211. package/dist-es/snackbar.css-mistica.js +4 -4
  212. package/dist-es/spinner.css-mistica.js +1 -1
  213. package/dist-es/stack.css-mistica.js +5 -5
  214. package/dist-es/stacking-group.css-mistica.js +1 -1
  215. package/dist-es/stepper.css-mistica.js +2 -2
  216. package/dist-es/stepper.js +50 -48
  217. package/dist-es/style.css +1 -1
  218. package/dist-es/switch-component.css-mistica.js +35 -35
  219. package/dist-es/table.css-mistica.js +9 -9
  220. package/dist-es/tabs.css-mistica.js +17 -17
  221. package/dist-es/tag.css-mistica.js +2 -2
  222. package/dist-es/tag.js +74 -68
  223. package/dist-es/text-field-base.css-mistica.js +17 -2
  224. package/dist-es/text-field-base.js +110 -111
  225. package/dist-es/text-field-components.css-mistica.js +4 -4
  226. package/dist-es/text-field-components.js +92 -70
  227. package/dist-es/text-link.css-mistica.js +6 -6
  228. package/dist-es/text.css-mistica.js +6 -6
  229. package/dist-es/text.js +180 -190
  230. package/dist-es/theme-context.css-mistica.js +1 -1
  231. package/dist-es/timeline.css-mistica.js +9 -9
  232. package/dist-es/timer.css-mistica.js +6 -6
  233. package/dist-es/title.js +69 -63
  234. package/dist-es/tooltip.css-mistica.js +1 -1
  235. package/dist-es/touchable.css-mistica.js +1 -1
  236. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  237. package/dist-es/video.css-mistica.js +1 -1
  238. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  239. package/package.json +1 -1
  240. package/dist/text-props.d.ts +0 -60
  241. package/dist/text-props.js +0 -93
  242. package/dist-es/text-props.js +0 -52
package/dist-es/text.js CHANGED
@@ -78,320 +78,310 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as o, Fragment as H, jsxs as C } from "react/jsx-runtime";
82
- import * as v from "react";
83
- import G from "classnames";
84
- import { useThemeVariant as J } from "./theme-variant-context.js";
85
- import { applyCssVars as z, pxToRem as g } from "./utils/css.js";
86
- import { getPrefixedDataAttributes as Q } from "./utils/dom.js";
81
+ import { jsx as o, Fragment as z, jsxs as C } from "react/jsx-runtime";
82
+ import * as b from "react";
83
+ import J from "classnames";
84
+ import { useThemeVariant as Q } from "./theme-variant-context.js";
85
+ import { applyCssVars as N, pxToRem as T } from "./utils/css.js";
86
+ import { getPrefixedDataAttributes as U } from "./utils/dom.js";
87
87
  import { useTheme as s } from "./hooks.js";
88
- import { vars as n } from "./skins/skin-contract.css-mistica.js";
89
- import { text as U, withWordBreak as X, withoutWordBreak as Y, truncate as Z, truncateToOneLine as $, vars as l } from "./text.css-mistica.js";
90
- import { VIVO_NEW_SKIN as tt } from "./skins/constants.js";
91
- import et from "./screen-reader-only.js";
92
- import * as rt from "./text-props.js";
93
- import { text10 as it, text9 as nt, text8 as ot, text7 as st, text6 as at, text5 as xt, text4 as mt, text3 as ct, text2 as dt, text1 as lt } from "./text-props.js";
94
- const ut = {
88
+ import { vars as i } from "./skins/skin-contract.css-mistica.js";
89
+ import { text as X, withWordBreak as Y, withoutWordBreak as Z, truncate as $, truncateToOneLine as tt, vars as u } from "./text.css-mistica.js";
90
+ import { VIVO_NEW_SKIN as et } from "./skins/constants.js";
91
+ import rt from "./screen-reader-only.js";
92
+ const nt = {
95
93
  light: 300,
96
94
  regular: 400,
97
95
  medium: 500,
98
96
  bold: 700
99
- }, ht = (t)=>t === !0 ? 1 : t || "initial", u = "Ħ", gt = /* @__PURE__ */ C(H, {
97
+ }, it = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ot = /* @__PURE__ */ C(z, {
100
98
  children: [
101
99
  /* @__PURE__ */ o("span", {
102
100
  "aria-hidden": !0,
103
- children: u
101
+ children: h
104
102
  }),
105
- /* @__PURE__ */ o(et, {
103
+ /* @__PURE__ */ o(rt, {
106
104
  children: /* @__PURE__ */ o("span", {
107
105
  children: "Vivo"
108
106
  })
109
107
  })
110
108
  ]
111
- }), pt = (param)=>{
112
- let { children: t, ariaLabel: i, as: r } = param;
113
- return typeof r == "string" && [
109
+ }), st = (param)=>{
110
+ let { children: t, ariaLabel: e, as: n } = param;
111
+ return typeof n == "string" && [
114
112
  "h1",
115
113
  "h2",
116
114
  "h3",
117
115
  "h4",
118
116
  "h5",
119
117
  "h6"
120
- ].includes(r) && typeof t == "string" && t.includes(u) ? {
121
- ariaLabel: t.replace(new RegExp(u, "g"), "Vivo"),
118
+ ].includes(n) && typeof t == "string" && t.includes(h) ? {
119
+ ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
122
120
  children: /* @__PURE__ */ o("span", {
123
121
  "aria-hidden": !0,
124
122
  children: t
125
123
  })
126
124
  } : {
127
- children: v.Children.map(t, (e)=>typeof e != "string" || !e.includes(u) ? e : /* @__PURE__ */ o(H, {
128
- children: e.split(u).map((c, m)=>/* @__PURE__ */ C(v.Fragment, {
125
+ children: b.Children.map(t, (r)=>typeof r != "string" || !r.includes(h) ? r : /* @__PURE__ */ o(z, {
126
+ children: r.split(h).map((d, x)=>/* @__PURE__ */ C(b.Fragment, {
129
127
  children: [
130
- m > 0 && gt,
131
- c
128
+ x > 0 && ot,
129
+ d
132
130
  ]
133
- }, m))
131
+ }, x))
134
132
  })),
135
- ariaLabel: i
133
+ ariaLabel: e
136
134
  };
137
135
  }, a = (param)=>{
138
- let { weight: t, color: i = n.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: h = "auto", as: T = "span", children: d, size: b, mobileSize: w = b, desktopSize: y = b, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: A = S, letterSpacing: L, textAlign: N, textShadow: R, id: W, role: E, "aria-level": B, "aria-label": P, "aria-hidden": F, "aria-live": I, dataAttributes: M } = param;
139
- var V;
140
- const { skinName: O } = s(), f = J(), _ = ht(e), j = {
141
- [n.colors.textPrimary]: {
142
- brand: n.colors.textPrimaryBrand,
143
- media: n.colors.textPrimaryMedia,
144
- negative: n.colors.textPrimaryNegative
136
+ let { weight: t, color: e = i.colors.textPrimary, decoration: n, truncate: r, transform: d, wordBreak: x = !0, hyphens: P = "auto", as: f = "span", children: l, size: y, mobileSize: S = y, desktopSize: k = y, lineHeight: w, mobileLineHeight: A = w, desktopLineHeight: V = w, letterSpacing: R, textAlign: E, textShadow: H, id: B, role: L, "aria-level": F, "aria-label": p, "aria-hidden": I, "aria-live": M, dataAttributes: O } = param;
137
+ var W;
138
+ const { skinName: _ } = s(), v = Q(), j = it(r), D = {
139
+ [i.colors.textPrimary]: {
140
+ brand: i.colors.textPrimaryBrand,
141
+ media: i.colors.textPrimaryMedia,
142
+ negative: i.colors.textPrimaryNegative
145
143
  },
146
- [n.colors.textSecondary]: {
147
- brand: n.colors.textSecondaryBrand,
148
- media: n.colors.textSecondaryMedia,
149
- negative: n.colors.textSecondaryNegative
144
+ [i.colors.textSecondary]: {
145
+ brand: i.colors.textSecondaryBrand,
146
+ media: i.colors.textSecondaryMedia,
147
+ negative: i.colors.textSecondaryNegative
150
148
  },
151
- [n.colors.textLink]: {
152
- brand: n.colors.textLinkBrand,
153
- media: n.colors.textLinkMedia,
154
- negative: n.colors.textLinkNegative
149
+ [i.colors.textLink]: {
150
+ brand: i.colors.textLinkBrand,
151
+ media: i.colors.textLinkMedia,
152
+ negative: i.colors.textLinkNegative
155
153
  },
156
- [n.colors.textError]: {
157
- brand: n.colors.textErrorBrand,
158
- media: n.colors.textErrorBrand,
159
- negative: n.colors.textErrorNegative
154
+ [i.colors.textError]: {
155
+ brand: i.colors.textErrorBrand,
156
+ media: i.colors.textErrorBrand,
157
+ negative: i.colors.textErrorNegative
160
158
  }
161
159
  };
162
- if (!d && d !== 0) return null;
163
- const D = G(U, m ? X : Y, {
164
- [Z]: e,
165
- [$]: e === 1 || e === !0
166
- }), K = z({
167
- [l.mobileSize]: w ? g(w) : "inherit",
168
- [l.mobileLineHeight]: k ? g(k) : "inherit",
169
- [l.desktopSize]: y ? g(y) : "inherit",
170
- [l.desktopLineHeight]: A ? g(A) : "inherit"
171
- }), q = e ? z({
172
- [l.lineClamp]: String(_)
160
+ if (!l && l !== 0) return null;
161
+ const K = J(X, x ? Y : Z, {
162
+ [$]: r,
163
+ [tt]: r === 1 || r === !0
164
+ }), q = N({
165
+ [u.mobileSize]: S ? T(S) : "inherit",
166
+ [u.mobileLineHeight]: A ? T(A) : "inherit",
167
+ [u.desktopSize]: k ? T(k) : "inherit",
168
+ [u.desktopLineHeight]: V ? T(V) : "inherit"
169
+ }), G = r ? N({
170
+ [u.lineClamp]: String(j)
173
171
  }) : {};
174
172
  var _ref;
175
- return O === tt && ({ ariaLabel: P, children: d } = pt({
176
- children: d,
177
- ariaLabel: P,
178
- as: T
179
- })), /*#__PURE__*/ v.createElement(T, _object_spread_props(_object_spread({
180
- className: D,
181
- id: W,
182
- role: E,
183
- "aria-level": B,
184
- "aria-label": P,
185
- "aria-hidden": F,
186
- "aria-live": I
187
- }, Q(M, "Text")), {
188
- style: _object_spread_props(_object_spread({}, K, q), {
189
- hyphens: h,
190
- WebkitHyphens: h,
191
- letterSpacing: L,
192
- fontWeight: t ? ut[t] : "inherit",
193
- textTransform: c || "inherit",
194
- textDecoration: r !== null && r !== void 0 ? r : "inherit",
195
- overflowWrap: m ? "anywhere" : "inherit",
196
- color: f !== "default" && f !== "alternative" ? (_ref = (V = j[i]) == null ? void 0 : V[f]) !== null && _ref !== void 0 ? _ref : i : i,
197
- textAlign: N,
198
- textShadow: R,
173
+ return _ === et && ({ ariaLabel: p, children: l } = st({
174
+ children: l,
175
+ ariaLabel: p,
176
+ as: f
177
+ })), /*#__PURE__*/ b.createElement(f, _object_spread_props(_object_spread({
178
+ className: K,
179
+ id: B,
180
+ role: L,
181
+ "aria-level": F,
182
+ "aria-label": p,
183
+ "aria-hidden": I,
184
+ "aria-live": M
185
+ }, U(O, "Text")), {
186
+ style: _object_spread_props(_object_spread({}, q, G), {
187
+ hyphens: P,
188
+ WebkitHyphens: P,
189
+ letterSpacing: R,
190
+ fontWeight: t ? nt[t] : "inherit",
191
+ textTransform: d || "inherit",
192
+ textDecoration: n !== null && n !== void 0 ? n : "inherit",
193
+ overflowWrap: x ? "anywhere" : "inherit",
194
+ color: v !== "default" && v !== "alternative" ? (_ref = (W = D[e]) == null ? void 0 : W[v]) !== null && _ref !== void 0 ? _ref : e : e,
195
+ textAlign: E,
196
+ textShadow: H,
199
197
  // When rendering as <pre/>, spaces are preserved and we don't want to remove them
200
- whiteSpace: T === "pre" ? void 0 : "pre-line"
198
+ whiteSpace: f === "pre" ? void 0 : "pre-line"
201
199
  })
202
- }), d);
203
- }, p = (t)=>{
200
+ }), l);
201
+ }, g = (t)=>{
204
202
  if (t.light) return "light";
205
203
  if (t.regular) return "regular";
206
204
  if (t.medium) return "medium";
205
+ if (t.bold) return "bold";
207
206
  if (t.weight) return t.weight;
208
- }, x = (param)=>{
209
- let { forceMobileSizes: t, textPreset: i, textProps: r } = param;
210
- const e = i.size.mobile || r.mobileSize, c = i.lineHeight.mobile || r.mobileLineHeight, m = i.size.desktop || r.desktopSize, h = i.lineHeight.desktop || r.desktopLineHeight;
207
+ }, c = (param)=>{
208
+ let { forceMobileSizes: t, textPreset: e } = param;
209
+ const n = e.size.mobile, r = e.lineHeight.mobile, d = e.size.desktop, x = e.lineHeight.desktop;
211
210
  return t ? {
212
- size: e,
213
- lineHeight: c
211
+ size: n,
212
+ lineHeight: r
214
213
  } : {
215
- mobileSize: e,
216
- mobileLineHeight: c,
217
- desktopSize: m,
218
- desktopLineHeight: h
214
+ mobileSize: n,
215
+ mobileLineHeight: r,
216
+ desktopSize: d,
217
+ desktopLineHeight: x
219
218
  };
220
- }, zt = (t)=>{
221
- const { textPresets: i } = s(), r = i[t];
222
- return x({
223
- textPreset: r,
224
- textProps: rt[t]
219
+ }, m = (param)=>{
220
+ let { forceMobileSizes: t, textPreset: e } = param;
221
+ return _object_spread_props(_object_spread({}, c({
222
+ forceMobileSizes: t,
223
+ textPreset: e
224
+ })), {
225
+ weight: e.weight
226
+ });
227
+ }, ft = (t)=>{
228
+ const { textPresets: e } = s(), n = e[t];
229
+ return c({
230
+ textPreset: n
225
231
  });
226
- }, Ht = (_param)=>{
227
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
232
+ }, pt = (_param)=>{
233
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
228
234
  "dataAttributes",
229
235
  "forceMobileSizes"
230
236
  ]);
231
- const { textPresets: e } = s();
232
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
233
- forceMobileSizes: i,
234
- textPreset: e.text10,
235
- textProps: it
237
+ const { textPresets: r } = s();
238
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
239
+ forceMobileSizes: e,
240
+ textPreset: r.text10
236
241
  })), {
237
- weight: e.text10.weight,
238
242
  dataAttributes: _object_spread({
239
243
  "component-name": "Text10",
240
244
  testid: "Text10"
241
245
  }, t)
242
- }), r));
243
- }, Ct = (_param)=>{
244
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
246
+ }), n));
247
+ }, vt = (_param)=>{
248
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
245
249
  "dataAttributes",
246
250
  "forceMobileSizes"
247
251
  ]);
248
- const { textPresets: e } = s();
249
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
250
- forceMobileSizes: i,
251
- textPreset: e.text9,
252
- textProps: nt
252
+ const { textPresets: r } = s();
253
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
254
+ forceMobileSizes: e,
255
+ textPreset: r.text9
253
256
  })), {
254
- weight: e.text9.weight,
255
257
  dataAttributes: _object_spread({
256
258
  "component-name": "Text9",
257
259
  testid: "Text9"
258
260
  }, t)
259
- }), r));
260
- }, Lt = (_param)=>{
261
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
261
+ }), n));
262
+ }, bt = (_param)=>{
263
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
262
264
  "dataAttributes",
263
265
  "forceMobileSizes"
264
266
  ]);
265
- const { textPresets: e } = s();
266
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
267
- forceMobileSizes: i,
268
- textPreset: e.text8,
269
- textProps: ot
267
+ const { textPresets: r } = s();
268
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
269
+ forceMobileSizes: e,
270
+ textPreset: r.text8
270
271
  })), {
271
- weight: e.text8.weight,
272
272
  dataAttributes: _object_spread({
273
273
  "component-name": "Text8",
274
274
  testid: "Text8"
275
275
  }, t)
276
- }), r));
277
- }, Nt = (_param)=>{
278
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
276
+ }), n));
277
+ }, Pt = (_param)=>{
278
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
279
279
  "dataAttributes",
280
280
  "forceMobileSizes"
281
281
  ]);
282
- const { textPresets: e } = s();
283
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
284
- forceMobileSizes: i,
285
- textPreset: e.text7,
286
- textProps: st
282
+ const { textPresets: r } = s();
283
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
284
+ forceMobileSizes: e,
285
+ textPreset: r.text7
287
286
  })), {
288
- weight: e.text7.weight,
289
287
  dataAttributes: _object_spread({
290
288
  "component-name": "Text7",
291
289
  testid: "Text7"
292
290
  }, t)
293
- }), r));
294
- }, Rt = (_param)=>{
295
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
291
+ }), n));
292
+ }, yt = (_param)=>{
293
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
296
294
  "dataAttributes",
297
295
  "forceMobileSizes"
298
296
  ]);
299
- const { textPresets: e } = s();
300
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
301
- forceMobileSizes: i,
302
- textPreset: e.text6,
303
- textProps: at
297
+ const { textPresets: r } = s();
298
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
299
+ forceMobileSizes: e,
300
+ textPreset: r.text6
304
301
  })), {
305
- weight: e.text6.weight,
306
302
  dataAttributes: _object_spread({
307
303
  "component-name": "Text6",
308
304
  testid: "Text6"
309
305
  }, t)
310
- }), r));
311
- }, Wt = (_param)=>{
312
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
306
+ }), n));
307
+ }, St = (_param)=>{
308
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
313
309
  "dataAttributes",
314
310
  "forceMobileSizes"
315
311
  ]);
316
- const { textPresets: e } = s();
317
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
318
- forceMobileSizes: i,
319
- textPreset: e.text5,
320
- textProps: xt
312
+ const { textPresets: r } = s();
313
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
314
+ forceMobileSizes: e,
315
+ textPreset: r.text5
321
316
  })), {
322
- weight: e.text5.weight,
323
317
  dataAttributes: _object_spread({
324
318
  "component-name": "Text5",
325
319
  testid: "Text5"
326
320
  }, t)
327
- }), r));
328
- }, Et = (_param)=>{
329
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
321
+ }), n));
322
+ }, kt = (_param)=>{
323
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
330
324
  "dataAttributes",
331
325
  "forceMobileSizes"
332
326
  ]);
333
- const { textPresets: e } = s();
334
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
335
- forceMobileSizes: i,
336
- textPreset: e.text4,
337
- textProps: mt
327
+ const { textPresets: r } = s();
328
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
329
+ forceMobileSizes: e,
330
+ textPreset: r.text4
338
331
  })), {
339
- weight: p(r),
332
+ weight: g(n),
340
333
  dataAttributes: _object_spread({
341
334
  "component-name": "Text4",
342
335
  testid: "Text4"
343
336
  }, t)
344
- }), r));
345
- }, Bt = (_param)=>{
346
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
337
+ }), n));
338
+ }, wt = (_param)=>{
339
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
347
340
  "dataAttributes",
348
341
  "forceMobileSizes"
349
342
  ]);
350
- const { textPresets: e } = s();
351
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
352
- forceMobileSizes: i,
353
- textPreset: e.text3,
354
- textProps: ct
343
+ const { textPresets: r } = s();
344
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
345
+ forceMobileSizes: e,
346
+ textPreset: r.text3
355
347
  })), {
356
- weight: p(r),
348
+ weight: g(n),
357
349
  dataAttributes: _object_spread({
358
350
  "component-name": "Text3",
359
351
  testid: "Text3"
360
352
  }, t)
361
- }), r));
362
- }, Ft = (_param)=>{
363
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
353
+ }), n));
354
+ }, At = (_param)=>{
355
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
364
356
  "dataAttributes",
365
357
  "forceMobileSizes"
366
358
  ]);
367
- const { textPresets: e } = s();
368
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
369
- forceMobileSizes: i,
370
- textPreset: e.text2,
371
- textProps: dt
359
+ const { textPresets: r } = s();
360
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
361
+ forceMobileSizes: e,
362
+ textPreset: r.text2
372
363
  })), {
373
- weight: p(r),
364
+ weight: g(n),
374
365
  dataAttributes: _object_spread({
375
366
  "component-name": "Text2",
376
367
  testid: "Text2"
377
368
  }, t)
378
- }), r));
379
- }, It = (_param)=>{
380
- var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
369
+ }), n));
370
+ }, Vt = (_param)=>{
371
+ var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
381
372
  "dataAttributes",
382
373
  "forceMobileSizes"
383
374
  ]);
384
- const { textPresets: e } = s();
385
- return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, x({
386
- forceMobileSizes: i,
387
- textPreset: e.text1,
388
- textProps: lt
375
+ const { textPresets: r } = s();
376
+ return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
377
+ forceMobileSizes: e,
378
+ textPreset: r.text1
389
379
  })), {
390
- weight: p(r),
380
+ weight: g(n),
391
381
  dataAttributes: _object_spread({
392
382
  "component-name": "Text1",
393
383
  testid: "Text1"
394
384
  }, t)
395
- }), r));
396
- }, Mt = a;
397
- export { a as Text, It as Text1, Ht as Text10, Ft as Text2, Bt as Text3, Et as Text4, Wt as Text5, Rt as Text6, Nt as Text7, Lt as Text8, Ct as Text9, Mt as default, ut as mapToWeight, zt as useTextPresetSizes };
385
+ }), n));
386
+ }, Wt = a;
387
+ export { a as Text, Vt as Text1, pt as Text10, At as Text2, wt as Text3, kt as Text4, St as Text5, yt as Text6, Pt as Text7, bt as Text8, vt as Text9, Wt as default, c as getTextSizes, m as getTextSizesWithWeight, nt as mapToWeight, ft as useTextPresetSizes };
@@ -1,3 +1,3 @@
1
1
  import "./theme-context.css.ts.vanilla.css-mistica.js";
2
- var a = "v16_47_pa0wjc0";
2
+ var a = "v16_49_pa0wjc0";
3
3
  export { a as themeVars };
@@ -1,14 +1,14 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./timeline.css.ts.vanilla.css-mistica.js";
3
3
  var t = {
4
- vertical: "v16_47_w6pat20",
5
- horizontal: "v16_47_w6pat21"
6
- }, a = "v16_47_w6pat23 v16_47_w6pat22 v16_47_1y2v1nfpm v16_47_1y2v1nfpz", n = "v16_47_w6pat25 v16_47_w6pat24 v16_47_1y2v1nfq8 v16_47_1y2v1nfrz v16_47_1y2v1nfgx", p = {
7
- active: "v16_47_w6pat26",
8
- inactive: "v16_47_w6pat27",
9
- completed: "v16_47_w6pat28"
10
- }, e = "v16_47_w6pat2a v16_47_w6pat29 v16_47_1y2v1nfpm v16_47_1y2v1nfq1", w = "v16_47_w6pat2b", f = "v16_47_w6pat2d v16_47_w6pat2c v16_47_1y2v1nfqj v16_47_1y2v1nfqz v16_47_1y2v1nfs6 v16_47_1y2v1nfpm v16_47_1y2v1nfq1 v16_47_1y2v1nfpv v16_47_1y2v1nf7u", r = {
11
- default: "v16_47_w6pat2g v16_47_w6pat2f v16_47_w6pat2e v16_47_1y2v1nfq8",
12
- overBrand: "v16_47_w6pat2h v16_47_w6pat2f v16_47_w6pat2e v16_47_1y2v1nfq8"
4
+ vertical: "v16_49_w6pat20",
5
+ horizontal: "v16_49_w6pat21"
6
+ }, a = "v16_49_w6pat23 v16_49_w6pat22 v16_49_1y2v1nfpm v16_49_1y2v1nfpz", n = "v16_49_w6pat25 v16_49_w6pat24 v16_49_1y2v1nfq8 v16_49_1y2v1nfrz v16_49_1y2v1nfgx", p = {
7
+ active: "v16_49_w6pat26",
8
+ inactive: "v16_49_w6pat27",
9
+ completed: "v16_49_w6pat28"
10
+ }, e = "v16_49_w6pat2a v16_49_w6pat29 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", w = "v16_49_w6pat2b", f = "v16_49_w6pat2d v16_49_w6pat2c v16_49_1y2v1nfqj v16_49_1y2v1nfqz v16_49_1y2v1nfs6 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nf7u", r = {
11
+ default: "v16_49_w6pat2g v16_49_w6pat2f v16_49_w6pat2e v16_49_1y2v1nfq8",
12
+ overBrand: "v16_49_w6pat2h v16_49_w6pat2f v16_49_w6pat2e v16_49_1y2v1nfq8"
13
13
  };
14
14
  export { w as asset, f as assetNumberContainer, n as itemContent, r as line, e as lineContainer, t as timeline, a as timelineItem, p as timelineItemState };
@@ -1,10 +1,10 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./timer.css.ts.vanilla.css-mistica.js";
3
- var f = "v16_47_18fye840 v16_47_1y2v1nfpq", y = "v16_47_18fye841", e = "v16_47_18fye843 v16_47_18fye841 v16_47_18fye842 v16_47_1y2v1nfpn v16_47_1y2v1nfpv", n = "v16_47_18fye845 v16_47_18fye841 v16_47_18fye844 v16_47_1y2v1nfpq", a = "v16_47_18fye847 v16_47_18fye846 v16_47_1y2v1nfpm v16_47_1y2v1nfps v16_47_1y2v1nfq1", i = "v16_47_18fye848", r = {
4
- default: "v16_47_18fye84g v16_47_18fye84a v16_47_18fye849 v16_47_1y2v1nfi3 v16_47_1y2v1nfjc v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfse v16_47_18fye84b v16_47_1y2v1nfd1",
5
- brand: "v16_47_18fye84h v16_47_18fye84a v16_47_18fye849 v16_47_1y2v1nfi3 v16_47_1y2v1nfjc v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfse v16_47_18fye84c v16_47_1y2v1nf7u",
6
- negative: "v16_47_18fye84i v16_47_18fye84a v16_47_18fye849 v16_47_1y2v1nfi3 v16_47_1y2v1nfjc v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfse v16_47_18fye84d v16_47_1y2v1nf7u",
7
- alternative: "v16_47_18fye84j v16_47_18fye84a v16_47_18fye849 v16_47_1y2v1nfi3 v16_47_1y2v1nfjc v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfse v16_47_18fye84e v16_47_1y2v1nf7u",
8
- media: "v16_47_18fye84k v16_47_18fye84a v16_47_18fye849 v16_47_1y2v1nfi3 v16_47_1y2v1nfjc v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfse v16_47_18fye84f"
3
+ var f = "v16_49_18fye840 v16_49_1y2v1nfpq", y = "v16_49_18fye841", e = "v16_49_18fye843 v16_49_18fye841 v16_49_18fye842 v16_49_1y2v1nfpn v16_49_1y2v1nfpv", n = "v16_49_18fye845 v16_49_18fye841 v16_49_18fye844 v16_49_1y2v1nfpq", a = "v16_49_18fye847 v16_49_18fye846 v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq1", i = "v16_49_18fye848", r = {
4
+ default: "v16_49_18fye84g v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84b v16_49_1y2v1nfd1",
5
+ brand: "v16_49_18fye84h v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84c v16_49_1y2v1nf7u",
6
+ negative: "v16_49_18fye84i v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84d v16_49_1y2v1nf7u",
7
+ alternative: "v16_49_18fye84j v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84e v16_49_1y2v1nf7u",
8
+ media: "v16_49_18fye84k v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84f"
9
9
  };
10
10
  export { i as boxedTimerDisplayValue, r as boxedTimerValueContainer, y as inlineText, n as shortLabelText, a as timerDisplayValue, f as timerWrapper, e as unitContainer };