@telefonica/mistica 16.8.0 → 16.9.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 (223) 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 +23 -23
  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 +10 -10
  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/blocks.d.ts +2 -1
  20. package/dist/community/blocks.js +44 -30
  21. package/dist/community/example-component.css-mistica.js +1 -1
  22. package/dist/counter.css-mistica.js +1 -1
  23. package/dist/cover-hero.css-mistica.js +3 -3
  24. package/dist/credit-card-number-field.css-mistica.js +3 -3
  25. package/dist/date-field.css-mistica.js +1 -1
  26. package/dist/date-time-picker.css-mistica.js +1 -1
  27. package/dist/dialog.css-mistica.js +4 -4
  28. package/dist/divider.css-mistica.js +2 -2
  29. package/dist/double-field.css-mistica.js +2 -2
  30. package/dist/drawer.css-mistica.js +1 -1
  31. package/dist/empty-state-card.css-mistica.js +1 -1
  32. package/dist/empty-state.css-mistica.js +5 -5
  33. package/dist/fade-in.css-mistica.js +1 -1
  34. package/dist/feedback.css-mistica.js +1 -1
  35. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  36. package/dist/form.css-mistica.js +1 -1
  37. package/dist/form.js +86 -76
  38. package/dist/generated/mistica-icons/icon-artificial-intelligence-filled.d.ts +4 -0
  39. package/dist/generated/mistica-icons/icon-artificial-intelligence-filled.js +111 -0
  40. package/dist/generated/mistica-icons/icon-artificial-intelligence-light.d.ts +4 -0
  41. package/dist/generated/mistica-icons/icon-artificial-intelligence-light.js +111 -0
  42. package/dist/generated/mistica-icons/icon-artificial-intelligence-regular.d.ts +4 -0
  43. package/dist/generated/mistica-icons/icon-artificial-intelligence-regular.js +111 -0
  44. package/dist/generated/mistica-icons/icon-my-handy-filled.d.ts +4 -0
  45. package/dist/generated/mistica-icons/icon-my-handy-filled.js +111 -0
  46. package/dist/generated/mistica-icons/icon-my-handy-light.d.ts +4 -0
  47. package/dist/generated/mistica-icons/icon-my-handy-light.js +117 -0
  48. package/dist/generated/mistica-icons/icon-my-handy-regular.d.ts +4 -0
  49. package/dist/generated/mistica-icons/icon-my-handy-regular.js +117 -0
  50. package/dist/generated/mistica-icons/icon-router-regular.js +10 -20
  51. package/dist/generated/mistica-icons/icon-video-camera-disabled-filled.js +4 -4
  52. package/dist/generated/mistica-icons/icon-video-camera-disabled-light.js +14 -14
  53. package/dist/generated/mistica-icons/icon-video-camera-disabled-regular.js +9 -9
  54. package/dist/generated/mistica-icons/icon-video-camera-filled.js +1 -1
  55. package/dist/generated/mistica-icons/icon-video-camera-light.js +13 -13
  56. package/dist/generated/mistica-icons/icon-video-camera-regular.js +8 -8
  57. package/dist/generated/mistica-icons/icons-keywords.js +19 -0
  58. package/dist/grid-layout.css-mistica.js +3 -3
  59. package/dist/grid.css-mistica.js +122 -122
  60. package/dist/header.css-mistica.js +1 -1
  61. package/dist/hero.css-mistica.js +2 -2
  62. package/dist/highlighted-card.css-mistica.js +4 -4
  63. package/dist/horizontal-scroll.css-mistica.js +1 -1
  64. package/dist/icon-button.css-mistica.js +42 -42
  65. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  66. package/dist/icons/icon-error.css-mistica.js +1 -1
  67. package/dist/image.css-mistica.js +2 -2
  68. package/dist/index.d.ts +6 -0
  69. package/dist/index.js +24 -0
  70. package/dist/inline.css-mistica.js +6 -6
  71. package/dist/list.css-mistica.js +1 -1
  72. package/dist/loading-bar.css-mistica.js +1 -1
  73. package/dist/loading-screen.css-mistica.js +4 -4
  74. package/dist/logo.css-mistica.js +5 -5
  75. package/dist/maybe-dismissable.css-mistica.js +1 -1
  76. package/dist/menu.css-mistica.js +12 -12
  77. package/dist/mosaic.css-mistica.js +1 -1
  78. package/dist/navigation-bar.css-mistica.js +16 -16
  79. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  80. package/dist/package-version.js +1 -1
  81. package/dist/pin-field.css-mistica.js +1 -1
  82. package/dist/popover.css-mistica.js +1 -1
  83. package/dist/progress-bar.css-mistica.js +4 -4
  84. package/dist/radio-button.css-mistica.js +14 -14
  85. package/dist/rating.css-mistica.js +2 -2
  86. package/dist/responsive-layout.css-mistica.js +4 -4
  87. package/dist/screen-reader-only.css-mistica.js +1 -1
  88. package/dist/select.css-mistica.js +15 -15
  89. package/dist/sheet-action-row.css-mistica.js +1 -1
  90. package/dist/sheet-common.css-mistica.js +1 -1
  91. package/dist/sheet-info.css-mistica.js +1 -1
  92. package/dist/skeletons.css-mistica.js +4 -4
  93. package/dist/skins/skin-contract.css-mistica.js +314 -314
  94. package/dist/slider.css-mistica.js +10 -10
  95. package/dist/snackbar.css-mistica.js +4 -4
  96. package/dist/spinner.css-mistica.js +1 -1
  97. package/dist/stack.css-mistica.js +5 -5
  98. package/dist/stacking-group.css-mistica.js +1 -1
  99. package/dist/stepper.css-mistica.js +2 -2
  100. package/dist/switch-component.css-mistica.js +26 -26
  101. package/dist/table.css-mistica.js +8 -8
  102. package/dist/tabs.css-mistica.js +12 -12
  103. package/dist/tag.css-mistica.js +1 -1
  104. package/dist/text-field-base.css-mistica.js +1 -1
  105. package/dist/text-field-components.css-mistica.js +3 -3
  106. package/dist/text-link.css-mistica.js +3 -3
  107. package/dist/text.css-mistica.js +7 -7
  108. package/dist/theme-context.css-mistica.js +354 -354
  109. package/dist/timer.css-mistica.js +6 -6
  110. package/dist/tooltip.css-mistica.js +1 -1
  111. package/dist/touchable.css-mistica.js +1 -1
  112. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  113. package/dist/utils/platform.js +5 -5
  114. package/dist/video.css-mistica.js +1 -1
  115. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  116. package/dist-es/accordion.css-mistica.js +6 -6
  117. package/dist-es/align.css-mistica.js +1 -1
  118. package/dist-es/avatar.css-mistica.js +1 -1
  119. package/dist-es/badge.css-mistica.js +1 -1
  120. package/dist-es/box.css-mistica.js +13 -13
  121. package/dist-es/boxed.css-mistica.js +23 -23
  122. package/dist-es/button-group.css-mistica.js +1 -1
  123. package/dist-es/button-layout.css-mistica.js +13 -13
  124. package/dist-es/button.css-mistica.js +16 -16
  125. package/dist-es/callout.css-mistica.js +5 -5
  126. package/dist-es/card.css-mistica.js +3 -3
  127. package/dist-es/carousel.css-mistica.js +6 -6
  128. package/dist-es/checkbox.css-mistica.js +7 -7
  129. package/dist-es/chip.css-mistica.js +10 -10
  130. package/dist-es/circle.css-mistica.js +1 -1
  131. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  132. package/dist-es/community/blocks.css-mistica.js +1 -1
  133. package/dist-es/community/blocks.js +62 -48
  134. package/dist-es/community/example-component.css-mistica.js +1 -1
  135. package/dist-es/counter.css-mistica.js +1 -1
  136. package/dist-es/cover-hero.css-mistica.js +3 -3
  137. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  138. package/dist-es/date-field.css-mistica.js +1 -1
  139. package/dist-es/date-time-picker.css-mistica.js +1 -1
  140. package/dist-es/dialog.css-mistica.js +4 -4
  141. package/dist-es/divider.css-mistica.js +2 -2
  142. package/dist-es/double-field.css-mistica.js +2 -2
  143. package/dist-es/drawer.css-mistica.js +1 -1
  144. package/dist-es/empty-state-card.css-mistica.js +1 -1
  145. package/dist-es/empty-state.css-mistica.js +5 -5
  146. package/dist-es/fade-in.css-mistica.js +1 -1
  147. package/dist-es/feedback.css-mistica.js +1 -1
  148. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  149. package/dist-es/form.css-mistica.js +1 -1
  150. package/dist-es/form.js +96 -86
  151. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-filled.js +102 -0
  152. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-light.js +102 -0
  153. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-regular.js +102 -0
  154. package/dist-es/generated/mistica-icons/icon-my-handy-filled.js +102 -0
  155. package/dist-es/generated/mistica-icons/icon-my-handy-light.js +108 -0
  156. package/dist-es/generated/mistica-icons/icon-my-handy-regular.js +108 -0
  157. package/dist-es/generated/mistica-icons/icon-router-regular.js +16 -26
  158. package/dist-es/generated/mistica-icons/icon-video-camera-disabled-filled.js +9 -9
  159. package/dist-es/generated/mistica-icons/icon-video-camera-disabled-light.js +20 -20
  160. package/dist-es/generated/mistica-icons/icon-video-camera-disabled-regular.js +17 -17
  161. package/dist-es/generated/mistica-icons/icon-video-camera-filled.js +1 -1
  162. package/dist-es/generated/mistica-icons/icon-video-camera-light.js +14 -14
  163. package/dist-es/generated/mistica-icons/icon-video-camera-regular.js +18 -18
  164. package/dist-es/generated/mistica-icons/icons-keywords.js +19 -0
  165. package/dist-es/grid-layout.css-mistica.js +3 -3
  166. package/dist-es/grid.css-mistica.js +122 -122
  167. package/dist-es/header.css-mistica.js +1 -1
  168. package/dist-es/hero.css-mistica.js +2 -2
  169. package/dist-es/highlighted-card.css-mistica.js +4 -4
  170. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  171. package/dist-es/icon-button.css-mistica.js +42 -42
  172. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  173. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  174. package/dist-es/image.css-mistica.js +2 -2
  175. package/dist-es/index.js +1632 -1626
  176. package/dist-es/inline.css-mistica.js +6 -6
  177. package/dist-es/list.css-mistica.js +1 -1
  178. package/dist-es/loading-bar.css-mistica.js +1 -1
  179. package/dist-es/loading-screen.css-mistica.js +4 -4
  180. package/dist-es/logo.css-mistica.js +5 -5
  181. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  182. package/dist-es/menu.css-mistica.js +12 -12
  183. package/dist-es/mosaic.css-mistica.js +1 -1
  184. package/dist-es/navigation-bar.css-mistica.js +16 -16
  185. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  186. package/dist-es/package-version.js +1 -1
  187. package/dist-es/pin-field.css-mistica.js +1 -1
  188. package/dist-es/popover.css-mistica.js +1 -1
  189. package/dist-es/progress-bar.css-mistica.js +4 -4
  190. package/dist-es/radio-button.css-mistica.js +14 -14
  191. package/dist-es/rating.css-mistica.js +2 -2
  192. package/dist-es/responsive-layout.css-mistica.js +4 -4
  193. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  194. package/dist-es/select.css-mistica.js +15 -15
  195. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  196. package/dist-es/sheet-common.css-mistica.js +1 -1
  197. package/dist-es/sheet-info.css-mistica.js +1 -1
  198. package/dist-es/skeletons.css-mistica.js +4 -4
  199. package/dist-es/skins/skin-contract.css-mistica.js +314 -314
  200. package/dist-es/slider.css-mistica.js +10 -10
  201. package/dist-es/snackbar.css-mistica.js +4 -4
  202. package/dist-es/spinner.css-mistica.js +1 -1
  203. package/dist-es/stack.css-mistica.js +5 -5
  204. package/dist-es/stacking-group.css-mistica.js +1 -1
  205. package/dist-es/stepper.css-mistica.js +2 -2
  206. package/dist-es/style.css +1 -1
  207. package/dist-es/switch-component.css-mistica.js +26 -26
  208. package/dist-es/table.css-mistica.js +8 -8
  209. package/dist-es/tabs.css-mistica.js +12 -12
  210. package/dist-es/tag.css-mistica.js +1 -1
  211. package/dist-es/text-field-base.css-mistica.js +1 -1
  212. package/dist-es/text-field-components.css-mistica.js +3 -3
  213. package/dist-es/text-link.css-mistica.js +3 -3
  214. package/dist-es/text.css-mistica.js +7 -7
  215. package/dist-es/theme-context.css-mistica.js +354 -354
  216. package/dist-es/timer.css-mistica.js +6 -6
  217. package/dist-es/tooltip.css-mistica.js +1 -1
  218. package/dist-es/touchable.css-mistica.js +1 -1
  219. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  220. package/dist-es/utils/platform.js +5 -5
  221. package/dist-es/video.css-mistica.js +1 -1
  222. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  223. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
- import g from "../stack.js";
3
- import { column as h, rightContent as b } from "./blocks.css-mistica.js";
1
+ import { jsx as r, jsxs as t } from "react/jsx-runtime";
2
+ import x from "../stack.js";
3
+ import { rightContent as b, column as u } from "./blocks.css-mistica.js";
4
4
  import { vars as v } from "../image.css-mistica.js";
5
5
  import { Text2 as n, Text5 as y, Text8 as p, Text3 as f } from "../text.js";
6
6
  import { vars as a } from "../skins/skin-contract.css-mistica.js";
@@ -9,32 +9,32 @@ import m from "../box.js";
9
9
  import { ProgressBar as B } from "../progress-bar.js";
10
10
  import S from "classnames";
11
11
  import { applyCssVars as I } from "../utils/css.js";
12
- const x = (param)=>{
12
+ const g = (param)=>{
13
13
  let { title: o, description: e } = param;
14
14
  const l = typeof e == "string" ? [
15
15
  e
16
16
  ] : e;
17
- return /* @__PURE__ */ i("div", {
18
- className: h,
17
+ return /* @__PURE__ */ t("div", {
18
+ className: u,
19
19
  children: [
20
20
  /* @__PURE__ */ r(f, {
21
21
  regular: !0,
22
22
  color: a.colors.textPrimary,
23
23
  children: o
24
24
  }),
25
- l && l.map((c, t)=>/* @__PURE__ */ r(n, {
25
+ l && l.map((c, i)=>/* @__PURE__ */ r(n, {
26
26
  regular: !0,
27
27
  color: a.colors.textSecondary,
28
28
  as: "p",
29
29
  children: c
30
- }, t))
30
+ }, i))
31
31
  ]
32
32
  });
33
33
  }, L = (param)=>{
34
34
  let { title: o, stackingGroup: e, description: l, "aria-label": c } = param;
35
35
  return /* @__PURE__ */ r("div", {
36
36
  "aria-label": c,
37
- children: /* @__PURE__ */ i(s, {
37
+ children: /* @__PURE__ */ t(s, {
38
38
  space: "between",
39
39
  alignItems: "center",
40
40
  children: [
@@ -56,40 +56,54 @@ const x = (param)=>{
56
56
  })
57
57
  });
58
58
  }, $ = (param)=>{
59
- let { image: o, description: e, "aria-label": l } = param;
59
+ let { image: o, description: e, "aria-label": l, rightText: c } = param;
60
60
  return /* @__PURE__ */ r("div", {
61
61
  "aria-label": l,
62
- children: /* @__PURE__ */ i(s, {
63
- space: 16,
62
+ children: /* @__PURE__ */ t(s, {
63
+ space: "between",
64
64
  alignItems: "center",
65
65
  children: [
66
- /* @__PURE__ */ r("div", {
67
- style: I({
68
- [v.mediaBorderRadius]: a.borderRadii.mediaSmall
69
- }),
70
- children: o
66
+ /* @__PURE__ */ t(s, {
67
+ space: 16,
68
+ alignItems: "center",
69
+ children: [
70
+ /* @__PURE__ */ r("div", {
71
+ style: I({
72
+ [v.mediaBorderRadius]: a.borderRadii.mediaSmall
73
+ }),
74
+ children: o
75
+ }),
76
+ /* @__PURE__ */ r(n, {
77
+ regular: !0,
78
+ color: a.colors.textSecondary,
79
+ children: e
80
+ })
81
+ ]
71
82
  }),
72
- /* @__PURE__ */ r(n, {
73
- regular: !0,
74
- color: a.colors.textSecondary,
75
- children: e
83
+ /* @__PURE__ */ r("div", {
84
+ className: b,
85
+ children: /* @__PURE__ */ r(n, {
86
+ regular: !0,
87
+ color: a.colors.textBrand,
88
+ children: c
89
+ })
76
90
  })
77
91
  ]
78
92
  })
79
93
  });
80
94
  }, q = (param)=>{
81
- let { title: o, description: e, secondaryValue: l, value: c, valueColor: t = a.colors.textPrimary, "aria-label": d } = param;
82
- return /* @__PURE__ */ i(s, {
95
+ let { title: o, description: e, secondaryValue: l, value: c, valueColor: i = a.colors.textPrimary, "aria-label": d } = param;
96
+ return /* @__PURE__ */ t(s, {
83
97
  space: "between",
84
98
  alignItems: "flex-end",
85
99
  "aria-label": d,
86
100
  children: [
87
- /* @__PURE__ */ r(x, {
101
+ /* @__PURE__ */ r(g, {
88
102
  title: o,
89
103
  description: e
90
104
  }),
91
- /* @__PURE__ */ i("div", {
92
- className: S(h, b),
105
+ /* @__PURE__ */ t("div", {
106
+ className: S(u, b),
93
107
  children: [
94
108
  /* @__PURE__ */ r(n, {
95
109
  regular: !0,
@@ -98,7 +112,7 @@ const x = (param)=>{
98
112
  children: l
99
113
  }),
100
114
  /* @__PURE__ */ r(y, {
101
- color: t,
115
+ color: i,
102
116
  children: c
103
117
  })
104
118
  ]
@@ -106,19 +120,19 @@ const x = (param)=>{
106
120
  ]
107
121
  });
108
122
  }, z = (param)=>{
109
- let { headline: o, headings: e, title: l, description: c, "aria-label": t } = param;
110
- return /* @__PURE__ */ i("div", {
111
- "aria-label": t,
123
+ let { headline: o, headings: e, title: l, description: c, "aria-label": i } = param;
124
+ return /* @__PURE__ */ t("div", {
125
+ "aria-label": i,
112
126
  children: [
113
127
  o && /* @__PURE__ */ r(m, {
114
128
  paddingBottom: 24,
115
129
  children: o
116
130
  }),
117
- e && /* @__PURE__ */ r(g, {
131
+ e && /* @__PURE__ */ r(x, {
118
132
  space: 2,
119
- children: e.map((d, u)=>/* @__PURE__ */ {
133
+ children: e.map((d, h)=>/* @__PURE__ */ {
120
134
  var _d_valueColor;
121
- return i(s, {
135
+ return t(s, {
122
136
  space: 8,
123
137
  alignItems: "baseline",
124
138
  children: [
@@ -132,12 +146,12 @@ const x = (param)=>{
132
146
  children: d.text
133
147
  })
134
148
  ]
135
- }, u);
149
+ }, h);
136
150
  })
137
151
  }),
138
152
  l || c ? /* @__PURE__ */ r(m, {
139
153
  paddingTop: 8,
140
- children: /* @__PURE__ */ r(x, {
154
+ children: /* @__PURE__ */ r(g, {
141
155
  title: l,
142
156
  description: c
143
157
  })
@@ -145,10 +159,10 @@ const x = (param)=>{
145
159
  ]
146
160
  });
147
161
  }, D = (param)=>{
148
- let { title: o, value: e, description: l, valueColor: c = a.colors.textPrimary, "aria-label": t } = param;
149
- return /* @__PURE__ */ i("div", {
150
- "aria-label": t,
151
- className: h,
162
+ let { title: o, value: e, description: l, valueColor: c = a.colors.textPrimary, "aria-label": i } = param;
163
+ return /* @__PURE__ */ t("div", {
164
+ "aria-label": i,
165
+ className: u,
152
166
  children: [
153
167
  /* @__PURE__ */ r(n, {
154
168
  regular: !0,
@@ -159,19 +173,19 @@ const x = (param)=>{
159
173
  color: c,
160
174
  children: e
161
175
  }),
162
- /* @__PURE__ */ r(x, {
176
+ /* @__PURE__ */ r(g, {
163
177
  description: l
164
178
  })
165
179
  ]
166
180
  });
167
181
  }, E = (param)=>{
168
- let { title: o, stackingGroup: e, progressPercent: l, reverse: c, heading: t, description: d, "aria-label": u } = param;
182
+ let { title: o, stackingGroup: e, progressPercent: l, reverse: c, heading: i, description: d, "aria-label": h } = param;
169
183
  return /* @__PURE__ */ r("div", {
170
- "aria-label": u,
171
- children: /* @__PURE__ */ i(g, {
184
+ "aria-label": h,
185
+ children: /* @__PURE__ */ t(x, {
172
186
  space: 8,
173
187
  children: [
174
- /* @__PURE__ */ i(s, {
188
+ /* @__PURE__ */ t(s, {
175
189
  space: "between",
176
190
  alignItems: "flex-end",
177
191
  children: [
@@ -190,18 +204,18 @@ const x = (param)=>{
190
204
  progressPercent: l,
191
205
  reverse: c
192
206
  }),
193
- /* @__PURE__ */ i(s, {
207
+ /* @__PURE__ */ t(s, {
194
208
  space: 8,
195
209
  alignItems: "baseline",
196
210
  children: [
197
211
  /* @__PURE__ */ r(p, {
198
- color: t.valueColor || a.colors.textPrimary,
199
- children: t.value
212
+ color: i.valueColor || a.colors.textPrimary,
213
+ children: i.value
200
214
  }),
201
215
  /* @__PURE__ */ r(n, {
202
216
  regular: !0,
203
217
  color: a.colors.textSecondary,
204
- children: t.text
218
+ children: i.text
205
219
  })
206
220
  ]
207
221
  }),
@@ -1,3 +1,3 @@
1
1
  import "./example-component.css.ts.vanilla.css-mistica.js";
2
- var m = "v16_8_jbmjs60";
2
+ var m = "v16_9_jbmjs60";
3
3
  export { m as example };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./counter.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_8_rijsns8 v16_8_1y2v1nf7g v16_8_1y2v1nfk6 v16_8_1y2v1nfhj v16_8_1y2v1nfim v16_8_1y2v1nfj2", r = "v16_8_rijsnse v16_8_1y2v1nfil v16_8_1y2v1nfj1 v16_8_1y2v1nfhj v16_8_1y2v1nfkd v16_8_1y2v1nf6p", s = "v16_8_rijsns6", a = "v16_8_rijsns3 v16_8_1y2v1nfkd v16_8_1y2v1nf3s v16_8_1y2v1nfhp v16_8_1y2v1nfkp", i = "v16_8_rijsnsc v16_8_rijsnsa v16_8_1y2v1nfhj", t = "v16_8_rijsnsa v16_8_1y2v1nfhj", f = "v16_8_rijsns4", y = "v16_8_rijsns0", j = "v16_8_rijsns1", o = "v16_8_rijsnsb v16_8_rijsnsa v16_8_1y2v1nfhj", e = "v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfhx";
3
+ var n = "v16_9_rijsns8 v16_9_1y2v1nf7g v16_9_1y2v1nfk6 v16_9_1y2v1nfhj v16_9_1y2v1nfim v16_9_1y2v1nfj2", r = "v16_9_rijsnse v16_9_1y2v1nfil v16_9_1y2v1nfj1 v16_9_1y2v1nfhj v16_9_1y2v1nfkd v16_9_1y2v1nf6p", s = "v16_9_rijsns6", a = "v16_9_rijsns3 v16_9_1y2v1nfkd v16_9_1y2v1nf3s v16_9_1y2v1nfhp v16_9_1y2v1nfkp", i = "v16_9_rijsnsc v16_9_rijsnsa v16_9_1y2v1nfhj", t = "v16_9_rijsnsa v16_9_1y2v1nfhj", f = "v16_9_rijsns4", y = "v16_9_rijsns0", j = "v16_9_rijsns1", o = "v16_9_rijsnsb v16_9_rijsnsa v16_9_1y2v1nfhj", e = "v16_9_1y2v1nfhi v16_9_1y2v1nfho v16_9_1y2v1nfhx";
4
4
  export { n as button, r as buttonBackground, s as buttonContainer, a as counter, i as decreaseButtonIcon, t as defaultButtonIcon, f as disabled, y as hasTrashIcon, j as isButtonDisabled, o as trashButtonIcon, e as valueContainer };
@@ -3,7 +3,7 @@ import "./responsive-layout.css.ts.vanilla.css-mistica.js";
3
3
  import "./grid-layout.css.ts.vanilla.css-mistica.js";
4
4
  import "./carousel.css.ts.vanilla.css-mistica.js";
5
5
  import "./cover-hero.css.ts.vanilla.css-mistica.js";
6
- var r = "v16_8_moeazi9 v16_8_1y2v1nfi3", e = "v16_8_moeazi2 v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfhx v16_8_1y2v1nfib v16_8_1y2v1nfkv v16_8_1y2v1nfm4", o = "v16_8_moeazi4 v16_8_1y2v1nfhi v16_8_1y2v1nfho v16_8_1y2v1nfib", y = "v16_8_1y2v1nfho v16_8_1y2v1nfhu", f = "v16_8_moeazi7", m = "v16_8_1y2v1nfhi", t = "v16_8_1y2v1nfhj v16_8_1y2v1nfmj v16_8_1y2v1nfib v16_8_1y2v1nfis", h = "v16_8_moeazic v16_8_1y2v1nfhj v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nfib v16_8_1y2v1nfis", s = "v16_8_moeazi6", z = "v16_8_1y2v1nfhi", p = "v16_8_moeazie", c = {
7
- aspectRatio: "var(--v16_8_moeazi0)"
8
- }, x = "v16_8_moeazi5";
6
+ var r = "v16_9_moeazi9 v16_9_1y2v1nfi3", e = "v16_9_moeazi2 v16_9_1y2v1nfhi v16_9_1y2v1nfho v16_9_1y2v1nfhu v16_9_1y2v1nfhx v16_9_1y2v1nfib v16_9_1y2v1nfkv v16_9_1y2v1nfm4", o = "v16_9_moeazi4 v16_9_1y2v1nfhi v16_9_1y2v1nfho v16_9_1y2v1nfib", y = "v16_9_1y2v1nfho v16_9_1y2v1nfhu", f = "v16_9_moeazi7", m = "v16_9_1y2v1nfhi", t = "v16_9_1y2v1nfhj v16_9_1y2v1nfmj v16_9_1y2v1nfib v16_9_1y2v1nfis", h = "v16_9_moeazic v16_9_1y2v1nfhj v16_9_1y2v1nfkv v16_9_1y2v1nfla v16_9_1y2v1nfib v16_9_1y2v1nfis", s = "v16_9_moeazi6", z = "v16_9_1y2v1nfhi", p = "v16_9_moeazie", c = {
7
+ aspectRatio: "var(--v16_9_moeazi0)"
8
+ }, x = "v16_9_moeazi5";
9
9
  export { r as centered, e as coverHero, o as coverHeroContainer, y as flexColumn, f as hasSideExtra, m as mainContent, t as mediaLayer, h as mediaOverlay, s as minHeight, z as sideExtra, p as sixColumns, c as vars, x as withAspectRatio };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
3
- var y = "v16_8_yvyo3q0", f = "v16_8_yvyo3q5 v16_8_yvyo3q2 v16_8_1y2v1nfho v16_8_1y2v1nfi3 v16_8_1y2v1nfhx v16_8_1y2v1nfis", o = "v16_8_yvyo3q2 v16_8_1y2v1nfho v16_8_1y2v1nfi3 v16_8_1y2v1nfhx v16_8_1y2v1nfis v16_8_1y2v1nfhj", n = {
4
- default: "v16_8_yvyo3q7 v16_8_1y2v1nfhi v16_8_yvyo3q8",
5
- backface: "v16_8_yvyo3q7 v16_8_1y2v1nfhi v16_8_yvyo3q9"
3
+ var y = "v16_9_yvyo3q0", f = "v16_9_yvyo3q5 v16_9_yvyo3q2 v16_9_1y2v1nfho v16_9_1y2v1nfi3 v16_9_1y2v1nfhx v16_9_1y2v1nfis", o = "v16_9_yvyo3q2 v16_9_1y2v1nfho v16_9_1y2v1nfi3 v16_9_1y2v1nfhx v16_9_1y2v1nfis v16_9_1y2v1nfhj", n = {
4
+ default: "v16_9_yvyo3q7 v16_9_1y2v1nfhi v16_9_yvyo3q8",
5
+ backface: "v16_9_yvyo3q7 v16_9_1y2v1nfhi v16_9_yvyo3q9"
6
6
  };
7
7
  export { y as flip, f as flipBack, o as flipFront, n as variants };
@@ -2,5 +2,5 @@ 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 "./date-field.css.ts.vanilla.css-mistica.js";
5
- var p = "v16_8_1pntndu0";
5
+ var p = "v16_9_1pntndu0";
6
6
  export { p as iconContainer };
@@ -1,3 +1,3 @@
1
1
  import "./date-time-picker.css.ts.vanilla.css-mistica.js";
2
- var e = "v16_8_c0yqjy0";
2
+ var e = "v16_9_c0yqjy0";
3
3
  export { e as reactDatePicker };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./dialog.css.ts.vanilla.css-mistica.js";
3
- var n = 200, y = "v16_8_3dl29lb", f = "v16_8_3dl29l6", l = "v16_8_3dl29ll v16_8_1y2v1nf82", a = "v16_8_3dl29lj v16_8_1y2v1nfia v16_8_1y2v1nfjo", o = "v16_8_3dl29lm", d = "v16_8_3dl29l8 v16_8_1y2v1nf7w v16_8_1y2v1nf95 v16_8_1y2v1nfae v16_8_1y2v1nfbn v16_8_1y2v1nfhj v16_8_1y2v1nfkv v16_8_1y2v1nflp", r = "v16_8_3dl29la v16_8_1y2v1nf3r v16_8_1y2v1nfkf", t = "v16_8_3dl29l5 v16_8_1y2v1nfhk v16_8_1y2v1nfho v16_8_1y2v1nfhx v16_8_1y2v1nfi3 v16_8_1y2v1nfhu v16_8_1y2v1nfkv v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfla v16_8_1y2v1nf43", i = {
4
- dialog: "v16_8_3dl29ld v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi0 v16_8_1y2v1nfak v16_8_1y2v1nfbt v16_8_1y2v1nf88 v16_8_1y2v1nf9b",
5
- default: "v16_8_3dl29ld v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi0 v16_8_1y2v1nf82 v16_8_1y2v1nf9b v16_8_1y2v1nfak v16_8_1y2v1nfbt"
6
- }, e = "v16_8_1y2v1nfhi";
3
+ var n = 200, y = "v16_9_3dl29lb", f = "v16_9_3dl29l6", l = "v16_9_3dl29ll v16_9_1y2v1nf82", a = "v16_9_3dl29lj v16_9_1y2v1nfia v16_9_1y2v1nfjo", o = "v16_9_3dl29lm", d = "v16_9_3dl29l8 v16_9_1y2v1nf7w v16_9_1y2v1nf95 v16_9_1y2v1nfae v16_9_1y2v1nfbn v16_9_1y2v1nfhj v16_9_1y2v1nfkv v16_9_1y2v1nflp", r = "v16_9_3dl29la v16_9_1y2v1nf3r v16_9_1y2v1nfkf", t = "v16_9_3dl29l5 v16_9_1y2v1nfhk v16_9_1y2v1nfho v16_9_1y2v1nfhx v16_9_1y2v1nfi3 v16_9_1y2v1nfhu v16_9_1y2v1nfkv v16_9_1y2v1nflp v16_9_1y2v1nfm4 v16_9_1y2v1nfla v16_9_1y2v1nf43", i = {
4
+ dialog: "v16_9_3dl29ld v16_9_1y2v1nfho v16_9_1y2v1nfhu v16_9_1y2v1nfi0 v16_9_1y2v1nfak v16_9_1y2v1nfbt v16_9_1y2v1nf88 v16_9_1y2v1nf9b",
5
+ default: "v16_9_3dl29ld v16_9_1y2v1nfho v16_9_1y2v1nfhu v16_9_1y2v1nfi0 v16_9_1y2v1nf82 v16_9_1y2v1nf9b v16_9_1y2v1nfak v16_9_1y2v1nfbt"
6
+ }, e = "v16_9_1y2v1nfhi";
7
7
  export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer, i as variants, e as wrapper };
@@ -1,6 +1,6 @@
1
1
  import "./divider.css.ts.vanilla.css-mistica.js";
2
2
  var t = {
3
- default: "v16_8_o0dvt10",
4
- inverse: "v16_8_o0dvt11"
3
+ default: "v16_9_o0dvt10",
4
+ inverse: "v16_9_o0dvt11"
5
5
  };
6
6
  export { t as variants };
@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
4
4
  import "./text-field-components.css.ts.vanilla.css-mistica.js";
5
5
  import "./double-field.css.ts.vanilla.css-mistica.js";
6
6
  var f = {
7
- default: "v16_8_skrulh1 v16_8_1y2v1nfho v16_8_1y2v1nfht v16_8_1y2v1nfib",
8
- fullWidth: "v16_8_skrulh2 v16_8_1y2v1nfho v16_8_1y2v1nfht v16_8_1y2v1nfib"
7
+ default: "v16_9_skrulh1 v16_9_1y2v1nfho v16_9_1y2v1nfht v16_9_1y2v1nfib",
8
+ fullWidth: "v16_9_skrulh2 v16_9_1y2v1nfho v16_9_1y2v1nfht v16_9_1y2v1nfib"
9
9
  };
10
10
  export { f as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./drawer.css.ts.vanilla.css-mistica.js";
3
- var n = 350, y = "v16_8_1y2v1nfhj v16_8_1y2v1nfky v16_8_1y2v1nfls", f = "v16_8_c4ngww9", r = "v16_8_c4ngww1 v16_8_1y2v1nfhk v16_8_1y2v1nfho v16_8_1y2v1nf3r v16_8_1y2v1nfkv v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfkp", a = "v16_8_1y2v1nf88 v16_8_1y2v1nfho v16_8_1y2v1nfhu v16_8_1y2v1nfi9", o = "v16_8_c4ngww8", e = "v16_8_c4ngwwb v16_8_1y2v1nfhk v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nf43", w = "v16_8_c4ngwwc", l = "v16_8_c4ngwwd", c = "v16_8_1y2v1nfi9 v16_8_1y2v1nfku", i = "v16_8_c4ngww5 v16_8_1y2v1nfi6 v16_8_1y2v1nfi8";
3
+ var n = 350, y = "v16_9_1y2v1nfhj v16_9_1y2v1nfky v16_9_1y2v1nfls", f = "v16_9_c4ngww9", r = "v16_9_c4ngww1 v16_9_1y2v1nfhk v16_9_1y2v1nfho v16_9_1y2v1nf3r v16_9_1y2v1nfkv v16_9_1y2v1nflp v16_9_1y2v1nfm4 v16_9_1y2v1nfkp", a = "v16_9_1y2v1nf88 v16_9_1y2v1nfho v16_9_1y2v1nfhu v16_9_1y2v1nfi9", o = "v16_9_c4ngww8", e = "v16_9_c4ngwwb v16_9_1y2v1nfhk v16_9_1y2v1nfkv v16_9_1y2v1nfla v16_9_1y2v1nflp v16_9_1y2v1nfm4 v16_9_1y2v1nf43", w = "v16_9_c4ngwwc", l = "v16_9_c4ngwwd", c = "v16_9_1y2v1nfi9 v16_9_1y2v1nfku", i = "v16_9_c4ngww5 v16_9_1y2v1nfi6 v16_9_1y2v1nfi8";
4
4
  export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, w as overlayClosed, l as overlayOpen, c as scrollableSection, i as titleContainer };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state-card.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_8_1azor6p4 v16_8_1y2v1nfin v16_8_1y2v1nfj3", a = "v16_8_1azor6p0", n = "v16_8_1azor6p2 v16_8_1y2v1nfhq v16_8_1y2v1nfj5";
3
+ var r = "v16_9_1azor6p4 v16_9_1y2v1nfin v16_9_1y2v1nfj3", a = "v16_9_1azor6p0", n = "v16_9_1azor6p2 v16_9_1y2v1nfhq v16_9_1y2v1nfj5";
4
4
  export { r as assetContainer, a as container, n as image };
@@ -1,9 +1,9 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state.css.ts.vanilla.css-mistica.js";
3
- var v = "v16_8_13fzrua9 v16_8_1y2v1nfip v16_8_1y2v1nfj5", _ = "v16_8_1y2v1nfk5", e = "v16_8_13fzrua2 v16_8_1y2v1nfho v16_8_1y2v1nf7g", n = {
4
- default: "v16_8_13fzrua3",
5
- largeImage: "v16_8_13fzrua4"
6
- }, f = "v16_8_13fzruad", o = "v16_8_13fzrua7 v16_8_1y2v1nfis", t = "v16_8_13fzrua5", u = "v16_8_13fzruab v16_8_1y2v1nfhq", g = {
7
- backgroundColor: "var(--v16_8_13fzrua0)"
3
+ var v = "v16_9_13fzrua9 v16_9_1y2v1nfip v16_9_1y2v1nfj5", _ = "v16_9_1y2v1nfk5", e = "v16_9_13fzrua2 v16_9_1y2v1nfho v16_9_1y2v1nf7g", n = {
4
+ default: "v16_9_13fzrua3",
5
+ largeImage: "v16_9_13fzrua4"
6
+ }, f = "v16_9_13fzruad", o = "v16_9_13fzrua7 v16_9_1y2v1nfis", t = "v16_9_13fzrua5", u = "v16_9_13fzruab v16_9_1y2v1nfhq", g = {
7
+ backgroundColor: "var(--v16_9_13fzrua0)"
8
8
  };
9
9
  export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, g as vars };
@@ -1,3 +1,3 @@
1
1
  import "./fade-in.css.ts.vanilla.css-mistica.js";
2
- var p = "v16_8_kq227n1";
2
+ var p = "v16_9_kq227n1";
3
3
  export { p as wrapper };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./feedback.css.ts.vanilla.css-mistica.js";
3
- var v = "v16_8_1y2v1nfin v16_8_1y2v1nfj3", e = "v16_8_gx6h6af", r = "v16_8_gx6h6a4 v16_8_1y2v1nfho v16_8_1y2v1nfis v16_8_1y2v1nfib v16_8_1y2v1nfhu", n = "v16_8_gx6h6a0", t = "v16_8_gx6h6a1", x = "v16_8_gx6h6a2", h = "v16_8_gx6h6ae", g = "v16_8_gx6h6ab v16_8_gx6h6aa", o = "v16_8_gx6h6ac v16_8_gx6h6aa", i = "v16_8_gx6h6ad v16_8_gx6h6aa", p = "v16_8_gx6h6a5", d = "v16_8_gx6h6a6";
3
+ var v = "v16_9_1y2v1nfin v16_9_1y2v1nfj3", e = "v16_9_gx6h6af", r = "v16_9_gx6h6a4 v16_9_1y2v1nfho v16_9_1y2v1nfis v16_9_1y2v1nfib v16_9_1y2v1nfhu", n = "v16_9_gx6h6a0", t = "v16_9_gx6h6a1", x = "v16_9_gx6h6a2", h = "v16_9_gx6h6ae", g = "v16_9_gx6h6ab v16_9_gx6h6aa", o = "v16_9_gx6h6ac v16_9_gx6h6aa", i = "v16_9_gx6h6ad v16_9_gx6h6aa", p = "v16_9_gx6h6a5", d = "v16_9_gx6h6a6";
4
4
  export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, h as feedbackData, g as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as innerContainer, d as innerContainerWithButtons };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_8_p5j8j5d v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfhj", a = "v16_8_p5j8j57", n = "v16_8_p5j8j55", o = "v16_8_p5j8j5b v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfhk", f = "v16_8_p5j8j54", j = "v16_8_p5j8j53 v16_8_1y2v1nfib", y = "v16_8_p5j8j59 v16_8_1y2v1nfkv v16_8_1y2v1nfla v16_8_1y2v1nflp v16_8_1y2v1nfm4 v16_8_1y2v1nfhk", p = {
4
- footerHeight: "var(--v16_8_p5j8j50)",
5
- backgroundColor: "var(--v16_8_p5j8j51)"
6
- }, e = "v16_8_1y2v1nfhn";
3
+ var r = "v16_9_p5j8j5d v16_9_1y2v1nfla v16_9_1y2v1nflp v16_9_1y2v1nfhj", a = "v16_9_p5j8j57", n = "v16_9_p5j8j55", o = "v16_9_p5j8j5b v16_9_1y2v1nfkv v16_9_1y2v1nfla v16_9_1y2v1nflp v16_9_1y2v1nfm4 v16_9_1y2v1nfhk", f = "v16_9_p5j8j54", j = "v16_9_p5j8j53 v16_9_1y2v1nfib", y = "v16_9_p5j8j59 v16_9_1y2v1nfkv v16_9_1y2v1nfla v16_9_1y2v1nflp v16_9_1y2v1nfm4 v16_9_1y2v1nfhk", p = {
4
+ footerHeight: "var(--v16_9_p5j8j50)",
5
+ backgroundColor: "var(--v16_9_p5j8j51)"
6
+ }, e = "v16_9_1y2v1nfhn";
7
7
  export { r as absoluteBackgroundLayer, a as container, n as elevated, o as fixedBackgroundLayer, f as fixedFooter, j as footer, y as portal, p as vars, e as withoutFooter };
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
- var o = "v16_8_1y2v1nfib";
2
+ var o = "v16_9_1y2v1nfib";
3
3
  export { o as form };