@telefonica/mistica 13.4.0 → 13.5.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 (127) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +3 -3
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/button-group.css-mistica.js +1 -1
  5. package/dist/button-layout.css-mistica.js +9 -9
  6. package/dist/button.css-mistica.js +17 -17
  7. package/dist/callout.css-mistica.js +1 -1
  8. package/dist/card.css-mistica.js +7 -7
  9. package/dist/carousel.css-mistica.js +12 -12
  10. package/dist/checkbox.css-mistica.js +9 -9
  11. package/dist/chip.css-mistica.js +4 -4
  12. package/dist/chip.css.d.ts +1 -1
  13. package/dist/circle.css-mistica.js +2 -2
  14. package/dist/credit-card-number-field.css-mistica.js +3 -3
  15. package/dist/cvv-field.css-mistica.js +3 -3
  16. package/dist/dialog.css-mistica.js +5 -5
  17. package/dist/double-field.css-mistica.js +2 -2
  18. package/dist/empty-state-card.css-mistica.js +2 -2
  19. package/dist/empty-state.css-mistica.js +5 -5
  20. package/dist/feedback.css-mistica.js +4 -4
  21. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  22. package/dist/hero.css-mistica.js +4 -4
  23. package/dist/hero.js +1 -1
  24. package/dist/highlighted-card.css-mistica.js +6 -6
  25. package/dist/icon-button.css-mistica.js +1 -1
  26. package/dist/image.css-mistica.js +3 -3
  27. package/dist/list.css-mistica.js +12 -12
  28. package/dist/loading-bar.css-mistica.js +6 -6
  29. package/dist/maybe-dismissable.css-mistica.js +4 -4
  30. package/dist/menu.css-mistica.js +2 -2
  31. package/dist/navigation-bar.css-mistica.js +13 -13
  32. package/dist/navigation-breadcrumbs.css-mistica.js +2 -2
  33. package/dist/package-version.js +1 -1
  34. package/dist/password-field.css-mistica.js +2 -2
  35. package/dist/popover.css-mistica.js +10 -10
  36. package/dist/progress-bar.css-mistica.js +1 -1
  37. package/dist/radio-button.css-mistica.js +7 -7
  38. package/dist/responsive-layout.css-mistica.js +3 -3
  39. package/dist/screen-reader-only.css-mistica.js +1 -1
  40. package/dist/select.css-mistica.js +11 -11
  41. package/dist/skeletons.css-mistica.js +5 -5
  42. package/dist/skins/blau.js +2 -0
  43. package/dist/skins/movistar.js +2 -0
  44. package/dist/skins/o2-classic.js +2 -0
  45. package/dist/skins/o2.js +2 -0
  46. package/dist/skins/skin-contract.css-mistica.js +184 -182
  47. package/dist/skins/skin-contract.css.d.ts +2 -0
  48. package/dist/skins/telefonica.js +2 -0
  49. package/dist/skins/types.d.ts +1 -0
  50. package/dist/skins/vivo.js +2 -0
  51. package/dist/snackbar.css-mistica.js +7 -7
  52. package/dist/spinner.css-mistica.js +1 -1
  53. package/dist/sprinkles.css-mistica.js +317 -311
  54. package/dist/sprinkles.css.d.ts +1 -1
  55. package/dist/stepper.css-mistica.js +9 -9
  56. package/dist/switch-component.css-mistica.js +22 -22
  57. package/dist/tabs.css-mistica.js +14 -14
  58. package/dist/tag.css-mistica.js +2 -2
  59. package/dist/text-field-base.css-mistica.js +12 -12
  60. package/dist/text-field-components.css-mistica.js +12 -12
  61. package/dist/text-link.css-mistica.js +3 -3
  62. package/dist/tooltip.css-mistica.js +5 -5
  63. package/dist/touchable.css-mistica.js +1 -1
  64. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  65. package/dist/video.css-mistica.js +2 -2
  66. package/dist-es/avatar.css-mistica.js +2 -2
  67. package/dist-es/badge.css-mistica.js +2 -2
  68. package/dist-es/button-group.css-mistica.js +1 -1
  69. package/dist-es/button-layout.css-mistica.js +7 -7
  70. package/dist-es/button.css-mistica.js +9 -9
  71. package/dist-es/callout.css-mistica.js +1 -1
  72. package/dist-es/card.css-mistica.js +2 -2
  73. package/dist-es/carousel.css-mistica.js +2 -2
  74. package/dist-es/checkbox.css-mistica.js +6 -6
  75. package/dist-es/chip.css-mistica.js +4 -4
  76. package/dist-es/circle.css-mistica.js +2 -2
  77. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  78. package/dist-es/cvv-field.css-mistica.js +2 -2
  79. package/dist-es/dialog.css-mistica.js +5 -5
  80. package/dist-es/double-field.css-mistica.js +2 -2
  81. package/dist-es/empty-state-card.css-mistica.js +2 -2
  82. package/dist-es/empty-state.css-mistica.js +3 -3
  83. package/dist-es/feedback.css-mistica.js +2 -2
  84. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  85. package/dist-es/hero.css-mistica.js +2 -2
  86. package/dist-es/hero.js +15 -15
  87. package/dist-es/highlighted-card.css-mistica.js +5 -5
  88. package/dist-es/icon-button.css-mistica.js +1 -1
  89. package/dist-es/image.css-mistica.js +2 -2
  90. package/dist-es/list.css-mistica.js +2 -2
  91. package/dist-es/loading-bar.css-mistica.js +2 -2
  92. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  93. package/dist-es/menu.css-mistica.js +2 -2
  94. package/dist-es/navigation-bar.css-mistica.js +11 -11
  95. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  96. package/dist-es/package-version.js +1 -1
  97. package/dist-es/password-field.css-mistica.js +2 -2
  98. package/dist-es/popover.css-mistica.js +2 -2
  99. package/dist-es/progress-bar.css-mistica.js +1 -1
  100. package/dist-es/radio-button.css-mistica.js +4 -4
  101. package/dist-es/responsive-layout.css-mistica.js +2 -2
  102. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  103. package/dist-es/select.css-mistica.js +9 -9
  104. package/dist-es/skeletons.css-mistica.js +2 -2
  105. package/dist-es/skins/blau.js +2 -0
  106. package/dist-es/skins/movistar.js +2 -0
  107. package/dist-es/skins/o2-classic.js +2 -0
  108. package/dist-es/skins/o2.js +2 -0
  109. package/dist-es/skins/skin-contract.css-mistica.js +184 -182
  110. package/dist-es/skins/telefonica.js +2 -0
  111. package/dist-es/skins/vivo.js +2 -0
  112. package/dist-es/snackbar.css-mistica.js +2 -2
  113. package/dist-es/spinner.css-mistica.js +1 -1
  114. package/dist-es/sprinkles.css-mistica.js +317 -311
  115. package/dist-es/stepper.css-mistica.js +2 -2
  116. package/dist-es/style.css +1 -1
  117. package/dist-es/switch-component.css-mistica.js +19 -19
  118. package/dist-es/tabs.css-mistica.js +10 -10
  119. package/dist-es/tag.css-mistica.js +2 -2
  120. package/dist-es/text-field-base.css-mistica.js +2 -2
  121. package/dist-es/text-field-components.css-mistica.js +2 -2
  122. package/dist-es/text-link.css-mistica.js +3 -3
  123. package/dist-es/tooltip.css-mistica.js +3 -3
  124. package/dist-es/touchable.css-mistica.js +1 -1
  125. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  126. package/dist-es/video.css-mistica.js +2 -2
  127. package/package.json +1 -1
@@ -10,9 +10,9 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  container: ()=>n,
13
- contentVariants: ()=>f,
14
- iconContainer: ()=>v,
15
- inverseBorder: ()=>e,
13
+ contentVariants: ()=>v,
14
+ iconContainer: ()=>e,
15
+ inverseBorder: ()=>f,
16
16
  largeImage: ()=>_,
17
17
  largeImageContainer: ()=>o,
18
18
  smallImage: ()=>u,
@@ -20,9 +20,9 @@ _export(exports, {
20
20
  });
21
21
  require("./sprinkles.css.ts.vanilla.js");
22
22
  require("./empty-state.css.ts.vanilla.js");
23
- var n = "_13fzrua2 _1y2v1nf5g _1y2v1nf5a", f = {
23
+ var n = "_13fzrua2 _1y2v1nf5i _1y2v1nf5c", v = {
24
24
  default: "_13fzrua3",
25
25
  largeImage: "_13fzrua4"
26
- }, v = "_13fzrua9 _1y2v1nf80 _1y2v1nf8f", e = "_13fzruac", _ = "_13fzrua7 _1y2v1nf83", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5i", t = {
26
+ }, e = "_13fzrua9 _1y2v1nf82 _1y2v1nf8h", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf85", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5k", t = {
27
27
  backgroundColor: "var(--_13fzrua0)"
28
28
  };
@@ -13,10 +13,10 @@ _export(exports, {
13
13
  desktopContainer: ()=>r,
14
14
  desktopContent: ()=>t,
15
15
  feedbackData: ()=>v,
16
- feedbackDataAppear: ()=>f,
17
- feedbackDataAppearActive: ()=>o,
18
- innerContainer: ()=>p
16
+ feedbackDataAppear: ()=>p,
17
+ feedbackDataAppearActive: ()=>f,
18
+ innerContainer: ()=>i
19
19
  });
20
20
  require("./sprinkles.css.ts.vanilla.js");
21
21
  require("./feedback.css.ts.vanilla.js");
22
- var n = "gx6h6a3 _1y2v1nf5g _1y2v1nf83 _1y2v1nf7n", r = "_1y2v1nf9j _1y2v1nf5g _1y2v1nf5s", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
22
+ var n = "gx6h6a3 _1y2v1nf5i _1y2v1nf85 _1y2v1nf7p", r = "_1y2v1nf9l _1y2v1nf5i _1y2v1nf5u", t = "gx6h6a1", v = "gx6h6a7", p = "gx6h6a5", f = "gx6h6a6", i = "gx6h6a4";
@@ -18,7 +18,7 @@ _export(exports, {
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.js");
20
20
  require("./fixed-footer-layout.css.ts.vanilla.js");
21
- var v = "p5j8j58", a = "p5j8j56 _1y2v1nf2p", j = "p5j8j54", t = "p5j8j53 _1y2v1nf7n _1y2v1nf2o", e = {
21
+ var v = "p5j8j58", a = "p5j8j56 _1y2v1nf2q", j = "p5j8j54", t = "p5j8j53 _1y2v1nf7p _1y2v1nf2p", e = {
22
22
  footerHeight: "var(--p5j8j50)",
23
23
  backgroundColor: "var(--p5j8j51)"
24
- }, p = "_1y2v1nf5f";
24
+ }, p = "_1y2v1nf5h";
@@ -9,16 +9,16 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- actions: ()=>t,
12
+ actions: ()=>v,
13
13
  container: ()=>n,
14
14
  containerDesktop: ()=>a,
15
- containerMobile: ()=>_,
16
- layout: ()=>i,
15
+ containerMobile: ()=>i,
16
+ layout: ()=>_,
17
17
  vars: ()=>p
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.js");
20
20
  require("./responsive-layout.css.ts.vanilla.js");
21
21
  require("./hero.css.ts.vanilla.js");
22
- var t = "_16rbpto6 _1y2v1nf5g _1y2v1nf62 _1y2v1nf5w", n = "_16rbpto2 _1y2v1nf5g", a = "_1y2v1nf5v _1y2v1nf83", _ = "_1y2v1nf5m", i = "_16rbpto7", p = {
22
+ var v = "_16rbpto6 _1y2v1nf5i _1y2v1nf64 _1y2v1nf5y", n = "_16rbpto2 _1y2v1nf5i", a = "_1y2v1nf5x _1y2v1nf85", i = "_1y2v1nf5o", _ = "_16rbpto7", p = {
23
23
  height: "var(--_16rbpto0)"
24
24
  };
package/dist/hero.js CHANGED
@@ -213,7 +213,7 @@ const k = (param)=>/* @__PURE__ */ {
213
213
  default: _skinContractCssMisticaJs.vars.colors.background,
214
214
  alternative: _skinContractCssMisticaJs.vars.colors.backgroundAlternative,
215
215
  brand: _skinContractCssMisticaJs.vars.colors.backgroundBrand,
216
- "brand-secondary": _skinContractCssMisticaJs.vars.colors.backgroundBrand
216
+ "brand-secondary": _skinContractCssMisticaJs.vars.colors.backgroundBrandSecondary
217
217
  }, er = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
218
218
  var { height: e , background: o = "default" , media: a , desktopMediaPosition: i = "left" , dataAttributes: d } = _param, n = _objectWithoutProperties(_param, [
219
219
  "height",
@@ -9,14 +9,14 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- container: ()=>y,
13
- imageContent: ()=>f,
12
+ container: ()=>f,
13
+ imageContent: ()=>y,
14
14
  textContainerVariant: ()=>_,
15
15
  touchableContainer: ()=>r
16
16
  });
17
17
  require("./sprinkles.css.ts.vanilla.js");
18
18
  require("./highlighted-card.css.ts.vanilla.js");
19
- var y = "wrb8722 _1y2v1nf5g _1y2v1nf5l _1y2v1nf5s _1y2v1nf5y", f = "wrb8725 _1y2v1nf5g", _ = {
20
- withImage: "wrb8728 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70",
21
- withoutImage: "wrb8729 wrb8727 _1y2v1nf5g _1y2v1nf5m _1y2v1nf5u _1y2v1nf69 _1y2v1nf6n _1y2v1nf70"
22
- }, r = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5g _1y2v1nf5y _1y2v1nf9e _1y2v1nf7n _1y2v1nf5a";
19
+ var f = "wrb8722 _1y2v1nf5i _1y2v1nf5n _1y2v1nf5u _1y2v1nf60", y = "wrb8725 _1y2v1nf5i", _ = {
20
+ withImage: "wrb8728 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72",
21
+ withoutImage: "wrb8729 wrb8727 _1y2v1nf5i _1y2v1nf5o _1y2v1nf5w _1y2v1nf6b _1y2v1nf6p _1y2v1nf72"
22
+ }, r = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5i _1y2v1nf60 _1y2v1nf9g _1y2v1nf7p _1y2v1nf5c";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "base", {
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
10
  require("./icon-button.css.ts.vanilla.js");
11
- var t = "yqt1oe1 _1y2v1nf5k";
11
+ var t = "yqt1oe1 _1y2v1nf5m";
@@ -9,9 +9,9 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- FADE_IN_DURATION_MS: ()=>n,
13
- image: ()=>f
12
+ FADE_IN_DURATION_MS: ()=>f,
13
+ image: ()=>n
14
14
  });
15
15
  require("./sprinkles.css.ts.vanilla.js");
16
16
  require("./image.css.ts.vanilla.js");
17
- var n = 300, f = "_17tt25r1 _1y2v1nf9o _1y2v1nfa2 _1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nfb8 _1y2v1nf9b _1y2v1nf9c";
17
+ var f = 300, n = "_17tt25r1 _1y2v1nf9q _1y2v1nfa4 _1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nfba _1y2v1nf9d _1y2v1nf9e";
@@ -10,19 +10,19 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  asset: ()=>_,
13
- badge: ()=>y,
14
- center: ()=>f,
15
- content: ()=>a,
16
- disabled: ()=>r,
17
- dualActionContainer: ()=>e,
18
- dualActionLeft: ()=>o,
19
- dualActionRight: ()=>t,
13
+ badge: ()=>f,
14
+ center: ()=>y,
15
+ content: ()=>r,
16
+ disabled: ()=>a,
17
+ dualActionContainer: ()=>i,
18
+ dualActionLeft: ()=>t,
19
+ dualActionRight: ()=>o,
20
20
  hoverBackground: ()=>g,
21
- pointer: ()=>i,
22
- right: ()=>d,
23
- rowBody: ()=>u,
24
- rowContent: ()=>b
21
+ pointer: ()=>e,
22
+ right: ()=>b,
23
+ rowBody: ()=>c,
24
+ rowContent: ()=>d
25
25
  });
26
26
  require("./sprinkles.css.ts.vanilla.js");
27
27
  require("./list.css.ts.vanilla.js");
28
- var _ = "_1y2v1nf5g _1y2v1nf5y _1y2v1nf60", y = "_1y2v1nf5p _1y2v1nf8o _1y2v1nf83 _1y2v1nf5y", f = "_1y2v1nf5g _1y2v1nf5v", a = "_1y2v1nf5g _1y2v1nf7n _1y2v1nf99", r = "_2buj9g0", e = "_1y2v1nf5g _1y2v1nf5l", o = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf61", t = "_2buj9gi _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf5a _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf5v _1y2v1nf60 _1y2v1nf7o", g = "_2buj9g1", i = "_1y2v1nf9l", d = "_2buj9gb", u = "_1y2v1nf5g _1y2v1nf5m _1y2v1nf62", b = "_1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf7n _1y2v1nf9e _1y2v1nf5a";
28
+ var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", o = "_2buj9gi _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", g = "_2buj9g1", e = "_1y2v1nf9n", b = "_2buj9gb", c = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", d = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
@@ -11,14 +11,14 @@ function _export(target, all) {
11
11
  _export(exports, {
12
12
  TRANSITION_DURATION_MS: ()=>r,
13
13
  enter: ()=>_,
14
- enterActive: ()=>a,
15
- exit: ()=>e,
14
+ enterActive: ()=>e,
15
+ exit: ()=>a,
16
16
  exitActive: ()=>f,
17
17
  innerProgress: ()=>y,
18
- portal: ()=>g,
19
- progress: ()=>t,
20
- progressContainer: ()=>m
18
+ portal: ()=>t,
19
+ progress: ()=>g,
20
+ progressContainer: ()=>i
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.js");
23
23
  require("./loading-bar.css.ts.vanilla.js");
24
- var r = 400, _ = "_1num3qg9", a = "_1num3qga", e = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf83", g = "_1num3qg3 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag", t = "_1num3qg6 _1y2v1nf5c _1y2v1nf83 _1y2v1nf7n", m = "_1y2v1nf7n _1y2v1nf9m _1y2v1nf5b _1y2v1nf3o _1y2v1nf86";
24
+ var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf85", t = "_1num3qg3 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai", g = "_1num3qg6 _1y2v1nf5e _1y2v1nf85 _1y2v1nf7p", i = "_1y2v1nf7p _1y2v1nf9o _1y2v1nf5d _1y2v1nf3q _1y2v1nf88";
@@ -9,10 +9,10 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- dismissableButton: ()=>y,
13
- dismissableCircleContainer: ()=>f,
14
- dismissableContainer: ()=>_
12
+ dismissableButton: ()=>f,
13
+ dismissableCircleContainer: ()=>i,
14
+ dismissableContainer: ()=>y
15
15
  });
16
16
  require("./sprinkles.css.ts.vanilla.js");
17
17
  require("./maybe-dismissable.css.ts.vanilla.js");
18
- var y = "cim30m2 _1y2v1nf5c _1y2v1nf9o _1y2v1nfag _1y2v1nf7y _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", f = "cim30m4 _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf7v _1y2v1nf8a _1y2v1nf9f", _ = "_1y2v1nf5b _1y2v1nf5g _1y2v1nf5y";
18
+ var f = "cim30m2 _1y2v1nf5e _1y2v1nf9q _1y2v1nfai _1y2v1nf80 _1y2v1nf8f _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", i = "cim30m4 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf7x _1y2v1nf8c _1y2v1nf9h", y = "_1y2v1nf5d _1y2v1nf5i _1y2v1nf60";
@@ -9,14 +9,14 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- hideItems: ()=>k,
12
+ hideItems: ()=>v,
13
13
  menuContainer: ()=>_,
14
14
  showItems: ()=>a,
15
15
  vars: ()=>t
16
16
  });
17
17
  require("./sprinkles.css.ts.vanilla.js");
18
18
  require("./menu.css.ts.vanilla.js");
19
- var k = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf2p _1y2v1nf9i", a = "_2k0k3u8", t = {
19
+ var v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf2q _1y2v1nf9k", a = "_2k0k3u8", t = {
20
20
  top: "var(--_2k0k3u0)",
21
21
  bottom: "var(--_2k0k3u1)",
22
22
  right: "var(--_2k0k3u2)",
@@ -22,24 +22,24 @@ _export(exports, {
22
22
  logoContainer: ()=>z,
23
23
  navbarBorderColorVariants: ()=>o,
24
24
  section: ()=>u,
25
- selectedSectionVariantes: ()=>g,
25
+ selectedSectionVariantes: ()=>p,
26
26
  spacer: ()=>s,
27
- textWrapperVariants: ()=>l,
28
- topFixed: ()=>b
27
+ textWrapperVariants: ()=>x,
28
+ topFixed: ()=>g
29
29
  });
30
30
  require("./sprinkles.css.ts.vanilla.js");
31
31
  require("./navigation-bar.css.ts.vanilla.js");
32
- var y = "_1vcy5dz1 _1y2v1nf5b _1y2v1nf7v _1y2v1nf8a", _ = "_1vcy5dzr _1y2v1nf5d _1y2v1nf9y _1y2v1nfa2 _1y2v1nfag _1y2v1nf2o", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
33
- default: "_1vcy5dzu _1y2v1nf1e",
34
- inverse: "_1vcy5dzv _1y2v1nf1d"
35
- }, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5c", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5c", t = "_1vcy5dzw", z = "_1y2v1nf5g _1y2v1nf5p", o = {
36
- default: "_1vcy5dza _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
37
- inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h",
38
- menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf68 _1y2v1nf6m _1y2v1nf5g _1y2v1nf5v _1y2v1nf7n _1y2v1nf8h"
39
- }, u = "_1vcy5dze _1y2v1nf6y _1y2v1nf7c _1y2v1nf8h _1y2v1nf5g _1y2v1nf5v _1y2v1nf9e _1y2v1nf5a", g = {
32
+ var y = "_1vcy5dz1 _1y2v1nf5d _1y2v1nf7x _1y2v1nf8c", _ = "_1vcy5dzr _1y2v1nf5f _1y2v1nfa0 _1y2v1nfa4 _1y2v1nfai _1y2v1nf2p", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", a = "_1vcy5dzo", c = {
33
+ default: "_1vcy5dzu _1y2v1nf1f",
34
+ inverse: "_1vcy5dzv _1y2v1nf1e"
35
+ }, d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf5e", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf5e", t = "_1vcy5dzw", z = "_1y2v1nf5i _1y2v1nf5r", o = {
36
+ default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
37
+ inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j",
38
+ menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6a _1y2v1nf6o _1y2v1nf5i _1y2v1nf5x _1y2v1nf7p _1y2v1nf8j"
39
+ }, u = "_1vcy5dze _1y2v1nf70 _1y2v1nf7e _1y2v1nf8j _1y2v1nf5i _1y2v1nf5x _1y2v1nf9g _1y2v1nf5c", p = {
40
40
  default: "_1vcy5dzf",
41
41
  inverse: "_1vcy5dzg"
42
- }, s = "_1vcy5dzk _1y2v1nf8h", l = {
42
+ }, s = "_1vcy5dzk _1y2v1nf8j", x = {
43
43
  default: "_1vcy5dzh",
44
44
  inverse: "_1vcy5dzi"
45
- }, b = "_1vcy5dz7 _1y2v1nf5d _1y2v1nf9o _1y2v1nfa2 _1y2v1nfag";
45
+ }, g = "_1vcy5dz7 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai";
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- current: ()=>r,
12
+ current: ()=>v,
13
13
  link: ()=>f,
14
14
  list: ()=>i,
15
15
  listItem: ()=>_
16
16
  });
17
17
  require("./sprinkles.css.ts.vanilla.js");
18
18
  require("./navigation-breadcrumbs.css.ts.vanilla.js");
19
- var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79", _ = "_1y2v1nf5j";
19
+ var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b", _ = "_1y2v1nf5l";
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
6
6
  enumerable: true,
7
7
  get: ()=>o
8
8
  });
9
- const o = "13.4.0";
9
+ const o = "13.5.0";
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "shadow", {
6
6
  enumerable: true,
7
- get: ()=>v
7
+ get: ()=>f
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
10
  require("./password-field.css.ts.vanilla.js");
11
- var v = "ptqylz1 _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf9f _1y2v1nf5a";
11
+ var f = "ptqylz1 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf9h _1y2v1nf5c";
@@ -9,19 +9,19 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- arrow: ()=>r,
13
- arrowSize: ()=>t,
14
- arrowWrapper: ()=>o,
15
- closeButtonIcon: ()=>a,
16
- container: ()=>_,
17
- defaultPositionDesktop: ()=>f,
12
+ arrow: ()=>t,
13
+ arrowSize: ()=>r,
14
+ arrowWrapper: ()=>a,
15
+ closeButtonIcon: ()=>f,
16
+ container: ()=>o,
17
+ defaultPositionDesktop: ()=>_,
18
18
  defaultPositionMobile: ()=>i,
19
- distanceToTarget: ()=>y,
20
- marginLeftRightMobile: ()=>e,
19
+ distanceToTarget: ()=>e,
20
+ marginLeftRightMobile: ()=>y,
21
21
  maxWidthDesktop: ()=>g,
22
22
  textAlign: ()=>p,
23
- textContent: ()=>c
23
+ textContent: ()=>u
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.js");
26
26
  require("./popover.css.ts.vanilla.js");
27
- var r = "_12igu661 _1y2v1nf5c _1y2v1nf9o _1y2v1nf9d _1y2v1nf9g _1y2v1nf2p", t = 12, o = "_12igu663 _1y2v1nf5c _1y2v1nf2 _1y2v1nf9m", a = "_12igu669 _1y2v1nf5c _1y2v1nf9r _1y2v1nfaj", _ = "_12igu665 _1y2v1nf5c _1y2v1nf7o _1y2v1nf2p _1y2v1nf9d _1y2v1nf9i", f = "bottom", i = "top", y = 20, e = 16, g = 488, p = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf83", c = "_12igu667";
27
+ var t = "_12igu661 _1y2v1nf5e _1y2v1nf9q _1y2v1nf9f _1y2v1nf9i _1y2v1nf2q", r = 12, a = "_12igu663 _1y2v1nf5e _1y2v1nf2 _1y2v1nf9o", f = "_12igu669 _1y2v1nf5e _1y2v1nf9t _1y2v1nfal", o = "_12igu665 _1y2v1nf5e _1y2v1nf7q _1y2v1nf2q _1y2v1nf9f _1y2v1nf9k", _ = "bottom", i = "top", e = 20, y = 16, g = 488, p = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf85", u = "_12igu667";
@@ -14,4 +14,4 @@ _export(exports, {
14
14
  });
15
15
  require("./sprinkles.css.ts.vanilla.js");
16
16
  require("./progress-bar.css.ts.vanilla.js");
17
- var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";
17
+ var n = "j0y7r93 _1y2v1nf85 _1y2v1nf9i", y = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m";
@@ -9,19 +9,19 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- disabled: ()=>f,
13
- innerCircle: ()=>r,
14
- innerCircleChecked: ()=>y,
15
- outerCircleCheckedVariants: ()=>d,
12
+ disabled: ()=>r,
13
+ innerCircle: ()=>f,
14
+ innerCircleChecked: ()=>d,
15
+ outerCircleCheckedVariants: ()=>y,
16
16
  outerCircleVariants: ()=>_,
17
17
  radioButton: ()=>c
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.js");
20
20
  require("./radio-button.css.ts.vanilla.js");
21
- var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf5g _1y2v1nf9f", y = "c6dmsu7 _1y2v1nf3l", d = {
21
+ var r = "c6dmsub", f = "c6dmsu5 _1y2v1nf5i _1y2v1nf9h", d = "c6dmsu7 _1y2v1nf3n", y = {
22
22
  default: "c6dmsu9",
23
23
  ios: "c6dmsua"
24
24
  }, _ = {
25
- default: "c6dmsu2 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o",
26
- ios: "c6dmsu3 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o"
25
+ default: "c6dmsu2 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p",
26
+ ios: "c6dmsu3 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p"
27
27
  }, c = "c6dmsu8";
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- container: ()=>o,
13
- fullWidth: ()=>v,
12
+ container: ()=>v,
13
+ fullWidth: ()=>n,
14
14
  inverseBackground: ()=>a,
15
15
  responsiveLayout: ()=>e
16
16
  });
17
17
  require("./sprinkles.css.ts.vanilla.js");
18
18
  require("./responsive-layout.css.ts.vanilla.js");
19
- var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";
19
+ var v = "_1y2v1nf7p", n = "_17lofg75 _1y2v1nf7p", a = "_1y2v1nf2r", e = "_17lofg73";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
10
  require("./screen-reader-only.css.ts.vanilla.js");
11
- var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9m _1y2v1nf9e";
11
+ var y = "gwdgwo1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9o _1y2v1nf9g";
@@ -9,30 +9,30 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- arrowDown: ()=>_,
12
+ arrowDown: ()=>n,
13
13
  menuItem: ()=>f,
14
14
  menuItemSelected: ()=>i,
15
15
  optionsAnimationsVariants: ()=>y,
16
- optionsContainer: ()=>a,
17
- selectContainerVariants: ()=>s,
16
+ optionsContainer: ()=>s,
17
+ selectContainerVariants: ()=>a,
18
18
  selectTextVariants: ()=>e,
19
19
  selectVariants: ()=>p,
20
20
  vars: ()=>r
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.js");
23
23
  require("./select.css.ts.vanilla.js");
24
- var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e _1y2v1nf66 _1y2v1nf6k _1y2v1nf1n _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l _1y2v1nf8d", i = "_1y2v1nf2u", y = {
24
+ var n = "_1sqpivvo _1y2v1nf5e _1y2v1nfan", f = "_1sqpivvq _1y2v1nf72 _1y2v1nf7g _1y2v1nf68 _1y2v1nf6m _1y2v1nf1o _1y2v1nf5i _1y2v1nf5x _1y2v1nf9n _1y2v1nf8f", i = "_1y2v1nf2w", y = {
25
25
  show: "_1sqpivv7",
26
26
  hide: "_1sqpivv8"
27
- }, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9i _1y2v1nf2p", s = {
28
- default: "_1sqpivvd _1sqpivvc _1y2v1nf5b",
29
- fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5b"
27
+ }, s = "_1sqpivv6 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9k _1y2v1nf2q", a = {
28
+ default: "_1sqpivvd _1sqpivvc _1y2v1nf5d",
29
+ fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5d"
30
30
  }, e = {
31
- default: "_1sqpivvl _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n",
32
- disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n"
31
+ default: "_1sqpivvl _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o",
32
+ disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o"
33
33
  }, p = {
34
- default: "_1sqpivvh _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83",
35
- disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83"
34
+ default: "_1sqpivvh _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85",
35
+ disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85"
36
36
  }, r = {
37
37
  top: "var(--_1sqpivv0)",
38
38
  left: "var(--_1sqpivv1)",
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- animation: ()=>o,
13
- circle: ()=>r,
14
- line: ()=>y,
15
- row: ()=>f
12
+ animation: ()=>r,
13
+ circle: ()=>o,
14
+ line: ()=>f,
15
+ row: ()=>i
16
16
  });
17
17
  require("./sprinkles.css.ts.vanilla.js");
18
18
  require("./skeletons.css.ts.vanilla.js");
19
- var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";
19
+ var r = "zopolw2 _1y2v1nf5k", o = "_1y2v1nf60 _1y2v1nf62", f = "zopolw6 _1y2v1nf61", i = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r";
@@ -59,6 +59,7 @@ const e = {
59
59
  background: e.white,
60
60
  backgroundContainer: e.white,
61
61
  backgroundBrand: e.blauBluePrimary,
62
+ backgroundBrandSecondary: e.blauBluePrimary,
62
63
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.blauBlueSecondary, 0.75),
63
64
  backgroundSkeleton: e.grey2,
64
65
  backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -151,6 +152,7 @@ const e = {
151
152
  },
152
153
  darkModeColors: {
153
154
  backgroundBrand: e.darkModeBlack,
155
+ backgroundBrandSecondary: e.darkModeBlack,
154
156
  background: e.darkModeBlack,
155
157
  appBarBackground: e.darkModeGrey,
156
158
  backgroundContainer: e.darkModeGrey,
@@ -64,6 +64,7 @@ const e = {
64
64
  background: e.white,
65
65
  backgroundContainer: e.white,
66
66
  backgroundBrand: e.movistarBlue,
67
+ backgroundBrandSecondary: e.movistarBlue,
67
68
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
68
69
  backgroundSkeleton: e.grey2,
69
70
  backgroundSkeletonInverse: e.movistarBlue55,
@@ -160,6 +161,7 @@ const e = {
160
161
  background: e.darkModeBlack,
161
162
  backgroundContainer: e.darkModeGrey,
162
163
  backgroundBrand: e.darkModeBlack,
164
+ backgroundBrandSecondary: e.darkModeBlack,
163
165
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
164
166
  backgroundSkeleton: e.grey6,
165
167
  backgroundSkeletonInverse: e.grey6,
@@ -71,6 +71,7 @@ const e = {
71
71
  background: e.white,
72
72
  backgroundContainer: e.white,
73
73
  backgroundBrand: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
74
+ backgroundBrandSecondary: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
74
75
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
75
76
  backgroundSkeleton: e.grey2,
76
77
  backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -166,6 +167,7 @@ const e = {
166
167
  background: e.darkModeBlack,
167
168
  backgroundContainer: e.darkModeGrey,
168
169
  backgroundBrand: e.darkModeBlack,
170
+ backgroundBrandSecondary: e.darkModeBlack,
169
171
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
170
172
  backgroundSkeleton: e.darkModeGrey6,
171
173
  backgroundSkeletonInverse: e.darkModeGrey6,
package/dist/skins/o2.js CHANGED
@@ -61,6 +61,7 @@ const e = {
61
61
  background: e.white,
62
62
  backgroundContainer: e.white,
63
63
  backgroundBrand: e.o2BluePrimary,
64
+ backgroundBrandSecondary: e.o2BluePrimary,
64
65
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
65
66
  backgroundSkeleton: e.grey2,
66
67
  backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -156,6 +157,7 @@ const e = {
156
157
  background: e.darkModeBlack,
157
158
  backgroundContainer: e.darkModeGrey,
158
159
  backgroundBrand: e.darkModeBlack,
160
+ backgroundBrandSecondary: e.darkModeBlack,
159
161
  backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
160
162
  backgroundSkeleton: e.darkModeGrey6,
161
163
  backgroundSkeletonInverse: e.darkModeGrey6,