@telefonica/mistica 16.54.0 → 16.55.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 (221) hide show
  1. package/css/blau.css +4 -0
  2. package/css/esimflag.css +4 -0
  3. package/css/mistica.css +1 -1
  4. package/css/movistar-new.css +5 -1
  5. package/css/movistar.css +4 -0
  6. package/css/o2-new.css +25 -21
  7. package/css/o2.css +4 -0
  8. package/css/telefonica.css +9 -5
  9. package/css/tu.css +4 -0
  10. package/css/vivo-new.css +25 -21
  11. package/css/vivo.css +4 -0
  12. package/dist/accordion.css-mistica.js +7 -7
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/autocomplete.css-mistica.js +4 -4
  15. package/dist/avatar.css-mistica.js +1 -1
  16. package/dist/badge.css-mistica.js +3 -3
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/button-group.css-mistica.js +3 -3
  20. package/dist/button-layout.css-mistica.js +14 -14
  21. package/dist/button.css-mistica.js +43 -43
  22. package/dist/callout.css-mistica.js +11 -11
  23. package/dist/card-internal.css-mistica.js +20 -20
  24. package/dist/carousel.css-mistica.js +23 -23
  25. package/dist/checkbox.css-mistica.js +17 -17
  26. package/dist/chip.css-mistica.js +20 -20
  27. package/dist/circle.css-mistica.js +1 -1
  28. package/dist/community/advanced-data-card.css-mistica.js +18 -18
  29. package/dist/community/blocks.css-mistica.js +2 -2
  30. package/dist/community/example-component.css-mistica.js +2 -2
  31. package/dist/counter.css-mistica.js +4 -4
  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 +7 -7
  37. package/dist/divider.css-mistica.js +5 -5
  38. package/dist/double-field.css-mistica.js +4 -4
  39. package/dist/drawer.css-mistica.js +11 -11
  40. package/dist/empty-state-card.css-mistica.js +1 -1
  41. package/dist/empty-state.css-mistica.js +5 -5
  42. package/dist/fade-in.css-mistica.js +1 -1
  43. package/dist/feedback.css-mistica.js +4 -4
  44. package/dist/file-upload.css-mistica.js +11 -11
  45. package/dist/fixed-footer-layout.css-mistica.js +11 -11
  46. package/dist/form.css-mistica.js +2 -2
  47. package/dist/grid-layout.css-mistica.js +3 -3
  48. package/dist/grid.css-mistica.js +120 -120
  49. package/dist/header.css-mistica.js +1 -1
  50. package/dist/hero.css-mistica.js +4 -4
  51. package/dist/horizontal-scroll.css-mistica.js +1 -1
  52. package/dist/icon-button.css-mistica.js +56 -56
  53. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  54. package/dist/icons/icon-error.css-mistica.js +1 -1
  55. package/dist/image.css-mistica.js +2 -2
  56. package/dist/inline.css-mistica.js +9 -9
  57. package/dist/list.css-mistica.js +15 -15
  58. package/dist/loading-bar.css-mistica.js +1 -1
  59. package/dist/loading-screen.css-mistica.js +10 -10
  60. package/dist/logo.css-mistica.js +5 -5
  61. package/dist/menu.css-mistica.js +16 -16
  62. package/dist/mosaic.css-mistica.js +1 -1
  63. package/dist/navigation-bar.css-mistica.js +38 -38
  64. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  65. package/dist/package-version.js +1 -1
  66. package/dist/pin-field.css-mistica.js +5 -5
  67. package/dist/popover.css-mistica.js +1 -1
  68. package/dist/progress-bar.css-mistica.js +6 -6
  69. package/dist/radio-button.css-mistica.js +24 -24
  70. package/dist/rating.css-mistica.js +2 -2
  71. package/dist/responsive-layout.css-mistica.js +7 -7
  72. package/dist/screen-reader-only.css-mistica.js +2 -2
  73. package/dist/select.css-mistica.js +21 -21
  74. package/dist/sheet-action-row.css-mistica.js +2 -2
  75. package/dist/sheet-common.css-mistica.js +4 -4
  76. package/dist/sheet-info.css-mistica.js +1 -1
  77. package/dist/sheet-radio-list.d.ts +5 -0
  78. package/dist/sheet-radio-list.js +18 -13
  79. package/dist/sheet-types.d.ts +5 -0
  80. package/dist/skeletons.css-mistica.js +6 -6
  81. package/dist/skins/blau.js +2 -0
  82. package/dist/skins/esimflag.js +2 -0
  83. package/dist/skins/movistar-new.js +5 -3
  84. package/dist/skins/movistar.js +2 -0
  85. package/dist/skins/o2-new.js +12 -10
  86. package/dist/skins/o2.js +2 -0
  87. package/dist/skins/skin-contract.css-mistica.js +684 -682
  88. package/dist/skins/skin-contract.css.d.ts +2 -0
  89. package/dist/skins/telefonica.js +15 -13
  90. package/dist/skins/tu.js +2 -0
  91. package/dist/skins/types/colors.d.ts +1 -0
  92. package/dist/skins/vivo-new.js +12 -10
  93. package/dist/skins/vivo.js +2 -0
  94. package/dist/skip-link.css-mistica.js +2 -2
  95. package/dist/slider.css-mistica.js +24 -24
  96. package/dist/snackbar.css-mistica.js +8 -8
  97. package/dist/spinner.css-mistica.js +1 -1
  98. package/dist/square.css-mistica.js +1 -1
  99. package/dist/stack.css-mistica.js +5 -5
  100. package/dist/stacking-group.css-mistica.js +1 -1
  101. package/dist/stepper.css-mistica.js +7 -7
  102. package/dist/switch-component.css-mistica.js +40 -40
  103. package/dist/table.css-mistica.js +9 -9
  104. package/dist/tabs.css-mistica.js +22 -22
  105. package/dist/tag.css-mistica.js +4 -4
  106. package/dist/text-field-base.css-mistica.js +20 -20
  107. package/dist/text-field-components.css-mistica.js +12 -12
  108. package/dist/text-link.css-mistica.js +6 -6
  109. package/dist/text.css-mistica.js +6 -6
  110. package/dist/theme-context.css-mistica.js +1 -1
  111. package/dist/timeline.css-mistica.js +11 -11
  112. package/dist/timer.css-mistica.js +6 -6
  113. package/dist/tooltip.css-mistica.js +5 -5
  114. package/dist/touchable.css-mistica.js +1 -1
  115. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  116. package/dist/video.css-mistica.js +1 -1
  117. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  118. package/dist-es/accordion.css-mistica.js +7 -7
  119. package/dist-es/align.css-mistica.js +1 -1
  120. package/dist-es/autocomplete.css-mistica.js +2 -2
  121. package/dist-es/avatar.css-mistica.js +1 -1
  122. package/dist-es/badge.css-mistica.js +2 -2
  123. package/dist-es/box.css-mistica.js +13 -13
  124. package/dist-es/boxed.css-mistica.js +23 -23
  125. package/dist-es/button-group.css-mistica.js +2 -2
  126. package/dist-es/button-layout.css-mistica.js +14 -14
  127. package/dist-es/button.css-mistica.js +34 -34
  128. package/dist-es/callout.css-mistica.js +11 -11
  129. package/dist-es/card-internal.css-mistica.js +17 -17
  130. package/dist-es/carousel.css-mistica.js +9 -9
  131. package/dist-es/checkbox.css-mistica.js +13 -13
  132. package/dist-es/chip.css-mistica.js +17 -17
  133. package/dist-es/circle.css-mistica.js +1 -1
  134. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  135. package/dist-es/community/blocks.css-mistica.js +2 -2
  136. package/dist-es/community/example-component.css-mistica.js +2 -2
  137. package/dist-es/counter.css-mistica.js +2 -2
  138. package/dist-es/cover-hero.css-mistica.js +4 -4
  139. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  140. package/dist-es/date-field.css-mistica.js +1 -1
  141. package/dist-es/date-time-picker.css-mistica.js +1 -1
  142. package/dist-es/dialog.css-mistica.js +5 -5
  143. package/dist-es/divider.css-mistica.js +5 -5
  144. package/dist-es/double-field.css-mistica.js +4 -4
  145. package/dist-es/drawer.css-mistica.js +2 -2
  146. package/dist-es/empty-state-card.css-mistica.js +1 -1
  147. package/dist-es/empty-state.css-mistica.js +5 -5
  148. package/dist-es/fade-in.css-mistica.js +1 -1
  149. package/dist-es/feedback.css-mistica.js +2 -2
  150. package/dist-es/file-upload.css-mistica.js +8 -8
  151. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  152. package/dist-es/form.css-mistica.js +2 -2
  153. package/dist-es/grid-layout.css-mistica.js +3 -3
  154. package/dist-es/grid.css-mistica.js +120 -120
  155. package/dist-es/header.css-mistica.js +1 -1
  156. package/dist-es/hero.css-mistica.js +3 -3
  157. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  158. package/dist-es/icon-button.css-mistica.js +55 -55
  159. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  160. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  161. package/dist-es/image.css-mistica.js +2 -2
  162. package/dist-es/inline.css-mistica.js +9 -9
  163. package/dist-es/list.css-mistica.js +2 -2
  164. package/dist-es/loading-bar.css-mistica.js +1 -1
  165. package/dist-es/loading-screen.css-mistica.js +5 -5
  166. package/dist-es/logo.css-mistica.js +5 -5
  167. package/dist-es/menu.css-mistica.js +14 -14
  168. package/dist-es/mosaic.css-mistica.js +1 -1
  169. package/dist-es/navigation-bar.css-mistica.js +20 -20
  170. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  171. package/dist-es/package-version.js +1 -1
  172. package/dist-es/pin-field.css-mistica.js +2 -2
  173. package/dist-es/popover.css-mistica.js +1 -1
  174. package/dist-es/progress-bar.css-mistica.js +6 -6
  175. package/dist-es/radio-button.css-mistica.js +21 -21
  176. package/dist-es/rating.css-mistica.js +2 -2
  177. package/dist-es/responsive-layout.css-mistica.js +7 -7
  178. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  179. package/dist-es/select.css-mistica.js +18 -18
  180. package/dist-es/sheet-action-row.css-mistica.js +2 -2
  181. package/dist-es/sheet-common.css-mistica.js +2 -2
  182. package/dist-es/sheet-info.css-mistica.js +1 -1
  183. package/dist-es/sheet-radio-list.js +31 -26
  184. package/dist-es/skeletons.css-mistica.js +6 -6
  185. package/dist-es/skins/blau.js +2 -0
  186. package/dist-es/skins/esimflag.js +2 -0
  187. package/dist-es/skins/movistar-new.js +5 -3
  188. package/dist-es/skins/movistar.js +2 -0
  189. package/dist-es/skins/o2-new.js +12 -10
  190. package/dist-es/skins/o2.js +2 -0
  191. package/dist-es/skins/skin-contract.css-mistica.js +684 -682
  192. package/dist-es/skins/telefonica.js +15 -13
  193. package/dist-es/skins/tu.js +2 -0
  194. package/dist-es/skins/vivo-new.js +12 -10
  195. package/dist-es/skins/vivo.js +2 -0
  196. package/dist-es/skip-link.css-mistica.js +2 -2
  197. package/dist-es/slider.css-mistica.js +19 -19
  198. package/dist-es/snackbar.css-mistica.js +5 -5
  199. package/dist-es/spinner.css-mistica.js +1 -1
  200. package/dist-es/square.css-mistica.js +1 -1
  201. package/dist-es/stack.css-mistica.js +5 -5
  202. package/dist-es/stacking-group.css-mistica.js +1 -1
  203. package/dist-es/stepper.css-mistica.js +3 -3
  204. package/dist-es/style.css +1 -1
  205. package/dist-es/switch-component.css-mistica.js +37 -37
  206. package/dist-es/table.css-mistica.js +9 -9
  207. package/dist-es/tabs.css-mistica.js +19 -19
  208. package/dist-es/tag.css-mistica.js +2 -2
  209. package/dist-es/text-field-base.css-mistica.js +17 -17
  210. package/dist-es/text-field-components.css-mistica.js +4 -4
  211. package/dist-es/text-link.css-mistica.js +6 -6
  212. package/dist-es/text.css-mistica.js +6 -6
  213. package/dist-es/theme-context.css-mistica.js +1 -1
  214. package/dist-es/timeline.css-mistica.js +10 -10
  215. package/dist-es/timer.css-mistica.js +6 -6
  216. package/dist-es/tooltip.css-mistica.js +2 -2
  217. package/dist-es/touchable.css-mistica.js +1 -1
  218. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  219. package/dist-es/video.css-mistica.js +1 -1
  220. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  221. package/package.json +2 -2
@@ -19,4 +19,4 @@ _export(exports, {
19
19
  return r;
20
20
  }
21
21
  });
22
- /* empty css */ /* empty css */ var n = "v16_54_12pggsm0 v16_54_1y2v1nfq2 v16_54_1y2v1nfqh v16_54_1y2v1nfre", f = "v16_54_12pggsm1 v16_54_1y2v1nfr6 v16_54_1y2v1nfq2", r = "v16_54_12pggsm2 v16_54_1y2v1nfga v16_54_1y2v1nfhj v16_54_1y2v1nfq2 v16_54_1y2v1nfqh v16_54_1y2v1nfsf";
22
+ /* empty css */ /* empty css */ var n = "v16_55_12pggsm0 v16_55_1y2v1nfq4 v16_55_1y2v1nfqj v16_55_1y2v1nfrg", f = "v16_55_12pggsm1 v16_55_1y2v1nfr8 v16_55_1y2v1nfq4", r = "v16_55_12pggsm2 v16_55_1y2v1nfgc v16_55_1y2v1nfhl v16_55_1y2v1nfq4 v16_55_1y2v1nfqj v16_55_1y2v1nfsh";
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import type { TagType } from './tag';
2
3
  import type { DataAttributes } from './utils/types';
3
4
  type RadioListSheetProps = {
4
5
  title?: string;
@@ -6,6 +7,10 @@ type RadioListSheetProps = {
6
7
  description?: string | ReadonlyArray<string>;
7
8
  items: ReadonlyArray<{
8
9
  id: string;
10
+ tag?: {
11
+ type?: TagType;
12
+ text: string;
13
+ };
9
14
  title?: string;
10
15
  description?: string;
11
16
  asset?: React.ReactNode;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return q;
9
+ return F;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -18,6 +18,7 @@ const _button = require("./button.js");
18
18
  const _radiobutton = require("./radio-button.js");
19
19
  const _list = require("./list.js");
20
20
  const _texttokens = require("./text-tokens.js");
21
+ const _tag = /*#__PURE__*/ _interop_require_default(require("./tag.js"));
21
22
  function _interop_require_default(obj) {
22
23
  return obj && obj.__esModule ? obj : {
23
24
  default: obj
@@ -92,42 +93,46 @@ function _object_spread(target) {
92
93
  }
93
94
  return target;
94
95
  }
95
- const q = /*#__PURE__*/ _react.forwardRef((param, S)=>{
96
- let { title: d, subtitle: c, description: f, items: u, selectedId: h, onClose: p, onSelect: o, button: l, dataAttributes: R } = param;
97
- const [i, B] = _react.useState(h), s = _react.useRef(!1), { isDesktopOrBigger: n } = (0, _hooks.useScreenSize)(), { texts: x, t: b } = (0, _hooks.useTheme)();
96
+ const F = /*#__PURE__*/ _react.forwardRef((param, g)=>{
97
+ let { title: m, subtitle: c, description: f, items: p, selectedId: h, onClose: u, onSelect: o, button: l, dataAttributes: R } = param;
98
+ const [i, S] = _react.useState(h), s = _react.useRef(!1), { isDesktopOrBigger: n } = (0, _hooks.useScreenSize)(), { texts: x, t: B } = (0, _hooks.useTheme)();
98
99
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.default, {
99
- onClose: p,
100
- ref: S,
100
+ onClose: u,
101
+ ref: g,
101
102
  dataAttributes: _object_spread({
102
103
  "component-name": "RadioListSheet"
103
104
  }, R),
104
105
  children: (param)=>{
105
- let { closeModal: a, modalTitleId: m } = param;
106
+ let { closeModal: a, modalTitleId: d } = param;
106
107
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.SheetBody, {
107
- title: d,
108
+ title: m,
108
109
  subtitle: c,
109
110
  description: f,
110
- modalTitleId: m,
111
+ modalTitleId: d,
111
112
  button: n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
112
113
  onPress: ()=>{
113
114
  s.current && (o === null || o === void 0 ? void 0 : o(i || "")), a();
114
115
  },
115
- children: (l === null || l === void 0 ? void 0 : l.text) || x.sheetConfirmButton || b(_texttokens.sheetConfirmButton)
116
+ children: (l === null || l === void 0 ? void 0 : l.text) || x.sheetConfirmButton || B(_texttokens.sheetConfirmButton)
116
117
  }) : void 0,
117
118
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
118
119
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
119
- "aria-labelledby": m,
120
+ "aria-labelledby": d,
120
121
  name: "sheetselection",
121
122
  value: i,
122
123
  onChange: (e)=>{
123
- B(e), s.current = !0, !n && (o === null || o === void 0 ? void 0 : o(e), setTimeout(()=>{
124
+ S(e), s.current = !0, !n && (o === null || o === void 0 ? void 0 : o(e), setTimeout(()=>{
124
125
  a();
125
126
  }, 200));
126
127
  },
127
128
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.RowList, {
128
- children: u.map((e)=>{
129
+ children: p.map((e)=>{
129
130
  var _e_title;
130
131
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Row, {
132
+ headline: e.tag ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
133
+ type: e.tag.type,
134
+ children: e.tag.text
135
+ }) : void 0,
131
136
  title: (_e_title = e.title) !== null && _e_title !== void 0 ? _e_title : "",
132
137
  description: e.description,
133
138
  asset: e.asset,
@@ -1,4 +1,5 @@
1
1
  export type NativeSheetImplementation = (typeof import('@tef-novum/webview-bridge'))['bottomSheet'];
2
+ import type { TagType } from './tag';
2
3
  import type { ExclusifyUnion, Id } from './utils/utility-types';
3
4
  type InfoIcon = ExclusifyUnion<{
4
5
  type: 'small' | 'regular';
@@ -17,6 +18,10 @@ export type SheetPropsByType = {
17
18
  selectedId?: string;
18
19
  items: Array<{
19
20
  id: string;
21
+ tag?: {
22
+ type?: TagType;
23
+ text: string;
24
+ };
20
25
  title?: string;
21
26
  description?: string;
22
27
  icon?: {
@@ -26,9 +26,9 @@ _export(exports, {
26
26
  }
27
27
  });
28
28
  /* empty css */ /* empty css */ var o = {
29
- default: "v16_54_zopolw5 v16_54_zopolw0 v16_54_1y2v1nf8e",
30
- alternative: "v16_54_zopolw6 v16_54_zopolw1 v16_54_1y2v1nf8e",
31
- brand: "v16_54_zopolw7 v16_54_zopolw2 v16_54_1y2v1nf8h",
32
- negative: "v16_54_zopolw8 v16_54_zopolw3 v16_54_1y2v1nf8g",
33
- media: "v16_54_zopolw9 v16_54_zopolw4 v16_54_1y2v1nf8g"
34
- }, l = "v16_54_zopolwc v16_54_zopolwb v16_54_1y2v1nfq4", n = "v16_54_zopolwd v16_54_1y2v1nfq2 v16_54_1y2v1nfqh v16_54_1y2v1nfqb", p = "v16_54_zopolwe v16_54_1y2v1nfqk v16_54_1y2v1nfqm", w = "v16_54_zopolwg v16_54_zopolwf v16_54_1y2v1nfql";
29
+ default: "v16_55_zopolw5 v16_55_zopolw0 v16_55_1y2v1nf8f",
30
+ alternative: "v16_55_zopolw6 v16_55_zopolw1 v16_55_1y2v1nf8f",
31
+ brand: "v16_55_zopolw7 v16_55_zopolw2 v16_55_1y2v1nf8i",
32
+ negative: "v16_55_zopolw8 v16_55_zopolw3 v16_55_1y2v1nf8h",
33
+ media: "v16_55_zopolw9 v16_55_zopolw4 v16_55_1y2v1nf8h"
34
+ }, l = "v16_55_zopolwc v16_55_zopolwb v16_55_1y2v1nfq6", n = "v16_55_zopolwd v16_55_1y2v1nfq4 v16_55_1y2v1nfqj v16_55_1y2v1nfqd", p = "v16_55_zopolwe v16_55_1y2v1nfqm v16_55_1y2v1nfqo", w = "v16_55_zopolwg v16_55_zopolwf v16_55_1y2v1nfqn";
@@ -284,6 +284,7 @@ const e = {
284
284
  textNavigationSearchBarText: e.grey6,
285
285
  textAppBar: e.grey5,
286
286
  textAppBarSelected: e.blauBlueSecondary60,
287
+ iosGlassAppBar: e.grey6,
287
288
  iosGlassAppBarSelected: e.blauBlueSecondary60,
288
289
  customTabsBackground: e.blauBluePrimary,
289
290
  tagTextPromo: e.blauPurple,
@@ -569,6 +570,7 @@ const e = {
569
570
  textNavigationSearchBarText: e.grey2,
570
571
  textAppBar: e.grey5,
571
572
  textAppBarSelected: e.grey2,
573
+ iosGlassAppBar: e.white,
572
574
  iosGlassAppBarSelected: e.white,
573
575
  customTabsBackground: e.darkModeBlack,
574
576
  tagTextPromo: e.blauPurple30,
@@ -288,6 +288,7 @@ const e = {
288
288
  textNavigationSearchBarText: e.white,
289
289
  textAppBar: e.grey5,
290
290
  textAppBarSelected: e.blue55,
291
+ iosGlassAppBar: e.blue85,
291
292
  iosGlassAppBarSelected: e.blue55,
292
293
  customTabsBackground: e.blue,
293
294
  tagTextPromo: e.blue85,
@@ -573,6 +574,7 @@ const e = {
573
574
  textNavigationSearchBarText: e.grey3,
574
575
  textAppBar: e.grey4,
575
576
  textAppBarSelected: e.blue15,
577
+ iosGlassAppBar: e.white,
576
578
  iosGlassAppBarSelected: e.white,
577
579
  customTabsBackground: e.darkModeBlack,
578
580
  tagTextPromo: e.blush,
@@ -36,14 +36,14 @@ const e = {
36
36
  redHigh: "#AD0000",
37
37
  salmon100: "#FEEEE6",
38
38
  salmon200: "#FDE5D7",
39
- salmonLight: "#FFC6A8",
39
+ salmonLight: "#FFDAC7",
40
40
  salmonDark: "#62301A",
41
41
  yellow: "#EDB800",
42
42
  yellow200: "#FFF3D1",
43
43
  yellow400: "#FFCB11",
44
44
  yellow500: "#C59A00",
45
45
  yellow600: "#BFA960",
46
- yellowLight: "#FFE99C",
46
+ yellowLight: "#FFF0C0",
47
47
  yellowHigh: "#5E4A09",
48
48
  yellowDark: "#5E4A09",
49
49
  emerald: "#048239",
@@ -51,7 +51,7 @@ const e = {
51
51
  green200: "#EBF9DF",
52
52
  green400: "#8DCC5B",
53
53
  green700: "#407F0F",
54
- greenLight: "#CEF7BF",
54
+ greenLight: "#E2F8D5",
55
55
  greenHigh: "#CEF7BF",
56
56
  greenDark: "#38552B",
57
57
  pink45: "#EB5F99",
@@ -295,6 +295,7 @@ const e = {
295
295
  textNavigationSearchBarText: e.white,
296
296
  textAppBar: e.grey600,
297
297
  textAppBarSelected: e.blue800,
298
+ iosGlassAppBar: e.movistarBlack,
298
299
  iosGlassAppBarSelected: e.blue800,
299
300
  customTabsBackground: e.white,
300
301
  tagTextPromo: e.white,
@@ -580,6 +581,7 @@ const e = {
580
581
  textNavigationSearchBarText: e.grey200,
581
582
  textAppBar: e.grey400,
582
583
  textAppBarSelected: e.movistarBlue,
584
+ iosGlassAppBar: e.white,
583
585
  iosGlassAppBarSelected: e.blue200,
584
586
  customTabsBackground: e.darkModeBlack,
585
587
  tagTextPromo: e.movistarWhite,
@@ -300,6 +300,7 @@ const e = {
300
300
  textNavigationSearchBarText: e.white,
301
301
  textAppBar: e.grey5,
302
302
  textAppBarSelected: e.movistarBlueHC,
303
+ iosGlassAppBar: e.movistarBlueDark,
303
304
  iosGlassAppBarSelected: e.movistarBlueHC55,
304
305
  customTabsBackground: e.white,
305
306
  tagTextPromo: e.white,
@@ -585,6 +586,7 @@ const e = {
585
586
  textNavigationSearchBarText: e.darkModeGrey2,
586
587
  textAppBar: e.darkModeGrey4,
587
588
  textAppBarSelected: e.movistarBlue,
589
+ iosGlassAppBar: e.white,
588
590
  iosGlassAppBarSelected: e.white,
589
591
  customTabsBackground: e.darkModeBlack,
590
592
  tagTextPromo: e.white,
@@ -131,15 +131,15 @@ const e = {
131
131
  buttonPrimaryBackgroundBrand: e.white,
132
132
  buttonPrimaryBackgroundMedia: e.white,
133
133
  buttonPrimaryBackgroundHover: e.beyondBlue70,
134
- buttonPrimaryBackgroundInverseHover: e.beyondBlue30,
135
- buttonPrimaryBackgroundNegativeHover: e.beyondBlue30,
136
- buttonPrimaryBackgroundBrandHover: e.beyondBlue30,
137
- buttonPrimaryBackgroundMediaHover: e.beyondBlue30,
134
+ buttonPrimaryBackgroundInverseHover: e.beyondBlue10,
135
+ buttonPrimaryBackgroundNegativeHover: e.beyondBlue10,
136
+ buttonPrimaryBackgroundBrandHover: e.beyondBlue10,
137
+ buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
138
138
  buttonPrimaryBackgroundPressed: e.beyondBlue70,
139
- buttonPrimaryBackgroundInversePressed: e.beyondBlue30,
140
- buttonPrimaryBackgroundNegativePressed: e.beyondBlue30,
141
- buttonPrimaryBackgroundBrandPressed: e.beyondBlue30,
142
- buttonPrimaryBackgroundMediaPressed: e.beyondBlue30,
139
+ buttonPrimaryBackgroundInversePressed: e.beyondBlue15,
140
+ buttonPrimaryBackgroundNegativePressed: e.beyondBlue15,
141
+ buttonPrimaryBackgroundBrandPressed: e.beyondBlue15,
142
+ buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
143
143
  buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
144
144
  buttonSecondaryBorder: e.beyondBlue,
145
145
  buttonSecondaryBorderInverse: e.white,
@@ -291,6 +291,7 @@ const e = {
291
291
  textNavigationSearchBarText: e.white,
292
292
  textAppBar: e.grey60,
293
293
  textAppBarSelected: e.beyondBlue,
294
+ iosGlassAppBar: e.black,
294
295
  iosGlassAppBarSelected: e.beyondBlue55,
295
296
  customTabsBackground: e.beyondBlue,
296
297
  tagTextPromo: e.o2Pink80,
@@ -419,12 +420,12 @@ const e = {
419
420
  buttonPrimaryBackgroundInverseHover: e.beyondBlue55,
420
421
  buttonPrimaryBackgroundNegativeHover: e.beyondBlue55,
421
422
  buttonPrimaryBackgroundBrandHover: e.beyondBlue55,
422
- buttonPrimaryBackgroundMediaHover: e.beyondBlue30,
423
+ buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
423
424
  buttonPrimaryBackgroundPressed: e.beyondBlue55,
424
425
  buttonPrimaryBackgroundInversePressed: e.beyondBlue55,
425
426
  buttonPrimaryBackgroundNegativePressed: e.beyondBlue55,
426
427
  buttonPrimaryBackgroundBrandPressed: e.beyondBlue55,
427
- buttonPrimaryBackgroundMediaPressed: e.beyondBlue30,
428
+ buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
428
429
  buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
429
430
  buttonSecondaryBorder: e.white,
430
431
  buttonSecondaryBorderInverse: e.white,
@@ -576,6 +577,7 @@ const e = {
576
577
  textNavigationSearchBarText: e.grey30,
577
578
  textAppBar: e.grey45,
578
579
  textAppBarSelected: e.beyondBlue40,
580
+ iosGlassAppBar: e.white,
579
581
  iosGlassAppBarSelected: e.beyondBlue15,
580
582
  customTabsBackground: e.darkModeBlack,
581
583
  tagTextPromo: e.o2Pink,
package/dist/skins/o2.js CHANGED
@@ -287,6 +287,7 @@ const e = {
287
287
  textNavigationSearchBarText: e.white,
288
288
  textAppBar: e.grey4,
289
289
  textAppBarSelected: e.o2BluePrimary,
290
+ iosGlassAppBar: e.grey6,
290
291
  iosGlassAppBarSelected: e.o2BluePrimary,
291
292
  customTabsBackground: e.o2BluePrimary,
292
293
  tagTextPromo: e.o2Purple,
@@ -572,6 +573,7 @@ const e = {
572
573
  textNavigationSearchBarText: e.grey2,
573
574
  textAppBar: e.grey5,
574
575
  textAppBarSelected: e.grey2,
576
+ iosGlassAppBar: e.white,
575
577
  iosGlassAppBarSelected: e.white,
576
578
  customTabsBackground: e.darkModeBlack,
577
579
  tagTextPromo: e.o2Purple30,