@telefonica/mistica 16.60.0 → 16.61.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 (544) 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-fixed-footer-layout.d.ts +2 -1
  10. package/dist/button-fixed-footer-layout.js +4 -3
  11. package/dist/button-group.css-mistica.js +1 -1
  12. package/dist/button-layout.css-mistica.js +14 -14
  13. package/dist/button.css-mistica.js +30 -30
  14. package/dist/callout.css-mistica.js +11 -11
  15. package/dist/card-internal.css-mistica.js +15 -15
  16. package/dist/carousel.css-mistica.js +8 -8
  17. package/dist/checkbox.css-mistica.js +11 -11
  18. package/dist/chip.css-mistica.js +15 -15
  19. package/dist/circle.css-mistica.js +1 -1
  20. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  21. package/dist/community/blocks.css-mistica.js +1 -1
  22. package/dist/community/example-component.css-mistica.js +1 -1
  23. package/dist/counter.css-mistica.js +1 -1
  24. package/dist/cover-hero.css-mistica.js +2 -2
  25. package/dist/credit-card-number-field.css-mistica.js +3 -3
  26. package/dist/date-field.css-mistica.js +1 -1
  27. package/dist/date-time-picker.css-mistica.js +1 -1
  28. package/dist/dialog.css-mistica.js +4 -4
  29. package/dist/divider.css-mistica.js +5 -5
  30. package/dist/double-field.css-mistica.js +2 -2
  31. package/dist/drawer.css-mistica.js +1 -1
  32. package/dist/empty-state-card.css-mistica.js +1 -1
  33. package/dist/empty-state.css-mistica.js +5 -5
  34. package/dist/fade-in.css-mistica.js +1 -1
  35. package/dist/feedback.css-mistica.js +1 -1
  36. package/dist/file-upload.css-mistica.js +7 -7
  37. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  38. package/dist/fixed-footer-layout.d.ts +6 -1
  39. package/dist/fixed-footer-layout.js +29 -28
  40. package/dist/form.css-mistica.js +1 -1
  41. package/dist/grid-layout.css-mistica.js +3 -3
  42. package/dist/grid.css-mistica.js +120 -120
  43. package/dist/header.css-mistica.js +1 -1
  44. package/dist/hero.css-mistica.js +2 -2
  45. package/dist/horizontal-scroll.css-mistica.js +1 -1
  46. package/dist/icon-button.css-mistica.js +53 -53
  47. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  48. package/dist/icons/icon-error.css-mistica.js +1 -1
  49. package/dist/image.css-mistica.js +2 -2
  50. package/dist/image.js +8 -1
  51. package/dist/inline.css-mistica.js +9 -9
  52. package/dist/list.css-mistica.js +1 -1
  53. package/dist/loading-bar.css-mistica.js +1 -1
  54. package/dist/loading-screen.css-mistica.js +4 -4
  55. package/dist/logo.css-mistica.js +5 -5
  56. package/dist/menu.css-mistica.js +13 -13
  57. package/dist/mosaic.css-mistica.js +1 -1
  58. package/dist/navigation-bar.css-mistica.js +18 -18
  59. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  60. package/dist/package-version.js +1 -1
  61. package/dist/pin-field.css-mistica.js +1 -1
  62. package/dist/popover.css-mistica.js +1 -1
  63. package/dist/progress-bar.css-mistica.js +6 -6
  64. package/dist/radio-button.css-mistica.js +19 -19
  65. package/dist/rating.css-mistica.js +2 -2
  66. package/dist/responsive-layout.css-mistica.js +6 -6
  67. package/dist/screen-reader-only.css-mistica.js +1 -1
  68. package/dist/select.css-mistica.js +15 -15
  69. package/dist/sheet-action-row.css-mistica.js +1 -1
  70. package/dist/sheet-common.css-mistica.js +1 -1
  71. package/dist/sheet-info.css-mistica.js +1 -1
  72. package/dist/skeletons.css-mistica.js +6 -6
  73. package/dist/skins/skin-contract.css-mistica.js +684 -684
  74. package/dist/skip-link.css-mistica.js +1 -1
  75. package/dist/slider.css-mistica.js +18 -18
  76. package/dist/snackbar.css-mistica.js +4 -4
  77. package/dist/spinner.css-mistica.js +1 -1
  78. package/dist/square.css-mistica.js +1 -1
  79. package/dist/stack.css-mistica.js +5 -5
  80. package/dist/stacking-group.css-mistica.js +1 -1
  81. package/dist/stepper.css-mistica.js +2 -2
  82. package/dist/switch-component.css-mistica.js +35 -35
  83. package/dist/table.css-mistica.js +9 -9
  84. package/dist/tabs.css-mistica.js +17 -17
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +15 -15
  87. package/dist/text-field-components.css-mistica.js +3 -3
  88. package/dist/text-link.css-mistica.js +6 -6
  89. package/dist/text.css-mistica.js +6 -6
  90. package/dist/theme-context.css-mistica.js +1 -1
  91. package/dist/timeline.css-mistica.js +9 -9
  92. package/dist/timer.css-mistica.js +6 -6
  93. package/dist/tooltip.css-mistica.js +1 -1
  94. package/dist/touchable.css-mistica.js +1 -1
  95. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  96. package/dist/video.css-mistica.js +1 -1
  97. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  98. package/dist-es/accordion.css-mistica.js +6 -6
  99. package/dist-es/align.css-mistica.js +1 -1
  100. package/dist-es/autocomplete.css-mistica.js +1 -1
  101. package/dist-es/avatar.css-mistica.js +1 -1
  102. package/dist-es/badge.css-mistica.js +1 -1
  103. package/dist-es/box.css-mistica.js +13 -13
  104. package/dist-es/boxed.css-mistica.js +23 -23
  105. package/dist-es/button-fixed-footer-layout.js +12 -11
  106. package/dist-es/button-group.css-mistica.js +1 -1
  107. package/dist-es/button-layout.css-mistica.js +14 -14
  108. package/dist-es/button.css-mistica.js +30 -30
  109. package/dist-es/callout.css-mistica.js +11 -11
  110. package/dist-es/card-internal.css-mistica.js +15 -15
  111. package/dist-es/carousel.css-mistica.js +8 -8
  112. package/dist-es/checkbox.css-mistica.js +11 -11
  113. package/dist-es/chip.css-mistica.js +15 -15
  114. package/dist-es/circle.css-mistica.js +1 -1
  115. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  116. package/dist-es/community/blocks.css-mistica.js +1 -1
  117. package/dist-es/community/example-component.css-mistica.js +1 -1
  118. package/dist-es/counter.css-mistica.js +1 -1
  119. package/dist-es/cover-hero.css-mistica.js +2 -2
  120. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  121. package/dist-es/date-field.css-mistica.js +1 -1
  122. package/dist-es/date-time-picker.css-mistica.js +1 -1
  123. package/dist-es/dialog.css-mistica.js +4 -4
  124. package/dist-es/divider.css-mistica.js +5 -5
  125. package/dist-es/double-field.css-mistica.js +2 -2
  126. package/dist-es/drawer.css-mistica.js +1 -1
  127. package/dist-es/empty-state-card.css-mistica.js +1 -1
  128. package/dist-es/empty-state.css-mistica.js +5 -5
  129. package/dist-es/fade-in.css-mistica.js +1 -1
  130. package/dist-es/feedback.css-mistica.js +1 -1
  131. package/dist-es/file-upload.css-mistica.js +7 -7
  132. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  133. package/dist-es/fixed-footer-layout.js +57 -56
  134. package/dist-es/form.css-mistica.js +1 -1
  135. package/dist-es/grid-layout.css-mistica.js +3 -3
  136. package/dist-es/grid.css-mistica.js +120 -120
  137. package/dist-es/header.css-mistica.js +1 -1
  138. package/dist-es/hero.css-mistica.js +2 -2
  139. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  140. package/dist-es/icon-button.css-mistica.js +53 -53
  141. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  142. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  143. package/dist-es/image.css-mistica.js +2 -2
  144. package/dist-es/image.js +8 -1
  145. package/dist-es/inline.css-mistica.js +9 -9
  146. package/dist-es/list.css-mistica.js +1 -1
  147. package/dist-es/loading-bar.css-mistica.js +1 -1
  148. package/dist-es/loading-screen.css-mistica.js +4 -4
  149. package/dist-es/logo.css-mistica.js +5 -5
  150. package/dist-es/menu.css-mistica.js +13 -13
  151. package/dist-es/mosaic.css-mistica.js +1 -1
  152. package/dist-es/navigation-bar.css-mistica.js +18 -18
  153. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  154. package/dist-es/package-version.js +1 -1
  155. package/dist-es/pin-field.css-mistica.js +1 -1
  156. package/dist-es/popover.css-mistica.js +1 -1
  157. package/dist-es/progress-bar.css-mistica.js +6 -6
  158. package/dist-es/radio-button.css-mistica.js +19 -19
  159. package/dist-es/rating.css-mistica.js +2 -2
  160. package/dist-es/responsive-layout.css-mistica.js +6 -6
  161. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  162. package/dist-es/select.css-mistica.js +15 -15
  163. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  164. package/dist-es/sheet-common.css-mistica.js +1 -1
  165. package/dist-es/sheet-info.css-mistica.js +1 -1
  166. package/dist-es/skeletons.css-mistica.js +6 -6
  167. package/dist-es/skins/skin-contract.css-mistica.js +684 -684
  168. package/dist-es/skip-link.css-mistica.js +1 -1
  169. package/dist-es/slider.css-mistica.js +18 -18
  170. package/dist-es/snackbar.css-mistica.js +4 -4
  171. package/dist-es/spinner.css-mistica.js +1 -1
  172. package/dist-es/square.css-mistica.js +1 -1
  173. package/dist-es/stack.css-mistica.js +5 -5
  174. package/dist-es/stacking-group.css-mistica.js +1 -1
  175. package/dist-es/stepper.css-mistica.js +2 -2
  176. package/dist-es/style.css +1 -1
  177. package/dist-es/switch-component.css-mistica.js +35 -35
  178. package/dist-es/table.css-mistica.js +9 -9
  179. package/dist-es/tabs.css-mistica.js +17 -17
  180. package/dist-es/tag.css-mistica.js +1 -1
  181. package/dist-es/text-field-base.css-mistica.js +15 -15
  182. package/dist-es/text-field-components.css-mistica.js +3 -3
  183. package/dist-es/text-link.css-mistica.js +6 -6
  184. package/dist-es/text.css-mistica.js +6 -6
  185. package/dist-es/theme-context.css-mistica.js +1 -1
  186. package/dist-es/timeline.css-mistica.js +9 -9
  187. package/dist-es/timer.css-mistica.js +6 -6
  188. package/dist-es/tooltip.css-mistica.js +1 -1
  189. package/dist-es/touchable.css-mistica.js +1 -1
  190. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  191. package/dist-es/video.css-mistica.js +1 -1
  192. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  193. package/doc/llms.md +11 -0
  194. package/package.json +13 -1
  195. package/src/accordion.css.ts +121 -0
  196. package/src/accordion.tsx +366 -0
  197. package/src/align.css.ts +7 -0
  198. package/src/align.tsx +32 -0
  199. package/src/autocomplete.css.ts +62 -0
  200. package/src/autocomplete.tsx +239 -0
  201. package/src/avatar.css.ts +14 -0
  202. package/src/avatar.tsx +120 -0
  203. package/src/badge.css.ts +51 -0
  204. package/src/badge.tsx +79 -0
  205. package/src/box.css.ts +51 -0
  206. package/src/box.tsx +114 -0
  207. package/src/boxed.css.ts +132 -0
  208. package/src/boxed.tsx +153 -0
  209. package/src/button-fixed-footer-layout.tsx +65 -0
  210. package/src/button-group.css.ts +75 -0
  211. package/src/button-group.tsx +91 -0
  212. package/src/button-layout.css.ts +162 -0
  213. package/src/button-layout.tsx +91 -0
  214. package/src/button.css.ts +758 -0
  215. package/src/button.tsx +632 -0
  216. package/src/callout.css.ts +50 -0
  217. package/src/callout.tsx +147 -0
  218. package/src/card-cover.tsx +242 -0
  219. package/src/card-data.tsx +152 -0
  220. package/src/card-internal.css.ts +271 -0
  221. package/src/card-internal.tsx +1724 -0
  222. package/src/card-media.tsx +157 -0
  223. package/src/card-naked.tsx +63 -0
  224. package/src/carousel.css.ts +522 -0
  225. package/src/carousel.tsx +1300 -0
  226. package/src/checkbox.css.ts +94 -0
  227. package/src/checkbox.tsx +192 -0
  228. package/src/chip.css.ts +204 -0
  229. package/src/chip.tsx +191 -0
  230. package/src/circle.css.ts +14 -0
  231. package/src/circle.tsx +52 -0
  232. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-and-link-footer-image-false-1-snap.png +0 -0
  233. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-and-link-footer-image-true-1-snap.png +0 -0
  234. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-footer-image-false-1-snap.png +0 -0
  235. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-button-footer-image-true-1-snap.png +0 -0
  236. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-link-footer-image-false-1-snap.png +0 -0
  237. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-link-footer-image-true-1-snap.png +0 -0
  238. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-none-footer-image-false-1-snap.png +0 -0
  239. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-actions-none-footer-image-true-1-snap.png +0 -0
  240. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-0-1-snap.png +0 -0
  241. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-1-1-snap.png +0 -0
  242. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-3-1-snap.png +0 -0
  243. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-extras-3-no-divider-1-snap.png +0 -0
  244. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-inside-carousel-1-snap.png +0 -0
  245. package/src/community/__screenshot_tests__/__image_snapshots__/advanced-data-card-screenshot-test-tsx-advanced-data-card-without-stacking-group-with-top-actions-and-too-long-title-1-snap.png +0 -0
  246. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-highlighted-value-block-1-snap.png +0 -0
  247. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-information-block-1-snap.png +0 -0
  248. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-progress-block-1-snap.png +0 -0
  249. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-progress-block-2-snap.png +0 -0
  250. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-row-block-1-snap.png +0 -0
  251. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-simple-block-1-snap.png +0 -0
  252. package/src/community/__screenshot_tests__/__image_snapshots__/blocks-screenshot-test-tsx-blocks-value-block-1-snap.png +0 -0
  253. package/src/community/__screenshot_tests__/advanced-data-card-screenshot-test.tsx +84 -0
  254. package/src/community/__screenshot_tests__/blocks-screenshot-test.tsx +72 -0
  255. package/src/community/__stories__/advanced-data-card-carousel-story.tsx +66 -0
  256. package/src/community/__stories__/advanced-data-card-story.tsx +158 -0
  257. package/src/community/__stories__/blocks-story.tsx +272 -0
  258. package/src/community/__stories__/example-component-story.tsx +15 -0
  259. package/src/community/__stories__/index-story.tsx +154 -0
  260. package/src/community/__type_tests__/advanced-data-card-type-test.tsx +40 -0
  261. package/src/community/advanced-data-card.css.ts +271 -0
  262. package/src/community/advanced-data-card.tsx +431 -0
  263. package/src/community/blocks.css.ts +12 -0
  264. package/src/community/blocks.tsx +290 -0
  265. package/src/community/example-component.css.ts +7 -0
  266. package/src/community/example-component.tsx +17 -0
  267. package/src/community/index.tsx +10 -0
  268. package/src/counter.css.ts +150 -0
  269. package/src/counter.tsx +215 -0
  270. package/src/cover-hero-media.tsx +39 -0
  271. package/src/cover-hero.css.ts +133 -0
  272. package/src/cover-hero.tsx +262 -0
  273. package/src/credit-card-expiration-field.tsx +187 -0
  274. package/src/credit-card-fields.tsx +56 -0
  275. package/src/credit-card-number-field.css.ts +47 -0
  276. package/src/credit-card-number-field.tsx +245 -0
  277. package/src/cvv-field.tsx +169 -0
  278. package/src/date-field.css.ts +14 -0
  279. package/src/date-field.tsx +130 -0
  280. package/src/date-time-field.tsx +141 -0
  281. package/src/date-time-picker.css.ts +126 -0
  282. package/src/date-time-picker.tsx +188 -0
  283. package/src/decimal-field.tsx +160 -0
  284. package/src/desktop-container-type-context.tsx +15 -0
  285. package/src/dialog-context.tsx +81 -0
  286. package/src/dialog.css.ts +155 -0
  287. package/src/dialog.tsx +423 -0
  288. package/src/divider.css.ts +10 -0
  289. package/src/divider.tsx +11 -0
  290. package/src/double-field.css.ts +33 -0
  291. package/src/double-field.tsx +71 -0
  292. package/src/drawer.css.ts +123 -0
  293. package/src/drawer.tsx +304 -0
  294. package/src/email-field.tsx +76 -0
  295. package/src/empty-state-card.css.ts +40 -0
  296. package/src/empty-state-card.tsx +92 -0
  297. package/src/empty-state.css.ts +119 -0
  298. package/src/empty-state.tsx +141 -0
  299. package/src/fade-in.css.ts +12 -0
  300. package/src/fade-in.tsx +40 -0
  301. package/src/feedback.css.ts +119 -0
  302. package/src/feedback.tsx +432 -0
  303. package/src/file-upload.css.ts +156 -0
  304. package/src/file-upload.tsx +612 -0
  305. package/src/fixed-footer-layout.css.ts +96 -0
  306. package/src/fixed-footer-layout.tsx +227 -0
  307. package/src/fixed-to-top.tsx +21 -0
  308. package/src/focus-trap.tsx +17 -0
  309. package/src/form-context.tsx +198 -0
  310. package/src/form.css.ts +5 -0
  311. package/src/form.tsx +287 -0
  312. package/src/grid-layout.css.ts +68 -0
  313. package/src/grid-layout.tsx +201 -0
  314. package/src/grid.css.ts +203 -0
  315. package/src/grid.tsx +241 -0
  316. package/src/header.css.ts +30 -0
  317. package/src/header.tsx +319 -0
  318. package/src/hero.css.ts +71 -0
  319. package/src/hero.tsx +318 -0
  320. package/src/hooks.tsx +313 -0
  321. package/src/horizontal-scroll.css.ts +43 -0
  322. package/src/horizontal-scroll.tsx +18 -0
  323. package/src/iban-field.tsx +218 -0
  324. package/src/icon-button.css.ts +561 -0
  325. package/src/icon-button.tsx +221 -0
  326. package/src/icons/__stories__/mistica-icons-story.tsx +192 -0
  327. package/src/icons/icon-amex.tsx +40 -0
  328. package/src/icons/icon-chevron.css.ts +23 -0
  329. package/src/icons/icon-chevron.tsx +150 -0
  330. package/src/icons/icon-cvv-amex.tsx +31 -0
  331. package/src/icons/icon-cvv-visa-mc.tsx +31 -0
  332. package/src/icons/icon-error.css.ts +27 -0
  333. package/src/icons/icon-error.tsx +207 -0
  334. package/src/icons/icon-info.tsx +86 -0
  335. package/src/icons/icon-mastercard.tsx +36 -0
  336. package/src/icons/icon-success-vivo-new.tsx +51 -0
  337. package/src/icons/icon-success-vivo.tsx +36 -0
  338. package/src/icons/icon-success.tsx +211 -0
  339. package/src/icons/icon-visa.tsx +32 -0
  340. package/src/image.css.ts +48 -0
  341. package/src/image.tsx +352 -0
  342. package/src/index.tsx +2466 -0
  343. package/src/inline.css.ts +131 -0
  344. package/src/inline.tsx +135 -0
  345. package/src/integer-field.tsx +93 -0
  346. package/src/list.css.ts +281 -0
  347. package/src/list.tsx +963 -0
  348. package/src/loading-bar.css.ts +69 -0
  349. package/src/loading-bar.tsx +25 -0
  350. package/src/loading-screen.css.ts +114 -0
  351. package/src/loading-screen.tsx +376 -0
  352. package/src/logo-blau-shell.tsx +30 -0
  353. package/src/logo-blau.tsx +60 -0
  354. package/src/logo-common.tsx +29 -0
  355. package/src/logo-esimflag-shell.tsx +30 -0
  356. package/src/logo-esimflag.tsx +56 -0
  357. package/src/logo-movistar-new-shell.tsx +30 -0
  358. package/src/logo-movistar-new.tsx +85 -0
  359. package/src/logo-movistar-shell.tsx +30 -0
  360. package/src/logo-movistar.tsx +63 -0
  361. package/src/logo-o2-new-shell.tsx +26 -0
  362. package/src/logo-o2-new.tsx +27 -0
  363. package/src/logo-o2-shell.tsx +26 -0
  364. package/src/logo-o2.tsx +27 -0
  365. package/src/logo-telefonica-shell.tsx +30 -0
  366. package/src/logo-telefonica.tsx +95 -0
  367. package/src/logo-tu-shell.tsx +26 -0
  368. package/src/logo-tu.tsx +28 -0
  369. package/src/logo-vivo-shell.tsx +30 -0
  370. package/src/logo-vivo.tsx +53 -0
  371. package/src/logo.css.ts +33 -0
  372. package/src/logo.tsx +313 -0
  373. package/src/master-detail-layout.tsx +28 -0
  374. package/src/maybe-dismissable.css.ts +37 -0
  375. package/src/maybe-dismissable.tsx +58 -0
  376. package/src/media-queries.css.ts +67 -0
  377. package/src/menu.css.ts +132 -0
  378. package/src/menu.tsx +468 -0
  379. package/src/meter.tsx +516 -0
  380. package/src/modal-context-provider.tsx +45 -0
  381. package/src/month-field.tsx +124 -0
  382. package/src/mosaic.css.ts +73 -0
  383. package/src/mosaic.tsx +205 -0
  384. package/src/navigation-bar.css.ts +558 -0
  385. package/src/navigation-bar.tsx +1637 -0
  386. package/src/navigation-breadcrumbs.css.ts +22 -0
  387. package/src/navigation-breadcrumbs.tsx +69 -0
  388. package/src/negative-box.tsx +15 -0
  389. package/src/nestable-context.tsx +139 -0
  390. package/src/overlay.tsx +86 -0
  391. package/src/overscroll-color-context.tsx +141 -0
  392. package/src/package-version.tsx +2 -0
  393. package/src/password-field.tsx +126 -0
  394. package/src/phone-number-field-lite.tsx +265 -0
  395. package/src/phone-number-field.tsx +171 -0
  396. package/src/pin-field.css.ts +90 -0
  397. package/src/pin-field.tsx +346 -0
  398. package/src/placeholder.tsx +41 -0
  399. package/src/popover.css.ts +8 -0
  400. package/src/popover.tsx +85 -0
  401. package/src/portal.tsx +43 -0
  402. package/src/progress-bar.css.ts +61 -0
  403. package/src/progress-bar.tsx +174 -0
  404. package/src/radio-button.css.ts +174 -0
  405. package/src/radio-button.tsx +322 -0
  406. package/src/rating.css.ts +128 -0
  407. package/src/rating.tsx +351 -0
  408. package/src/responsive-layout.css.ts +162 -0
  409. package/src/responsive-layout.tsx +106 -0
  410. package/src/screen-reader-only.css.ts +27 -0
  411. package/src/screen-reader-only.tsx +33 -0
  412. package/src/screen-size-context-provider.tsx +96 -0
  413. package/src/screen-size-context.tsx +23 -0
  414. package/src/search-field.tsx +126 -0
  415. package/src/select.css.ts +226 -0
  416. package/src/select.tsx +513 -0
  417. package/src/sheet-action-row.css.ts +33 -0
  418. package/src/sheet-actions-list.tsx +113 -0
  419. package/src/sheet-actions.tsx +95 -0
  420. package/src/sheet-common.css.ts +254 -0
  421. package/src/sheet-common.tsx +402 -0
  422. package/src/sheet-info.css.ts +19 -0
  423. package/src/sheet-info.tsx +127 -0
  424. package/src/sheet-native.tsx +189 -0
  425. package/src/sheet-radio-list.tsx +118 -0
  426. package/src/sheet-root.tsx +127 -0
  427. package/src/sheet-types.tsx +94 -0
  428. package/src/sheet-web.tsx +140 -0
  429. package/src/skeleton-base.tsx +38 -0
  430. package/src/skeletons.css.ts +56 -0
  431. package/src/skeletons.tsx +133 -0
  432. package/src/skins/blau.tsx +724 -0
  433. package/src/skins/constants.tsx +10 -0
  434. package/src/skins/defaults.tsx +104 -0
  435. package/src/skins/esimflag.tsx +728 -0
  436. package/src/skins/movistar-new.tsx +735 -0
  437. package/src/skins/movistar.tsx +740 -0
  438. package/src/skins/o2-new.tsx +731 -0
  439. package/src/skins/o2.tsx +727 -0
  440. package/src/skins/skin-contract.css.ts +380 -0
  441. package/src/skins/telefonica.tsx +768 -0
  442. package/src/skins/tu.tsx +741 -0
  443. package/src/skins/types/colors.tsx +286 -0
  444. package/src/skins/types/index.tsx +153 -0
  445. package/src/skins/utils.tsx +66 -0
  446. package/src/skins/vivo-new.tsx +745 -0
  447. package/src/skins/vivo.tsx +720 -0
  448. package/src/skip-link.css.ts +34 -0
  449. package/src/skip-link.tsx +52 -0
  450. package/src/slider.css.ts +181 -0
  451. package/src/slider.tsx +384 -0
  452. package/src/snackbar-context.tsx +98 -0
  453. package/src/snackbar-native.ts +37 -0
  454. package/src/snackbar.css.ts +176 -0
  455. package/src/snackbar.tsx +258 -0
  456. package/src/spinner.css.ts +66 -0
  457. package/src/spinner.tsx +136 -0
  458. package/src/sprinkles.css.ts +83 -0
  459. package/src/square.css.ts +15 -0
  460. package/src/square.tsx +55 -0
  461. package/src/stack.css.ts +44 -0
  462. package/src/stack.tsx +79 -0
  463. package/src/stacking-group.css.ts +15 -0
  464. package/src/stacking-group.tsx +82 -0
  465. package/src/stepper.css.ts +233 -0
  466. package/src/stepper.tsx +156 -0
  467. package/src/switch-component.css.ts +181 -0
  468. package/src/switch-component.tsx +187 -0
  469. package/src/tab-focus.tsx +68 -0
  470. package/src/table-actions-header.tsx +21 -0
  471. package/src/table-cell-text.tsx +35 -0
  472. package/src/table.css.ts +297 -0
  473. package/src/table.tsx +398 -0
  474. package/src/tabs.css.ts +212 -0
  475. package/src/tabs.tsx +263 -0
  476. package/src/tag.css.ts +42 -0
  477. package/src/tag.tsx +161 -0
  478. package/src/test-utils/environment/setup-ssr.tsx +10 -0
  479. package/src/test-utils/fail-test-on-console-error.tsx +22 -0
  480. package/src/test-utils/index.tsx +341 -0
  481. package/src/test-utils/setup-ssr-test-env.tsx +13 -0
  482. package/src/test-utils/ssr.tsx +197 -0
  483. package/src/text-field-base.css.ts +416 -0
  484. package/src/text-field-base.tsx +628 -0
  485. package/src/text-field-components.css.ts +165 -0
  486. package/src/text-field-components.tsx +230 -0
  487. package/src/text-field.tsx +118 -0
  488. package/src/text-link.css.ts +83 -0
  489. package/src/text-link.tsx +85 -0
  490. package/src/text-tokens.tsx +708 -0
  491. package/src/text.css.ts +60 -0
  492. package/src/text.tsx +516 -0
  493. package/src/theme-context-provider.tsx +370 -0
  494. package/src/theme-context.css.ts +3 -0
  495. package/src/theme-context.tsx +8 -0
  496. package/src/theme-variant-context.tsx +51 -0
  497. package/src/theme.tsx +184 -0
  498. package/src/time-field.tsx +99 -0
  499. package/src/timeline.css.ts +135 -0
  500. package/src/timeline.tsx +250 -0
  501. package/src/timer.css.ts +99 -0
  502. package/src/timer.tsx +420 -0
  503. package/src/title.tsx +119 -0
  504. package/src/tooltip-context-provider.tsx +57 -0
  505. package/src/tooltip.css.ts +106 -0
  506. package/src/tooltip.tsx +649 -0
  507. package/src/touchable.css.ts +56 -0
  508. package/src/touchable.tsx +355 -0
  509. package/src/types/font-face.d.ts +47 -0
  510. package/src/types/libs.d.ts +3 -0
  511. package/src/utils/__tests__/analytics-test.tsx +35 -0
  512. package/src/utils/__tests__/browser-test.tsx +28 -0
  513. package/src/utils/__tests__/dom-test.tsx +23 -0
  514. package/src/utils/__tests__/helpers-test.tsx +166 -0
  515. package/src/utils/analytics.tsx +28 -0
  516. package/src/utils/animation.tsx +201 -0
  517. package/src/utils/aspect-ratio-support.css.ts +28 -0
  518. package/src/utils/aspect-ratio-support.tsx +141 -0
  519. package/src/utils/browser.tsx +9 -0
  520. package/src/utils/color.tsx +46 -0
  521. package/src/utils/common.tsx +27 -0
  522. package/src/utils/credit-card.tsx +46 -0
  523. package/src/utils/css.tsx +25 -0
  524. package/src/utils/document-visibility.tsx +52 -0
  525. package/src/utils/dom.tsx +155 -0
  526. package/src/utils/environment.tsx +6 -0
  527. package/src/utils/headings.tsx +18 -0
  528. package/src/utils/helpers.tsx +182 -0
  529. package/src/utils/keys.tsx +8 -0
  530. package/src/utils/locale.tsx +27 -0
  531. package/src/utils/platform.tsx +94 -0
  532. package/src/utils/region-code.tsx +1 -0
  533. package/src/utils/renders-element.tsx +6 -0
  534. package/src/utils/time.tsx +22 -0
  535. package/src/utils/types.tsx +19 -0
  536. package/src/utils/utility-types.tsx +8 -0
  537. package/src/video.css.ts +11 -0
  538. package/src/video.tsx +355 -0
  539. package/src/vivinho-loading-animation/in-lottie.json +402 -0
  540. package/src/vivinho-loading-animation/index.tsx +90 -0
  541. package/src/vivinho-loading-animation/out-lottie.json +575 -0
  542. package/src/vivinho-loading-animation/pulse-lottie.json +551 -0
  543. package/src/vivinho-loading-animation/vivinho-loading-animation.css.ts +15 -0
  544. package/src/vivinho-loading-animation/wave-lottie.json +2829 -0
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "example", {
8
8
  return m;
9
9
  }
10
10
  });
11
- /* empty css */ var m = "v16_60_jbmjs60";
11
+ /* empty css */ var m = "v16_61_jbmjs60";
@@ -43,4 +43,4 @@ _export(exports, {
43
43
  return a;
44
44
  }
45
45
  });
46
- /* empty css */ /* empty css */ var n = "v16_60_rijsns0", s = "v16_60_rijsns1", r = "v16_60_rijsns3 v16_60_rijsns2 v16_60_1y2v1nfsu v16_60_1y2v1nf83 v16_60_1y2v1nfq5 v16_60_1y2v1nft8", i = "v16_60_rijsns4", a = "v16_60_rijsns5 v16_60_1y2v1nfpy v16_60_1y2v1nfq4 v16_60_1y2v1nfqd", t = "v16_60_rijsns6", f = "v16_60_rijsns8 v16_60_rijsns7 v16_60_1y2v1nffw v16_60_1y2v1nfsm v16_60_1y2v1nfpz v16_60_1y2v1nfr2 v16_60_1y2v1nfri", y = "v16_60_rijsnsa v16_60_rijsns9 v16_60_1y2v1nfpz", j = "v16_60_rijsnsb v16_60_rijsnsa v16_60_rijsns9 v16_60_1y2v1nfpz", o = "v16_60_rijsnsc v16_60_rijsnsa v16_60_rijsns9 v16_60_1y2v1nfpz", u = "v16_60_rijsnse v16_60_rijsnsd v16_60_1y2v1nfr1 v16_60_1y2v1nfrh v16_60_1y2v1nfpz v16_60_1y2v1nfsu v16_60_1y2v1nfdi";
46
+ /* empty css */ /* empty css */ var n = "v16_61_rijsns0", s = "v16_61_rijsns1", r = "v16_61_rijsns3 v16_61_rijsns2 v16_61_1y2v1nfsu v16_61_1y2v1nf83 v16_61_1y2v1nfq5 v16_61_1y2v1nft8", i = "v16_61_rijsns4", a = "v16_61_rijsns5 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqd", t = "v16_61_rijsns6", f = "v16_61_rijsns8 v16_61_rijsns7 v16_61_1y2v1nffw v16_61_1y2v1nfsm v16_61_1y2v1nfpz v16_61_1y2v1nfr2 v16_61_1y2v1nfri", y = "v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", j = "v16_61_rijsnsb v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", o = "v16_61_rijsnsc v16_61_rijsnsa v16_61_rijsns9 v16_61_1y2v1nfpz", u = "v16_61_rijsnse v16_61_rijsnsd v16_61_1y2v1nfr1 v16_61_1y2v1nfrh v16_61_1y2v1nfpz v16_61_1y2v1nfsu v16_61_1y2v1nfdi";
@@ -50,5 +50,5 @@ _export(exports, {
50
50
  }
51
51
  });
52
52
  /* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
53
- aspectRatio: "var(--v16_60_moeazi0)"
54
- }, n = "v16_60_moeazi2 v16_60_moeazi1 v16_60_1y2v1nfpy v16_60_1y2v1nfq4 v16_60_1y2v1nfqa v16_60_1y2v1nfqd v16_60_1y2v1nfqr v16_60_1y2v1nfte v16_60_1y2v1nfun", i = "v16_60_moeazi4 v16_60_moeazi3 v16_60_1y2v1nfpy v16_60_1y2v1nfq4 v16_60_1y2v1nfqr", o = "v16_60_moeazi5", y = "v16_60_moeazi6", m = "v16_60_moeazi7", f = "v16_60_moeazi9 v16_60_moeazi8 v16_60_1y2v1nfqj", t = "v16_60_moeazia v16_60_1y2v1nfpz v16_60_1y2v1nfv2 v16_60_1y2v1nfqr v16_60_1y2v1nfr8", z = "v16_60_moeazic v16_60_moeazib v16_60_1y2v1nfpz v16_60_1y2v1nfte v16_60_1y2v1nftt v16_60_1y2v1nfqr v16_60_1y2v1nfr8", p = "v16_60_moeazid v16_60_1y2v1nfpy", q = "v16_60_moeazie", d = "v16_60_moeazif v16_60_1y2v1nfpy", s = "v16_60_moeazig v16_60_1y2v1nfq4 v16_60_1y2v1nfqa";
53
+ aspectRatio: "var(--v16_61_moeazi0)"
54
+ }, n = "v16_61_moeazi2 v16_61_moeazi1 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqd v16_61_1y2v1nfqr v16_61_1y2v1nfte v16_61_1y2v1nfun", i = "v16_61_moeazi4 v16_61_moeazi3 v16_61_1y2v1nfpy v16_61_1y2v1nfq4 v16_61_1y2v1nfqr", o = "v16_61_moeazi5", y = "v16_61_moeazi6", m = "v16_61_moeazi7", f = "v16_61_moeazi9 v16_61_moeazi8 v16_61_1y2v1nfqj", t = "v16_61_moeazia v16_61_1y2v1nfpz v16_61_1y2v1nfv2 v16_61_1y2v1nfqr v16_61_1y2v1nfr8", z = "v16_61_moeazic v16_61_moeazib v16_61_1y2v1nfpz v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfqr v16_61_1y2v1nfr8", p = "v16_61_moeazid v16_61_1y2v1nfpy", q = "v16_61_moeazie", d = "v16_61_moeazif v16_61_1y2v1nfpy", s = "v16_61_moeazig v16_61_1y2v1nfq4 v16_61_1y2v1nfqa";
@@ -22,7 +22,7 @@ _export(exports, {
22
22
  return f;
23
23
  }
24
24
  });
25
- /* empty css */ /* empty css */ var y = "v16_60_yvyo3q0", q = "v16_60_yvyo3q4 v16_60_yvyo3q2 v16_60_yvyo3q1 v16_60_1y2v1nfq4 v16_60_1y2v1nfqj v16_60_1y2v1nfqd v16_60_1y2v1nfr8 v16_60_yvyo3q3 v16_60_1y2v1nfpz", o = "v16_60_yvyo3q5 v16_60_yvyo3q2 v16_60_yvyo3q1 v16_60_1y2v1nfq4 v16_60_1y2v1nfqj v16_60_1y2v1nfqd v16_60_1y2v1nfr8", f = {
26
- default: "v16_60_yvyo3qa v16_60_yvyo3q7 v16_60_yvyo3q6 v16_60_1y2v1nfpy v16_60_yvyo3q8",
27
- backface: "v16_60_yvyo3qb v16_60_yvyo3q7 v16_60_yvyo3q6 v16_60_1y2v1nfpy v16_60_yvyo3q9"
25
+ /* empty css */ /* empty css */ var y = "v16_61_yvyo3q0", q = "v16_61_yvyo3q4 v16_61_yvyo3q2 v16_61_yvyo3q1 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfr8 v16_61_yvyo3q3 v16_61_1y2v1nfpz", o = "v16_61_yvyo3q5 v16_61_yvyo3q2 v16_61_yvyo3q1 v16_61_1y2v1nfq4 v16_61_1y2v1nfqj v16_61_1y2v1nfqd v16_61_1y2v1nfr8", f = {
26
+ default: "v16_61_yvyo3qa v16_61_yvyo3q7 v16_61_yvyo3q6 v16_61_1y2v1nfpy v16_61_yvyo3q8",
27
+ backface: "v16_61_yvyo3qb v16_61_yvyo3q7 v16_61_yvyo3q6 v16_61_1y2v1nfpy v16_61_yvyo3q9"
28
28
  };
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "iconContainer", {
8
8
  return p;
9
9
  }
10
10
  });
11
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "v16_60_1pntndu0";
11
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "v16_61_1pntndu0";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "reactDatePicker", {
8
8
  return e;
9
9
  }
10
10
  });
11
- /* empty css */ var e = "v16_60_c0yqjy0";
11
+ /* empty css */ var e = "v16_61_c0yqjy0";
@@ -43,7 +43,7 @@ _export(exports, {
43
43
  return n;
44
44
  }
45
45
  });
46
- /* empty css */ /* empty css */ var l = 200, n = "v16_60_3dl29l3 v16_60_3dl29l2 v16_60_1y2v1nfpy", y = "v16_60_3dl29l5 v16_60_3dl29l4 v16_60_1y2v1nfq0 v16_60_1y2v1nfq4 v16_60_1y2v1nfqd v16_60_1y2v1nfqj v16_60_1y2v1nfqa v16_60_1y2v1nfte v16_60_1y2v1nfu8 v16_60_1y2v1nfun v16_60_1y2v1nftt v16_60_1y2v1nf8e", f = "v16_60_3dl29l6", d = "v16_60_3dl29l8 v16_60_3dl29l7 v16_60_1y2v1nfgc v16_60_1y2v1nfhl v16_60_1y2v1nfiu v16_60_1y2v1nfk3 v16_60_1y2v1nfpz v16_60_1y2v1nfte v16_60_1y2v1nfu8", a = "v16_60_3dl29la v16_60_3dl29l9 v16_60_1y2v1nf7y v16_60_1y2v1nfsw", r = "v16_60_3dl29lb", t = {
47
- dialog: "v16_60_3dl29lg v16_60_3dl29ld v16_60_3dl29lc v16_60_1y2v1nfq4 v16_60_1y2v1nfqa v16_60_1y2v1nfqg v16_60_3dl29le v16_60_1y2v1nfj0 v16_60_1y2v1nfk9 v16_60_1y2v1nfgo v16_60_1y2v1nfhr",
48
- default: "v16_60_3dl29lh v16_60_3dl29ld v16_60_3dl29lc v16_60_1y2v1nfq4 v16_60_1y2v1nfqa v16_60_1y2v1nfqg v16_60_3dl29lf v16_60_1y2v1nfgi v16_60_1y2v1nfhr v16_60_1y2v1nfj0 v16_60_1y2v1nfk9"
49
- }, o = "v16_60_3dl29lj v16_60_3dl29li v16_60_1y2v1nfqq v16_60_1y2v1nfs4", e = "v16_60_3dl29ll v16_60_3dl29lk v16_60_1y2v1nfgi", i = "v16_60_3dl29lm";
46
+ /* empty css */ /* empty css */ var l = 200, n = "v16_61_3dl29l3 v16_61_3dl29l2 v16_61_1y2v1nfpy", y = "v16_61_3dl29l5 v16_61_3dl29l4 v16_61_1y2v1nfq0 v16_61_1y2v1nfq4 v16_61_1y2v1nfqd v16_61_1y2v1nfqj v16_61_1y2v1nfqa v16_61_1y2v1nfte v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nftt v16_61_1y2v1nf8e", f = "v16_61_3dl29l6", d = "v16_61_3dl29l8 v16_61_3dl29l7 v16_61_1y2v1nfgc v16_61_1y2v1nfhl v16_61_1y2v1nfiu v16_61_1y2v1nfk3 v16_61_1y2v1nfpz v16_61_1y2v1nfte v16_61_1y2v1nfu8", a = "v16_61_3dl29la v16_61_3dl29l9 v16_61_1y2v1nf7y v16_61_1y2v1nfsw", r = "v16_61_3dl29lb", t = {
47
+ dialog: "v16_61_3dl29lg v16_61_3dl29ld v16_61_3dl29lc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqg v16_61_3dl29le v16_61_1y2v1nfj0 v16_61_1y2v1nfk9 v16_61_1y2v1nfgo v16_61_1y2v1nfhr",
48
+ default: "v16_61_3dl29lh v16_61_3dl29ld v16_61_3dl29lc v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqg v16_61_3dl29lf v16_61_1y2v1nfgi v16_61_1y2v1nfhr v16_61_1y2v1nfj0 v16_61_1y2v1nfk9"
49
+ }, o = "v16_61_3dl29lj v16_61_3dl29li v16_61_1y2v1nfqq v16_61_1y2v1nfs4", e = "v16_61_3dl29ll v16_61_3dl29lk v16_61_1y2v1nfgi", i = "v16_61_3dl29lm";
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
9
9
  }
10
10
  });
11
11
  /* empty css */ var t = {
12
- default: "v16_60_o0dvt10",
13
- alternative: "v16_60_o0dvt11",
14
- brand: "v16_60_o0dvt12",
15
- negative: "v16_60_o0dvt13",
16
- media: "v16_60_o0dvt14"
12
+ default: "v16_61_o0dvt10",
13
+ alternative: "v16_61_o0dvt11",
14
+ brand: "v16_61_o0dvt12",
15
+ negative: "v16_61_o0dvt13",
16
+ media: "v16_61_o0dvt14"
17
17
  };
@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
9
9
  }
10
10
  });
11
11
  /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
12
- default: "v16_60_skrulh1 v16_60_skrulh0 v16_60_1y2v1nfq4 v16_60_1y2v1nfq9 v16_60_1y2v1nfqr",
13
- fullWidth: "v16_60_skrulh2 v16_60_skrulh0 v16_60_1y2v1nfq4 v16_60_1y2v1nfq9 v16_60_1y2v1nfqr"
12
+ default: "v16_61_skrulh1 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr",
13
+ fullWidth: "v16_61_skrulh2 v16_61_skrulh0 v16_61_1y2v1nfq4 v16_61_1y2v1nfq9 v16_61_1y2v1nfqr"
14
14
  };
@@ -52,4 +52,4 @@ _export(exports, {
52
52
  return r;
53
53
  }
54
54
  });
55
- /* empty css */ /* empty css */ var n = 350, w = "v16_60_c4ngww1 v16_60_c4ngww0 v16_60_1y2v1nfq0 v16_60_1y2v1nfq4 v16_60_1y2v1nf7y v16_60_1y2v1nfte v16_60_1y2v1nfu8 v16_60_1y2v1nfun v16_60_1y2v1nft8", a = "v16_60_c4ngww3 v16_60_c4ngww2 v16_60_1y2v1nfq4 v16_60_1y2v1nfqa v16_60_1y2v1nfqp", r = "v16_60_c4ngww5 v16_60_c4ngww4 v16_60_1y2v1nfqm v16_60_1y2v1nfqo", y = "v16_60_c4ngww7 v16_60_c4ngww6 v16_60_1y2v1nfqp v16_60_1y2v1nftd", t = "v16_60_c4ngww8", c = "v16_60_c4ngww9", f = "v16_60_c4ngwwb v16_60_c4ngwwa v16_60_1y2v1nfq0 v16_60_1y2v1nfte v16_60_1y2v1nftt v16_60_1y2v1nfu8 v16_60_1y2v1nfun v16_60_1y2v1nf8e", o = "v16_60_c4ngwwc", e = "v16_60_c4ngwwd", g = "v16_60_c4ngwwe v16_60_1y2v1nfpz v16_60_1y2v1nfth v16_60_1y2v1nfub", i = "v16_60_c4ngwwf", l = "v16_60_c4ngwwg", d = "v16_60_c4ngwwh";
55
+ /* empty css */ /* empty css */ var n = 350, w = "v16_61_c4ngww1 v16_61_c4ngww0 v16_61_1y2v1nfq0 v16_61_1y2v1nfq4 v16_61_1y2v1nf7y v16_61_1y2v1nfte v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nft8", a = "v16_61_c4ngww3 v16_61_c4ngww2 v16_61_1y2v1nfq4 v16_61_1y2v1nfqa v16_61_1y2v1nfqp", r = "v16_61_c4ngww5 v16_61_c4ngww4 v16_61_1y2v1nfqm v16_61_1y2v1nfqo", y = "v16_61_c4ngww7 v16_61_c4ngww6 v16_61_1y2v1nfqp v16_61_1y2v1nftd", t = "v16_61_c4ngww8", c = "v16_61_c4ngww9", f = "v16_61_c4ngwwb v16_61_c4ngwwa v16_61_1y2v1nfq0 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nf8e", o = "v16_61_c4ngwwc", e = "v16_61_c4ngwwd", g = "v16_61_c4ngwwe v16_61_1y2v1nfpz v16_61_1y2v1nfth v16_61_1y2v1nfub", i = "v16_61_c4ngwwf", l = "v16_61_c4ngwwg", d = "v16_61_c4ngwwh";
@@ -19,4 +19,4 @@ _export(exports, {
19
19
  return a;
20
20
  }
21
21
  });
22
- /* empty css */ /* empty css */ var v = "v16_60_1azor6p0", a = "v16_60_1azor6p2 v16_60_1azor6p1 v16_60_1y2v1nfq6 v16_60_1y2v1nfrl", o = "v16_60_1azor6p4 v16_60_1azor6p3 v16_60_1y2v1nfr3 v16_60_1y2v1nfrj";
22
+ /* empty css */ /* empty css */ var v = "v16_61_1azor6p0", a = "v16_61_1azor6p2 v16_61_1azor6p1 v16_61_1y2v1nfq6 v16_61_1y2v1nfrl", o = "v16_61_1azor6p4 v16_61_1azor6p3 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj";
@@ -38,8 +38,8 @@ _export(exports, {
38
38
  }
39
39
  });
40
40
  /* empty css */ /* empty css */ var _ = {
41
- backgroundColor: "var(--v16_60_13fzrua0)"
42
- }, v = "v16_60_13fzrua2 v16_60_13fzrua1 v16_60_1y2v1nfq4 v16_60_1y2v1nffw", f = {
43
- default: "v16_60_13fzrua3",
44
- largeImage: "v16_60_13fzrua4"
45
- }, n = "v16_60_13fzrua5", e = "v16_60_13fzrua7 v16_60_13fzrua6 v16_60_1y2v1nfr8", u = "v16_60_13fzrua9 v16_60_13fzrua8 v16_60_1y2v1nfr5 v16_60_1y2v1nfrl", z = "v16_60_13fzruab v16_60_13fzruaa v16_60_1y2v1nfq6", o = "v16_60_13fzruac v16_60_1y2v1nfsl", t = "v16_60_13fzruad";
41
+ backgroundColor: "var(--v16_61_13fzrua0)"
42
+ }, v = "v16_61_13fzrua2 v16_61_13fzrua1 v16_61_1y2v1nfq4 v16_61_1y2v1nffw", f = {
43
+ default: "v16_61_13fzrua3",
44
+ largeImage: "v16_61_13fzrua4"
45
+ }, n = "v16_61_13fzrua5", e = "v16_61_13fzrua7 v16_61_13fzrua6 v16_61_1y2v1nfr8", u = "v16_61_13fzrua9 v16_61_13fzrua8 v16_61_1y2v1nfr5 v16_61_1y2v1nfrl", z = "v16_61_13fzruab v16_61_13fzruaa v16_61_1y2v1nfq6", o = "v16_61_13fzruac v16_61_1y2v1nfsl", t = "v16_61_13fzruad";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
8
8
  return p;
9
9
  }
10
10
  });
11
- /* empty css */ var p = "v16_60_kq227n1";
11
+ /* empty css */ var p = "v16_61_kq227n1";
@@ -49,4 +49,4 @@ _export(exports, {
49
49
  return f;
50
50
  }
51
51
  });
52
- /* empty css */ /* empty css */ var v = "v16_60_gx6h6a0", e = "v16_60_gx6h6a1", r = "v16_60_gx6h6a2", n = "v16_60_gx6h6a4 v16_60_gx6h6a3 v16_60_1y2v1nfq4 v16_60_1y2v1nfr8 v16_60_1y2v1nfqr v16_60_1y2v1nfqa", t = "v16_60_gx6h6a5", x = "v16_60_gx6h6a6", g = "v16_60_gx6h6a7 v16_60_1y2v1nfr3 v16_60_1y2v1nfrj", h = "v16_60_gx6h6ab v16_60_gx6h6aa", o = "v16_60_gx6h6ac v16_60_gx6h6aa", d = "v16_60_gx6h6ad v16_60_gx6h6aa", i = "v16_60_gx6h6ae", p = "v16_60_gx6h6af", f = "v16_60_gx6h6ag";
52
+ /* empty css */ /* empty css */ var v = "v16_61_gx6h6a0", e = "v16_61_gx6h6a1", r = "v16_61_gx6h6a2", n = "v16_61_gx6h6a4 v16_61_gx6h6a3 v16_61_1y2v1nfq4 v16_61_1y2v1nfr8 v16_61_1y2v1nfqr v16_61_1y2v1nfqa", t = "v16_61_gx6h6a5", x = "v16_61_gx6h6a6", g = "v16_61_gx6h6a7 v16_61_1y2v1nfr3 v16_61_1y2v1nfrj", h = "v16_61_gx6h6ab v16_61_gx6h6aa", o = "v16_61_gx6h6ac v16_61_gx6h6aa", d = "v16_61_gx6h6ad v16_61_gx6h6aa", i = "v16_61_gx6h6ae", p = "v16_61_gx6h6af", f = "v16_61_gx6h6ag";
@@ -31,10 +31,10 @@ _export(exports, {
31
31
  return n;
32
32
  }
33
33
  });
34
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_60_1isvxjy0", y = "v16_60_1isvxjy9 v16_60_1isvxjy2 v16_60_1isvxjy1 v16_60_1y2v1nfj0 v16_60_1y2v1nfk9 v16_60_1y2v1nfgl v16_60_1y2v1nfhu v16_60_1y2v1nfsw", n = {
35
- default: "v16_60_1isvxjya",
36
- alternative: "v16_60_1isvxjyb",
37
- brand: "v16_60_1isvxjyc",
38
- negative: "v16_60_1isvxjyd",
39
- media: "v16_60_1isvxjye"
40
- }, t = "v16_60_1isvxjyf", s = "v16_60_1isvxjyh", o = "v16_60_1isvxjyi", j = "v16_60_1isvxjyk v16_60_1isvxjyj v16_60_1y2v1nfq4 v16_60_1y2v1nfqd";
34
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_61_1isvxjy0", y = "v16_61_1isvxjy9 v16_61_1isvxjy2 v16_61_1isvxjy1 v16_61_1y2v1nfj0 v16_61_1y2v1nfk9 v16_61_1y2v1nfgl v16_61_1y2v1nfhu v16_61_1y2v1nfsw", n = {
35
+ default: "v16_61_1isvxjya",
36
+ alternative: "v16_61_1isvxjyb",
37
+ brand: "v16_61_1isvxjyc",
38
+ negative: "v16_61_1isvxjyd",
39
+ media: "v16_61_1isvxjye"
40
+ }, t = "v16_61_1isvxjyf", s = "v16_61_1isvxjyh", o = "v16_61_1isvxjyi", j = "v16_61_1isvxjyk v16_61_1isvxjyj v16_61_1y2v1nfq4 v16_61_1y2v1nfqd";
@@ -38,5 +38,5 @@ _export(exports, {
38
38
  }
39
39
  });
40
40
  /* empty css */ /* empty css */ var j = {
41
- footerHeight: "var(--v16_60_p5j8j50)"
42
- }, r = "v16_60_p5j8j53 v16_60_p5j8j52 v16_60_1y2v1nfqr", t = "v16_60_p5j8j54", n = "v16_60_p5j8j55", a = "v16_60_p5j8j56 v16_60_1y2v1nfq3", f = "v16_60_p5j8j57", p = "v16_60_p5j8j59 v16_60_p5j8j58 v16_60_1y2v1nfte v16_60_1y2v1nftt v16_60_1y2v1nfu8 v16_60_1y2v1nfun v16_60_1y2v1nfq0", e = "v16_60_p5j8j5b v16_60_p5j8j5a v16_60_1y2v1nfte v16_60_1y2v1nftt v16_60_1y2v1nfu8 v16_60_1y2v1nfun v16_60_1y2v1nfq0", o = "v16_60_p5j8j5d v16_60_p5j8j5c v16_60_1y2v1nftt v16_60_1y2v1nfu8 v16_60_1y2v1nfpz";
41
+ footerHeight: "var(--v16_61_p5j8j50)"
42
+ }, r = "v16_61_p5j8j53 v16_61_p5j8j52 v16_61_1y2v1nfqr", t = "v16_61_p5j8j54", n = "v16_61_p5j8j55", a = "v16_61_p5j8j56 v16_61_1y2v1nfq3", f = "v16_61_p5j8j57", p = "v16_61_p5j8j59 v16_61_p5j8j58 v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", e = "v16_61_p5j8j5b v16_61_p5j8j5a v16_61_1y2v1nfte v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfun v16_61_1y2v1nfq0", o = "v16_61_p5j8j5d v16_61_p5j8j5c v16_61_1y2v1nftt v16_61_1y2v1nfu8 v16_61_1y2v1nfpz";
@@ -8,6 +8,11 @@ type Props = {
8
8
  containerBgColor?: string;
9
9
  children: React.ReactNode;
10
10
  onChangeFooterHeight?: (heightInPx: number) => void;
11
+ /**
12
+ * @default true
13
+ * When enabled an elevation will be displayed on the footer if it is fixed and there is scrollable content below it. Notice this layout is not fixed on Desktop.
14
+ */
15
+ footerScrollEffect?: boolean;
11
16
  };
12
- declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, footerRole, containerBgColor, children, onChangeFooterHeight, }: Props) => JSX.Element;
17
+ declare const FixedFooterLayout: ({ isFooterVisible, footer, footerHeight, footerBgColor, footerRole, containerBgColor, children, onChangeFooterHeight, footerScrollEffect, }: Props) => JSX.Element;
13
18
  export default FixedFooterLayout;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return Fe;
9
+ return Se;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -68,59 +68,60 @@ function _interop_require_wildcard(obj, nodeInterop) {
68
68
  }
69
69
  return newObj;
70
70
  }
71
- const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
71
+ const ce = (e)=>e === document.documentElement ? window : e, le = (e)=>{
72
72
  const c = setTimeout(e, 0);
73
73
  return {
74
74
  cancel: ()=>clearTimeout(c)
75
75
  };
76
- }, le = 200, Fe = (param)=>{
77
- let { isFooterVisible: e = !0, footer: c, footerHeight: S = "auto", footerBgColor: n = _skincontractcssmistica.vars.colors.background, footerRole: k, containerBgColor: H = _skincontractcssmistica.vars.colors.background, children: L, onChangeFooterHeight: g } = param;
78
- const [$, h] = _react.useState(!1), l = _react.useRef(null), { height: d } = (0, _hooks.useBoundingRect)(l) || {
76
+ }, de = 200, Se = (param)=>{
77
+ let { isFooterVisible: e = !0, footer: c, footerHeight: k = "auto", footerBgColor: n = _skincontractcssmistica.vars.colors.background, footerRole: H, containerBgColor: L = _skincontractcssmistica.vars.colors.background, children: $, onChangeFooterHeight: h, footerScrollEffect: f = !0 } = param;
78
+ const [w, v] = _react.useState(!1), l = _react.useRef(null), { height: d } = (0, _hooks.useBoundingRect)(l) || {
79
79
  height: 0
80
- }, { isTabletOrSmaller: m } = (0, _hooks.useScreenSize)(), { platformOverrides: v } = (0, _hooks.useTheme)(), { height: o, ref: w } = (0, _hooks.useElementDimensions)({
80
+ }, { isTabletOrSmaller: m } = (0, _hooks.useScreenSize)(), { platformOverrides: x } = (0, _hooks.useTheme)(), { height: o, ref: D } = (0, _hooks.useElementDimensions)({
81
81
  includeMargins: !0
82
- }), { visualHeight: D } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = D - a - o > le, { topColor: I = n } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: x, ref: N } = (0, _hooks.useElementDimensions)();
82
+ }), { visualHeight: I } = (0, _hooks.useWindowSize)(), a = (0, _fixedtotop.useFixedToTopHeight)(), t = I - a - o > de, { topColor: N = n } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: y, ref: R } = (0, _hooks.useElementDimensions)();
83
83
  (0, _hooks.useIsomorphicLayoutEffect)(()=>{
84
- g === null || g === void 0 ? void 0 : g(o);
84
+ h === null || h === void 0 ? void 0 : h(o);
85
85
  }, [
86
- g,
86
+ h,
87
87
  o
88
88
  ]), _react.useEffect(()=>{
89
- if (!m || (0, _platform.isRunningAcceptanceTest)(v) || !t) {
90
- h(!1);
89
+ if (!f || !m || (0, _platform.isRunningAcceptanceTest)(x) || !t) {
90
+ v(!1);
91
91
  return;
92
92
  }
93
- const u = (0, _dom.getScrollableParentElement)(l.current), A = ()=>(0, _dom.hasScroll)(u) && (0, _dom.getScrollDistanceToBottom)(u) > a + 1, r = (0, _helpers.debounce)(()=>{
94
- h(A());
93
+ const u = (0, _dom.getScrollableParentElement)(l.current), B = ()=>(0, _dom.hasScroll)(u) && (0, _dom.getScrollDistanceToBottom)(u) > a + 1, r = (0, _helpers.debounce)(()=>{
94
+ v(B());
95
95
  }, 50, {
96
96
  leading: !0,
97
97
  maxWait: 100
98
- }), B = ce(r), i = ie(u);
98
+ }), z = le(r), i = ce(u);
99
99
  return (0, _dom.addPassiveEventListener)(i, "resize", r), (0, _dom.addPassiveEventListener)(i, "scroll", r), ()=>{
100
- r.cancel(), (0, _dom.removePassiveEventListener)(i, "scroll", r), (0, _dom.removePassiveEventListener)(i, "resize", r), B.cancel();
100
+ r.cancel(), (0, _dom.removePassiveEventListener)(i, "scroll", r), (0, _dom.removePassiveEventListener)(i, "resize", r), z.cancel();
101
101
  };
102
102
  }, [
103
- v,
103
+ x,
104
104
  m,
105
105
  t,
106
+ f,
106
107
  // `topDistance` and `contentHeight` dependencies are needed to recalculate the elevation state
107
108
  a,
108
109
  d
109
110
  ]);
110
- const R = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
111
+ const A = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
111
112
  className: _fixedfooterlayoutcssmistica.portal,
112
113
  children: [
113
114
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
114
115
  className: _fixedfooterlayoutcssmistica.fixedBackgroundLayer,
115
116
  style: {
116
- background: `linear-gradient(180deg, ${I} 50%, ${n} 50% 100%)`
117
+ background: `linear-gradient(180deg, ${N} 50%, ${n} 50% 100%)`
117
118
  }
118
119
  }),
119
120
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
120
- ref: N,
121
+ ref: R,
121
122
  className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
122
123
  style: {
123
- background: H,
124
+ background: L,
124
125
  // this color could be a gradient
125
126
  top: a - 1,
126
127
  // -1 because the navigationbar could have a 1px transparent background
@@ -132,8 +133,8 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
132
133
  className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
133
134
  style: {
134
135
  background: n,
135
- top: x + a - 1,
136
- height: `calc(${d}px - ${x}px)`
136
+ top: y + a - 1,
137
+ height: `calc(${d}px - ${y}px)`
137
138
  }
138
139
  })
139
140
  ]
@@ -147,8 +148,8 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
147
148
  [_fixedfooterlayoutcssmistica.vars.footerHeight]: t ? `${o}px` : "0px"
148
149
  }),
149
150
  children: [
150
- R(),
151
- L
151
+ A(),
152
+ $
152
153
  ]
153
154
  }),
154
155
  e && t && /**
@@ -160,7 +161,7 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
160
161
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
161
162
  className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
162
163
  [_fixedfooterlayoutcssmistica.withoutFooter]: !e,
163
- [_fixedfooterlayoutcssmistica.elevated]: $,
164
+ [_fixedfooterlayoutcssmistica.elevated]: w,
164
165
  [_fixedfooterlayoutcssmistica.fixedFooter]: t
165
166
  }),
166
167
  style: {
@@ -169,12 +170,12 @@ const ie = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
169
170
  "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
170
171
  "data-position-fixed": "bottom",
171
172
  children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
172
- role: k,
173
- ref: w,
173
+ role: H,
174
+ ref: D,
174
175
  "data-component-name": "FixedFooter",
175
176
  "data-testid": "FixedFooter",
176
177
  style: {
177
- height: S,
178
+ height: k,
178
179
  marginBottom: _css.safeAreaInsetBottom
179
180
  },
180
181
  children: c
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "form", {
8
8
  return p;
9
9
  }
10
10
  });
11
- /* empty css */ /* empty css */ var p = "v16_60_1dycpqb0 v16_60_1y2v1nfqr";
11
+ /* empty css */ /* empty css */ var p = "v16_61_1dycpqb0 v16_61_1y2v1nfqr";
@@ -31,7 +31,7 @@ _export(exports, {
31
31
  return o;
32
32
  }
33
33
  });
34
- /* empty css */ var a = "v16_60_379jdb0", _ = "v16_60_379jdb1", r = "v16_60_379jdb2", d = "v16_60_379jdb4", e = "v16_60_379jdb5", l = "v16_60_379jdb7", o = {
35
- colSpan: "var(--v16_60_379jdb6)",
36
- verticalSpace: "var(--v16_60_379jdb3)"
34
+ /* empty css */ var a = "v16_61_379jdb0", _ = "v16_61_379jdb1", r = "v16_61_379jdb2", d = "v16_61_379jdb4", e = "v16_61_379jdb5", l = "v16_61_379jdb7", o = {
35
+ colSpan: "var(--v16_61_379jdb6)",
36
+ verticalSpace: "var(--v16_61_379jdb3)"
37
37
  };