@telefonica/mistica 17.2.0 → 17.4.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 (347) hide show
  1. package/css/blau.css +30 -16
  2. package/css/community/cyber.css +1491 -0
  3. package/css/esimflag.css +41 -18
  4. package/css/mistica-common.css +6 -0
  5. package/css/mistica.css +1 -1
  6. package/css/movistar.css +35 -18
  7. package/css/o2.css +32 -18
  8. package/css/telefonica.css +44 -18
  9. package/css/vivo-evolution.css +72 -20
  10. package/css/vivo.css +32 -18
  11. package/dist/accordion.css-mistica.js +10 -10
  12. package/dist/align.css-mistica.js +1 -1
  13. package/dist/autocomplete.css-mistica.js +4 -4
  14. package/dist/avatar.css-mistica.js +1 -1
  15. package/dist/badge.css-mistica.js +1 -1
  16. package/dist/box.css-mistica.js +13 -13
  17. package/dist/boxed.css-mistica.js +24 -24
  18. package/dist/boxed.d.ts +9 -0
  19. package/dist/boxed.js +18 -15
  20. package/dist/button-group.css-mistica.js +1 -1
  21. package/dist/button-layout.css-mistica.js +19 -19
  22. package/dist/button.css-mistica.js +50 -50
  23. package/dist/callout.css-mistica.js +13 -13
  24. package/dist/card-internal.css-mistica.js +22 -22
  25. package/dist/carousel.css-mistica.js +30 -30
  26. package/dist/checkbox.css-mistica.js +15 -15
  27. package/dist/chip.css-mistica.js +18 -18
  28. package/dist/circle.css-mistica.js +2 -2
  29. package/dist/community/advanced-data-card.css-mistica.js +19 -19
  30. package/dist/community/ai-card.css-mistica.js +9 -9
  31. package/dist/community/blocks.css-mistica.js +3 -3
  32. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  33. package/dist/community/example-component.css-mistica.js +1 -1
  34. package/dist/community/skins/cyber-skin.d.ts +5 -0
  35. package/dist/community/skins/cyber-skin.js +289 -256
  36. package/dist/counter.css-mistica.js +6 -6
  37. package/dist/cover-hero.css-mistica.js +7 -7
  38. package/dist/credit-card-number-field.css-mistica.js +3 -3
  39. package/dist/date-field.css-mistica.js +1 -1
  40. package/dist/date-time-picker.css-mistica.js +1 -1
  41. package/dist/dialog.css-mistica.js +10 -10
  42. package/dist/divider.css-mistica.js +5 -5
  43. package/dist/double-field.css-mistica.js +2 -2
  44. package/dist/drawer.css-mistica.js +4 -4
  45. package/dist/empty-state-card.css-mistica.js +1 -1
  46. package/dist/empty-state.css-mistica.js +8 -8
  47. package/dist/fade-in.css-mistica.js +1 -1
  48. package/dist/feedback.css-mistica.js +5 -5
  49. package/dist/file-upload.css-mistica.js +10 -10
  50. package/dist/fixed-footer-layout.css-mistica.js +6 -6
  51. package/dist/form.css-mistica.js +1 -1
  52. package/dist/generated/mistica-icons/icon-panel-collapse-regular.js +165 -0
  53. package/dist/generated/mistica-icons/icon-panel-expand-regular.js +159 -0
  54. package/dist/grid-layout.css-mistica.js +3 -3
  55. package/dist/grid.css-mistica.js +120 -120
  56. package/dist/header.css-mistica.js +1 -1
  57. package/dist/hero.css-mistica.js +4 -4
  58. package/dist/horizontal-scroll.css-mistica.js +1 -1
  59. package/dist/icon-button.css-mistica.js +53 -53
  60. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  61. package/dist/icons/icon-error.css-mistica.js +1 -1
  62. package/dist/image.css-mistica.js +8 -8
  63. package/dist/index.d.ts +5 -0
  64. package/dist/index.js +10 -1
  65. package/dist/inline.css-mistica.js +11 -11
  66. package/dist/list.css-mistica.js +40 -28
  67. package/dist/list.css.d.ts +2 -0
  68. package/dist/list.d.ts +3 -1
  69. package/dist/list.js +176 -165
  70. package/dist/loading-bar.css-mistica.js +1 -1
  71. package/dist/loading-screen.css-mistica.js +12 -12
  72. package/dist/logo-movistar.js +1 -1
  73. package/dist/logo.css-mistica.js +5 -5
  74. package/dist/menu.css-mistica.js +13 -13
  75. package/dist/mobile-navigation-menu.d.ts +26 -0
  76. package/dist/mobile-navigation-menu.js +145 -0
  77. package/dist/mosaic.css-mistica.js +1 -1
  78. package/dist/navigation-bar.css-mistica.js +31 -97
  79. package/dist/navigation-bar.css.d.ts +0 -24
  80. package/dist/navigation-bar.d.ts +3 -38
  81. package/dist/navigation-bar.js +399 -586
  82. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  83. package/dist/navigation-shared.css-mistica.js +79 -0
  84. package/dist/navigation-shared.css.d.ts +26 -0
  85. package/dist/navigation-shared.d.ts +66 -0
  86. package/dist/navigation-shared.js +264 -0
  87. package/dist/package-version.js +1 -1
  88. package/dist/pagination.css-mistica.js +22 -22
  89. package/dist/pin-field.css-mistica.js +4 -4
  90. package/dist/popover.css-mistica.js +1 -1
  91. package/dist/portal.d.ts +1 -1
  92. package/dist/progress-bar.css-mistica.js +7 -7
  93. package/dist/radio-button.css-mistica.js +27 -27
  94. package/dist/rating.css-mistica.js +4 -4
  95. package/dist/responsive-layout.css-mistica.js +6 -6
  96. package/dist/screen-reader-only.css-mistica.js +1 -1
  97. package/dist/select.css-mistica.js +21 -21
  98. package/dist/sheet-action-row.css-mistica.js +1 -1
  99. package/dist/sheet-common.css-mistica.js +7 -7
  100. package/dist/sheet-info.css-mistica.js +1 -1
  101. package/dist/sidenav-bar-context.d.ts +25 -0
  102. package/dist/sidenav-bar-context.js +72 -0
  103. package/dist/sidenav-bar-data.d.ts +15 -0
  104. package/dist/sidenav-bar-data.js +38 -0
  105. package/dist/sidenav-bar-first-level-item.d.ts +42 -0
  106. package/dist/sidenav-bar-first-level-item.js +174 -0
  107. package/dist/sidenav-bar-keyboard.d.ts +13 -0
  108. package/dist/sidenav-bar-keyboard.js +314 -0
  109. package/dist/sidenav-bar-layout.css-mistica.js +28 -0
  110. package/dist/sidenav-bar-layout.css.d.ts +5 -0
  111. package/dist/sidenav-bar-layout.d.ts +22 -0
  112. package/dist/sidenav-bar-layout.js +103 -0
  113. package/dist/sidenav-bar-mobile.d.ts +24 -0
  114. package/dist/sidenav-bar-mobile.js +332 -0
  115. package/dist/sidenav-bar-motion.d.ts +32 -0
  116. package/dist/sidenav-bar-motion.js +84 -0
  117. package/dist/sidenav-bar-panel.d.ts +31 -0
  118. package/dist/sidenav-bar-panel.js +208 -0
  119. package/dist/sidenav-bar-row.d.ts +82 -0
  120. package/dist/sidenav-bar-row.js +230 -0
  121. package/dist/sidenav-bar-second-level-item.d.ts +43 -0
  122. package/dist/sidenav-bar-second-level-item.js +89 -0
  123. package/dist/sidenav-bar-section.d.ts +23 -0
  124. package/dist/sidenav-bar-section.js +167 -0
  125. package/dist/sidenav-bar-types.d.ts +192 -0
  126. package/dist/sidenav-bar-types.js +11 -0
  127. package/dist/sidenav-bar.css-mistica.js +325 -0
  128. package/dist/sidenav-bar.css.d.ts +93 -0
  129. package/dist/sidenav-bar.d.ts +102 -0
  130. package/dist/sidenav-bar.js +492 -0
  131. package/dist/skeletons.css-mistica.js +8 -8
  132. package/dist/skins/blau.d.ts +5 -0
  133. package/dist/skins/blau.js +12 -8
  134. package/dist/skins/esimflag.d.ts +5 -0
  135. package/dist/skins/esimflag.js +13 -9
  136. package/dist/skins/movistar.d.ts +5 -0
  137. package/dist/skins/movistar.js +13 -9
  138. package/dist/skins/o2.d.ts +5 -0
  139. package/dist/skins/o2.js +13 -9
  140. package/dist/skins/skin-contract.css-mistica.js +735 -731
  141. package/dist/skins/skin-contract.css.d.ts +16 -12
  142. package/dist/skins/telefonica.d.ts +5 -0
  143. package/dist/skins/telefonica.js +13 -9
  144. package/dist/skins/types/colors.d.ts +13 -6
  145. package/dist/skins/vivo-evolution.d.ts +5 -0
  146. package/dist/skins/vivo-evolution.js +14 -10
  147. package/dist/skins/vivo.d.ts +5 -0
  148. package/dist/skins/vivo.js +13 -9
  149. package/dist/skip-link.css-mistica.js +2 -2
  150. package/dist/slider.css-mistica.js +24 -24
  151. package/dist/snackbar.css-mistica.js +14 -14
  152. package/dist/spinner.css-mistica.js +1 -1
  153. package/dist/square.css-mistica.js +1 -1
  154. package/dist/stack.css-mistica.js +5 -5
  155. package/dist/stacking-group.css-mistica.js +1 -1
  156. package/dist/stepper.css-mistica.js +9 -9
  157. package/dist/switch-component.css-mistica.js +48 -42
  158. package/dist/switch-component.css.d.ts +2 -0
  159. package/dist/switch-component.js +18 -18
  160. package/dist/table.css-mistica.js +9 -9
  161. package/dist/tabs.css-mistica.js +22 -22
  162. package/dist/tag.css-mistica.js +3 -3
  163. package/dist/text-field-base.css-mistica.js +19 -19
  164. package/dist/text-field-components.css-mistica.js +10 -10
  165. package/dist/text-link.css-mistica.js +6 -6
  166. package/dist/text-tokens.d.ts +6 -0
  167. package/dist/text-tokens.js +157 -133
  168. package/dist/text.css-mistica.js +6 -6
  169. package/dist/timeline.css-mistica.js +11 -11
  170. package/dist/timer.css-mistica.js +6 -6
  171. package/dist/tooltip.css-mistica.js +2 -2
  172. package/dist/touchable.css-mistica.js +4 -4
  173. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  174. package/dist/video.css-mistica.js +1 -1
  175. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  176. package/dist-es/accordion.css-mistica.js +7 -7
  177. package/dist-es/align.css-mistica.js +1 -1
  178. package/dist-es/autocomplete.css-mistica.js +2 -2
  179. package/dist-es/avatar.css-mistica.js +1 -1
  180. package/dist-es/badge.css-mistica.js +1 -1
  181. package/dist-es/box.css-mistica.js +13 -13
  182. package/dist-es/boxed.css-mistica.js +23 -23
  183. package/dist-es/boxed.js +25 -25
  184. package/dist-es/button-group.css-mistica.js +1 -1
  185. package/dist-es/button-layout.css-mistica.js +16 -16
  186. package/dist-es/button.css-mistica.js +38 -38
  187. package/dist-es/callout.css-mistica.js +12 -12
  188. package/dist-es/card-internal.css-mistica.js +17 -17
  189. package/dist-es/carousel.css-mistica.js +10 -10
  190. package/dist-es/checkbox.css-mistica.js +13 -13
  191. package/dist-es/chip.css-mistica.js +17 -17
  192. package/dist-es/circle.css-mistica.js +2 -2
  193. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  194. package/dist-es/community/ai-card.css-mistica.js +3 -3
  195. package/dist-es/community/blocks.css-mistica.js +2 -2
  196. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  197. package/dist-es/community/example-component.css-mistica.js +1 -1
  198. package/dist-es/community/skins/cyber-skin.js +289 -256
  199. package/dist-es/counter.css-mistica.js +2 -2
  200. package/dist-es/cover-hero.css-mistica.js +4 -4
  201. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  202. package/dist-es/date-field.css-mistica.js +1 -1
  203. package/dist-es/date-time-picker.css-mistica.js +1 -1
  204. package/dist-es/dialog.css-mistica.js +5 -5
  205. package/dist-es/divider.css-mistica.js +5 -5
  206. package/dist-es/double-field.css-mistica.js +2 -2
  207. package/dist-es/drawer.css-mistica.js +2 -2
  208. package/dist-es/empty-state-card.css-mistica.js +1 -1
  209. package/dist-es/empty-state.css-mistica.js +7 -7
  210. package/dist-es/fade-in.css-mistica.js +1 -1
  211. package/dist-es/feedback.css-mistica.js +2 -2
  212. package/dist-es/file-upload.css-mistica.js +8 -8
  213. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  214. package/dist-es/form.css-mistica.js +1 -1
  215. package/dist-es/generated/mistica-icons/icon-panel-collapse-regular.js +115 -0
  216. package/dist-es/generated/mistica-icons/icon-panel-expand-regular.js +109 -0
  217. package/dist-es/grid-layout.css-mistica.js +3 -3
  218. package/dist-es/grid.css-mistica.js +120 -120
  219. package/dist-es/header.css-mistica.js +1 -1
  220. package/dist-es/hero.css-mistica.js +3 -3
  221. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  222. package/dist-es/icon-button.css-mistica.js +53 -53
  223. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  224. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  225. package/dist-es/image.css-mistica.js +4 -4
  226. package/dist-es/index.js +2279 -2276
  227. package/dist-es/inline.css-mistica.js +11 -11
  228. package/dist-es/list.css-mistica.js +8 -2
  229. package/dist-es/list.js +275 -264
  230. package/dist-es/loading-bar.css-mistica.js +1 -1
  231. package/dist-es/loading-screen.css-mistica.js +5 -5
  232. package/dist-es/logo-movistar.js +1 -1
  233. package/dist-es/logo.css-mistica.js +5 -5
  234. package/dist-es/menu.css-mistica.js +13 -13
  235. package/dist-es/mobile-navigation-menu.js +90 -0
  236. package/dist-es/mosaic.css-mistica.js +1 -1
  237. package/dist-es/navigation-bar.css-mistica.js +11 -20
  238. package/dist-es/navigation-bar.js +469 -656
  239. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  240. package/dist-es/navigation-shared.css-mistica.js +11 -0
  241. package/dist-es/navigation-shared.js +192 -0
  242. package/dist-es/package-version.js +1 -1
  243. package/dist-es/pagination.css-mistica.js +19 -19
  244. package/dist-es/pin-field.css-mistica.js +2 -2
  245. package/dist-es/popover.css-mistica.js +1 -1
  246. package/dist-es/progress-bar.css-mistica.js +7 -7
  247. package/dist-es/radio-button.css-mistica.js +22 -22
  248. package/dist-es/rating.css-mistica.js +3 -3
  249. package/dist-es/responsive-layout.css-mistica.js +6 -6
  250. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  251. package/dist-es/select.css-mistica.js +18 -18
  252. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  253. package/dist-es/sheet-common.css-mistica.js +2 -2
  254. package/dist-es/sheet-info.css-mistica.js +1 -1
  255. package/dist-es/sidenav-bar-context.js +14 -0
  256. package/dist-es/sidenav-bar-data.js +12 -0
  257. package/dist-es/sidenav-bar-first-level-item.js +124 -0
  258. package/dist-es/sidenav-bar-keyboard.js +253 -0
  259. package/dist-es/sidenav-bar-layout.css-mistica.js +2 -0
  260. package/dist-es/sidenav-bar-layout.js +86 -0
  261. package/dist-es/sidenav-bar-mobile.js +277 -0
  262. package/dist-es/sidenav-bar-motion.js +26 -0
  263. package/dist-es/sidenav-bar-panel.js +146 -0
  264. package/dist-es/sidenav-bar-row.js +208 -0
  265. package/dist-es/sidenav-bar-second-level-item.js +72 -0
  266. package/dist-es/sidenav-bar-section.js +112 -0
  267. package/dist-es/sidenav-bar-types.js +2 -0
  268. package/dist-es/sidenav-bar.css-mistica.js +74 -0
  269. package/dist-es/sidenav-bar.js +429 -0
  270. package/dist-es/skeletons.css-mistica.js +7 -7
  271. package/dist-es/skins/blau.js +12 -8
  272. package/dist-es/skins/esimflag.js +13 -9
  273. package/dist-es/skins/movistar.js +13 -9
  274. package/dist-es/skins/o2.js +13 -9
  275. package/dist-es/skins/skin-contract.css-mistica.js +735 -731
  276. package/dist-es/skins/telefonica.js +13 -9
  277. package/dist-es/skins/vivo-evolution.js +14 -10
  278. package/dist-es/skins/vivo.js +13 -9
  279. package/dist-es/skip-link.css-mistica.js +2 -2
  280. package/dist-es/slider.css-mistica.js +20 -20
  281. package/dist-es/snackbar.css-mistica.js +5 -5
  282. package/dist-es/spinner.css-mistica.js +1 -1
  283. package/dist-es/square.css-mistica.js +1 -1
  284. package/dist-es/stack.css-mistica.js +5 -5
  285. package/dist-es/stacking-group.css-mistica.js +1 -1
  286. package/dist-es/stepper.css-mistica.js +3 -3
  287. package/dist-es/style.css +1 -1
  288. package/dist-es/switch-component.css-mistica.js +37 -37
  289. package/dist-es/switch-component.js +26 -26
  290. package/dist-es/table.css-mistica.js +9 -9
  291. package/dist-es/tabs.css-mistica.js +19 -19
  292. package/dist-es/tag.css-mistica.js +2 -2
  293. package/dist-es/text-field-base.css-mistica.js +17 -17
  294. package/dist-es/text-field-components.css-mistica.js +4 -4
  295. package/dist-es/text-link.css-mistica.js +6 -6
  296. package/dist-es/text-tokens.js +82 -67
  297. package/dist-es/text.css-mistica.js +6 -6
  298. package/dist-es/timeline.css-mistica.js +10 -10
  299. package/dist-es/timer.css-mistica.js +6 -6
  300. package/dist-es/tooltip.css-mistica.js +2 -2
  301. package/dist-es/touchable.css-mistica.js +2 -2
  302. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  303. package/dist-es/video.css-mistica.js +1 -1
  304. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  305. package/package.json +3 -2
  306. package/src/boxed.css.ts +1 -0
  307. package/src/boxed.tsx +18 -5
  308. package/src/callout.css.ts +4 -2
  309. package/src/community/skins/cyber-skin.tsx +127 -439
  310. package/src/index.tsx +14 -0
  311. package/src/list.css.ts +36 -1
  312. package/src/list.tsx +370 -344
  313. package/src/logo-movistar.tsx +1 -1
  314. package/src/mobile-navigation-menu.tsx +168 -0
  315. package/src/navigation-bar.css.ts +2 -267
  316. package/src/navigation-bar.tsx +77 -370
  317. package/src/navigation-shared.css.ts +289 -0
  318. package/src/navigation-shared.tsx +262 -0
  319. package/src/package-version.tsx +1 -1
  320. package/src/portal.tsx +1 -1
  321. package/src/sidenav-bar-context.tsx +41 -0
  322. package/src/sidenav-bar-data.ts +49 -0
  323. package/src/sidenav-bar-first-level-item.tsx +203 -0
  324. package/src/sidenav-bar-keyboard.tsx +393 -0
  325. package/src/sidenav-bar-layout.css.ts +89 -0
  326. package/src/sidenav-bar-layout.tsx +61 -0
  327. package/src/sidenav-bar-mobile.tsx +302 -0
  328. package/src/sidenav-bar-motion.tsx +70 -0
  329. package/src/sidenav-bar-panel.tsx +269 -0
  330. package/src/sidenav-bar-row.tsx +272 -0
  331. package/src/sidenav-bar-second-level-item.tsx +99 -0
  332. package/src/sidenav-bar-section.tsx +98 -0
  333. package/src/sidenav-bar-types.ts +224 -0
  334. package/src/sidenav-bar.css.ts +1018 -0
  335. package/src/sidenav-bar.tsx +821 -0
  336. package/src/skins/blau.tsx +18 -8
  337. package/src/skins/esimflag.tsx +19 -9
  338. package/src/skins/movistar.tsx +19 -9
  339. package/src/skins/o2.tsx +19 -9
  340. package/src/skins/skin-contract.css.ts +2 -0
  341. package/src/skins/telefonica.tsx +19 -9
  342. package/src/skins/types/colors.tsx +14 -6
  343. package/src/skins/vivo-evolution.tsx +20 -10
  344. package/src/skins/vivo.tsx +19 -9
  345. package/src/switch-component.css.ts +20 -0
  346. package/src/switch-component.tsx +9 -1
  347. package/src/text-tokens.tsx +24 -0
package/dist/skins/blau.js CHANGED
@@ -86,6 +86,8 @@ const e = {
86
86
  backgroundContainerNegative: (0, _color.applyAlpha)(e.darkModeBlack, 0.4),
87
87
  backgroundContainerBrandOverBrand: e.blauBluePrimary30,
88
88
  backgroundContainerAlternative: e.blauBluePrimary20,
89
+ backgroundContainerAlternativeOverAlternative: e.white,
90
+ backgroundContainerAlternativeOverBrand: e.blauBluePrimary30,
89
91
  backgroundOverlay: (0, _color.applyAlpha)(e.blauBlueSecondary, 0.75),
90
92
  backgroundSkeleton: e.grey3,
91
93
  backgroundSkeletonInverse: e.blauBlueSecondary,
@@ -132,12 +134,12 @@ const e = {
132
134
  buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.15),
133
135
  buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
134
136
  buttonLinkNeutralBackgroundPressed: e.grey1,
135
- buttonLinkNeutralBackgroundBrand: e.white,
136
- buttonLinkNeutralBackgroundBrandPressed: e.grey1,
137
- buttonLinkNeutralBackgroundNegative: e.white,
138
- buttonLinkNeutralBackgroundNegativePressed: e.grey1,
139
- buttonLinkNeutralBackgroundMedia: e.white,
140
- buttonLinkNeutralBackgroundMediaPressed: e.grey1,
137
+ buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
138
+ buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.15),
139
+ buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
140
+ buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.15),
141
+ buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
142
+ buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
141
143
  buttonPrimaryBackground: e.blauBlueSecondary,
142
144
  buttonPrimaryBackgroundInverse: e.blauBlueSecondary,
143
145
  buttonPrimaryBackgroundNegative: e.white,
@@ -203,9 +205,9 @@ const e = {
203
205
  textLinkSnackbar: e.blauPurple30,
204
206
  textLinkNeutral: e.grey6,
205
207
  textLinkNeutralBrand: e.grey6,
206
- textLinkNeutralNegative: e.grey6,
208
+ textLinkNeutralNegative: e.white,
207
209
  textLinkNeutralAlternative: e.grey6,
208
- textLinkNeutralMedia: e.grey6,
210
+ textLinkNeutralMedia: e.white,
209
211
  textActivated: e.blauBlueSecondary,
210
212
  textBrand: e.blauBlueSecondary,
211
213
  inputBorder: e.grey4,
@@ -393,6 +395,8 @@ const e = {
393
395
  backgroundContainerNegative: e.darkModeGrey,
394
396
  backgroundContainerBrandOverBrand: e.darkModeGrey,
395
397
  backgroundContainerAlternative: e.darkModeGrey,
398
+ backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
399
+ backgroundContainerAlternativeOverBrand: e.darkModeGrey,
396
400
  backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
397
401
  backgroundSkeleton: e.darkModeGrey,
398
402
  backgroundSkeletonInverse: e.darkModeGrey,
package/dist/skins/esimflag.d.ts CHANGED
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @generated
3
+ * This file was automatically generated by the generate-design-tokens script.
4
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
5
+ */
1
6
  import type { GetKnownSkin } from './types';
2
7
  export declare const palette: {
3
8
  blue: string;
package/dist/skins/esimflag.js CHANGED
@@ -90,6 +90,8 @@ const e = {
90
90
  backgroundContainerNegative: (0, _color.applyAlpha)(e.darkModeBlack, 0.6),
91
91
  backgroundContainerBrandOverBrand: e.blue80,
92
92
  backgroundContainerAlternative: e.grey1,
93
+ backgroundContainerAlternativeOverAlternative: e.white,
94
+ backgroundContainerAlternativeOverBrand: e.blue80,
93
95
  backgroundOverlay: (0, _color.applyAlpha)(e.black, 0.6),
94
96
  backgroundSkeleton: e.grey2,
95
97
  backgroundSkeletonInverse: e.blue55,
@@ -132,12 +134,12 @@ const e = {
132
134
  buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
133
135
  buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
134
136
  buttonLinkNeutralBackgroundPressed: (0, _color.applyAlpha)(e.grey3, 0.4),
135
- buttonLinkNeutralBackgroundBrand: e.white,
136
- buttonLinkNeutralBackgroundBrandPressed: e.grey2,
137
- buttonLinkNeutralBackgroundNegative: e.white,
138
- buttonLinkNeutralBackgroundNegativePressed: e.grey2,
139
- buttonLinkNeutralBackgroundMedia: e.grey2,
140
- buttonLinkNeutralBackgroundMediaPressed: e.grey2,
137
+ buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
138
+ buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
139
+ buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
140
+ buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
141
+ buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
142
+ buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
141
143
  buttonPrimaryBackground: e.blue,
142
144
  buttonPrimaryBackgroundInverse: e.white,
143
145
  buttonPrimaryBackgroundNegative: e.white,
@@ -202,10 +204,10 @@ const e = {
202
204
  textLinkDangerMedia: e.tomato60,
203
205
  textLinkSnackbar: e.blue30,
204
206
  textLinkNeutral: e.blue85,
205
- textLinkNeutralBrand: e.blue85,
206
- textLinkNeutralNegative: e.blue85,
207
+ textLinkNeutralBrand: e.white,
208
+ textLinkNeutralNegative: e.white,
207
209
  textLinkNeutralAlternative: e.blue85,
208
- textLinkNeutralMedia: e.blue85,
210
+ textLinkNeutralMedia: e.white,
209
211
  textActivated: e.blue,
210
212
  textBrand: e.blue,
211
213
  inputBorder: e.grey4,
@@ -397,6 +399,8 @@ const e = {
397
399
  backgroundContainerNegative: e.darkModeGrey,
398
400
  backgroundContainerBrandOverBrand: e.darkModeGrey,
399
401
  backgroundContainerAlternative: e.darkModeGrey,
402
+ backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
403
+ backgroundContainerAlternativeOverBrand: e.darkModeGrey,
400
404
  backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
401
405
  backgroundSkeleton: e.darkModeGrey6,
402
406
  backgroundSkeletonInverse: e.darkModeGrey6,
package/dist/skins/movistar.d.ts CHANGED
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @generated
3
+ * This file was automatically generated by the generate-design-tokens script.
4
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
5
+ */
1
6
  import type { GetKnownSkin } from './types';
2
7
  export declare const palette: {
3
8
  movistarBlue: string;
package/dist/skins/movistar.js CHANGED
@@ -97,6 +97,8 @@ const e = {
97
97
  backgroundContainerNegative: (0, _color.applyAlpha)(e.movistarBlack, 0.2),
98
98
  backgroundContainerBrandOverBrand: e.blue800,
99
99
  backgroundContainerAlternative: e.grey100,
100
+ backgroundContainerAlternativeOverAlternative: e.white,
101
+ backgroundContainerAlternativeOverBrand: e.blue800,
100
102
  backgroundOverlay: (0, _color.applyAlpha)(e.movistarBlack, 0.6),
101
103
  backgroundSkeleton: e.grey200,
102
104
  backgroundSkeletonInverse: e.blue800,
@@ -139,12 +141,12 @@ const e = {
139
141
  buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.3),
140
142
  buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.3),
141
143
  buttonLinkNeutralBackgroundPressed: e.grey100,
142
- buttonLinkNeutralBackgroundBrand: e.white,
143
- buttonLinkNeutralBackgroundBrandPressed: e.grey100,
144
- buttonLinkNeutralBackgroundNegative: e.white,
145
- buttonLinkNeutralBackgroundNegativePressed: e.grey100,
146
- buttonLinkNeutralBackgroundMedia: e.white,
147
- buttonLinkNeutralBackgroundMediaPressed: e.grey100,
144
+ buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
145
+ buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.3),
146
+ buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
147
+ buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.3),
148
+ buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
149
+ buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.3),
148
150
  buttonPrimaryBackground: e.movistarBlue,
149
151
  buttonPrimaryBackgroundInverse: e.white,
150
152
  buttonPrimaryBackgroundNegative: e.white,
@@ -209,10 +211,10 @@ const e = {
209
211
  textLinkDangerMedia: e.red,
210
212
  textLinkSnackbar: e.blue300,
211
213
  textLinkNeutral: e.movistarBlack,
212
- textLinkNeutralBrand: e.movistarBlack,
213
- textLinkNeutralNegative: e.movistarBlack,
214
+ textLinkNeutralBrand: e.white,
215
+ textLinkNeutralNegative: e.white,
214
216
  textLinkNeutralAlternative: e.movistarBlack,
215
- textLinkNeutralMedia: e.movistarBlack,
217
+ textLinkNeutralMedia: e.white,
216
218
  textActivated: e.blueHigh,
217
219
  textBrand: e.blueHigh,
218
220
  inputBorder: e.grey500,
@@ -404,6 +406,8 @@ const e = {
404
406
  backgroundContainerNegative: e.darkModeGrey,
405
407
  backgroundContainerBrandOverBrand: e.darkModeGrey,
406
408
  backgroundContainerAlternative: e.darkModeGrey,
409
+ backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
410
+ backgroundContainerAlternativeOverBrand: e.darkModeGrey,
407
411
  backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
408
412
  backgroundSkeleton: e.grey600,
409
413
  backgroundSkeletonInverse: e.grey600,
package/dist/skins/o2.d.ts CHANGED
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @generated
3
+ * This file was automatically generated by the generate-design-tokens script.
4
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
5
+ */
1
6
  import type { GetKnownSkin } from './types';
2
7
  export declare const palette: {
3
8
  beyondBlue: string;
package/dist/skins/o2.js CHANGED
@@ -93,6 +93,8 @@ const e = {
93
93
  backgroundContainerNegative: (0, _color.applyAlpha)(e.darkModeBlack, 0.4),
94
94
  backgroundContainerBrandOverBrand: e.beyondBlue70,
95
95
  backgroundContainerAlternative: e.grey20,
96
+ backgroundContainerAlternativeOverAlternative: e.white,
97
+ backgroundContainerAlternativeOverBrand: e.beyondBlue70,
96
98
  backgroundOverlay: (0, _color.applyAlpha)(e.black, 0.6),
97
99
  backgroundSkeleton: e.grey30,
98
100
  backgroundSkeletonInverse: e.beyondBlue70,
@@ -135,12 +137,12 @@ const e = {
135
137
  buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
136
138
  buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
137
139
  buttonLinkNeutralBackgroundPressed: (0, _color.applyAlpha)(e.grey30, 0.4),
138
- buttonLinkNeutralBackgroundBrand: e.white,
139
- buttonLinkNeutralBackgroundBrandPressed: e.grey20,
140
- buttonLinkNeutralBackgroundNegative: e.white,
141
- buttonLinkNeutralBackgroundNegativePressed: e.grey20,
142
- buttonLinkNeutralBackgroundMedia: e.white,
143
- buttonLinkNeutralBackgroundMediaPressed: e.grey20,
140
+ buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
141
+ buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
142
+ buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
143
+ buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
144
+ buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
145
+ buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
144
146
  buttonPrimaryBackground: e.beyondBlue,
145
147
  buttonPrimaryBackgroundInverse: e.white,
146
148
  buttonPrimaryBackgroundNegative: e.white,
@@ -205,10 +207,10 @@ const e = {
205
207
  textLinkDangerMedia: e.o2Red65,
206
208
  textLinkSnackbar: e.beyondBlue30,
207
209
  textLinkNeutral: e.black,
208
- textLinkNeutralBrand: e.black,
209
- textLinkNeutralNegative: e.black,
210
+ textLinkNeutralBrand: e.white,
211
+ textLinkNeutralNegative: e.white,
210
212
  textLinkNeutralAlternative: e.black,
211
- textLinkNeutralMedia: e.black,
213
+ textLinkNeutralMedia: e.white,
212
214
  textActivated: e.beyondBlue,
213
215
  textBrand: e.beyondBlue,
214
216
  inputBorder: e.grey45,
@@ -400,6 +402,8 @@ const e = {
400
402
  backgroundContainerNegative: e.darkModeGrey,
401
403
  backgroundContainerBrandOverBrand: e.darkModeGrey,
402
404
  backgroundContainerAlternative: e.darkModeGrey,
405
+ backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
406
+ backgroundContainerAlternativeOverBrand: e.darkModeGrey,
403
407
  backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
404
408
  backgroundSkeleton: e.darkModeGrey6,
405
409
  backgroundSkeletonInverse: e.darkModeGrey6,