@telefonica/mistica 17.1.0 → 17.3.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 (387) hide show
  1. package/css/blau.css +7 -0
  2. package/css/community/cyber.css +1491 -0
  3. package/css/esimflag.css +39 -40
  4. package/css/mistica-common.css +6 -0
  5. package/css/mistica.css +1 -1
  6. package/css/movistar.css +7 -0
  7. package/css/o2.css +10 -2
  8. package/css/telefonica.css +10 -2
  9. package/css/vivo-evolution.css +20 -13
  10. package/css/vivo.css +9 -2
  11. package/dist/accordion.css-mistica.js +14 -11
  12. package/dist/accordion.css.d.ts +1 -0
  13. package/dist/accordion.d.ts +3 -2
  14. package/dist/accordion.js +118 -106
  15. package/dist/align.css-mistica.js +1 -1
  16. package/dist/autocomplete.css-mistica.js +1 -1
  17. package/dist/autocomplete.js +32 -32
  18. package/dist/avatar.css-mistica.js +1 -1
  19. package/dist/badge.css-mistica.js +1 -1
  20. package/dist/box.css-mistica.js +13 -13
  21. package/dist/boxed.css-mistica.js +24 -24
  22. package/dist/button-group.css-mistica.js +1 -1
  23. package/dist/button-layout.css-mistica.js +14 -14
  24. package/dist/button.css-mistica.js +47 -47
  25. package/dist/callout.css-mistica.js +13 -13
  26. package/dist/card-internal.css-mistica.js +17 -17
  27. package/dist/carousel.css-mistica.js +17 -17
  28. package/dist/checkbox.css-mistica.js +11 -11
  29. package/dist/chip.css-mistica.js +15 -15
  30. package/dist/circle.css-mistica.js +1 -1
  31. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  32. package/dist/community/ai-card.css-mistica.js +13 -13
  33. package/dist/community/blocks.css-mistica.js +3 -3
  34. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  35. package/dist/community/example-component.css-mistica.js +2 -2
  36. package/dist/community/skins/cyber-skin.d.ts +5 -0
  37. package/dist/community/skins/cyber-skin.js +299 -259
  38. package/dist/counter.css-mistica.js +2 -2
  39. package/dist/cover-hero.css-mistica.js +4 -4
  40. package/dist/credit-card-fields.d.ts +2 -1
  41. package/dist/credit-card-fields.js +14 -11
  42. package/dist/credit-card-number-field.css-mistica.js +3 -3
  43. package/dist/date-field.css-mistica.js +1 -1
  44. package/dist/date-time-picker.css-mistica.js +1 -1
  45. package/dist/dialog.css-mistica.js +8 -8
  46. package/dist/divider.css-mistica.js +5 -5
  47. package/dist/double-field.css-mistica.js +2 -2
  48. package/dist/drawer.css-mistica.js +5 -5
  49. package/dist/empty-state-card.css-mistica.js +1 -1
  50. package/dist/empty-state.css-mistica.js +5 -5
  51. package/dist/fade-in.css-mistica.js +1 -1
  52. package/dist/feedback.css-mistica.js +1 -1
  53. package/dist/file-upload.css-mistica.js +7 -7
  54. package/dist/fixed-footer-layout.css-mistica.js +6 -6
  55. package/dist/form.css-mistica.js +1 -1
  56. package/dist/generated/mistica-icons/icon-add-more-circle-filled.js +20 -10
  57. package/dist/generated/mistica-icons/icon-add-more-circle-light.js +33 -17
  58. package/dist/generated/mistica-icons/icon-add-more-circle-regular.js +24 -8
  59. package/dist/generated/mistica-icons/icon-add-more-query-filled.js +36 -16
  60. package/dist/generated/mistica-icons/icon-add-more-query-light.js +36 -16
  61. package/dist/generated/mistica-icons/icon-add-more-query-regular.js +37 -17
  62. package/dist/generated/mistica-icons/icon-alert-filled.js +17 -7
  63. package/dist/generated/mistica-icons/icon-alert-light.js +39 -23
  64. package/dist/generated/mistica-icons/icon-alert-regular.js +25 -9
  65. package/dist/generated/mistica-icons/icon-api-filled.js +28 -11
  66. package/dist/generated/mistica-icons/icon-api-light.js +35 -15
  67. package/dist/generated/mistica-icons/icon-api-regular.js +37 -17
  68. package/dist/generated/mistica-icons/icon-apps-business-filled.js +19 -9
  69. package/dist/generated/mistica-icons/icon-apps-business-light.js +27 -17
  70. package/dist/generated/mistica-icons/icon-apps-business-regular.js +25 -15
  71. package/dist/generated/mistica-icons/icon-apps-filled.js +23 -13
  72. package/dist/generated/mistica-icons/icon-apps-light.js +22 -12
  73. package/dist/generated/mistica-icons/icon-apps-regular.js +22 -12
  74. package/dist/generated/mistica-icons/icon-artificial-intelligence-filled.js +20 -10
  75. package/dist/generated/mistica-icons/icon-artificial-intelligence-light.js +26 -16
  76. package/dist/generated/mistica-icons/icon-artificial-intelligence-regular.js +24 -14
  77. package/dist/generated/mistica-icons/icon-cancel-filled.js +25 -15
  78. package/dist/generated/mistica-icons/icon-cancel-light.js +34 -18
  79. package/dist/generated/mistica-icons/icon-cancel-regular.js +40 -24
  80. package/dist/generated/mistica-icons/icon-check-filled.js +23 -12
  81. package/dist/generated/mistica-icons/icon-check-light.js +21 -11
  82. package/dist/generated/mistica-icons/icon-check-regular.js +16 -6
  83. package/dist/generated/mistica-icons/icon-checked-filled.js +20 -10
  84. package/dist/generated/mistica-icons/icon-checked-light.js +40 -24
  85. package/dist/generated/mistica-icons/icon-checked-regular.js +29 -13
  86. package/dist/generated/mistica-icons/icon-disable-filled.js +23 -12
  87. package/dist/generated/mistica-icons/icon-disable-light.js +19 -9
  88. package/dist/generated/mistica-icons/icon-disable-regular.js +22 -12
  89. package/dist/generated/mistica-icons/icon-information-filled.js +23 -12
  90. package/dist/generated/mistica-icons/icon-information-light.js +30 -13
  91. package/dist/generated/mistica-icons/icon-information-regular.js +25 -9
  92. package/dist/generated/mistica-icons/icon-loudspeaker-filled.js +1 -1
  93. package/dist/generated/mistica-icons/icon-panel-collapse-filled.d.ts +3 -0
  94. package/dist/generated/mistica-icons/icon-panel-collapse-light.d.ts +3 -0
  95. package/dist/generated/mistica-icons/icon-panel-collapse-regular.d.ts +3 -0
  96. package/dist/generated/mistica-icons/icon-panel-expand-filled.d.ts +3 -0
  97. package/dist/generated/mistica-icons/icon-panel-expand-light.d.ts +3 -0
  98. package/dist/generated/mistica-icons/icon-panel-expand-regular.d.ts +3 -0
  99. package/dist/generated/mistica-icons/icon-pix-filled.js +4 -4
  100. package/dist/generated/mistica-icons/icon-question-filled.js +25 -15
  101. package/dist/generated/mistica-icons/icon-question-light.js +33 -17
  102. package/dist/generated/mistica-icons/icon-question-regular.js +31 -15
  103. package/dist/generated/mistica-icons/icon-search-ai-filled.d.ts +3 -0
  104. package/dist/generated/mistica-icons/icon-search-ai-light.d.ts +3 -0
  105. package/dist/generated/mistica-icons/icon-search-ai-regular.d.ts +3 -0
  106. package/dist/generated/mistica-icons/icons-keywords.js +59 -0
  107. package/dist/grid-layout.css-mistica.js +3 -3
  108. package/dist/grid.css-mistica.js +120 -120
  109. package/dist/header.css-mistica.js +1 -1
  110. package/dist/hero.css-mistica.js +2 -2
  111. package/dist/horizontal-scroll.css-mistica.js +1 -1
  112. package/dist/icon-button.css-mistica.js +53 -53
  113. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  114. package/dist/icons/icon-error.css-mistica.js +1 -1
  115. package/dist/image.css-mistica.js +2 -2
  116. package/dist/inline.css-mistica.js +11 -11
  117. package/dist/list.css-mistica.js +4 -4
  118. package/dist/list.d.ts +4 -0
  119. package/dist/list.js +3 -0
  120. package/dist/loading-bar.css-mistica.js +3 -3
  121. package/dist/loading-screen.css-mistica.js +4 -4
  122. package/dist/logo-movistar.js +1 -1
  123. package/dist/logo.css-mistica.js +5 -5
  124. package/dist/menu.css-mistica.js +25 -22
  125. package/dist/menu.css.d.ts +2 -1
  126. package/dist/menu.d.ts +2 -1
  127. package/dist/menu.js +147 -139
  128. package/dist/mosaic.css-mistica.js +4 -1
  129. package/dist/mosaic.css.d.ts +1 -0
  130. package/dist/mosaic.js +10 -9
  131. package/dist/navigation-bar.css-mistica.js +22 -22
  132. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  133. package/dist/package-version.js +1 -1
  134. package/dist/pagination.css-mistica.js +18 -18
  135. package/dist/pin-field.css-mistica.js +1 -1
  136. package/dist/popover.css-mistica.js +1 -1
  137. package/dist/progress-bar.css-mistica.js +6 -6
  138. package/dist/radio-button.css-mistica.js +26 -26
  139. package/dist/rating.css-mistica.js +2 -2
  140. package/dist/responsive-layout.css-mistica.js +6 -6
  141. package/dist/screen-reader-only.css-mistica.js +1 -1
  142. package/dist/select.css-mistica.js +15 -15
  143. package/dist/select.d.ts +2 -1
  144. package/dist/select.js +111 -109
  145. package/dist/sheet-action-row.css-mistica.js +1 -1
  146. package/dist/sheet-common.css-mistica.js +5 -5
  147. package/dist/sheet-info.css-mistica.js +1 -1
  148. package/dist/skeletons.css-mistica.js +6 -6
  149. package/dist/skins/blau.d.ts +5 -0
  150. package/dist/skins/blau.js +10 -1
  151. package/dist/skins/defaults.js +10 -1
  152. package/dist/skins/esimflag.d.ts +5 -0
  153. package/dist/skins/esimflag.js +10 -1
  154. package/dist/skins/movistar.d.ts +5 -0
  155. package/dist/skins/movistar.js +10 -1
  156. package/dist/skins/o2.d.ts +5 -0
  157. package/dist/skins/o2.js +10 -1
  158. package/dist/skins/skin-contract.css-mistica.js +731 -728
  159. package/dist/skins/skin-contract.css.d.ts +15 -12
  160. package/dist/skins/telefonica.d.ts +5 -0
  161. package/dist/skins/telefonica.js +10 -1
  162. package/dist/skins/types/colors.d.ts +11 -6
  163. package/dist/skins/types/index.d.ts +2 -1
  164. package/dist/skins/vivo-evolution.d.ts +5 -0
  165. package/dist/skins/vivo-evolution.js +21 -12
  166. package/dist/skins/vivo.d.ts +5 -0
  167. package/dist/skins/vivo.js +10 -1
  168. package/dist/skip-link.css-mistica.js +2 -2
  169. package/dist/slider.css-mistica.js +20 -20
  170. package/dist/snackbar.css-mistica.js +4 -4
  171. package/dist/spinner.css-mistica.js +1 -1
  172. package/dist/square.css-mistica.js +1 -1
  173. package/dist/stack.css-mistica.js +5 -5
  174. package/dist/stacking-group.css-mistica.js +1 -1
  175. package/dist/stepper.css-mistica.js +2 -2
  176. package/dist/stepper.js +9 -9
  177. package/dist/switch-component.css-mistica.js +38 -38
  178. package/dist/table.css-mistica.js +9 -9
  179. package/dist/tabs.css-mistica.js +17 -17
  180. package/dist/tag.css-mistica.js +1 -1
  181. package/dist/text-field-base.css-mistica.js +24 -24
  182. package/dist/text-field-base.css.d.ts +2 -2
  183. package/dist/text-field-base.d.ts +2 -0
  184. package/dist/text-field-base.js +112 -110
  185. package/dist/text-field-components.css-mistica.js +9 -9
  186. package/dist/text-field-components.d.ts +3 -2
  187. package/dist/text-field-components.js +52 -52
  188. package/dist/text-link.css-mistica.js +6 -6
  189. package/dist/text.css-mistica.js +6 -6
  190. package/dist/timeline.css-mistica.js +9 -9
  191. package/dist/timer.css-mistica.js +6 -6
  192. package/dist/tooltip.css-mistica.js +1 -1
  193. package/dist/touchable.css-mistica.js +2 -2
  194. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  195. package/dist/video.css-mistica.js +2 -2
  196. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  197. package/dist-es/accordion.css-mistica.js +7 -7
  198. package/dist-es/accordion.js +152 -140
  199. package/dist-es/align.css-mistica.js +1 -1
  200. package/dist-es/autocomplete.css-mistica.js +1 -1
  201. package/dist-es/autocomplete.js +55 -55
  202. package/dist-es/avatar.css-mistica.js +1 -1
  203. package/dist-es/badge.css-mistica.js +1 -1
  204. package/dist-es/box.css-mistica.js +13 -13
  205. package/dist-es/boxed.css-mistica.js +23 -23
  206. package/dist-es/button-group.css-mistica.js +1 -1
  207. package/dist-es/button-layout.css-mistica.js +14 -14
  208. package/dist-es/button.css-mistica.js +37 -37
  209. package/dist-es/callout.css-mistica.js +12 -12
  210. package/dist-es/card-internal.css-mistica.js +16 -16
  211. package/dist-es/carousel.css-mistica.js +9 -9
  212. package/dist-es/checkbox.css-mistica.js +11 -11
  213. package/dist-es/chip.css-mistica.js +15 -15
  214. package/dist-es/circle.css-mistica.js +1 -1
  215. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  216. package/dist-es/community/ai-card.css-mistica.js +4 -4
  217. package/dist-es/community/blocks.css-mistica.js +2 -2
  218. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  219. package/dist-es/community/example-component.css-mistica.js +2 -2
  220. package/dist-es/community/skins/cyber-skin.js +299 -259
  221. package/dist-es/counter.css-mistica.js +2 -2
  222. package/dist-es/cover-hero.css-mistica.js +3 -3
  223. package/dist-es/credit-card-fields.js +29 -26
  224. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  225. package/dist-es/date-field.css-mistica.js +1 -1
  226. package/dist-es/date-time-picker.css-mistica.js +1 -1
  227. package/dist-es/dialog.css-mistica.js +5 -5
  228. package/dist-es/divider.css-mistica.js +5 -5
  229. package/dist-es/double-field.css-mistica.js +2 -2
  230. package/dist-es/drawer.css-mistica.js +2 -2
  231. package/dist-es/empty-state-card.css-mistica.js +1 -1
  232. package/dist-es/empty-state.css-mistica.js +5 -5
  233. package/dist-es/fade-in.css-mistica.js +1 -1
  234. package/dist-es/feedback.css-mistica.js +1 -1
  235. package/dist-es/file-upload.css-mistica.js +7 -7
  236. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  237. package/dist-es/form.css-mistica.js +1 -1
  238. package/dist-es/generated/mistica-icons/icon-add-more-circle-filled.js +24 -14
  239. package/dist-es/generated/mistica-icons/icon-add-more-circle-light.js +39 -23
  240. package/dist-es/generated/mistica-icons/icon-add-more-circle-regular.js +30 -14
  241. package/dist-es/generated/mistica-icons/icon-add-more-query-filled.js +45 -25
  242. package/dist-es/generated/mistica-icons/icon-add-more-query-light.js +45 -25
  243. package/dist-es/generated/mistica-icons/icon-add-more-query-regular.js +46 -26
  244. package/dist-es/generated/mistica-icons/icon-alert-filled.js +21 -11
  245. package/dist-es/generated/mistica-icons/icon-alert-light.js +45 -29
  246. package/dist-es/generated/mistica-icons/icon-alert-regular.js +32 -16
  247. package/dist-es/generated/mistica-icons/icon-api-filled.js +36 -19
  248. package/dist-es/generated/mistica-icons/icon-api-light.js +38 -18
  249. package/dist-es/generated/mistica-icons/icon-api-regular.js +40 -20
  250. package/dist-es/generated/mistica-icons/icon-apps-business-filled.js +23 -13
  251. package/dist-es/generated/mistica-icons/icon-apps-business-light.js +32 -22
  252. package/dist-es/generated/mistica-icons/icon-apps-business-regular.js +31 -21
  253. package/dist-es/generated/mistica-icons/icon-apps-filled.js +26 -16
  254. package/dist-es/generated/mistica-icons/icon-apps-light.js +25 -15
  255. package/dist-es/generated/mistica-icons/icon-apps-regular.js +25 -15
  256. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-filled.js +23 -13
  257. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-light.js +28 -18
  258. package/dist-es/generated/mistica-icons/icon-artificial-intelligence-regular.js +32 -22
  259. package/dist-es/generated/mistica-icons/icon-cancel-filled.js +29 -19
  260. package/dist-es/generated/mistica-icons/icon-cancel-light.js +45 -29
  261. package/dist-es/generated/mistica-icons/icon-cancel-regular.js +46 -30
  262. package/dist-es/generated/mistica-icons/icon-check-filled.js +30 -19
  263. package/dist-es/generated/mistica-icons/icon-check-light.js +23 -13
  264. package/dist-es/generated/mistica-icons/icon-check-regular.js +20 -10
  265. package/dist-es/generated/mistica-icons/icon-checked-filled.js +23 -13
  266. package/dist-es/generated/mistica-icons/icon-checked-light.js +54 -38
  267. package/dist-es/generated/mistica-icons/icon-checked-regular.js +34 -18
  268. package/dist-es/generated/mistica-icons/icon-disable-filled.js +30 -19
  269. package/dist-es/generated/mistica-icons/icon-disable-light.js +24 -14
  270. package/dist-es/generated/mistica-icons/icon-disable-regular.js +26 -16
  271. package/dist-es/generated/mistica-icons/icon-information-filled.js +30 -19
  272. package/dist-es/generated/mistica-icons/icon-information-light.js +37 -20
  273. package/dist-es/generated/mistica-icons/icon-information-regular.js +34 -18
  274. package/dist-es/generated/mistica-icons/icon-loudspeaker-filled.js +1 -1
  275. package/dist-es/generated/mistica-icons/icon-pix-filled.js +8 -8
  276. package/dist-es/generated/mistica-icons/icon-question-filled.js +28 -18
  277. package/dist-es/generated/mistica-icons/icon-question-light.js +38 -22
  278. package/dist-es/generated/mistica-icons/icon-question-regular.js +44 -28
  279. package/dist-es/generated/mistica-icons/icons-keywords.js +59 -0
  280. package/dist-es/grid-layout.css-mistica.js +3 -3
  281. package/dist-es/grid.css-mistica.js +120 -120
  282. package/dist-es/header.css-mistica.js +1 -1
  283. package/dist-es/hero.css-mistica.js +2 -2
  284. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  285. package/dist-es/icon-button.css-mistica.js +53 -53
  286. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  287. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  288. package/dist-es/image.css-mistica.js +2 -2
  289. package/dist-es/inline.css-mistica.js +11 -11
  290. package/dist-es/list.css-mistica.js +2 -2
  291. package/dist-es/list.js +1 -1
  292. package/dist-es/loading-bar.css-mistica.js +2 -2
  293. package/dist-es/loading-screen.css-mistica.js +4 -4
  294. package/dist-es/logo-movistar.js +1 -1
  295. package/dist-es/logo.css-mistica.js +5 -5
  296. package/dist-es/menu.css-mistica.js +14 -14
  297. package/dist-es/menu.js +200 -192
  298. package/dist-es/mosaic.css-mistica.js +2 -2
  299. package/dist-es/mosaic.js +12 -11
  300. package/dist-es/navigation-bar.css-mistica.js +19 -19
  301. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  302. package/dist-es/package-version.js +1 -1
  303. package/dist-es/pagination.css-mistica.js +18 -18
  304. package/dist-es/pin-field.css-mistica.js +1 -1
  305. package/dist-es/popover.css-mistica.js +1 -1
  306. package/dist-es/progress-bar.css-mistica.js +6 -6
  307. package/dist-es/radio-button.css-mistica.js +22 -22
  308. package/dist-es/rating.css-mistica.js +2 -2
  309. package/dist-es/responsive-layout.css-mistica.js +6 -6
  310. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  311. package/dist-es/select.css-mistica.js +15 -15
  312. package/dist-es/select.js +153 -151
  313. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  314. package/dist-es/sheet-common.css-mistica.js +2 -2
  315. package/dist-es/sheet-info.css-mistica.js +1 -1
  316. package/dist-es/skeletons.css-mistica.js +6 -6
  317. package/dist-es/skins/blau.js +10 -1
  318. package/dist-es/skins/defaults.js +10 -1
  319. package/dist-es/skins/esimflag.js +10 -1
  320. package/dist-es/skins/movistar.js +10 -1
  321. package/dist-es/skins/o2.js +10 -1
  322. package/dist-es/skins/skin-contract.css-mistica.js +731 -728
  323. package/dist-es/skins/telefonica.js +10 -1
  324. package/dist-es/skins/vivo-evolution.js +21 -12
  325. package/dist-es/skins/vivo.js +10 -1
  326. package/dist-es/skip-link.css-mistica.js +2 -2
  327. package/dist-es/slider.css-mistica.js +19 -19
  328. package/dist-es/snackbar.css-mistica.js +4 -4
  329. package/dist-es/spinner.css-mistica.js +1 -1
  330. package/dist-es/square.css-mistica.js +1 -1
  331. package/dist-es/stack.css-mistica.js +5 -5
  332. package/dist-es/stacking-group.css-mistica.js +1 -1
  333. package/dist-es/stepper.css-mistica.js +2 -2
  334. package/dist-es/stepper.js +19 -19
  335. package/dist-es/style.css +1 -1
  336. package/dist-es/switch-component.css-mistica.js +37 -37
  337. package/dist-es/table.css-mistica.js +9 -9
  338. package/dist-es/tabs.css-mistica.js +17 -17
  339. package/dist-es/tag.css-mistica.js +1 -1
  340. package/dist-es/text-field-base.css-mistica.js +17 -17
  341. package/dist-es/text-field-base.js +148 -146
  342. package/dist-es/text-field-components.css-mistica.js +4 -4
  343. package/dist-es/text-field-components.js +84 -84
  344. package/dist-es/text-link.css-mistica.js +6 -6
  345. package/dist-es/text.css-mistica.js +6 -6
  346. package/dist-es/timeline.css-mistica.js +9 -9
  347. package/dist-es/timer.css-mistica.js +6 -6
  348. package/dist-es/tooltip.css-mistica.js +1 -1
  349. package/dist-es/touchable.css-mistica.js +2 -2
  350. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  351. package/dist-es/video.css-mistica.js +2 -2
  352. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  353. package/package.json +3 -1
  354. package/src/accordion.css.ts +5 -0
  355. package/src/accordion.tsx +35 -28
  356. package/src/autocomplete.tsx +6 -4
  357. package/src/community/skins/cyber-skin.tsx +131 -437
  358. package/src/credit-card-fields.tsx +5 -0
  359. package/src/date-field.css.ts +1 -1
  360. package/src/icon-button.css.ts +6 -6
  361. package/src/list.tsx +1 -1
  362. package/src/logo-movistar.tsx +1 -1
  363. package/src/menu.css.ts +15 -1
  364. package/src/menu.tsx +20 -4
  365. package/src/mosaic.css.ts +4 -0
  366. package/src/mosaic.tsx +4 -2
  367. package/src/package-version.tsx +1 -1
  368. package/src/select.css.ts +1 -1
  369. package/src/select.tsx +9 -3
  370. package/src/skins/blau.tsx +14 -8
  371. package/src/skins/defaults.tsx +7 -1
  372. package/src/skins/esimflag.tsx +14 -8
  373. package/src/skins/movistar.tsx +14 -8
  374. package/src/skins/o2.tsx +14 -8
  375. package/src/skins/skin-contract.css.ts +2 -1
  376. package/src/skins/telefonica.tsx +14 -8
  377. package/src/skins/types/colors.tsx +12 -6
  378. package/src/skins/types/index.tsx +2 -1
  379. package/src/skins/vivo-evolution.tsx +21 -15
  380. package/src/skins/vivo.tsx +14 -8
  381. package/src/snackbar.css.ts +1 -1
  382. package/src/stepper.css.ts +1 -1
  383. package/src/stepper.tsx +1 -1
  384. package/src/text-field-base.css.ts +2 -2
  385. package/src/text-field-base.tsx +18 -10
  386. package/src/text-field-components.css.ts +12 -8
  387. package/src/text-field-components.tsx +11 -8
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return C;
9
+ return L;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
14
+ const _hooks = require("../../hooks.js");
14
15
  const _themevariantcontext = require("../../theme-variant-context.js");
15
16
  const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
16
17
  const _icongradient = require("../../utils/icon-gradient.js");
@@ -134,26 +135,36 @@ function _object_without_properties_loose(source, excluded) {
134
135
  }
135
136
  return target;
136
137
  }
137
- const C = (_param)=>{
138
- var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
138
+ const L = (_param)=>{
139
+ var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
139
140
  "color",
140
141
  "size"
141
142
  ]);
142
- const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: d, gradientDef: i } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : c), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
- width: n,
144
- height: n,
143
+ const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
+ width: t,
145
+ height: t,
145
146
  viewBox: "0 0 24 24",
146
147
  role: "presentation"
147
- }, s), {
148
+ }, i), {
148
149
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
149
- fill: d,
150
+ fill: a,
151
+ d: "M21.717 5.097a1 1 0 0 1-.014 1.414L9.044 18.917a1 1 0 0 1-1.413-.013L2.284 13.47a1 1 0 0 1 1.426-1.403l4.647 4.724L20.303 5.083a1 1 0 0 1 1.414.014"
152
+ })
153
+ })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
+ width: t,
155
+ height: t,
156
+ viewBox: "0 0 24 24",
157
+ role: "presentation"
158
+ }, i), {
159
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
+ fill: a,
150
161
  d: "m8.552 19.5-6.284-6.713a.965.965 0 0 1 .048-1.381.937.937 0 0 1 1.364.049l4.92 5.132L20.345 4.795a.937.937 0 0 1 1.364 0 .965.965 0 0 1 0 1.381z"
151
162
  })
152
163
  }));
153
- return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
164
+ return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
154
165
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
155
- children: i
166
+ children: l
156
167
  }, "gradient-defs"),
157
- ..._react.Children.toArray(t.props.children)
158
- ]) : t;
168
+ ..._react.Children.toArray(o.props.children)
169
+ ]) : o;
159
170
  };
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return B;
9
+ return L;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -135,19 +135,29 @@ function _object_without_properties_loose(source, excluded) {
135
135
  }
136
136
  return target;
137
137
  }
138
- const B = (_param)=>{
139
- var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
138
+ const L = (_param)=>{
139
+ var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
+ const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), i = h.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
144
  width: t,
145
145
  height: t,
146
146
  viewBox: "0 0 24 24",
147
147
  role: "presentation"
148
- }, i), {
148
+ }, r), {
149
149
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
150
- fill: a,
150
+ fill: n,
151
+ d: "M21.858 5.288a.5.5 0 0 1-.01.707L8.778 18.722a.5.5 0 0 1-.698 0l-5.928-5.77a.5.5 0 0 1 .698-.717l5.579 5.43L21.15 5.279a.5.5 0 0 1 .707.01"
152
+ })
153
+ })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
+ width: t,
155
+ height: t,
156
+ viewBox: "0 0 24 24",
157
+ role: "presentation"
158
+ }, r), {
159
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
+ fill: n,
151
161
  d: "m8.552 19.5-6.284-6.713a.965.965 0 0 1 .048-1.381.937.937 0 0 1 1.364.049l4.92 5.132L20.345 4.795a.937.937 0 0 1 1.364 0 .965.965 0 0 1 0 1.381z"
152
162
  })
153
163
  })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -155,16 +165,16 @@ const B = (_param)=>{
155
165
  height: t,
156
166
  viewBox: "0 0 24 24",
157
167
  role: "presentation"
158
- }, i), {
168
+ }, r), {
159
169
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
- fill: a,
170
+ fill: n,
161
171
  d: "M19.47 6.47a.75.75 0 1 1 1.06 1.06l-10 10a.75.75 0 0 1-1.06 0l-5-5a.75.75 0 1 1 1.06-1.06L10 15.94z"
162
172
  })
163
173
  }));
164
- return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
174
+ return l ? /*#__PURE__*/ _react.cloneElement(i, {}, [
165
175
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
166
176
  children: l
167
177
  }, "gradient-defs"),
168
- ..._react.Children.toArray(o.props.children)
169
- ]) : o;
178
+ ..._react.Children.toArray(i.props.children)
179
+ ]) : i;
170
180
  };
@@ -140,7 +140,17 @@ const B = (_param)=>{
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const n = (0, _themevariantcontext.useThemeVariant)(), m = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: a } = (0, _hooks.useTheme)(), i = a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
+ const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: i } = (0, _hooks.useTheme)(), l = i.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
+ width: t,
145
+ height: t,
146
+ viewBox: "0 0 24 24",
147
+ role: "presentation"
148
+ }, r), {
149
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
150
+ fill: o,
151
+ d: "M21.788 5.227a.75.75 0 0 1-.015 1.06l-12.847 12.5a.75.75 0 0 1-1.046 0l-5.653-5.5a.75.75 0 1 1 1.046-1.075l5.13 4.991 12.324-11.99a.75.75 0 0 1 1.06.014"
152
+ })
153
+ })) : i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
154
  width: t,
145
155
  height: t,
146
156
  viewBox: "0 0 24 24",
@@ -150,7 +160,7 @@ const B = (_param)=>{
150
160
  fill: o,
151
161
  d: "m8.435 19.546-6.172-6.509a.93.93 0 0 1 .048-1.34.93.93 0 0 1 1.341.047l4.834 4.977 11.53-11.435a.93.93 0 0 1 1.34 0 .93.93 0 0 1 0 1.341z"
152
162
  })
153
- })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
163
+ })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
164
  width: t,
155
165
  height: t,
156
166
  viewBox: "0 0 24 24",
@@ -160,7 +170,7 @@ const B = (_param)=>{
160
170
  fill: o,
161
171
  d: "m8.552 19.5-6.284-6.713a.965.965 0 0 1 .048-1.381.937.937 0 0 1 1.364.049l4.92 5.132L20.345 4.795a.937.937 0 0 1 1.364 0 .965.965 0 0 1 0 1.381z"
162
172
  })
163
- })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
173
+ })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
164
174
  width: t,
165
175
  height: t,
166
176
  viewBox: "0 0 24 24",
@@ -181,10 +191,10 @@ const B = (_param)=>{
181
191
  d: "M19.47 6.47a.75.75 0 1 1 1.06 1.06l-10 10a.75.75 0 0 1-1.06 0l-5-5a.75.75 0 1 1 1.06-1.06L10 15.94z"
182
192
  })
183
193
  }));
184
- return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
194
+ return h ? /*#__PURE__*/ _react.cloneElement(l, {}, [
185
195
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
186
196
  children: h
187
197
  }, "gradient-defs"),
188
- ..._react.Children.toArray(i.props.children)
189
- ]) : i;
198
+ ..._react.Children.toArray(l.props.children)
199
+ ]) : l;
190
200
  };
@@ -136,28 +136,38 @@ function _object_without_properties_loose(source, excluded) {
136
136
  return target;
137
137
  }
138
138
  const B = (_param)=>{
139
- var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
139
+ var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), i = h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
+ const i = (0, _themevariantcontext.useThemeVariant)(), c = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: n } = (0, _hooks.useTheme)(), a = n.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
144
  width: t,
145
145
  height: t,
146
146
  viewBox: "0 0 24 24",
147
147
  role: "presentation"
148
148
  }, r), {
149
149
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
150
- fill: n,
150
+ fill: o,
151
+ d: "M10.5 2A8.5 8.5 0 0 0 2 10.5v3a8.5 8.5 0 0 0 8.5 8.5h3a8.5 8.5 0 0 0 8.5-8.5v-3A8.5 8.5 0 0 0 13.5 2zm6.207 7.93-5.555 5.555a1 1 0 0 1-1.415 0L7.293 13.04a1 1 0 1 1 1.414-1.414l1.737 1.738 4.849-4.849a1 1 0 1 1 1.414 1.414"
152
+ })
153
+ })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
+ width: t,
155
+ height: t,
156
+ viewBox: "0 0 24 24",
157
+ role: "presentation"
158
+ }, r), {
159
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
+ fill: o,
151
161
  d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m8.633 2.164-2.567-2.595a.724.724 0 0 0-1.032-.029.7.7 0 0 0-.027 1.023l3.593 3.721 7.38-7.247a.704.704 0 0 0 0-1.023.726.726 0 0 0-1.03 0z"
152
162
  })
153
- })) : h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
163
+ })) : n.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
164
  width: t,
155
165
  height: t,
156
166
  viewBox: "0 0 24 24",
157
167
  role: "presentation"
158
168
  }, r), {
159
169
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
- fill: n,
170
+ fill: o,
161
171
  d: "M11.997 1c3.495 0 6.213.912 8.081 2.71C22.018 5.58 23 8.37 23 12.004s-.984 6.418-2.922 8.286C18.21 22.088 15.492 23 11.997 23s-6.213-.912-8.078-2.71C1.98 18.42 1 15.634 1 12.002s.981-6.421 2.919-8.289C5.784 1.912 8.502 1 11.997 1m-1.138 15.62 6.458-8.638a.58.58 0 0 0-.12-.808.576.576 0 0 0-.805.116l-6.01 8.041-2.489-3.127a.577.577 0 0 0-.9.718l2.954 3.713c.11.138.276.216.451.216h.01a.57.57 0 0 0 .45-.232"
162
172
  })
163
173
  })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -167,14 +177,14 @@ const B = (_param)=>{
167
177
  role: "presentation"
168
178
  }, r), {
169
179
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
170
- fill: n,
180
+ fill: o,
171
181
  d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m4.505 6.695a.75.75 0 0 0-1.06.05l-4.471 4.918L8.53 11.47a.75.75 0 1 0-1.06 1.06l3 3a.75.75 0 0 0 1.085-.025l5-5.5a.75.75 0 0 0-.05-1.06"
172
182
  })
173
183
  }));
174
- return l ? /*#__PURE__*/ _react.cloneElement(i, {}, [
184
+ return h ? /*#__PURE__*/ _react.cloneElement(a, {}, [
175
185
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
176
- children: l
186
+ children: h
177
187
  }, "gradient-defs"),
178
- ..._react.Children.toArray(i.props.children)
179
- ]) : i;
188
+ ..._react.Children.toArray(a.props.children)
189
+ ]) : a;
180
190
  };
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return M;
9
+ return x;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -135,64 +135,80 @@ function _object_without_properties_loose(source, excluded) {
135
135
  }
136
136
  return target;
137
137
  }
138
- const M = (_param)=>{
139
- var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
138
+ const x = (_param)=>{
139
+ var { color: s, size: e = 24 } = _param, a = _object_without_properties(_param, [
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: c } = (0, _hooks.useTheme)(), i = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
144
- width: t,
145
- height: t,
143
+ const i = (0, _themevariantcontext.useThemeVariant)(), f = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: d } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : f), { skinName: o } = (0, _hooks.useTheme)(), n = o.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
144
+ width: e,
145
+ height: e,
146
146
  viewBox: "0 0 24 24",
147
147
  role: "presentation"
148
- }, l), {
148
+ }, a), {
149
149
  children: [
150
150
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
151
- fill: r,
151
+ fill: l,
152
+ d: "M16.354 9.576a.5.5 0 0 0-.708-.707l-5.202 5.202-2.09-2.091a.5.5 0 0 0-.708.707l2.445 2.444a.5.5 0 0 0 .707 0z"
153
+ }),
154
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
155
+ fill: l,
156
+ d: "M10.3 2h3.4a8.3 8.3 0 0 1 8.3 8.3v3.4a8.3 8.3 0 0 1-8.3 8.3h-3.4A8.3 8.3 0 0 1 2 13.7v-3.4A8.3 8.3 0 0 1 10.3 2M3 10.3v3.4a7.3 7.3 0 0 0 7.3 7.3h3.4a7.3 7.3 0 0 0 7.3-7.3v-3.4A7.3 7.3 0 0 0 13.7 3h-3.4A7.3 7.3 0 0 0 3 10.3"
157
+ })
158
+ ]
159
+ })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
160
+ width: e,
161
+ height: e,
162
+ viewBox: "0 0 24 24",
163
+ role: "presentation"
164
+ }, a), {
165
+ children: [
166
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
167
+ fill: l,
152
168
  d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
153
169
  }),
154
170
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
155
- fill: r,
171
+ fill: l,
156
172
  d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
157
173
  })
158
174
  ]
159
- })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
160
- width: t,
161
- height: t,
175
+ })) : o.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
176
+ width: e,
177
+ height: e,
162
178
  viewBox: "0 0 24 24",
163
179
  role: "presentation"
164
- }, l), {
180
+ }, a), {
165
181
  children: [
166
182
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
167
- fill: r,
183
+ fill: l,
168
184
  d: "M10.107 16.73a.29.29 0 0 0 .235.116c.09 0 .178-.044.235-.116l6.864-8.872a.3.3 0 0 0-.053-.416.3.3 0 0 0-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 0 0-.416-.057.296.296 0 0 0-.057.417z"
169
185
  }),
170
186
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
171
- fill: r,
187
+ fill: l,
172
188
  d: "M11.998 23C4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1c3.511 0 6.233.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23m0-21.374c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376"
173
189
  })
174
190
  ]
175
191
  })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
176
- width: t,
177
- height: t,
192
+ width: e,
193
+ height: e,
178
194
  viewBox: "0 0 24 24",
179
195
  role: "presentation"
180
- }, l), {
196
+ }, a), {
181
197
  children: [
182
198
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
183
- fill: r,
199
+ fill: l,
184
200
  d: "M15.445 8.995a.75.75 0 0 1 1.11 1.01l-5 5.5a.75.75 0 0 1-1.085.025l-3-3a.75.75 0 1 1 1.06-1.06l2.444 2.443z"
185
201
  }),
186
202
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
187
- fill: r,
203
+ fill: l,
188
204
  d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
189
205
  })
190
206
  ]
191
207
  }));
192
- return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
208
+ return d ? /*#__PURE__*/ _react.cloneElement(n, {}, [
193
209
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
194
- children: h
210
+ children: d
195
211
  }, "gradient-defs"),
196
- ..._react.Children.toArray(i.props.children)
197
- ]) : i;
212
+ ..._react.Children.toArray(n.props.children)
213
+ ]) : n;
198
214
  };
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return M;
9
+ return x;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -135,27 +135,43 @@ function _object_without_properties_loose(source, excluded) {
135
135
  }
136
136
  return target;
137
137
  }
138
- const M = (_param)=>{
139
- var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
138
+ const x = (_param)=>{
139
+ var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: o } = (0, _hooks.useTheme)(), i = o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
+ const o = (0, _themevariantcontext.useThemeVariant)(), f = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : f), { skinName: r } = (0, _hooks.useTheme)(), n = r.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
144
144
  width: t,
145
145
  height: t,
146
146
  viewBox: "0 0 24 24",
147
147
  role: "presentation"
148
- }, r), {
148
+ }, a), {
149
+ children: [
150
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
151
+ fill: l,
152
+ d: "M16.53 9.753a.75.75 0 0 0-1.06-1.061l-5.026 5.025-1.914-1.914a.75.75 0 0 0-1.06 1.06l2.444 2.445a.75.75 0 0 0 1.06 0z"
153
+ }),
154
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
155
+ fill: l,
156
+ d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v3.5A8.25 8.25 0 0 0 10.25 22h3.5A8.25 8.25 0 0 0 22 13.75v-3.5A8.25 8.25 0 0 0 13.75 2zM3.5 10.25a6.75 6.75 0 0 1 6.75-6.75h3.5a6.75 6.75 0 0 1 6.75 6.75v3.5a6.75 6.75 0 0 1-6.75 6.75h-3.5a6.75 6.75 0 0 1-6.75-6.75z"
157
+ })
158
+ ]
159
+ })) : r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
160
+ width: t,
161
+ height: t,
162
+ viewBox: "0 0 24 24",
163
+ role: "presentation"
164
+ }, a), {
149
165
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
150
166
  fill: l,
151
167
  d: "M12 20.637c-4.601 0-8.637-4.036-8.637-8.637S7.399 3.363 12 3.363c4.6 0 8.637 4.036 8.637 8.637 0 4.6-4.036 8.637-8.637 8.637M2 12c0 5.327 4.673 10 10 10s10-4.673 10-10S17.327 2 12 2 2 6.673 2 12m8.348 1.466-1.585-1.629a.682.682 0 0 0-.963.964l2.548 2.593 5.717-5.83a.682.682 0 0 0-.964-.964"
152
168
  })
153
- })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
169
+ })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
154
170
  width: t,
155
171
  height: t,
156
172
  viewBox: "0 0 24 24",
157
173
  role: "presentation"
158
- }, r), {
174
+ }, a), {
159
175
  children: [
160
176
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
161
177
  fill: l,
@@ -166,12 +182,12 @@ const M = (_param)=>{
166
182
  d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
167
183
  })
168
184
  ]
169
- })) : o.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
185
+ })) : r.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
170
186
  width: t,
171
187
  height: t,
172
188
  viewBox: "0 0 24 24",
173
189
  role: "presentation"
174
- }, r), {
190
+ }, a), {
175
191
  children: [
176
192
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
177
193
  fill: l,
@@ -187,7 +203,7 @@ const M = (_param)=>{
187
203
  height: t,
188
204
  viewBox: "0 0 24 24",
189
205
  role: "presentation"
190
- }, r), {
206
+ }, a), {
191
207
  children: [
192
208
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
193
209
  fill: l,
@@ -199,10 +215,10 @@ const M = (_param)=>{
199
215
  })
200
216
  ]
201
217
  }));
202
- return c ? /*#__PURE__*/ _react.cloneElement(i, {}, [
218
+ return c ? /*#__PURE__*/ _react.cloneElement(n, {}, [
203
219
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
204
220
  children: c
205
221
  }, "gradient-defs"),
206
- ..._react.Children.toArray(i.props.children)
207
- ]) : i;
222
+ ..._react.Children.toArray(n.props.children)
223
+ ]) : n;
208
224
  };
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return C;
9
+ return x;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
14
+ const _hooks = require("../../hooks.js");
14
15
  const _themevariantcontext = require("../../theme-variant-context.js");
15
16
  const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
16
17
  const _icongradient = require("../../utils/icon-gradient.js");
@@ -134,26 +135,36 @@ function _object_without_properties_loose(source, excluded) {
134
135
  }
135
136
  return target;
136
137
  }
137
- const C = (_param)=>{
138
- var { color: a, size: n = 24 } = _param, s = _object_without_properties(_param, [
138
+ const x = (_param)=>{
139
+ var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
139
140
  "color",
140
141
  "size"
141
142
  ]);
142
- const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: d, gradientDef: i } = (0, _icongradient.useIconGradient)(a !== null && a !== void 0 ? a : c), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
- width: n,
144
- height: n,
143
+ const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
+ width: t,
145
+ height: t,
145
146
  viewBox: "0 0 24 24",
146
147
  role: "presentation"
147
- }, s), {
148
+ }, i), {
148
149
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
149
- fill: d,
150
+ fill: l,
151
+ d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v3.5c0 1.914.652 3.675 1.745 5.075l15.08-15.08A8.2 8.2 0 0 0 13.75 2zm9.991 3.158L5.158 20.24A8.2 8.2 0 0 0 10.25 22h3.5A8.25 8.25 0 0 0 22 13.75v-3.5a8.2 8.2 0 0 0-1.759-5.092"
152
+ })
153
+ })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
+ width: t,
155
+ height: t,
156
+ viewBox: "0 0 24 24",
157
+ role: "presentation"
158
+ }, i), {
159
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
+ fill: l,
150
161
  d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.169c-6.252 0-9.163 2.915-9.163 9.17 0 2.682.542 4.748 1.65 6.235L18.207 4.515c-1.493-1.123-3.556-1.68-6.21-1.68m0 18.332c6.254 0 9.168-2.912 9.168-9.163 0-2.639-.554-4.692-1.665-6.185L5.783 19.532c1.487 1.095 3.543 1.634 6.214 1.634"
151
162
  })
152
163
  }));
153
- return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
164
+ return a ? /*#__PURE__*/ _react.cloneElement(o, {}, [
154
165
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
155
- children: i
166
+ children: a
156
167
  }, "gradient-defs"),
157
- ..._react.Children.toArray(t.props.children)
158
- ]) : t;
168
+ ..._react.Children.toArray(o.props.children)
169
+ ]) : o;
159
170
  };
@@ -136,18 +136,28 @@ function _object_without_properties_loose(source, excluded) {
136
136
  return target;
137
137
  }
138
138
  const w = (_param)=>{
139
- var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
139
+ var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
140
140
  "color",
141
141
  "size"
142
142
  ]);
143
- const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
143
+ const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), i = h.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
144
144
  width: t,
145
145
  height: t,
146
146
  viewBox: "0 0 24 24",
147
147
  role: "presentation"
148
- }, i), {
148
+ }, r), {
149
149
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
150
- fill: l,
150
+ fill: n,
151
+ d: "M10.3 2A8.3 8.3 0 0 0 2 10.3v3.4a8.3 8.3 0 0 0 8.3 8.3h3.4a8.3 8.3 0 0 0 8.3-8.3v-3.4A8.3 8.3 0 0 0 13.7 2zM3 10.3A7.3 7.3 0 0 1 10.3 3h3.4c1.836 0 3.513.678 4.796 1.797l-13.7 13.7A7.27 7.27 0 0 1 3 13.7zm2.504 8.903 13.7-13.7A7.27 7.27 0 0 1 21 10.3v3.4a7.3 7.3 0 0 1-7.3 7.3h-3.4a7.27 7.27 0 0 1-4.796-1.797"
152
+ })
153
+ })) : h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
154
+ width: t,
155
+ height: t,
156
+ viewBox: "0 0 24 24",
157
+ role: "presentation"
158
+ }, r), {
159
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
+ fill: n,
151
161
  d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003M11.997 1.917C5.307 1.917 1.917 5.31 1.917 12c0 3.137.755 5.54 2.238 7.215l15.06-15.06c-1.674-1.483-4.078-2.238-7.218-2.238m0 20.166c6.693 0 10.086-3.39 10.086-10.08 0-3.127-.748-5.522-2.22-7.2l-15.06 15.06c1.675 1.472 4.073 2.22 7.194 2.22"
152
162
  })
153
163
  })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -155,16 +165,16 @@ const w = (_param)=>{
155
165
  height: t,
156
166
  viewBox: "0 0 24 24",
157
167
  role: "presentation"
158
- }, i), {
168
+ }, r), {
159
169
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
160
- fill: l,
170
+ fill: n,
161
171
  d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25M6.72 18.339A8.26 8.26 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405a8.25 8.25 0 0 0-1.9-4.875zM12 3.75A8.25 8.25 0 0 0 3.75 12l.01.405a8.25 8.25 0 0 0 1.9 4.872L17.277 5.66A8.25 8.25 0 0 0 12 3.75"
162
172
  })
163
173
  }));
164
- return a ? /*#__PURE__*/ _react.cloneElement(o, {}, [
174
+ return a ? /*#__PURE__*/ _react.cloneElement(i, {}, [
165
175
  /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
166
176
  children: a
167
177
  }, "gradient-defs"),
168
- ..._react.Children.toArray(o.props.children)
169
- ]) : o;
178
+ ..._react.Children.toArray(i.props.children)
179
+ ]) : i;
170
180
  };