@telefonica/mistica 17.8.0 → 17.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 (276) hide show
  1. package/css/blau.css +10 -0
  2. package/css/community/cyber.css +49 -23
  3. package/css/esimflag.css +10 -0
  4. package/css/mistica-common.css +10 -0
  5. package/css/mistica.css +1 -1
  6. package/css/movistar.css +10 -0
  7. package/css/o2.css +10 -0
  8. package/css/telefonica.css +18 -8
  9. package/css/vivo-evolution.css +12 -2
  10. package/css/vivo.css +10 -0
  11. package/dist/accordion.css-mistica.js +6 -6
  12. package/dist/accordion.js +67 -74
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/autocomplete.css-mistica.js +1 -1
  15. package/dist/avatar.css-mistica.js +1 -1
  16. package/dist/badge.css-mistica.js +1 -1
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/boxed.d.ts +2 -2
  20. package/dist/boxed.js +27 -27
  21. package/dist/button-group.css-mistica.js +1 -1
  22. package/dist/button-layout.css-mistica.js +14 -14
  23. package/dist/button.css-mistica.js +38 -38
  24. package/dist/callout.css-mistica.js +11 -11
  25. package/dist/card-internal.css-mistica.js +21 -21
  26. package/dist/carousel.css-mistica.js +8 -8
  27. package/dist/checkbox.css-mistica.js +11 -11
  28. package/dist/chip.css-mistica.js +15 -15
  29. package/dist/circle.css-mistica.js +1 -1
  30. package/dist/community/advanced-data-card.css-mistica.js +8 -8
  31. package/dist/community/ai-card.css-mistica.js +11 -11
  32. package/dist/community/blocks.css-mistica.js +1 -1
  33. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  34. package/dist/community/example-component.css-mistica.js +1 -1
  35. package/dist/community/skins/cyber-skin.js +48 -4
  36. package/dist/counter.css-mistica.js +1 -1
  37. package/dist/cover-hero.css-mistica.js +2 -2
  38. package/dist/credit-card-number-field.css-mistica.js +3 -3
  39. package/dist/date-field.css-mistica.js +1 -1
  40. package/dist/date-time-picker.css-mistica.js +1 -1
  41. package/dist/dialog.css-mistica.js +4 -4
  42. package/dist/divider.css-mistica.js +5 -5
  43. package/dist/double-field.css-mistica.js +2 -2
  44. package/dist/drawer.css-mistica.js +1 -1
  45. package/dist/empty-state-card.css-mistica.js +1 -1
  46. package/dist/empty-state.css-mistica.js +5 -5
  47. package/dist/fade-in.css-mistica.js +1 -1
  48. package/dist/fade-out.css-mistica.js +1 -1
  49. package/dist/feedback.css-mistica.js +1 -1
  50. package/dist/feedback.js +123 -123
  51. package/dist/file-upload.css-mistica.js +7 -7
  52. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  53. package/dist/form.css-mistica.js +1 -1
  54. package/dist/grid-layout.css-mistica.js +3 -3
  55. package/dist/grid.css-mistica.js +120 -120
  56. package/dist/header.css-mistica.js +1 -1
  57. package/dist/hero.css-mistica.js +2 -2
  58. package/dist/horizontal-scroll.css-mistica.js +1 -1
  59. package/dist/icon-button.css-mistica.js +53 -53
  60. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  61. package/dist/icons/icon-error.css-mistica.js +1 -1
  62. package/dist/icons/icon-error.js +51 -31
  63. package/dist/icons/icon-info.js +42 -10
  64. package/dist/icons/icon-stepper-success-vivo.d.ts +7 -0
  65. package/dist/icons/icon-stepper-success-vivo.js +78 -0
  66. package/dist/icons/icon-success-vivo-new.d.ts +1 -0
  67. package/dist/icons/icon-success-vivo.d.ts +1 -0
  68. package/dist/icons/icon-success.js +137 -58
  69. package/dist/image.css-mistica.js +10 -10
  70. package/dist/index.d.ts +2 -0
  71. package/dist/inline.css-mistica.js +11 -11
  72. package/dist/list.css-mistica.js +42 -30
  73. package/dist/list.css.d.ts +4 -0
  74. package/dist/list.js +167 -160
  75. package/dist/loading-bar.css-mistica.js +1 -1
  76. package/dist/loading-screen.css-mistica.js +4 -4
  77. package/dist/logo.css-mistica.js +5 -5
  78. package/dist/menu.css-mistica.js +12 -12
  79. package/dist/mosaic.css-mistica.js +1 -1
  80. package/dist/navigation-bar.css-mistica.js +9 -9
  81. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  82. package/dist/navigation-shared.css-mistica.js +9 -9
  83. package/dist/package-version.js +1 -1
  84. package/dist/pagination.css-mistica.js +18 -18
  85. package/dist/pin-field.css-mistica.js +1 -1
  86. package/dist/popover.css-mistica.js +1 -1
  87. package/dist/progress-bar.css-mistica.js +6 -6
  88. package/dist/radio-button.css-mistica.js +19 -19
  89. package/dist/rating.css-mistica.js +2 -2
  90. package/dist/responsive-layout.css-mistica.js +6 -6
  91. package/dist/screen-reader-only.css-mistica.js +1 -1
  92. package/dist/select.css-mistica.js +15 -15
  93. package/dist/sheet-action-row.css-mistica.js +1 -1
  94. package/dist/sheet-common.css-mistica.js +1 -1
  95. package/dist/sheet-info.css-mistica.js +1 -1
  96. package/dist/sidenav-bar-layout.css-mistica.js +1 -1
  97. package/dist/sidenav-bar.css-mistica.js +71 -71
  98. package/dist/skeletons.css-mistica.js +6 -6
  99. package/dist/skins/blau.js +32 -0
  100. package/dist/skins/defaults.js +32 -0
  101. package/dist/skins/esimflag.js +32 -0
  102. package/dist/skins/movistar.js +32 -0
  103. package/dist/skins/o2.js +32 -0
  104. package/dist/skins/skin-contract.css-mistica.js +755 -741
  105. package/dist/skins/skin-contract.css.d.ts +14 -0
  106. package/dist/skins/telefonica.js +40 -8
  107. package/dist/skins/types/index.d.ts +3 -0
  108. package/dist/skins/vivo-evolution.js +34 -2
  109. package/dist/skins/vivo.js +32 -0
  110. package/dist/skip-link.css-mistica.js +1 -1
  111. package/dist/slider.css-mistica.js +18 -18
  112. package/dist/snackbar.css-mistica.js +4 -4
  113. package/dist/spinner.css-mistica.js +1 -1
  114. package/dist/square.css-mistica.js +1 -1
  115. package/dist/stack.css-mistica.js +5 -5
  116. package/dist/stacking-group.css-mistica.js +1 -1
  117. package/dist/stepper.css-mistica.js +2 -2
  118. package/dist/stepper.js +31 -25
  119. package/dist/switch-component.css-mistica.js +35 -35
  120. package/dist/table.css-mistica.js +9 -9
  121. package/dist/tabs.css-mistica.js +17 -17
  122. package/dist/tag.css-mistica.js +1 -1
  123. package/dist/text-field-base.css-mistica.js +16 -16
  124. package/dist/text-field-components.css-mistica.js +3 -3
  125. package/dist/text-link.css-mistica.js +6 -6
  126. package/dist/text.css-mistica.js +6 -6
  127. package/dist/timeline.css-mistica.js +9 -9
  128. package/dist/timer.css-mistica.js +6 -6
  129. package/dist/tooltip.css-mistica.js +1 -1
  130. package/dist/touchable.css-mistica.js +1 -1
  131. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  132. package/dist/video.css-mistica.js +1 -1
  133. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  134. package/dist-es/accordion.css-mistica.js +6 -6
  135. package/dist-es/accordion.js +104 -111
  136. package/dist-es/align.css-mistica.js +1 -1
  137. package/dist-es/autocomplete.css-mistica.js +1 -1
  138. package/dist-es/avatar.css-mistica.js +1 -1
  139. package/dist-es/badge.css-mistica.js +1 -1
  140. package/dist-es/box.css-mistica.js +13 -13
  141. package/dist-es/boxed.css-mistica.js +23 -23
  142. package/dist-es/boxed.js +34 -34
  143. package/dist-es/button-group.css-mistica.js +1 -1
  144. package/dist-es/button-layout.css-mistica.js +14 -14
  145. package/dist-es/button.css-mistica.js +35 -35
  146. package/dist-es/callout.css-mistica.js +11 -11
  147. package/dist-es/card-internal.css-mistica.js +21 -21
  148. package/dist-es/carousel.css-mistica.js +8 -8
  149. package/dist-es/checkbox.css-mistica.js +11 -11
  150. package/dist-es/chip.css-mistica.js +15 -15
  151. package/dist-es/circle.css-mistica.js +1 -1
  152. package/dist-es/community/advanced-data-card.css-mistica.js +8 -8
  153. package/dist-es/community/ai-card.css-mistica.js +4 -4
  154. package/dist-es/community/blocks.css-mistica.js +1 -1
  155. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  156. package/dist-es/community/example-component.css-mistica.js +1 -1
  157. package/dist-es/community/skins/cyber-skin.js +48 -4
  158. package/dist-es/counter.css-mistica.js +1 -1
  159. package/dist-es/cover-hero.css-mistica.js +2 -2
  160. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  161. package/dist-es/date-field.css-mistica.js +1 -1
  162. package/dist-es/date-time-picker.css-mistica.js +1 -1
  163. package/dist-es/dialog.css-mistica.js +4 -4
  164. package/dist-es/divider.css-mistica.js +5 -5
  165. package/dist-es/double-field.css-mistica.js +2 -2
  166. package/dist-es/drawer.css-mistica.js +1 -1
  167. package/dist-es/empty-state-card.css-mistica.js +1 -1
  168. package/dist-es/empty-state.css-mistica.js +5 -5
  169. package/dist-es/fade-in.css-mistica.js +1 -1
  170. package/dist-es/fade-out.css-mistica.js +1 -1
  171. package/dist-es/feedback.css-mistica.js +1 -1
  172. package/dist-es/feedback.js +158 -158
  173. package/dist-es/file-upload.css-mistica.js +7 -7
  174. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  175. package/dist-es/form.css-mistica.js +1 -1
  176. package/dist-es/grid-layout.css-mistica.js +3 -3
  177. package/dist-es/grid.css-mistica.js +120 -120
  178. package/dist-es/header.css-mistica.js +1 -1
  179. package/dist-es/hero.css-mistica.js +2 -2
  180. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  181. package/dist-es/icon-button.css-mistica.js +53 -53
  182. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  183. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  184. package/dist-es/icons/icon-error.js +55 -35
  185. package/dist-es/icons/icon-info.js +53 -21
  186. package/dist-es/icons/icon-stepper-success-vivo.js +69 -0
  187. package/dist-es/icons/icon-success.js +112 -74
  188. package/dist-es/image.css-mistica.js +4 -4
  189. package/dist-es/inline.css-mistica.js +11 -11
  190. package/dist-es/list.css-mistica.js +8 -8
  191. package/dist-es/list.js +230 -223
  192. package/dist-es/loading-bar.css-mistica.js +1 -1
  193. package/dist-es/loading-screen.css-mistica.js +4 -4
  194. package/dist-es/logo.css-mistica.js +5 -5
  195. package/dist-es/menu.css-mistica.js +12 -12
  196. package/dist-es/mosaic.css-mistica.js +1 -1
  197. package/dist-es/navigation-bar.css-mistica.js +9 -9
  198. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  199. package/dist-es/navigation-shared.css-mistica.js +9 -9
  200. package/dist-es/package-version.js +1 -1
  201. package/dist-es/pagination.css-mistica.js +18 -18
  202. package/dist-es/pin-field.css-mistica.js +1 -1
  203. package/dist-es/popover.css-mistica.js +1 -1
  204. package/dist-es/progress-bar.css-mistica.js +6 -6
  205. package/dist-es/radio-button.css-mistica.js +19 -19
  206. package/dist-es/rating.css-mistica.js +2 -2
  207. package/dist-es/responsive-layout.css-mistica.js +6 -6
  208. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  209. package/dist-es/select.css-mistica.js +15 -15
  210. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  211. package/dist-es/sheet-common.css-mistica.js +1 -1
  212. package/dist-es/sheet-info.css-mistica.js +1 -1
  213. package/dist-es/sidenav-bar-layout.css-mistica.js +1 -1
  214. package/dist-es/sidenav-bar.css-mistica.js +71 -71
  215. package/dist-es/skeletons.css-mistica.js +6 -6
  216. package/dist-es/skins/blau.js +32 -0
  217. package/dist-es/skins/defaults.js +32 -0
  218. package/dist-es/skins/esimflag.js +32 -0
  219. package/dist-es/skins/movistar.js +32 -0
  220. package/dist-es/skins/o2.js +32 -0
  221. package/dist-es/skins/skin-contract.css-mistica.js +755 -741
  222. package/dist-es/skins/telefonica.js +40 -8
  223. package/dist-es/skins/vivo-evolution.js +34 -2
  224. package/dist-es/skins/vivo.js +32 -0
  225. package/dist-es/skip-link.css-mistica.js +1 -1
  226. package/dist-es/slider.css-mistica.js +18 -18
  227. package/dist-es/snackbar.css-mistica.js +4 -4
  228. package/dist-es/spinner.css-mistica.js +1 -1
  229. package/dist-es/square.css-mistica.js +1 -1
  230. package/dist-es/stack.css-mistica.js +5 -5
  231. package/dist-es/stacking-group.css-mistica.js +1 -1
  232. package/dist-es/stepper.css-mistica.js +2 -2
  233. package/dist-es/stepper.js +60 -54
  234. package/dist-es/style.css +1 -1
  235. package/dist-es/switch-component.css-mistica.js +35 -35
  236. package/dist-es/table.css-mistica.js +9 -9
  237. package/dist-es/tabs.css-mistica.js +17 -17
  238. package/dist-es/tag.css-mistica.js +1 -1
  239. package/dist-es/text-field-base.css-mistica.js +16 -16
  240. package/dist-es/text-field-components.css-mistica.js +3 -3
  241. package/dist-es/text-link.css-mistica.js +6 -6
  242. package/dist-es/text.css-mistica.js +6 -6
  243. package/dist-es/timeline.css-mistica.js +9 -9
  244. package/dist-es/timer.css-mistica.js +6 -6
  245. package/dist-es/tooltip.css-mistica.js +1 -1
  246. package/dist-es/touchable.css-mistica.js +1 -1
  247. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  248. package/dist-es/video.css-mistica.js +1 -1
  249. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  250. package/doc/layout.md +30 -0
  251. package/package.json +1 -1
  252. package/src/accordion.tsx +1 -21
  253. package/src/boxed.tsx +6 -2
  254. package/src/community/skins/cyber-skin.tsx +21 -4
  255. package/src/feedback.tsx +36 -29
  256. package/src/icons/icon-error.tsx +17 -1
  257. package/src/icons/icon-info.tsx +22 -1
  258. package/src/icons/icon-stepper-success-vivo.tsx +58 -0
  259. package/src/icons/icon-success-vivo-new.tsx +1 -0
  260. package/src/icons/icon-success-vivo.tsx +1 -0
  261. package/src/icons/icon-success.tsx +56 -37
  262. package/src/index.tsx +2 -0
  263. package/src/list.css.ts +20 -0
  264. package/src/list.tsx +9 -3
  265. package/src/package-version.tsx +1 -1
  266. package/src/skins/blau.tsx +11 -0
  267. package/src/skins/defaults.tsx +11 -0
  268. package/src/skins/esimflag.tsx +11 -0
  269. package/src/skins/movistar.tsx +11 -0
  270. package/src/skins/o2.tsx +11 -0
  271. package/src/skins/skin-contract.css.ts +3 -0
  272. package/src/skins/telefonica.tsx +19 -8
  273. package/src/skins/types/index.tsx +3 -0
  274. package/src/skins/vivo-evolution.tsx +13 -2
  275. package/src/skins/vivo.tsx +11 -0
  276. package/src/stepper.tsx +16 -6
@@ -703,6 +703,16 @@ export declare const vars: {
703
703
  size: `var(--${string})`;
704
704
  lineHeight: `var(--${string})`;
705
705
  };
706
+ feedbackScreenDescription: {
707
+ weight: `var(--${string})`;
708
+ size: `var(--${string})`;
709
+ lineHeight: `var(--${string})`;
710
+ };
711
+ feedbackScreenTitle: {
712
+ weight: `var(--${string})`;
713
+ size: `var(--${string})`;
714
+ lineHeight: `var(--${string})`;
715
+ };
706
716
  chipLabel: {
707
717
  weight: `var(--${string})`;
708
718
  size: `var(--${string})`;
@@ -873,6 +883,10 @@ export declare const vars: {
873
883
  left: `var(--${string})`;
874
884
  right: `var(--${string})`;
875
885
  };
886
+ boxedSmallPadding: {
887
+ top: `var(--${string})`;
888
+ bottom: `var(--${string})`;
889
+ };
876
890
  responsiveLayoutMargin: `var(--${string})`;
877
891
  };
878
892
  };
@@ -688,18 +688,18 @@ const e = {
688
688
  },
689
689
  borderRadii: {
690
690
  avatar: "50%",
691
- bar: "0px",
691
+ bar: "999px",
692
692
  button: "32px",
693
- checkbox: "2px",
694
- container: "4px",
693
+ checkbox: "4px",
694
+ container: "20px",
695
695
  indicator: "24px",
696
696
  chip: "24px",
697
697
  tag: "24px",
698
- input: "8px",
699
- popup: "4px",
700
- sheet: "0px",
701
- mediaSmall: "2px",
702
- snackbar: "4px"
698
+ input: "12px",
699
+ popup: "12px",
700
+ sheet: "20px",
701
+ mediaSmall: "12px",
702
+ snackbar: "12px"
703
703
  },
704
704
  textPresets: {
705
705
  button: {
@@ -821,6 +821,28 @@ const e = {
821
821
  },
822
822
  weight: "regular"
823
823
  },
824
+ feedbackScreenDescription: {
825
+ lineHeight: {
826
+ desktop: 24,
827
+ mobile: 24
828
+ },
829
+ size: {
830
+ desktop: 18,
831
+ mobile: 16
832
+ },
833
+ weight: "regular"
834
+ },
835
+ feedbackScreenTitle: {
836
+ lineHeight: {
837
+ desktop: 40,
838
+ mobile: 32
839
+ },
840
+ size: {
841
+ desktop: 32,
842
+ mobile: 24
843
+ },
844
+ weight: "regular"
845
+ },
824
846
  headerPretitle: {
825
847
  lineHeight: {
826
848
  desktop: 24,
@@ -1202,6 +1224,16 @@ const e = {
1202
1224
  desktop: 16
1203
1225
  }
1204
1226
  },
1227
+ boxedSmallPadding: {
1228
+ top: {
1229
+ mobile: 8,
1230
+ desktop: 8
1231
+ },
1232
+ bottom: {
1233
+ mobile: 8,
1234
+ desktop: 8
1235
+ }
1236
+ },
1205
1237
  responsiveLayoutMargin: {
1206
1238
  mobile: 16,
1207
1239
  desktop: 48
@@ -49,6 +49,8 @@ export type TextPresetsConfig = {
49
49
  cardTitleDefault: TextSizeTokenConfig;
50
50
  cardTitleSnap: TextSizeTokenConfig;
51
51
  drawerTitle: TextTokenConfig;
52
+ feedbackScreenDescription: TextTokenConfig;
53
+ feedbackScreenTitle: TextTokenConfig;
52
54
  chipLabel: TextTokenConfig;
53
55
  chipLabelSmall: TextTokenConfig;
54
56
  link: TextWeightTokenConfig<'regular' | 'medium'>;
@@ -101,6 +103,7 @@ export type SpacingConfig = {
101
103
  headerPadding: PaddingYValues;
102
104
  drawerPadding: PaddingValues;
103
105
  boxedDefaultPadding: PaddingXValues;
106
+ boxedSmallPadding: PaddingYValues;
104
107
  responsiveLayoutMargin: ResponsiveValue<number>;
105
108
  };
106
109
  export type ThemeVariantsConfig = {
@@ -808,7 +808,7 @@ const e = {
808
808
  },
809
809
  size: {
810
810
  desktop: 24,
811
- mobile: 18
811
+ mobile: 16
812
812
  }
813
813
  },
814
814
  cardTitleSnap: {
@@ -818,7 +818,7 @@ const e = {
818
818
  },
819
819
  size: {
820
820
  desktop: 18,
821
- mobile: 16
821
+ mobile: 14
822
822
  }
823
823
  },
824
824
  chipLabel: {
@@ -854,6 +854,28 @@ const e = {
854
854
  },
855
855
  weight: "medium"
856
856
  },
857
+ feedbackScreenDescription: {
858
+ lineHeight: {
859
+ desktop: 24,
860
+ mobile: 20
861
+ },
862
+ size: {
863
+ desktop: 16,
864
+ mobile: 14
865
+ },
866
+ weight: "regular"
867
+ },
868
+ feedbackScreenTitle: {
869
+ lineHeight: {
870
+ desktop: 32,
871
+ mobile: 24
872
+ },
873
+ size: {
874
+ desktop: 28,
875
+ mobile: 20
876
+ },
877
+ weight: "medium"
878
+ },
857
879
  headerPretitle: {
858
880
  lineHeight: {
859
881
  desktop: 24,
@@ -1235,6 +1257,16 @@ const e = {
1235
1257
  desktop: 24
1236
1258
  }
1237
1259
  },
1260
+ boxedSmallPadding: {
1261
+ top: {
1262
+ mobile: 16,
1263
+ desktop: 16
1264
+ },
1265
+ bottom: {
1266
+ mobile: 16,
1267
+ desktop: 16
1268
+ }
1269
+ },
1238
1270
  responsiveLayoutMargin: {
1239
1271
  mobile: 16,
1240
1272
  desktop: 48
@@ -810,6 +810,28 @@ const e = {
810
810
  },
811
811
  weight: "medium"
812
812
  },
813
+ feedbackScreenDescription: {
814
+ lineHeight: {
815
+ desktop: 24,
816
+ mobile: 24
817
+ },
818
+ size: {
819
+ desktop: 18,
820
+ mobile: 16
821
+ },
822
+ weight: "regular"
823
+ },
824
+ feedbackScreenTitle: {
825
+ lineHeight: {
826
+ desktop: 40,
827
+ mobile: 32
828
+ },
829
+ size: {
830
+ desktop: 32,
831
+ mobile: 24
832
+ },
833
+ weight: "medium"
834
+ },
813
835
  headerPretitle: {
814
836
  lineHeight: {
815
837
  desktop: 24,
@@ -1191,6 +1213,16 @@ const e = {
1191
1213
  desktop: 16
1192
1214
  }
1193
1215
  },
1216
+ boxedSmallPadding: {
1217
+ top: {
1218
+ mobile: 16,
1219
+ desktop: 16
1220
+ },
1221
+ bottom: {
1222
+ mobile: 16,
1223
+ desktop: 16
1224
+ }
1225
+ },
1194
1226
  responsiveLayoutMargin: {
1195
1227
  mobile: 16,
1196
1228
  desktop: 48
@@ -16,4 +16,4 @@ _export(exports, {
16
16
  return y;
17
17
  }
18
18
  });
19
- /* empty css */ /* empty css */ /* empty css */ var f = "v17_8_13pf4ld1 v17_8_13pf4ld0 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nftv v17_8_1y2v1nfu6 v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfv3", y = "v17_8_13pf4ld2";
19
+ /* empty css */ /* empty css */ /* empty css */ var f = "v17_9_13pf4ld1 v17_9_13pf4ld0 v17_9_1y2v1nfhg v17_9_1y2v1nfip v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nf8z v17_9_1y2v1nftv v17_9_1y2v1nfu6 v17_9_1y2v1nfr9 v17_9_1y2v1nfuo v17_9_1y2v1nfv3", y = "v17_9_13pf4ld2";
@@ -37,22 +37,22 @@ _export(exports, {
37
37
  return h;
38
38
  }
39
39
  });
40
- /* empty css */ /* empty css */ var n = "v17_8_1j1wlhk1 v17_8_1j1wlhk0 v17_8_1y2v1nfs1 v17_8_1y2v1nfr8 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfuh", l = "v17_8_1j1wlhk2", h = "v17_8_1j1wlhk3 v17_8_1y2v1nfs1 v17_8_1y2v1nfsl v17_8_1y2v1nfuc", k = "v17_8_1j1wlhk5 v17_8_1j1wlhk4 v17_8_1y2v1nfr9 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", y = {
41
- default: "v17_8_1j1wlhkd v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhk8 v17_8_1y2v1nfcv",
42
- alternative: "v17_8_1j1wlhke v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhk9 v17_8_1y2v1nfcv",
43
- brand: "v17_8_1j1wlhkf v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhka v17_8_1y2v1nfd1",
44
- media: "v17_8_1j1wlhkg v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhkb v17_8_1y2v1nfd1",
45
- negative: "v17_8_1j1wlhkh v17_8_1j1wlhk7 v17_8_1j1wlhk6 v17_8_1y2v1nfs9 v17_8_1y2v1nfsp v17_8_1y2v1nfty v17_8_1j1wlhkc v17_8_1y2v1nfd0"
46
- }, f = "v17_8_1j1wlhkj v17_8_1j1wlhki v17_8_1y2v1nfdg v17_8_1y2v1nfty", j = {
47
- default: "v17_8_1j1wlhkk",
48
- alternative: "v17_8_1j1wlhkl",
49
- brand: "v17_8_1j1wlhkm",
50
- media: "v17_8_1j1wlhkn",
51
- negative: "v17_8_1j1wlhko"
40
+ /* empty css */ /* empty css */ var n = "v17_9_1j1wlhk1 v17_9_1j1wlhk0 v17_9_1y2v1nfs1 v17_9_1y2v1nfr8 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfuh", l = "v17_9_1j1wlhk2", h = "v17_9_1j1wlhk3 v17_9_1y2v1nfs1 v17_9_1y2v1nfsl v17_9_1y2v1nfuc", k = "v17_9_1j1wlhk5 v17_9_1j1wlhk4 v17_9_1y2v1nfr9 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", y = {
41
+ default: "v17_9_1j1wlhkd v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhk8 v17_9_1y2v1nfcv",
42
+ alternative: "v17_9_1j1wlhke v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhk9 v17_9_1y2v1nfcv",
43
+ brand: "v17_9_1j1wlhkf v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhka v17_9_1y2v1nfd1",
44
+ media: "v17_9_1j1wlhkg v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhkb v17_9_1y2v1nfd1",
45
+ negative: "v17_9_1j1wlhkh v17_9_1j1wlhk7 v17_9_1j1wlhk6 v17_9_1y2v1nfs9 v17_9_1y2v1nfsp v17_9_1y2v1nfty v17_9_1j1wlhkc v17_9_1y2v1nfd0"
46
+ }, f = "v17_9_1j1wlhkj v17_9_1j1wlhki v17_9_1y2v1nfdg v17_9_1y2v1nfty", j = {
47
+ default: "v17_9_1j1wlhkk",
48
+ alternative: "v17_9_1j1wlhkl",
49
+ brand: "v17_9_1j1wlhkm",
50
+ media: "v17_9_1j1wlhkn",
51
+ negative: "v17_9_1j1wlhko"
52
52
  }, w = {
53
- default: "v17_8_1j1wlhkp",
54
- alternative: "v17_8_1j1wlhkq",
55
- brand: "v17_8_1j1wlhkr",
56
- media: "v17_8_1j1wlhks",
57
- negative: "v17_8_1j1wlhkt"
58
- }, a = "v17_8_1j1wlhkv v17_8_1j1wlhku v17_8_1y2v1nfr9 v17_8_1y2v1nfuo";
53
+ default: "v17_9_1j1wlhkp",
54
+ alternative: "v17_9_1j1wlhkq",
55
+ brand: "v17_9_1j1wlhkr",
56
+ media: "v17_9_1j1wlhks",
57
+ negative: "v17_9_1j1wlhkt"
58
+ }, a = "v17_9_1j1wlhkv v17_9_1j1wlhku v17_9_1y2v1nfr9 v17_9_1y2v1nfuo";
@@ -55,7 +55,7 @@ _export(exports, {
55
55
  return a;
56
56
  }
57
57
  });
58
- /* empty css */ /* empty css */ var n = 300, b = "v17_8_o7bjb01 v17_8_o7bjb00 v17_8_1y2v1nfs1 v17_8_1y2v1nfre v17_8_1y2v1nfrn", r = "v17_8_o7bjb03 v17_8_o7bjb02 v17_8_1y2v1nfr8", o = "v17_8_o7bjb04", y = "v17_8_o7bjb06 v17_8_o7bjb05 v17_8_1y2v1nfra v17_8_1y2v1nfug", f = "v17_8_o7bjb07 v17_8_1y2v1nfdq", t = "v17_8_o7bjb08 v17_8_1y2v1nfdr", a = "v17_8_o7bjb09", j = "v17_8_o7bjb0c v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0b v17_8_1y2v1nfrk", e = "v17_8_o7bjb0e v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0d v17_8_1y2v1nfrj v17_8_1y2v1nfrt", i = "v17_8_o7bjb0g", p = "v17_8_o7bjb0h", s = "v17_8_o7bjb0i v17_8_1y2v1nfhd v17_8_1y2v1nfim v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nftw v17_8_1y2v1nfh6", c = {
59
- centered: "v17_8_o7bjb0l v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl",
60
- topRight: "v17_8_o7bjb0m v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl v17_8_o7bjb0k v17_8_1y2v1nfur"
61
- }, u = "v17_8_o7bjb0o v17_8_o7bjb0n v17_8_1y2v1nfsb v17_8_1y2v1nfsr v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfty";
58
+ /* empty css */ /* empty css */ var n = 300, b = "v17_9_o7bjb01 v17_9_o7bjb00 v17_9_1y2v1nfs1 v17_9_1y2v1nfre v17_9_1y2v1nfrn", r = "v17_9_o7bjb03 v17_9_o7bjb02 v17_9_1y2v1nfr8", o = "v17_9_o7bjb04", y = "v17_9_o7bjb06 v17_9_o7bjb05 v17_9_1y2v1nfra v17_9_1y2v1nfug", f = "v17_9_o7bjb07 v17_9_1y2v1nfdq", t = "v17_9_o7bjb08 v17_9_1y2v1nfdr", a = "v17_9_o7bjb09", j = "v17_9_o7bjb0c v17_9_o7bjb0a v17_9_1y2v1nfre v17_9_1y2v1nfrq v17_9_o7bjb0b v17_9_1y2v1nfrk", e = "v17_9_o7bjb0e v17_9_o7bjb0a v17_9_1y2v1nfre v17_9_1y2v1nfrq v17_9_o7bjb0d v17_9_1y2v1nfrj v17_9_1y2v1nfrt", i = "v17_9_o7bjb0g", p = "v17_9_o7bjb0h", s = "v17_9_o7bjb0i v17_9_1y2v1nfhd v17_9_1y2v1nfim v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nftw v17_9_1y2v1nfh6", c = {
59
+ centered: "v17_9_o7bjb0l v17_9_o7bjb0j v17_9_1y2v1nfre v17_9_1y2v1nfr9 v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfvl",
60
+ topRight: "v17_9_o7bjb0m v17_9_o7bjb0j v17_9_1y2v1nfre v17_9_1y2v1nfr9 v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfvl v17_9_o7bjb0k v17_9_1y2v1nfur"
61
+ }, u = "v17_9_o7bjb0o v17_9_o7bjb0n v17_9_1y2v1nfsb v17_9_1y2v1nfsr v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfty";
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return f;
23
23
  }
24
24
  });
25
- /* empty css */ /* empty css */ var r = "v17_8_1fthc594 v17_8_1fthc593 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", n = "v17_8_1fthc595", t = "v17_8_1fthc596 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", f = "v17_8_1fthc597";
25
+ /* empty css */ /* empty css */ var r = "v17_9_1fthc594 v17_9_1fthc593 v17_9_1y2v1nfrw v17_9_1y2v1nfrg", n = "v17_9_1fthc595", t = "v17_9_1fthc596 v17_9_1y2v1nfrw v17_9_1y2v1nfrg", f = "v17_9_1fthc597";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "square", {
8
8
  return r;
9
9
  }
10
10
  });
11
- /* empty css */ /* empty css */ var r = "v17_8_1vlkt4s1 v17_8_1vlkt4s0 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn";
11
+ /* empty css */ /* empty css */ var r = "v17_9_1vlkt4s1 v17_9_1vlkt4s0 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn";
@@ -20,8 +20,8 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  /* empty css */ var v = {
23
- space: "var(--v17_8_xjgm6d0)",
24
- spaceMobile: "var(--v17_8_xjgm6d1)",
25
- spaceTablet: "var(--v17_8_xjgm6d2)",
26
- spaceDesktop: "var(--v17_8_xjgm6d3)"
27
- }, _ = "v17_8_xjgm6d4", r = "v17_8_xjgm6d5";
23
+ space: "var(--v17_9_xjgm6d0)",
24
+ spaceMobile: "var(--v17_9_xjgm6d1)",
25
+ spaceTablet: "var(--v17_9_xjgm6d2)",
26
+ spaceDesktop: "var(--v17_9_xjgm6d3)"
27
+ }, _ = "v17_9_xjgm6d4", r = "v17_9_xjgm6d5";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "moreItems", {
8
8
  return r;
9
9
  }
10
10
  });
11
- /* empty css */ /* empty css */ var r = "v17_8_1y38nye1 v17_8_1y38nye0 v17_8_1y2v1nfre v17_8_1y2v1nfr8 v17_8_1y2v1nfrn v17_8_1y2v1nfrt";
11
+ /* empty css */ /* empty css */ var r = "v17_9_1y38nye1 v17_9_1y38nye0 v17_9_1y2v1nfre v17_9_1y2v1nfr8 v17_9_1y2v1nfrn v17_9_1y2v1nfrt";
@@ -50,5 +50,5 @@ _export(exports, {
50
50
  }
51
51
  });
52
52
  /* empty css */ /* empty css */ var r = {
53
- stepperMinHeight: "var(--v17_8_14h93mq0)"
54
- }, n = "v17_8_14h93mq7 v17_8_14h93mq6 v17_8_1y2v1nfre v17_8_1y2v1nfrs v17_8_1y2v1nftl", m = "v17_8_14h93mq8 v17_8_1y2v1nfre v17_8_1y2v1nfrt", f = "v17_8_14h93mqa v17_8_14h93mq9 v17_8_1y2v1nfr8 v17_8_1y2v1nfrf v17_8_1y2v1nfrk v17_8_1y2v1nfrt", e = "v17_8_14h93mqc v17_8_14h93mqb v17_8_1y2v1nfr8 v17_8_1y2v1nfre", y = "v17_8_14h93mqd", a = "v17_8_14h93mqf v17_8_14h93mqe v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfty", h = "v17_8_14h93mqg", q = "v17_8_14h93mqi v17_8_14h93mqh v17_8_1y2v1nfr9", t = "v17_8_14h93mql v17_8_14h93mqk v17_8_1y2v1nfsl v17_8_1y2v1nfs1 v17_8_1y2v1nfuc v17_8_1y2v1nfui", i = "v17_8_14h93mqn v17_8_14h93mqm v17_8_1y2v1nfsl v17_8_1y2v1nfs1 v17_8_1y2v1nfuc v17_8_1y2v1nfui", s = "v17_8_14h93mqo", l = "v17_8_14h93mqq v17_8_14h93mqp v17_8_1y2v1nfs3";
53
+ stepperMinHeight: "var(--v17_9_14h93mq0)"
54
+ }, n = "v17_9_14h93mq7 v17_9_14h93mq6 v17_9_1y2v1nfre v17_9_1y2v1nfrs v17_9_1y2v1nftl", m = "v17_9_14h93mq8 v17_9_1y2v1nfre v17_9_1y2v1nfrt", f = "v17_9_14h93mqa v17_9_14h93mq9 v17_9_1y2v1nfr8 v17_9_1y2v1nfrf v17_9_1y2v1nfrk v17_9_1y2v1nfrt", e = "v17_9_14h93mqc v17_9_14h93mqb v17_9_1y2v1nfr8 v17_9_1y2v1nfre", y = "v17_9_14h93mqd", a = "v17_9_14h93mqf v17_9_14h93mqe v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfty", h = "v17_9_14h93mqg", q = "v17_9_14h93mqi v17_9_14h93mqh v17_9_1y2v1nfr9", t = "v17_9_14h93mql v17_9_14h93mqk v17_9_1y2v1nfsl v17_9_1y2v1nfs1 v17_9_1y2v1nfuc v17_9_1y2v1nfui", i = "v17_9_14h93mqn v17_9_14h93mqm v17_9_1y2v1nfsl v17_9_1y2v1nfs1 v17_9_1y2v1nfuc v17_9_1y2v1nfui", s = "v17_9_14h93mqo", l = "v17_9_14h93mqq v17_9_14h93mqp v17_9_1y2v1nfs3";
package/dist/stepper.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return de;
9
+ return ve;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -16,11 +16,13 @@ const _text = require("./text.js");
16
16
  const _hooks = require("./hooks.js");
17
17
  const _texttokens = require("./text-tokens.js");
18
18
  const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
19
+ const _iconsteppersuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-stepper-success-vivo.js"));
19
20
  const _steppercssmistica = require("./stepper.css-mistica.js");
20
21
  const _css = require("./utils/css.js");
21
22
  const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
22
23
  const _dom = require("./utils/dom.js");
23
24
  const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
25
+ const _constants = require("./skins/constants.js");
24
26
  function _interop_require_default(obj) {
25
27
  return obj && obj.__esModule ? obj : {
26
28
  default: obj
@@ -119,25 +121,25 @@ function _object_spread_props(target, source) {
119
121
  }
120
122
  return target;
121
123
  }
122
- const de = (param)=>{
123
- let { steps: c, currentIndex: n, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": N, dataAttributes: C } = param;
124
- const { texts: h, t: u, textPresets: f } = (0, _hooks.useTheme)(), { height: A, ref: T } = (0, _hooks.useElementDimensions)(), $ = A, [r, P] = _react.useState(Math.ceil(n)), [a, w] = _react.useState(!1);
124
+ const ve = (param)=>{
125
+ let { steps: n, currentIndex: m, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": A, dataAttributes: C } = param;
126
+ const { texts: h, t: u, textPresets: f, skinName: S } = (0, _hooks.useTheme)(), { height: I, ref: T } = (0, _hooks.useElementDimensions)(), V = I, [r, $] = _react.useState(Math.ceil(m)), [i, k] = _react.useState(!1);
125
127
  _react.useEffect(()=>{
126
- const i = Math.ceil(n);
127
- r !== i && (w(i < r), P(i));
128
+ const s = Math.ceil(m);
129
+ r !== s && (k(s < r), $(s));
128
130
  }, [
131
+ m,
129
132
  n,
130
- c,
131
133
  r
132
134
  ]);
133
- const R = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), k = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
135
+ const O = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), P = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
134
136
  return(// aria-description is not supported by the eslint rule
135
137
  // eslint-disable-next-line jsx-a11y/no-redundant-roles, jsx-a11y/role-supports-aria-props
136
138
  /* @__PURE__ */ (0, _jsxruntime.jsx)("ol", _object_spread_props(_object_spread({
137
139
  role: "list",
138
140
  className: _steppercssmistica.stepper,
139
141
  style: (0, _css.applyCssVars)({
140
- [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + $)
142
+ [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + V)
141
143
  })
142
144
  }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
143
145
  testid: "Stepper"
@@ -145,9 +147,9 @@ const de = (param)=>{
145
147
  "aria-label": x,
146
148
  "aria-labelledby": y,
147
149
  "aria-description": g,
148
- "aria-describedby": N,
149
- children: c.map((i, s)=>{
150
- const t = s === r, b = s === c.length - 1, o = s < r, p = s === r - 1;
150
+ "aria-describedby": A,
151
+ children: n.map((s, a)=>{
152
+ const t = a === r, b = a === n.length - 1, c = a < r, l = a === r - 1;
151
153
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
152
154
  className: _steppercssmistica.listItem,
153
155
  style: b ? void 0 : {
@@ -158,15 +160,19 @@ const de = (param)=>{
158
160
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
159
161
  className: _steppercssmistica.step,
160
162
  children: [
161
- o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
163
+ c ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
162
164
  className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, {
163
- [_steppercssmistica.iconAnimation]: p && !a
165
+ [_steppercssmistica.iconAnimation]: l && !i
164
166
  }),
165
167
  "aria-hidden": "true",
166
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
168
+ children: S === _constants.VIVO_SKIN || S === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsteppersuccessvivo.default, {
167
169
  color: _skincontractcssmistica.vars.colors.controlActivated,
168
170
  size: "100%",
169
- skipAnimation: !p || a
171
+ skipAnimation: !l || i
172
+ }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
173
+ color: _skincontractcssmistica.vars.colors.controlActivated,
174
+ size: "100%",
175
+ skipAnimation: !l || i
170
176
  })
171
177
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
172
178
  className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, _steppercssmistica.number, {
@@ -177,7 +183,7 @@ const de = (param)=>{
177
183
  weight: f.indicator.weight,
178
184
  color: t ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textSecondary,
179
185
  "aria-hidden": "true",
180
- children: s + 1
186
+ children: a + 1
181
187
  })
182
188
  }),
183
189
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -189,13 +195,13 @@ const de = (param)=>{
189
195
  })), {
190
196
  weight: "regular",
191
197
  as: "div",
192
- color: o || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
193
- children: i
198
+ color: c || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
199
+ children: s
194
200
  }))
195
201
  }),
196
202
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
197
203
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
198
- children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
204
+ children: `${c ? `${O}: ` : t ? `${P}: ` : ""}${s}`
199
205
  })
200
206
  })
201
207
  ]
@@ -203,16 +209,16 @@ const de = (param)=>{
203
209
  !b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
204
210
  className: _steppercssmistica.bar,
205
211
  "aria-hidden": "true",
206
- children: (o || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
212
+ children: (c || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
207
213
  className: (0, _classnames.default)({
208
- [_steppercssmistica.barFilled]: a && t || o,
209
- [_steppercssmistica.barFilledAnimation]: p && !a,
210
- [_steppercssmistica.barFilledReverseAnimation]: t && a
214
+ [_steppercssmistica.barFilled]: i && t || c,
215
+ [_steppercssmistica.barFilledAnimation]: l && !i,
216
+ [_steppercssmistica.barFilledReverseAnimation]: t && i
211
217
  })
212
218
  })
213
219
  })
214
220
  ]
215
- }, s);
221
+ }, a);
216
222
  })
217
223
  })));
218
224
  };
@@ -56,44 +56,44 @@ _export(exports, {
56
56
  }
57
57
  });
58
58
  /* empty css */ /* empty css */ var a = {
59
- default: "v17_8_q0hp3a6 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
60
- ios: "v17_8_q0hp3a7 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
61
- disabled: "v17_8_q0hp3a8 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh",
62
- disabledIos: "v17_8_q0hp3a9 v17_8_q0hp3a5 v17_8_1y2v1nfri v17_8_1y2v1nfuh"
59
+ default: "v17_9_q0hp3a6 v17_9_q0hp3a5 v17_9_1y2v1nfri v17_9_1y2v1nfuh",
60
+ ios: "v17_9_q0hp3a7 v17_9_q0hp3a5 v17_9_1y2v1nfri v17_9_1y2v1nfuh",
61
+ disabled: "v17_9_q0hp3a8 v17_9_q0hp3a5 v17_9_1y2v1nfri v17_9_1y2v1nfuh",
62
+ disabledIos: "v17_9_q0hp3a9 v17_9_q0hp3a5 v17_9_1y2v1nfri v17_9_1y2v1nfuh"
63
63
  }, h = {
64
- default: "v17_8_q0hp3ac v17_8_q0hp3ab v17_8_q0hp3aa v17_8_1y2v1nfr8",
65
- ios: "v17_8_q0hp3ad v17_8_q0hp3ab v17_8_q0hp3aa v17_8_1y2v1nfr8"
66
- }, p = "v17_8_q0hp3af v17_8_q0hp3ae v17_8_1y2v1nfrg v17_8_1y2v1nfui", q = {
67
- default: "v17_8_q0hp3ai v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
68
- ios: "v17_8_q0hp3aj v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
69
- iosDark: "v17_8_q0hp3ak v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
70
- checked: "v17_8_q0hp3al v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
71
- checkedIos: "v17_8_q0hp3am v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
64
+ default: "v17_9_q0hp3ac v17_9_q0hp3ab v17_9_q0hp3aa v17_9_1y2v1nfr8",
65
+ ios: "v17_9_q0hp3ad v17_9_q0hp3ab v17_9_q0hp3aa v17_9_1y2v1nfr8"
66
+ }, p = "v17_9_q0hp3af v17_9_q0hp3ae v17_9_1y2v1nfrg v17_9_1y2v1nfui", q = {
67
+ default: "v17_9_q0hp3ai v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
68
+ ios: "v17_9_q0hp3aj v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
69
+ iosDark: "v17_9_q0hp3ak v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
70
+ checked: "v17_9_q0hp3al v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
71
+ checkedIos: "v17_9_q0hp3am v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg"
72
72
  }, n = {
73
- default: "v17_8_q0hp3an v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
74
- ios: "v17_8_q0hp3ao v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
75
- iosDark: "v17_8_q0hp3ap v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
76
- checked: "v17_8_q0hp3aq v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
77
- checkedIos: "v17_8_q0hp3ar v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
73
+ default: "v17_9_q0hp3an v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
74
+ ios: "v17_9_q0hp3ao v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
75
+ iosDark: "v17_9_q0hp3ap v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
76
+ checked: "v17_9_q0hp3aq v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
77
+ checkedIos: "v17_9_q0hp3ar v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg"
78
78
  }, r = {
79
- default: "v17_8_q0hp3as v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
80
- ios: "v17_8_q0hp3at v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
81
- iosDark: "v17_8_q0hp3au v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
82
- checked: "v17_8_q0hp3av v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg",
83
- checkedIos: "v17_8_q0hp3aw v17_8_q0hp3ah v17_8_q0hp3ag v17_8_1y2v1nfrg"
84
- }, y = "v17_8_q0hp3ay", f = "v17_8_q0hp3az v17_8_q0hp3ax", e = "v17_8_q0hp3a10 v17_8_q0hp3ax", g = "v17_8_q0hp3a11 v17_8_q0hp3ax", i = "v17_8_q0hp3a12 v17_8_q0hp3ax", t = "v17_8_q0hp3a13", c = {
85
- default: "v17_8_q0hp3a18 v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
86
- ios: "v17_8_q0hp3a19 v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
87
- checked: "v17_8_q0hp3a1a v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
88
- checkedIos: "v17_8_q0hp3a1b v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
79
+ default: "v17_9_q0hp3as v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
80
+ ios: "v17_9_q0hp3at v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
81
+ iosDark: "v17_9_q0hp3au v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
82
+ checked: "v17_9_q0hp3av v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg",
83
+ checkedIos: "v17_9_q0hp3aw v17_9_q0hp3ah v17_9_q0hp3ag v17_9_1y2v1nfrg"
84
+ }, y = "v17_9_q0hp3ay", f = "v17_9_q0hp3az v17_9_q0hp3ax", e = "v17_9_q0hp3a10 v17_9_q0hp3ax", g = "v17_9_q0hp3a11 v17_9_q0hp3ax", i = "v17_9_q0hp3a12 v17_9_q0hp3ax", t = "v17_9_q0hp3a13", c = {
85
+ default: "v17_9_q0hp3a18 v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
86
+ ios: "v17_9_q0hp3a19 v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
87
+ checked: "v17_9_q0hp3a1a v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
88
+ checkedIos: "v17_9_q0hp3a1b v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty"
89
89
  }, d = {
90
- default: "v17_8_q0hp3a1c v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
91
- ios: "v17_8_q0hp3a1d v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
92
- checked: "v17_8_q0hp3a1e v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
93
- checkedIos: "v17_8_q0hp3a1f v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
90
+ default: "v17_9_q0hp3a1c v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
91
+ ios: "v17_9_q0hp3a1d v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
92
+ checked: "v17_9_q0hp3a1e v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
93
+ checkedIos: "v17_9_q0hp3a1f v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty"
94
94
  }, o = {
95
- default: "v17_8_q0hp3a1g v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
96
- ios: "v17_8_q0hp3a1h v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
97
- checked: "v17_8_q0hp3a1i v17_8_q0hp3a16 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty",
98
- checkedIos: "v17_8_q0hp3a1j v17_8_q0hp3a17 v17_8_q0hp3a15 v17_8_q0hp3a14 v17_8_1y2v1nfr9 v17_8_1y2v1nfvx v17_8_1y2v1nfrg v17_8_1y2v1nfty"
95
+ default: "v17_9_q0hp3a1g v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
96
+ ios: "v17_9_q0hp3a1h v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
97
+ checked: "v17_9_q0hp3a1i v17_9_q0hp3a16 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty",
98
+ checkedIos: "v17_9_q0hp3a1j v17_9_q0hp3a17 v17_9_q0hp3a15 v17_9_q0hp3a14 v17_9_1y2v1nfr9 v17_9_1y2v1nfvx v17_9_1y2v1nfrg v17_9_1y2v1nfty"
99
99
  };
@@ -71,12 +71,12 @@ _export(exports, {
71
71
  }
72
72
  });
73
73
  /* empty css */ /* empty css */ /* empty css */ var e = {
74
- maxHeight: "var(--v17_8_107ok880)"
75
- }, a = "v17_8_107ok881", r = "v17_8_107ok882", l = "v17_8_107ok883", t = "v17_8_107ok884", k = "v17_8_107ok885", i = "v17_8_107ok886", s = {
76
- left: "v17_8_107ok888 v17_8_107ok887",
77
- right: "v17_8_107ok889 v17_8_107ok887",
78
- center: "v17_8_107ok88a v17_8_107ok887"
79
- }, d = "v17_8_107ok88b", n = "v17_8_107ok88c", c = {
80
- top: "v17_8_107ok88d",
81
- middle: "v17_8_107ok88e"
82
- }, p = "v17_8_107ok88f", m = "v17_8_107ok88g", b = "v17_8_107ok88h", I = "v17_8_107ok88i", g = "v17_8_107ok88j", h = "v17_8_107ok88k", w = "v17_8_107ok88l", H = "v17_8_107ok88m", x = "v17_8_107ok88n";
74
+ maxHeight: "var(--v17_9_107ok880)"
75
+ }, a = "v17_9_107ok881", r = "v17_9_107ok882", l = "v17_9_107ok883", t = "v17_9_107ok884", k = "v17_9_107ok885", i = "v17_9_107ok886", s = {
76
+ left: "v17_9_107ok888 v17_9_107ok887",
77
+ right: "v17_9_107ok889 v17_9_107ok887",
78
+ center: "v17_9_107ok88a v17_9_107ok887"
79
+ }, d = "v17_9_107ok88b", n = "v17_9_107ok88c", c = {
80
+ top: "v17_9_107ok88d",
81
+ middle: "v17_9_107ok88e"
82
+ }, p = "v17_9_107ok88f", m = "v17_9_107ok88g", b = "v17_9_107ok88h", I = "v17_9_107ok88i", g = "v17_9_107ok88j", h = "v17_9_107ok88k", w = "v17_9_107ok88l", H = "v17_9_107ok88m", x = "v17_9_107ok88n";