@telefonica/mistica 15.2.1 → 15.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 (290) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +3 -3
  4. package/dist/accordion.js +75 -71
  5. package/dist/avatar.css-mistica.js +3 -3
  6. package/dist/avatar.js +1 -1
  7. package/dist/badge.css-mistica.js +4 -4
  8. package/dist/box.d.ts +1 -0
  9. package/dist/box.js +13 -12
  10. package/dist/boxed.css-mistica.js +1 -1
  11. package/dist/boxed.js +2 -2
  12. package/dist/button-group.css-mistica.js +1 -1
  13. package/dist/button-group.js +2 -2
  14. package/dist/button-layout.css-mistica.js +10 -10
  15. package/dist/button.css-mistica.js +31 -31
  16. package/dist/button.js +62 -49
  17. package/dist/callout.css-mistica.js +1 -1
  18. package/dist/card.css-mistica.js +19 -16
  19. package/dist/card.css.d.ts +1 -0
  20. package/dist/card.d.ts +7 -5
  21. package/dist/card.js +376 -351
  22. package/dist/carousel.css-mistica.js +18 -18
  23. package/dist/carousel.d.ts +3 -4
  24. package/dist/carousel.js +95 -101
  25. package/dist/checkbox.css-mistica.js +10 -10
  26. package/dist/chip.css-mistica.js +15 -9
  27. package/dist/chip.css.d.ts +2 -0
  28. package/dist/chip.js +49 -47
  29. package/dist/circle.css-mistica.js +1 -1
  30. package/dist/community/advanced-data-card.css-mistica.js +20 -17
  31. package/dist/community/advanced-data-card.css.d.ts +1 -0
  32. package/dist/community/advanced-data-card.d.ts +8 -4
  33. package/dist/community/advanced-data-card.js +25 -24
  34. package/dist/community/blocks.css-mistica.js +1 -1
  35. package/dist/community/blocks.js +10 -8
  36. package/dist/counter.css-mistica.js +9 -9
  37. package/dist/counter.js +7 -7
  38. package/dist/credit-card-number-field.css-mistica.js +6 -6
  39. package/dist/dialog.css-mistica.js +9 -9
  40. package/dist/dialog.js +96 -94
  41. package/dist/double-field.css-mistica.js +4 -4
  42. package/dist/empty-state-card.css-mistica.js +4 -4
  43. package/dist/empty-state.css-mistica.js +6 -6
  44. package/dist/feedback.css-mistica.js +6 -6
  45. package/dist/feedback.d.ts +1 -1
  46. package/dist/feedback.js +87 -99
  47. package/dist/fixed-footer-layout.css-mistica.js +14 -8
  48. package/dist/fixed-footer-layout.css.d.ts +2 -0
  49. package/dist/fixed-footer-layout.d.ts +1 -1
  50. package/dist/fixed-footer-layout.js +79 -86
  51. package/dist/fixed-to-top.d.ts +1 -0
  52. package/dist/fixed-to-top.js +9 -6
  53. package/dist/form.js +6 -6
  54. package/dist/generated/mistica-icons/icon-ethernet-filled.d.ts +4 -0
  55. package/dist/generated/mistica-icons/icon-ethernet-filled.js +111 -0
  56. package/dist/generated/mistica-icons/icon-ethernet-light.d.ts +4 -0
  57. package/dist/generated/mistica-icons/icon-ethernet-light.js +111 -0
  58. package/dist/generated/mistica-icons/icon-ethernet-regular.d.ts +4 -0
  59. package/dist/generated/mistica-icons/icon-ethernet-regular.js +111 -0
  60. package/dist/generated/mistica-icons/icon-routine-filled.d.ts +4 -0
  61. package/dist/generated/mistica-icons/icon-routine-filled.js +111 -0
  62. package/dist/generated/mistica-icons/icon-routine-light.d.ts +4 -0
  63. package/dist/generated/mistica-icons/icon-routine-light.js +111 -0
  64. package/dist/generated/mistica-icons/icon-routine-regular.d.ts +4 -0
  65. package/dist/generated/mistica-icons/icon-routine-regular.js +111 -0
  66. package/dist/header.css-mistica.js +1 -1
  67. package/dist/hero.css-mistica.js +27 -6
  68. package/dist/hero.css.d.ts +5 -0
  69. package/dist/hero.d.ts +3 -2
  70. package/dist/hero.js +97 -99
  71. package/dist/highlighted-card.css-mistica.js +6 -6
  72. package/dist/hooks.d.ts +2 -0
  73. package/dist/hooks.js +39 -44
  74. package/dist/horizontal-scroll.css-mistica.js +1 -1
  75. package/dist/horizontal-scroll.js +2 -2
  76. package/dist/icon-button.css-mistica.js +7 -7
  77. package/dist/icons/icon-error.js +2 -0
  78. package/dist/icons/icon-info.js +2 -0
  79. package/dist/icons/icon-success-vivo-new.js +1 -0
  80. package/dist/icons/icon-success-vivo.js +9 -8
  81. package/dist/image.css-mistica.js +3 -3
  82. package/dist/image.d.ts +1 -0
  83. package/dist/image.js +54 -50
  84. package/dist/index.d.ts +6 -0
  85. package/dist/index.js +24 -0
  86. package/dist/list.css-mistica.js +13 -13
  87. package/dist/list.d.ts +3 -0
  88. package/dist/list.js +261 -217
  89. package/dist/loading-bar.css-mistica.js +5 -5
  90. package/dist/loading-bar.js +2 -2
  91. package/dist/loading-screen.css-mistica.js +8 -8
  92. package/dist/loading-screen.d.ts +1 -1
  93. package/dist/loading-screen.js +3 -3
  94. package/dist/logo.js +40 -27
  95. package/dist/maybe-dismissable.css-mistica.js +1 -1
  96. package/dist/menu.css-mistica.js +3 -3
  97. package/dist/navigation-bar.css-mistica.js +19 -19
  98. package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
  99. package/dist/overscroll-color-context.d.ts +1 -0
  100. package/dist/overscroll-color-context.js +15 -12
  101. package/dist/package-version.js +1 -1
  102. package/dist/pin-field.css-mistica.js +5 -5
  103. package/dist/pin-field.js +2 -2
  104. package/dist/progress-bar.css-mistica.js +3 -3
  105. package/dist/progress-bar.js +4 -4
  106. package/dist/radio-button.css-mistica.js +10 -10
  107. package/dist/radio-button.d.ts +2 -0
  108. package/dist/radio-button.js +70 -68
  109. package/dist/responsive-layout.css-mistica.js +20 -11
  110. package/dist/responsive-layout.d.ts +1 -0
  111. package/dist/responsive-layout.js +15 -15
  112. package/dist/screen-reader-only.css-mistica.js +2 -2
  113. package/dist/select.css-mistica.js +10 -10
  114. package/dist/select.js +16 -16
  115. package/dist/sheet.css-mistica.js +9 -9
  116. package/dist/sheet.d.ts +8 -8
  117. package/dist/sheet.js +82 -81
  118. package/dist/skeletons.css-mistica.js +4 -4
  119. package/dist/skins/blau.js +11 -1
  120. package/dist/skins/movistar.js +11 -1
  121. package/dist/skins/o2-new.d.ts +0 -1
  122. package/dist/skins/o2-new.js +17 -8
  123. package/dist/skins/o2.js +11 -1
  124. package/dist/skins/skin-contract.css-mistica.js +268 -258
  125. package/dist/skins/skin-contract.css.d.ts +10 -0
  126. package/dist/skins/telefonica.js +11 -1
  127. package/dist/skins/tu.js +11 -1
  128. package/dist/skins/types/colors.d.ts +5 -0
  129. package/dist/skins/vivo-new.js +11 -1
  130. package/dist/skins/vivo.js +11 -1
  131. package/dist/slider.css-mistica.js +9 -9
  132. package/dist/slider.d.ts +1 -1
  133. package/dist/slider.js +8 -8
  134. package/dist/snackbar.css-mistica.js +15 -15
  135. package/dist/spinner.css-mistica.js +3 -3
  136. package/dist/sprinkles.css-mistica.js +833 -803
  137. package/dist/stacking-group.css-mistica.js +2 -2
  138. package/dist/stepper.css-mistica.js +9 -9
  139. package/dist/switch-component.css-mistica.js +21 -21
  140. package/dist/switch-component.d.ts +2 -0
  141. package/dist/switch-component.js +28 -27
  142. package/dist/tabs.css-mistica.js +10 -10
  143. package/dist/tag.css-mistica.js +2 -2
  144. package/dist/tag.js +2 -2
  145. package/dist/text-field-base.css-mistica.js +16 -16
  146. package/dist/text-field-base.js +3 -3
  147. package/dist/text-field-components.css-mistica.js +9 -9
  148. package/dist/text-field-components.js +10 -10
  149. package/dist/text-link.css-mistica.js +3 -3
  150. package/dist/text.js +142 -121
  151. package/dist/theme-context-provider.js +38 -34
  152. package/dist/theme.d.ts +2 -1
  153. package/dist/tooltip.css-mistica.js +4 -4
  154. package/dist/touchable.css-mistica.js +2 -2
  155. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  156. package/dist/utils/aspect-ratio-support.js +8 -8
  157. package/dist/utils/browser.js +1 -1
  158. package/dist/video.css-mistica.js +1 -1
  159. package/dist/video.js +3 -3
  160. package/dist-es/accordion.css-mistica.js +3 -3
  161. package/dist-es/accordion.js +87 -83
  162. package/dist-es/avatar.css-mistica.js +2 -2
  163. package/dist-es/avatar.js +1 -1
  164. package/dist-es/badge.css-mistica.js +2 -2
  165. package/dist-es/box.js +17 -16
  166. package/dist-es/boxed.css-mistica.js +1 -1
  167. package/dist-es/boxed.js +2 -2
  168. package/dist-es/button-group.css-mistica.js +1 -1
  169. package/dist-es/button-group.js +4 -4
  170. package/dist-es/button-layout.css-mistica.js +6 -6
  171. package/dist-es/button-layout.js +5 -5
  172. package/dist-es/button.css-mistica.js +18 -18
  173. package/dist-es/button.js +80 -67
  174. package/dist-es/callout.css-mistica.js +1 -1
  175. package/dist-es/callout.js +8 -8
  176. package/dist-es/card.css-mistica.js +2 -2
  177. package/dist-es/card.js +491 -466
  178. package/dist-es/carousel.css-mistica.js +2 -2
  179. package/dist-es/carousel.js +88 -91
  180. package/dist-es/checkbox.css-mistica.js +6 -6
  181. package/dist-es/checkbox.js +7 -7
  182. package/dist-es/chip.css-mistica.js +8 -8
  183. package/dist-es/chip.js +75 -72
  184. package/dist-es/circle.css-mistica.js +1 -1
  185. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  186. package/dist-es/community/advanced-data-card.js +65 -64
  187. package/dist-es/community/blocks.css-mistica.js +1 -1
  188. package/dist-es/community/blocks.js +16 -14
  189. package/dist-es/counter.css-mistica.js +2 -2
  190. package/dist-es/counter.js +21 -21
  191. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  192. package/dist-es/dialog.css-mistica.js +5 -5
  193. package/dist-es/dialog.js +114 -112
  194. package/dist-es/double-field.css-mistica.js +4 -4
  195. package/dist-es/empty-state-card.css-mistica.js +2 -2
  196. package/dist-es/empty-state.css-mistica.js +3 -3
  197. package/dist-es/empty-state.js +12 -12
  198. package/dist-es/feedback.css-mistica.js +2 -2
  199. package/dist-es/feedback.js +118 -130
  200. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  201. package/dist-es/fixed-footer-layout.js +97 -104
  202. package/dist-es/fixed-to-top.js +8 -8
  203. package/dist-es/form.js +9 -9
  204. package/dist-es/generated/mistica-icons/icon-ethernet-filled.js +102 -0
  205. package/dist-es/generated/mistica-icons/icon-ethernet-light.js +102 -0
  206. package/dist-es/generated/mistica-icons/icon-ethernet-regular.js +102 -0
  207. package/dist-es/generated/mistica-icons/icon-routine-filled.js +102 -0
  208. package/dist-es/generated/mistica-icons/icon-routine-light.js +102 -0
  209. package/dist-es/generated/mistica-icons/icon-routine-regular.js +102 -0
  210. package/dist-es/grid.js +3 -3
  211. package/dist-es/header.css-mistica.js +1 -1
  212. package/dist-es/hero.css-mistica.js +8 -2
  213. package/dist-es/hero.js +124 -126
  214. package/dist-es/highlighted-card.css-mistica.js +5 -5
  215. package/dist-es/hooks.js +41 -40
  216. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  217. package/dist-es/horizontal-scroll.js +2 -2
  218. package/dist-es/icon-button.css-mistica.js +7 -7
  219. package/dist-es/icons/icon-error.js +29 -27
  220. package/dist-es/icons/icon-info.js +2 -0
  221. package/dist-es/icons/icon-success-vivo-new.js +1 -0
  222. package/dist-es/icons/icon-success-vivo.js +9 -8
  223. package/dist-es/image.css-mistica.js +2 -2
  224. package/dist-es/image.js +73 -69
  225. package/dist-es/index.js +1088 -1082
  226. package/dist-es/list.css-mistica.js +2 -2
  227. package/dist-es/list.js +342 -298
  228. package/dist-es/loading-bar.css-mistica.js +2 -2
  229. package/dist-es/loading-bar.js +6 -6
  230. package/dist-es/loading-screen.css-mistica.js +3 -3
  231. package/dist-es/loading-screen.js +8 -8
  232. package/dist-es/logo.js +93 -80
  233. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  234. package/dist-es/menu.css-mistica.js +2 -2
  235. package/dist-es/navigation-bar.css-mistica.js +9 -9
  236. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  237. package/dist-es/overscroll-color-context.js +12 -12
  238. package/dist-es/package-version.js +1 -1
  239. package/dist-es/pin-field.css-mistica.js +2 -2
  240. package/dist-es/pin-field.js +10 -10
  241. package/dist-es/progress-bar.css-mistica.js +2 -2
  242. package/dist-es/progress-bar.js +9 -9
  243. package/dist-es/radio-button.css-mistica.js +6 -6
  244. package/dist-es/radio-button.js +75 -73
  245. package/dist-es/responsive-layout.css-mistica.js +5 -5
  246. package/dist-es/responsive-layout.js +21 -21
  247. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  248. package/dist-es/select.css-mistica.js +9 -9
  249. package/dist-es/select.js +22 -22
  250. package/dist-es/sheet.css-mistica.js +2 -2
  251. package/dist-es/sheet.js +124 -123
  252. package/dist-es/skeletons.css-mistica.js +2 -2
  253. package/dist-es/skins/blau.js +11 -1
  254. package/dist-es/skins/movistar.js +13 -3
  255. package/dist-es/skins/o2-new.js +17 -8
  256. package/dist-es/skins/o2.js +11 -1
  257. package/dist-es/skins/skin-contract.css-mistica.js +268 -258
  258. package/dist-es/skins/telefonica.js +11 -1
  259. package/dist-es/skins/tu.js +13 -3
  260. package/dist-es/skins/vivo-new.js +13 -3
  261. package/dist-es/skins/vivo.js +13 -3
  262. package/dist-es/slider.css-mistica.js +2 -2
  263. package/dist-es/slider.js +8 -8
  264. package/dist-es/snackbar.css-mistica.js +5 -5
  265. package/dist-es/spinner.css-mistica.js +2 -2
  266. package/dist-es/sprinkles.css-mistica.js +833 -803
  267. package/dist-es/stacking-group.css-mistica.js +2 -2
  268. package/dist-es/stepper.css-mistica.js +2 -2
  269. package/dist-es/style.css +1 -1
  270. package/dist-es/switch-component.css-mistica.js +19 -19
  271. package/dist-es/switch-component.js +32 -31
  272. package/dist-es/tabs.css-mistica.js +7 -7
  273. package/dist-es/tag.css-mistica.js +2 -2
  274. package/dist-es/tag.js +4 -4
  275. package/dist-es/text-field-base.css-mistica.js +2 -2
  276. package/dist-es/text-field-base.js +11 -11
  277. package/dist-es/text-field-components.css-mistica.js +2 -2
  278. package/dist-es/text-field-components.js +23 -23
  279. package/dist-es/text-link.css-mistica.js +3 -3
  280. package/dist-es/text-link.js +5 -5
  281. package/dist-es/text.js +141 -120
  282. package/dist-es/theme-context-provider.js +44 -40
  283. package/dist-es/tooltip.css-mistica.js +2 -2
  284. package/dist-es/touchable.css-mistica.js +2 -2
  285. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  286. package/dist-es/utils/aspect-ratio-support.js +14 -14
  287. package/dist-es/utils/browser.js +1 -1
  288. package/dist-es/video.css-mistica.js +1 -1
  289. package/dist-es/video.js +6 -6
  290. package/package.json +1 -1
package/dist/skins/movistar.js CHANGED
@@ -69,6 +69,7 @@ const e = {
69
69
  backgroundBrand: e.movistarBlue,
70
70
  backgroundBrandSecondary: e.movistarBlueDark,
71
71
  backgroundContainer: e.white,
72
+ backgroundContainerError: e.pepper10,
72
73
  backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.03),
73
74
  backgroundContainerPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
74
75
  backgroundContainerBrand: e.movistarBlue,
@@ -122,6 +123,8 @@ const e = {
122
123
  textLinkInverse: e.white,
123
124
  textLinkDanger: e.pepper,
124
125
  textLinkSnackbar: e.movistarBlue30,
126
+ textActivated: e.movistarBlue,
127
+ textBrand: e.movistarBlue,
125
128
  control: e.grey3,
126
129
  controlActivated: e.movistarBlue,
127
130
  controlInverse: e.movistarBlue20,
@@ -154,6 +157,8 @@ const e = {
154
157
  success: e.movistarGreen,
155
158
  warning: e.egg,
156
159
  error: e.pepper,
160
+ textError: e.pepper,
161
+ textErrorInverse: e.white,
157
162
  promo: e.purple,
158
163
  highlight: e.pink,
159
164
  successLow: e.movistarGreen10,
@@ -196,6 +201,7 @@ const e = {
196
201
  backgroundBrand: e.darkModeBlack,
197
202
  backgroundBrandSecondary: e.darkModeBlack,
198
203
  backgroundContainer: e.darkModeGrey,
204
+ backgroundContainerError: e.darkModeGrey,
199
205
  backgroundContainerHover: (0, _color.applyAlpha)(e.white, 0.03),
200
206
  backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.05),
201
207
  backgroundContainerBrand: e.darkModeGrey,
@@ -221,7 +227,7 @@ const e = {
221
227
  buttonDangerBackgroundSelected: e.pepper55,
222
228
  buttonDangerBackgroundHover: e.pepper55,
223
229
  buttonLinkDangerBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
224
- buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0.01),
230
+ buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
225
231
  buttonLinkDangerBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
226
232
  buttonLinkBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
227
233
  buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
@@ -249,6 +255,8 @@ const e = {
249
255
  textLinkInverse: e.movistarBlue,
250
256
  textLinkDanger: e.pepper,
251
257
  textLinkSnackbar: e.movistarBlue30,
258
+ textActivated: e.movistarBlue,
259
+ textBrand: e.movistarBlue,
252
260
  control: e.darkModeGrey6,
253
261
  controlActivated: e.movistarBlue,
254
262
  controlInverse: e.darkModeGrey6,
@@ -281,6 +289,8 @@ const e = {
281
289
  success: e.movistarGreen,
282
290
  warning: e.egg,
283
291
  error: e.pepper,
292
+ textError: e.pepper,
293
+ textErrorInverse: e.pepper,
284
294
  promo: e.purple,
285
295
  highlight: e.pink,
286
296
  successLow: e.movistarBlueDark,
package/dist/skins/o2-new.d.ts CHANGED
@@ -45,6 +45,5 @@ export declare const palette: {
45
45
  darkModeGrey: string;
46
46
  darkModeGrey6: string;
47
47
  darkModeBeyondBlue: string;
48
- darkModeBeyondBlueDark: string;
49
48
  };
50
49
  export declare const getO2NewSkin: GetKnownSkin;
package/dist/skins/o2-new.js CHANGED
@@ -51,7 +51,7 @@ const e = {
51
51
  o2Red40: "#FF8B8B",
52
52
  o2Red45: "#FF7B7B",
53
53
  o2Red60: "#CC4848",
54
- o2Red65: "#BF4343",
54
+ o2Red65: "#BF4444",
55
55
  grey20: "#F3F3F5",
56
56
  grey30: "#D9D9DD",
57
57
  grey40: "#B4B4BE",
@@ -60,11 +60,10 @@ const e = {
60
60
  grey80: "#3C3C46",
61
61
  black: "#00001E",
62
62
  white: "#FFFFFF",
63
- darkModeBlack: "#121212",
64
- darkModeGrey: "#1E1E1E",
65
- darkModeGrey6: "#2B2C2E",
66
- darkModeBeyondBlue: "#1A62FF",
67
- darkModeBeyondBlueDark: "#0048E5"
63
+ darkModeBlack: "#00001C",
64
+ darkModeGrey: "#08132B",
65
+ darkModeGrey6: "#14213D",
66
+ darkModeBeyondBlue: "#1A62FF"
68
67
  }, a = ()=>({
69
68
  name: _constants.O2_NEW_SKIN,
70
69
  colors: {
@@ -73,6 +72,7 @@ const e = {
73
72
  backgroundBrand: `linear-gradient(180deg, ${e.darkBlue} 0%, ${e.beyondBlue} 64%, ${e.beyondBlue45} 100%)`,
74
73
  backgroundBrandSecondary: e.beyondBlue,
75
74
  backgroundContainer: e.white,
75
+ backgroundContainerError: e.o2Red10,
76
76
  backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.03),
77
77
  backgroundContainerPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
78
78
  backgroundContainerBrand: `linear-gradient(180deg, ${e.darkBlue} 0%, ${e.beyondBlue} 64%, ${e.beyondBlue45} 100%)`,
@@ -126,6 +126,8 @@ const e = {
126
126
  textLinkInverse: e.white,
127
127
  textLinkDanger: e.o2Red65,
128
128
  textLinkSnackbar: e.beyondBlue30,
129
+ textActivated: e.beyondBlue,
130
+ textBrand: e.beyondBlue,
129
131
  control: e.grey45,
130
132
  controlActivated: e.beyondBlue,
131
133
  controlInverse: e.white,
@@ -158,6 +160,8 @@ const e = {
158
160
  success: e.o2Green,
159
161
  warning: e.o2Orange,
160
162
  error: e.o2Red65,
163
+ textError: e.o2Red65,
164
+ textErrorInverse: e.white,
161
165
  promo: e.o2Pink,
162
166
  highlight: e.o2Pink,
163
167
  successLow: e.o2Green10,
@@ -200,6 +204,7 @@ const e = {
200
204
  backgroundBrand: e.darkModeBlack,
201
205
  backgroundBrandSecondary: e.darkModeBlack,
202
206
  backgroundContainer: e.darkModeGrey,
207
+ backgroundContainerError: e.darkModeGrey,
203
208
  backgroundContainerHover: (0, _color.applyAlpha)(e.white, 0.03),
204
209
  backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.05),
205
210
  backgroundContainerBrand: e.darkModeGrey,
@@ -225,7 +230,7 @@ const e = {
225
230
  buttonDangerBackgroundSelected: e.o2Red65,
226
231
  buttonDangerBackgroundHover: e.o2Red65,
227
232
  buttonLinkDangerBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
228
- buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0.01),
233
+ buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
229
234
  buttonLinkDangerBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
230
235
  buttonLinkBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
231
236
  buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
@@ -253,6 +258,8 @@ const e = {
253
258
  textLinkInverse: e.beyondBlue40,
254
259
  textLinkDanger: e.o2Red45,
255
260
  textLinkSnackbar: e.beyondBlue30,
261
+ textActivated: e.beyondBlue30,
262
+ textBrand: e.beyondBlue30,
256
263
  control: e.grey45,
257
264
  controlActivated: e.beyondBlue30,
258
265
  controlInverse: e.grey45,
@@ -285,6 +292,8 @@ const e = {
285
292
  success: e.o2Green,
286
293
  warning: e.o2Orange,
287
294
  error: e.o2Red45,
295
+ textError: e.o2Red45,
296
+ textErrorInverse: e.o2Red45,
288
297
  promo: e.o2Pink,
289
298
  highlight: e.o2Pink,
290
299
  successLow: e.darkModeGrey6,
@@ -312,7 +321,7 @@ const e = {
312
321
  tagTextInactive: e.grey40,
313
322
  tagTextSuccess: e.o2Green,
314
323
  tagTextWarning: e.o2Orange,
315
- tagTextError: e.o2Red,
324
+ tagTextError: e.o2Red45,
316
325
  tagBackgroundPromo: e.darkModeGrey6,
317
326
  tagBackgroundActive: e.darkModeGrey6,
318
327
  tagBackgroundInactive: e.darkModeGrey6,
package/dist/skins/o2.js CHANGED
@@ -69,6 +69,7 @@ const e = {
69
69
  backgroundBrand: e.o2BluePrimary,
70
70
  backgroundBrandSecondary: e.o2BluePrimary,
71
71
  backgroundContainer: e.white,
72
+ backgroundContainerError: e.pepper10,
72
73
  backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.03),
73
74
  backgroundContainerPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
74
75
  backgroundContainerBrand: e.o2BluePrimary,
@@ -122,6 +123,8 @@ const e = {
122
123
  textLinkInverse: e.white,
123
124
  textLinkDanger: e.pepper,
124
125
  textLinkSnackbar: e.o2BluePrimary30,
126
+ textActivated: e.o2BluePrimary,
127
+ textBrand: e.o2BluePrimary,
125
128
  control: e.grey3,
126
129
  controlActivated: e.o2BluePrimary,
127
130
  controlInverse: e.o2BluePrimary30,
@@ -154,6 +157,8 @@ const e = {
154
157
  success: e.o2Green,
155
158
  warning: e.o2Orange,
156
159
  error: e.pepper,
160
+ textError: e.pepper,
161
+ textErrorInverse: e.white,
157
162
  promo: e.o2Purple,
158
163
  highlight: e.o2Pink,
159
164
  successLow: e.o2Green10,
@@ -196,6 +201,7 @@ const e = {
196
201
  backgroundBrand: e.darkModeBlack,
197
202
  backgroundBrandSecondary: e.darkModeBlack,
198
203
  backgroundContainer: e.darkModeGrey,
204
+ backgroundContainerError: e.darkModeGrey,
199
205
  backgroundContainerHover: (0, _color.applyAlpha)(e.white, 0.03),
200
206
  backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.05),
201
207
  backgroundContainerBrand: e.darkModeGrey,
@@ -221,7 +227,7 @@ const e = {
221
227
  buttonDangerBackgroundSelected: e.pepper60,
222
228
  buttonDangerBackgroundHover: e.pepper60,
223
229
  buttonLinkDangerBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
224
- buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0.01),
230
+ buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
225
231
  buttonLinkDangerBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
226
232
  buttonLinkBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
227
233
  buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
@@ -249,6 +255,8 @@ const e = {
249
255
  textLinkInverse: e.o2BluePrimary30,
250
256
  textLinkDanger: e.pepper,
251
257
  textLinkSnackbar: e.o2BluePrimary30,
258
+ textActivated: e.o2BluePrimary30,
259
+ textBrand: e.o2BluePrimary30,
252
260
  control: e.darkModeGrey6,
253
261
  controlActivated: e.o2BluePrimary30,
254
262
  controlInverse: e.darkModeGrey6,
@@ -281,6 +289,8 @@ const e = {
281
289
  success: e.o2Green,
282
290
  warning: e.o2Orange,
283
291
  error: e.pepper,
292
+ textError: e.pepper,
293
+ textErrorInverse: e.pepper,
284
294
  promo: e.o2Purple,
285
295
  highlight: e.o2Pink,
286
296
  successLow: e.darkModeGrey6,