@telefonica/mistica 16.39.0 → 16.41.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 (235) hide show
  1. package/css/blau.css +12 -1
  2. package/css/esimflag.css +12 -1
  3. package/css/mistica.css +1 -1
  4. package/css/movistar-new.css +897 -0
  5. package/css/movistar.css +12 -1
  6. package/css/o2-new.css +13 -2
  7. package/css/o2.css +12 -1
  8. package/css/telefonica.css +13 -2
  9. package/css/tu.css +13 -2
  10. package/css/vivo-new.css +13 -2
  11. package/css/vivo.css +12 -1
  12. package/dist/accordion.css-mistica.js +10 -10
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/avatar.css-mistica.js +2 -2
  15. package/dist/badge.css-mistica.js +3 -3
  16. package/dist/box.css-mistica.js +13 -13
  17. package/dist/boxed.css-mistica.js +24 -24
  18. package/dist/button-group.css-mistica.js +3 -3
  19. package/dist/button-layout.css-mistica.js +13 -13
  20. package/dist/button.css-mistica.js +40 -40
  21. package/dist/callout.css-mistica.js +6 -6
  22. package/dist/card-internal.css-mistica.js +23 -23
  23. package/dist/carousel.css-mistica.js +32 -32
  24. package/dist/checkbox.css-mistica.js +12 -12
  25. package/dist/chip.css-mistica.js +15 -15
  26. package/dist/circle.css-mistica.js +1 -1
  27. package/dist/community/advanced-data-card.css-mistica.js +20 -20
  28. package/dist/community/advanced-data-card.js +23 -22
  29. package/dist/community/blocks.css-mistica.js +1 -1
  30. package/dist/community/example-component.css-mistica.js +1 -1
  31. package/dist/counter.css-mistica.js +5 -5
  32. package/dist/cover-hero.css-mistica.js +11 -11
  33. package/dist/credit-card-number-field.css-mistica.js +3 -3
  34. package/dist/date-field.css-mistica.js +1 -1
  35. package/dist/date-time-picker.css-mistica.js +1 -1
  36. package/dist/dialog.css-mistica.js +6 -6
  37. package/dist/divider.css-mistica.js +2 -2
  38. package/dist/double-field.css-mistica.js +2 -2
  39. package/dist/drawer.css-mistica.js +7 -7
  40. package/dist/empty-state-card.css-mistica.js +1 -1
  41. package/dist/empty-state.css-mistica.js +6 -6
  42. package/dist/fade-in.css-mistica.js +1 -1
  43. package/dist/feedback.css-mistica.js +4 -4
  44. package/dist/fixed-footer-layout.css-mistica.js +9 -9
  45. package/dist/form.css-mistica.js +2 -2
  46. package/dist/grid-layout.css-mistica.js +3 -3
  47. package/dist/grid.css-mistica.js +122 -122
  48. package/dist/header.css-mistica.js +1 -1
  49. package/dist/hero.css-mistica.js +5 -5
  50. package/dist/horizontal-scroll.css-mistica.js +1 -1
  51. package/dist/icon-button.css-mistica.js +44 -44
  52. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  53. package/dist/icons/icon-error.css-mistica.js +1 -1
  54. package/dist/image.css-mistica.js +6 -6
  55. package/dist/index.d.ts +5 -2
  56. package/dist/index.js +16 -0
  57. package/dist/inline.css-mistica.js +10 -10
  58. package/dist/list.css-mistica.js +22 -22
  59. package/dist/list.js +128 -123
  60. package/dist/loading-bar.css-mistica.js +3 -3
  61. package/dist/loading-screen.css-mistica.js +10 -10
  62. package/dist/logo-movistar-new.d.ts +4 -0
  63. package/dist/logo-movistar-new.js +123 -0
  64. package/dist/logo.css-mistica.js +5 -5
  65. package/dist/logo.d.ts +1 -0
  66. package/dist/logo.js +62 -35
  67. package/dist/menu.css-mistica.js +15 -15
  68. package/dist/mosaic.css-mistica.js +1 -1
  69. package/dist/navigation-bar.css-mistica.js +43 -43
  70. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  71. package/dist/package-version.js +1 -1
  72. package/dist/pin-field.css-mistica.js +5 -5
  73. package/dist/popover.css-mistica.js +1 -1
  74. package/dist/progress-bar.css-mistica.js +4 -4
  75. package/dist/radio-button.css-mistica.js +18 -18
  76. package/dist/rating.css-mistica.js +5 -5
  77. package/dist/responsive-layout.css-mistica.js +8 -8
  78. package/dist/screen-reader-only.css-mistica.js +1 -1
  79. package/dist/select.css-mistica.js +25 -24
  80. package/dist/sheet-action-row.css-mistica.js +1 -1
  81. package/dist/sheet-common.css-mistica.js +8 -8
  82. package/dist/sheet-info.css-mistica.js +1 -1
  83. package/dist/skeletons.css-mistica.js +6 -6
  84. package/dist/skins/blau.js +10 -1
  85. package/dist/skins/constants.d.ts +1 -0
  86. package/dist/skins/constants.js +12 -9
  87. package/dist/skins/defaults.js +6 -1
  88. package/dist/skins/esimflag.js +10 -1
  89. package/dist/skins/movistar-new.d.ts +53 -0
  90. package/dist/skins/movistar-new.js +594 -0
  91. package/dist/skins/movistar.js +10 -1
  92. package/dist/skins/o2-new.js +11 -2
  93. package/dist/skins/o2.js +10 -1
  94. package/dist/skins/skin-contract.css-mistica.js +399 -390
  95. package/dist/skins/skin-contract.css.d.ts +9 -0
  96. package/dist/skins/telefonica.js +11 -2
  97. package/dist/skins/tu.js +11 -2
  98. package/dist/skins/types/colors.d.ts +2 -0
  99. package/dist/skins/types/index.d.ts +4 -1
  100. package/dist/skins/utils.js +7 -4
  101. package/dist/skins/vivo-new.js +11 -2
  102. package/dist/skins/vivo.js +10 -1
  103. package/dist/skip-link.css-mistica.js +1 -1
  104. package/dist/slider.css-mistica.js +16 -16
  105. package/dist/snackbar.css-mistica.js +11 -11
  106. package/dist/spinner.css-mistica.js +3 -3
  107. package/dist/stack.css-mistica.js +5 -5
  108. package/dist/stacking-group.css-mistica.js +1 -1
  109. package/dist/stepper.css-mistica.js +9 -9
  110. package/dist/switch-component.css-mistica.js +36 -36
  111. package/dist/table.css-mistica.js +8 -8
  112. package/dist/tabs.css-mistica.js +18 -18
  113. package/dist/tag.css-mistica.js +3 -3
  114. package/dist/text-field-base.css-mistica.js +18 -18
  115. package/dist/text-field-components.css-mistica.js +11 -11
  116. package/dist/text-field-components.css.d.ts +1 -0
  117. package/dist/text-link.css-mistica.js +5 -5
  118. package/dist/text.css-mistica.js +7 -7
  119. package/dist/theme-context.css-mistica.js +1 -1
  120. package/dist/theme.d.ts +1 -0
  121. package/dist/timeline.css-mistica.js +15 -15
  122. package/dist/timer.css-mistica.js +6 -6
  123. package/dist/tooltip.css-mistica.js +4 -4
  124. package/dist/touchable.css-mistica.js +4 -4
  125. package/dist/utils/aspect-ratio-support.css-mistica.js +6 -6
  126. package/dist/video.css-mistica.js +1 -1
  127. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  128. package/dist-es/accordion.css-mistica.js +7 -7
  129. package/dist-es/align.css-mistica.js +1 -1
  130. package/dist-es/avatar.css-mistica.js +2 -2
  131. package/dist-es/badge.css-mistica.js +2 -2
  132. package/dist-es/box.css-mistica.js +13 -13
  133. package/dist-es/boxed.css-mistica.js +23 -23
  134. package/dist-es/button-group.css-mistica.js +2 -2
  135. package/dist-es/button-layout.css-mistica.js +13 -13
  136. package/dist-es/button.css-mistica.js +27 -27
  137. package/dist-es/callout.css-mistica.js +6 -6
  138. package/dist-es/card-internal.css-mistica.js +16 -16
  139. package/dist-es/carousel.css-mistica.js +9 -9
  140. package/dist-es/checkbox.css-mistica.js +9 -9
  141. package/dist-es/chip.css-mistica.js +14 -14
  142. package/dist-es/circle.css-mistica.js +1 -1
  143. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  144. package/dist-es/community/advanced-data-card.js +34 -33
  145. package/dist-es/community/blocks.css-mistica.js +1 -1
  146. package/dist-es/community/example-component.css-mistica.js +1 -1
  147. package/dist-es/counter.css-mistica.js +2 -2
  148. package/dist-es/cover-hero.css-mistica.js +4 -4
  149. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  150. package/dist-es/date-field.css-mistica.js +1 -1
  151. package/dist-es/date-time-picker.css-mistica.js +1 -1
  152. package/dist-es/dialog.css-mistica.js +5 -5
  153. package/dist-es/divider.css-mistica.js +2 -2
  154. package/dist-es/double-field.css-mistica.js +2 -2
  155. package/dist-es/drawer.css-mistica.js +2 -2
  156. package/dist-es/empty-state-card.css-mistica.js +1 -1
  157. package/dist-es/empty-state.css-mistica.js +6 -6
  158. package/dist-es/fade-in.css-mistica.js +1 -1
  159. package/dist-es/feedback.css-mistica.js +2 -2
  160. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  161. package/dist-es/form.css-mistica.js +2 -2
  162. package/dist-es/grid-layout.css-mistica.js +3 -3
  163. package/dist-es/grid.css-mistica.js +122 -122
  164. package/dist-es/header.css-mistica.js +1 -1
  165. package/dist-es/hero.css-mistica.js +3 -3
  166. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  167. package/dist-es/icon-button.css-mistica.js +43 -43
  168. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  169. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  170. package/dist-es/image.css-mistica.js +4 -4
  171. package/dist-es/index.js +1865 -1864
  172. package/dist-es/inline.css-mistica.js +10 -10
  173. package/dist-es/list.css-mistica.js +2 -2
  174. package/dist-es/list.js +196 -191
  175. package/dist-es/loading-bar.css-mistica.js +2 -2
  176. package/dist-es/loading-screen.css-mistica.js +5 -5
  177. package/dist-es/logo-movistar-new.js +114 -0
  178. package/dist-es/logo.css-mistica.js +5 -5
  179. package/dist-es/logo.js +59 -35
  180. package/dist-es/menu.css-mistica.js +13 -13
  181. package/dist-es/mosaic.css-mistica.js +1 -1
  182. package/dist-es/navigation-bar.css-mistica.js +17 -17
  183. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  184. package/dist-es/package-version.js +1 -1
  185. package/dist-es/pin-field.css-mistica.js +2 -2
  186. package/dist-es/popover.css-mistica.js +1 -1
  187. package/dist-es/progress-bar.css-mistica.js +4 -4
  188. package/dist-es/radio-button.css-mistica.js +16 -16
  189. package/dist-es/rating.css-mistica.js +3 -3
  190. package/dist-es/responsive-layout.css-mistica.js +6 -6
  191. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  192. package/dist-es/select.css-mistica.js +18 -17
  193. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  194. package/dist-es/sheet-common.css-mistica.js +2 -2
  195. package/dist-es/sheet-info.css-mistica.js +1 -1
  196. package/dist-es/skeletons.css-mistica.js +5 -5
  197. package/dist-es/skins/blau.js +10 -1
  198. package/dist-es/skins/constants.js +2 -2
  199. package/dist-es/skins/defaults.js +6 -1
  200. package/dist-es/skins/esimflag.js +10 -1
  201. package/dist-es/skins/movistar-new.js +577 -0
  202. package/dist-es/skins/movistar.js +10 -1
  203. package/dist-es/skins/o2-new.js +11 -2
  204. package/dist-es/skins/o2.js +10 -1
  205. package/dist-es/skins/skin-contract.css-mistica.js +399 -390
  206. package/dist-es/skins/telefonica.js +11 -2
  207. package/dist-es/skins/tu.js +11 -2
  208. package/dist-es/skins/utils.js +24 -21
  209. package/dist-es/skins/vivo-new.js +11 -2
  210. package/dist-es/skins/vivo.js +10 -1
  211. package/dist-es/skip-link.css-mistica.js +1 -1
  212. package/dist-es/slider.css-mistica.js +11 -11
  213. package/dist-es/snackbar.css-mistica.js +5 -5
  214. package/dist-es/spinner.css-mistica.js +2 -2
  215. package/dist-es/stack.css-mistica.js +5 -5
  216. package/dist-es/stacking-group.css-mistica.js +1 -1
  217. package/dist-es/stepper.css-mistica.js +3 -3
  218. package/dist-es/style.css +1 -1
  219. package/dist-es/switch-component.css-mistica.js +30 -30
  220. package/dist-es/table.css-mistica.js +8 -8
  221. package/dist-es/tabs.css-mistica.js +14 -14
  222. package/dist-es/tag.css-mistica.js +2 -2
  223. package/dist-es/text-field-base.css-mistica.js +2 -2
  224. package/dist-es/text-field-components.css-mistica.js +4 -4
  225. package/dist-es/text-link.css-mistica.js +5 -5
  226. package/dist-es/text.css-mistica.js +7 -7
  227. package/dist-es/theme-context.css-mistica.js +1 -1
  228. package/dist-es/timeline.css-mistica.js +11 -11
  229. package/dist-es/timer.css-mistica.js +6 -6
  230. package/dist-es/tooltip.css-mistica.js +2 -2
  231. package/dist-es/touchable.css-mistica.js +2 -2
  232. package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
  233. package/dist-es/video.css-mistica.js +1 -1
  234. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  235. package/package.json +1 -1
@@ -10,31 +10,34 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  BLAU_SKIN: function() {
13
- return S;
13
+ return _;
14
14
  },
15
15
  ESIMFLAG_SKIN: function() {
16
- return c;
16
+ return K;
17
+ },
18
+ MOVISTAR_NEW_SKIN: function() {
19
+ return I;
17
20
  },
18
21
  MOVISTAR_SKIN: function() {
19
22
  return o;
20
23
  },
21
24
  O2_NEW_SKIN: function() {
22
- return n;
25
+ return N;
23
26
  },
24
27
  O2_SKIN: function() {
25
- return I;
28
+ return n;
26
29
  },
27
30
  TELEFONICA_SKIN: function() {
28
- return t;
31
+ return S;
29
32
  },
30
33
  TU_SKIN: function() {
31
- return _;
34
+ return c;
32
35
  },
33
36
  VIVO_NEW_SKIN: function() {
34
- return s;
37
+ return t;
35
38
  },
36
39
  VIVO_SKIN: function() {
37
- return N;
40
+ return s;
38
41
  }
39
42
  });
40
- const o = "Movistar", I = "O2", n = "O2-new", N = "Vivo", s = "Vivo-new", t = "Telefonica", S = "Blau", _ = "Tu", c = "Esimflag";
43
+ const o = "Movistar", I = "Movistar-new", n = "O2", N = "O2-new", s = "Vivo", t = "Vivo-new", S = "Telefonica", _ = "Blau", c = "Tu", K = "Esimflag";
@@ -129,6 +129,9 @@ const e = {
129
129
  cardTitle: {
130
130
  weight: "regular"
131
131
  },
132
+ rowTitle: {
133
+ weight: "regular"
134
+ },
132
135
  button: {
133
136
  weight: "medium"
134
137
  },
@@ -180,7 +183,9 @@ const e = {
180
183
  sheet: "8px",
181
184
  bar: "999px",
182
185
  avatar: "50%",
183
- mediaSmall: "8px"
186
+ mediaSmall: "8px",
187
+ chip: "16px",
188
+ tag: "24px"
184
189
  }, t = {
185
190
  brandLoadingScreen: "inverse",
186
191
  successFeedback: "inverse"
@@ -176,8 +176,10 @@ const e = {
176
176
  neutralLowAlternative: e.grey2,
177
177
  textPrimary: e.blue85,
178
178
  textPrimaryInverse: e.white,
179
+ textPrimaryMedia: e.white,
179
180
  textSecondary: e.grey5,
180
181
  textSecondaryInverse: e.blue10,
182
+ textSecondaryMedia: e.white,
181
183
  success: e.grass,
182
184
  warning: e.peach,
183
185
  error: e.tomato,
@@ -348,8 +350,10 @@ const e = {
348
350
  neutralLowAlternative: e.grey6,
349
351
  textPrimary: e.grey3,
350
352
  textPrimaryInverse: e.grey3,
353
+ textPrimaryMedia: e.white,
351
354
  textSecondary: e.grey4,
352
355
  textSecondaryInverse: e.grey4,
356
+ textSecondaryMedia: e.white,
353
357
  success: e.grass,
354
358
  warning: e.peach,
355
359
  error: e.chili,
@@ -411,10 +415,12 @@ const e = {
411
415
  borderRadii: {
412
416
  avatar: "50%",
413
417
  bar: "999px",
414
- button: "999px",
418
+ button: "32px",
415
419
  checkbox: "4px",
416
420
  container: "20px",
417
421
  indicator: "8px",
422
+ chip: "8px",
423
+ tag: "8px",
418
424
  input: "16px",
419
425
  legacyDisplay: "20px",
420
426
  popup: "16px",
@@ -437,6 +443,9 @@ const e = {
437
443
  navigationBar: {
438
444
  weight: "medium"
439
445
  },
446
+ rowTitle: {
447
+ weight: "regular"
448
+ },
440
449
  tabsLabel: {
441
450
  lineHeight: {
442
451
  desktop: 24,
@@ -0,0 +1,53 @@
1
+ import type { GetKnownSkin } from './types';
2
+ export declare const palette: {
3
+ movistarBlue: string;
4
+ movistarWhite: string;
5
+ movistarBlack: string;
6
+ blue100: string;
7
+ blue200: string;
8
+ blue300: string;
9
+ blue600: string;
10
+ blue800: string;
11
+ blueLight: string;
12
+ blueHigh: string;
13
+ blueDark: string;
14
+ red: string;
15
+ red350: string;
16
+ redHigh: string;
17
+ salmon100: string;
18
+ salmon200: string;
19
+ salmonLight: string;
20
+ salmonDark: string;
21
+ yellow: string;
22
+ yellow200: string;
23
+ yellow400: string;
24
+ yellow500: string;
25
+ yellow600: string;
26
+ yellowLight: string;
27
+ yellowHigh: string;
28
+ yellowDark: string;
29
+ emerald: string;
30
+ emeraldHigh: string;
31
+ green200: string;
32
+ green400: string;
33
+ green700: string;
34
+ greenLight: string;
35
+ greenHigh: string;
36
+ greenDark: string;
37
+ pink45: string;
38
+ pink55: string;
39
+ grey100: string;
40
+ grey200: string;
41
+ grey300: string;
42
+ grey400: string;
43
+ grey500: string;
44
+ grey600: string;
45
+ grey700: string;
46
+ white: string;
47
+ white100: string;
48
+ black: string;
49
+ darkModeBlack: string;
50
+ darkModeGrey: string;
51
+ darkModeMovistarBlue: string;
52
+ };
53
+ export declare const getMovistarNewSkin: GetKnownSkin;