@telefonica/mistica 14.46.0 → 14.48.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 (184) hide show
  1. package/README.md +1 -3
  2. package/css/mistica.css +1 -1
  3. package/dist/accordion.css-mistica.js +5 -5
  4. package/dist/avatar.css-mistica.js +3 -3
  5. package/dist/badge.css-mistica.js +6 -6
  6. package/dist/boxed.css-mistica.js +3 -3
  7. package/dist/button-fixed-footer-layout.js +9 -11
  8. package/dist/button-group.css-mistica.js +5 -5
  9. package/dist/button-layout.css-mistica.js +11 -20
  10. package/dist/button-layout.css.d.ts +3 -6
  11. package/dist/button-layout.d.ts +5 -0
  12. package/dist/button-layout.js +41 -26
  13. package/dist/button.css-mistica.js +28 -28
  14. package/dist/callout.css-mistica.js +2 -2
  15. package/dist/card.css-mistica.js +17 -17
  16. package/dist/card.d.ts +2 -0
  17. package/dist/card.js +220 -208
  18. package/dist/carousel.css-mistica.js +21 -21
  19. package/dist/checkbox.css-mistica.js +9 -9
  20. package/dist/chip.css-mistica.js +10 -10
  21. package/dist/circle.css-mistica.js +2 -2
  22. package/dist/community/advanced-data-card.css-mistica.js +15 -15
  23. package/dist/community/blocks.css-mistica.js +3 -3
  24. package/dist/counter.css-mistica.js +6 -6
  25. package/dist/credit-card-number-field.css-mistica.js +4 -4
  26. package/dist/dialog.css-mistica.js +7 -7
  27. package/dist/dialog.js +31 -33
  28. package/dist/double-field.css-mistica.js +4 -4
  29. package/dist/empty-state-card.css-mistica.js +3 -3
  30. package/dist/empty-state.css-mistica.js +4 -4
  31. package/dist/feedback.css-mistica.js +7 -7
  32. package/dist/feedback.js +42 -43
  33. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  34. package/dist/form-context.js +49 -40
  35. package/dist/form.js +10 -10
  36. package/dist/header.css-mistica.js +3 -3
  37. package/dist/header.js +83 -85
  38. package/dist/hero.css-mistica.js +5 -5
  39. package/dist/highlighted-card.css-mistica.js +7 -7
  40. package/dist/horizontal-scroll.css-mistica.js +3 -3
  41. package/dist/icon-button.css-mistica.js +12 -12
  42. package/dist/image.css-mistica.js +3 -3
  43. package/dist/index.d.ts +1 -1
  44. package/dist/index.js +3 -0
  45. package/dist/list.css-mistica.js +12 -12
  46. package/dist/list.d.ts +4 -0
  47. package/dist/list.js +52 -46
  48. package/dist/loading-bar.css-mistica.js +3 -3
  49. package/dist/loading-screen.css-mistica.js +7 -7
  50. package/dist/loading-screen.js +43 -42
  51. package/dist/maybe-dismissable.css-mistica.js +1 -1
  52. package/dist/menu.css-mistica.js +3 -3
  53. package/dist/navigation-bar.css-mistica.js +17 -17
  54. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  55. package/dist/overscroll-color-context.d.ts +8 -0
  56. package/dist/overscroll-color-context.js +104 -34
  57. package/dist/package-version.js +1 -1
  58. package/dist/pin-field.css-mistica.js +10 -10
  59. package/dist/progress-bar.css-mistica.js +2 -2
  60. package/dist/radio-button.css-mistica.js +7 -7
  61. package/dist/responsive-layout.css-mistica.js +5 -5
  62. package/dist/screen-reader-only.css-mistica.js +1 -1
  63. package/dist/select.css-mistica.js +11 -11
  64. package/dist/sheet.css-mistica.js +12 -12
  65. package/dist/sheet.js +6 -8
  66. package/dist/skeletons.css-mistica.js +3 -3
  67. package/dist/skins/blau.js +31 -5
  68. package/dist/skins/movistar-legacy.js +32 -6
  69. package/dist/skins/movistar.js +31 -5
  70. package/dist/skins/o2-classic.js +30 -4
  71. package/dist/skins/o2.js +31 -5
  72. package/dist/skins/skin-contract.css-mistica.js +243 -217
  73. package/dist/skins/skin-contract.css.d.ts +38 -12
  74. package/dist/skins/telefonica.js +33 -7
  75. package/dist/skins/tu.d.ts +0 -4
  76. package/dist/skins/tu.js +39 -13
  77. package/dist/skins/types/colors.d.ts +19 -6
  78. package/dist/skins/vivo-new.js +31 -5
  79. package/dist/skins/vivo.js +31 -5
  80. package/dist/slider.css-mistica.js +5 -5
  81. package/dist/snackbar.css-mistica.js +13 -13
  82. package/dist/spinner.css-mistica.js +5 -5
  83. package/dist/sprinkles.css-mistica.js +867 -789
  84. package/dist/stacking-group.css-mistica.js +2 -2
  85. package/dist/stepper.css-mistica.js +8 -8
  86. package/dist/switch-component.css-mistica.js +20 -20
  87. package/dist/tabs.css-mistica.js +17 -17
  88. package/dist/tag.css-mistica.js +1 -1
  89. package/dist/text-field-base.css-mistica.js +17 -17
  90. package/dist/text-field-components.css-mistica.js +10 -10
  91. package/dist/text-link.css-mistica.js +3 -3
  92. package/dist/tooltip.css-mistica.js +4 -4
  93. package/dist/touchable.css-mistica.js +5 -5
  94. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  95. package/dist/utils/dom.d.ts +1 -0
  96. package/dist/utils/dom.js +3 -0
  97. package/dist/video.css-mistica.js +2 -2
  98. package/dist-es/accordion.css-mistica.js +3 -3
  99. package/dist-es/avatar.css-mistica.js +2 -2
  100. package/dist-es/badge.css-mistica.js +2 -2
  101. package/dist-es/boxed.css-mistica.js +2 -2
  102. package/dist-es/button-fixed-footer-layout.js +18 -20
  103. package/dist-es/button-group.css-mistica.js +2 -2
  104. package/dist-es/button-layout.css-mistica.js +7 -7
  105. package/dist-es/button-layout.js +49 -34
  106. package/dist-es/button.css-mistica.js +17 -17
  107. package/dist-es/callout.css-mistica.js +2 -2
  108. package/dist-es/card.css-mistica.js +2 -2
  109. package/dist-es/card.js +354 -342
  110. package/dist-es/carousel.css-mistica.js +2 -2
  111. package/dist-es/checkbox.css-mistica.js +5 -5
  112. package/dist-es/chip.css-mistica.js +7 -7
  113. package/dist-es/circle.css-mistica.js +2 -2
  114. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  115. package/dist-es/community/blocks.css-mistica.js +2 -2
  116. package/dist-es/counter.css-mistica.js +2 -2
  117. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  118. package/dist-es/dialog.css-mistica.js +5 -5
  119. package/dist-es/dialog.js +39 -41
  120. package/dist-es/double-field.css-mistica.js +4 -4
  121. package/dist-es/empty-state-card.css-mistica.js +2 -2
  122. package/dist-es/empty-state.css-mistica.js +3 -3
  123. package/dist-es/feedback.css-mistica.js +2 -2
  124. package/dist-es/feedback.js +51 -52
  125. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  126. package/dist-es/form-context.js +54 -45
  127. package/dist-es/form.js +13 -13
  128. package/dist-es/header.css-mistica.js +2 -2
  129. package/dist-es/header.js +106 -108
  130. package/dist-es/hero.css-mistica.js +2 -2
  131. package/dist-es/highlighted-card.css-mistica.js +5 -5
  132. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  133. package/dist-es/icon-button.css-mistica.js +9 -9
  134. package/dist-es/image.css-mistica.js +2 -2
  135. package/dist-es/index.js +1809 -1809
  136. package/dist-es/list.css-mistica.js +2 -2
  137. package/dist-es/list.js +83 -77
  138. package/dist-es/loading-bar.css-mistica.js +2 -2
  139. package/dist-es/loading-screen.css-mistica.js +3 -3
  140. package/dist-es/loading-screen.js +57 -56
  141. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  142. package/dist-es/menu.css-mistica.js +2 -2
  143. package/dist-es/navigation-bar.css-mistica.js +9 -9
  144. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  145. package/dist-es/overscroll-color-context.js +68 -42
  146. package/dist-es/package-version.js +1 -1
  147. package/dist-es/pin-field.css-mistica.js +2 -2
  148. package/dist-es/progress-bar.css-mistica.js +2 -2
  149. package/dist-es/radio-button.css-mistica.js +5 -5
  150. package/dist-es/responsive-layout.css-mistica.js +4 -4
  151. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  152. package/dist-es/select.css-mistica.js +9 -9
  153. package/dist-es/sheet.css-mistica.js +2 -2
  154. package/dist-es/sheet.js +9 -11
  155. package/dist-es/skeletons.css-mistica.js +2 -2
  156. package/dist-es/skins/blau.js +31 -5
  157. package/dist-es/skins/movistar-legacy.js +34 -8
  158. package/dist-es/skins/movistar.js +33 -7
  159. package/dist-es/skins/o2-classic.js +30 -4
  160. package/dist-es/skins/o2.js +31 -5
  161. package/dist-es/skins/skin-contract.css-mistica.js +243 -217
  162. package/dist-es/skins/telefonica.js +35 -9
  163. package/dist-es/skins/tu.js +39 -13
  164. package/dist-es/skins/vivo-new.js +31 -5
  165. package/dist-es/skins/vivo.js +31 -5
  166. package/dist-es/slider.css-mistica.js +2 -2
  167. package/dist-es/snackbar.css-mistica.js +5 -5
  168. package/dist-es/spinner.css-mistica.js +2 -2
  169. package/dist-es/sprinkles.css-mistica.js +867 -789
  170. package/dist-es/stacking-group.css-mistica.js +2 -2
  171. package/dist-es/stepper.css-mistica.js +2 -2
  172. package/dist-es/style.css +1 -1
  173. package/dist-es/switch-component.css-mistica.js +18 -18
  174. package/dist-es/tabs.css-mistica.js +9 -9
  175. package/dist-es/tag.css-mistica.js +1 -1
  176. package/dist-es/text-field-base.css-mistica.js +2 -2
  177. package/dist-es/text-field-components.css-mistica.js +2 -2
  178. package/dist-es/text-link.css-mistica.js +3 -3
  179. package/dist-es/tooltip.css-mistica.js +2 -2
  180. package/dist-es/touchable.css-mistica.js +2 -2
  181. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  182. package/dist-es/utils/dom.js +1 -1
  183. package/dist-es/video.css-mistica.js +2 -2
  184. package/package.json +1 -1
@@ -16,10 +16,10 @@ _export(exports, {
16
16
  return _;
17
17
  },
18
18
  burgerMenuButton: function() {
19
- return e;
19
+ return r;
20
20
  },
21
21
  burgerMenuTransition: function() {
22
- return r;
22
+ return e;
23
23
  },
24
24
  desktopOnly: function() {
25
25
  return d;
@@ -31,10 +31,10 @@ _export(exports, {
31
31
  return c;
32
32
  },
33
33
  iconMenuHidden: function() {
34
- return i;
34
+ return f;
35
35
  },
36
36
  iconMenuOpen: function() {
37
- return f;
37
+ return i;
38
38
  },
39
39
  lineHeightFix: function() {
40
40
  return z;
@@ -46,7 +46,7 @@ _export(exports, {
46
46
  return o;
47
47
  },
48
48
  navbarBorderColorVariants: function() {
49
- return g;
49
+ return h;
50
50
  },
51
51
  navigationBarContent: function() {
52
52
  return u;
@@ -55,40 +55,40 @@ _export(exports, {
55
55
  return s;
56
56
  },
57
57
  section: function() {
58
- return p;
58
+ return g;
59
59
  },
60
60
  selectedSectionVariantes: function() {
61
61
  return l;
62
62
  },
63
63
  spacer: function() {
64
- return x;
64
+ return p;
65
65
  },
66
66
  spacerLarge: function() {
67
67
  return b;
68
68
  },
69
69
  textWrapperVariants: function() {
70
- return h;
70
+ return C;
71
71
  },
72
72
  topFixed: function() {
73
- return C;
73
+ return k;
74
74
  }
75
75
  });
76
76
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
77
77
  require("./navigation-bar.css.ts.vanilla.css-mistica.js");
78
- var y = "_1vcy5dz1 _1y2v1nfgc _1y2v1nfhe _1y2v1nfhu", _ = "_1vcy5dz12 _1y2v1nfge _1y2v1nfk0 _1y2v1nfk4 _1y2v1nfkj _1y2v1nf36", e = "_1vcy5dz10", r = {
78
+ var y = "_1vcy5dz1 _1y2v1nfh2 _1y2v1nfi4 _1y2v1nfik", _ = "_1vcy5dz12 _1y2v1nfh4 _1y2v1nfkq _1y2v1nfku _1y2v1nfl9 _1y2v1nf3j", r = "_1vcy5dz10", e = {
79
79
  entering: "_1vcy5dzs",
80
80
  entered: "_1vcy5dzt",
81
81
  exiting: "_1vcy5dzu",
82
82
  exited: "_1vcy5dzv",
83
83
  unmounted: "_1vcy5dzw"
84
- }, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgd", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgd", i = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgd", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgd", z = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfgi _1y2v1nfgr", o = "_1vcy5dzx", g = {
85
- default: "_1vcy5dzc _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
86
- noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5",
87
- menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfgi _1y2v1nfgx _1y2v1nfh5"
88
- }, u = "_1vcy5dzl", s = "_1vcy5dzn", p = "_1vcy5dzg _1y2v1nf92 _1y2v1nfab _1y2v1nfi1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfj0 _1y2v1nf6a", l = {
84
+ }, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh3", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh3", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh3", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh3", z = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfh8 _1y2v1nfhh", o = "_1vcy5dzx", h = {
85
+ default: "_1vcy5dzc _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
86
+ noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
87
+ menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv"
88
+ }, u = "_1vcy5dzl", s = "_1vcy5dzn", g = "_1vcy5dzg _1y2v1nf9s _1y2v1nfb1 _1y2v1nfir _1y2v1nfh8 _1y2v1nfhn _1y2v1nfjq _1y2v1nf70", l = {
89
89
  default: "_1vcy5dzh",
90
90
  inverse: "_1vcy5dzi"
91
- }, x = "_1y2v1nfi1 _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", h = {
91
+ }, p = "_1y2v1nfir _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", C = {
92
92
  default: "_1vcy5dzj",
93
93
  inverse: "_1vcy5dzk"
94
- }, C = "_1vcy5dz9 _1y2v1nfge _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj";
94
+ }, k = "_1vcy5dz9 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9";
@@ -10,10 +10,10 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  current: function() {
13
- return v;
13
+ return r;
14
14
  },
15
15
  link: function() {
16
- return a;
16
+ return v;
17
17
  },
18
18
  list: function() {
19
19
  return f;
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
27
- var v = "_1fniauj3", a = "_1fniauj2", f = "_1fniauj5 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2", i = "_1y2v1nfgl";
27
+ var r = "_1fniauj3", v = "_1fniauj2", f = "_1fniauj5 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas", i = "_1y2v1nfhb";
@@ -1,7 +1,15 @@
1
1
  import * as React from 'react';
2
+ type OverscrollColorConfig = {
3
+ topColor?: string;
4
+ bottomColor?: string;
5
+ };
2
6
  type ProviderProps = {
3
7
  children: React.ReactNode;
4
8
  };
5
9
  export declare const OverscrollColorProvider: ({ children }: ProviderProps) => JSX.Element;
10
+ /**
11
+ * @deprecated use useSetOverscrollColor hook instead
12
+ */
6
13
  declare const OverscrollColor: () => JSX.Element;
14
+ export declare const useSetOverscrollColor: (config: OverscrollColorConfig) => void;
7
15
  export default OverscrollColor;
@@ -11,46 +11,112 @@ function _export(target, all) {
11
11
  }
12
12
  _export(exports, {
13
13
  OverscrollColorProvider: function() {
14
- return P;
14
+ return j;
15
15
  },
16
16
  default: function() {
17
- return j;
17
+ return I;
18
+ },
19
+ useSetOverscrollColor: function() {
20
+ return F;
18
21
  }
19
22
  });
20
23
  const _jsxruntime = require("react/jsx-runtime");
24
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
21
25
  const _themevariantcontext = require("./theme-variant-context.js");
22
26
  const _hooks = require("./hooks.js");
23
27
  const _nestablecontext = require("./nestable-context.js");
24
28
  const _platform = require("./utils/platform.js");
25
29
  const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
26
- const { Provider: p, Getter: g, useSetValue: b } = (0, _nestablecontext.createNestableContext)(""), l = (r)=>(0, _platform.getPlatform)(r) === "ios", P = (param)=>{
27
- let { children: r } = param;
28
- const { platformOverrides: o } = (0, _hooks.useTheme)(), { isTabletOrSmaller: a } = (0, _hooks.useScreenSize)(), i = (0, _hooks.useTheme)();
29
- return l(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
30
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
31
- children: (c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
32
- children: [
33
- a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
34
- style: {
35
- position: "absolute",
36
- zIndex: 1,
37
- background: c || _skincontractcssmistica.vars.colors.background,
38
- width: "100%",
39
- height: 500 + ((0, _platform.isInsideNovumNativeApp)(o) ? 0 : i.dimensions.headerMobileHeight || 0),
40
- left: 0,
41
- marginTop: -500,
42
- transform: "translate3d(0,0,0)"
43
- }
44
- }) : null,
45
- r
46
- ]
47
- })
48
- })
30
+ const _dom = require("./utils/dom.js");
31
+ function _getRequireWildcardCache(nodeInterop) {
32
+ if (typeof WeakMap !== "function") return null;
33
+ var cacheBabelInterop = new WeakMap();
34
+ var cacheNodeInterop = new WeakMap();
35
+ return (_getRequireWildcardCache = function(nodeInterop) {
36
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
37
+ })(nodeInterop);
38
+ }
39
+ function _interop_require_wildcard(obj, nodeInterop) {
40
+ if (!nodeInterop && obj && obj.__esModule) {
41
+ return obj;
42
+ }
43
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
44
+ return {
45
+ default: obj
46
+ };
47
+ }
48
+ var cache = _getRequireWildcardCache(nodeInterop);
49
+ if (cache && cache.has(obj)) {
50
+ return cache.get(obj);
51
+ }
52
+ var newObj = {
53
+ __proto__: null
54
+ };
55
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
56
+ for(var key in obj){
57
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
58
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
59
+ if (desc && (desc.get || desc.set)) {
60
+ Object.defineProperty(newObj, key, desc);
61
+ } else {
62
+ newObj[key] = obj[key];
63
+ }
64
+ }
65
+ }
66
+ newObj.default = obj;
67
+ if (cache) {
68
+ cache.set(obj, newObj);
69
+ }
70
+ return newObj;
71
+ }
72
+ const { Provider: b, useSetValue: m, useValue: u } = (0, _nestablecontext.createNestableContext)({}), i = (o)=>(0, _platform.getPlatform)(o) === "ios", O = ()=>{
73
+ const { topColor: o } = u(), { isDarkMode: r } = (0, _hooks.useTheme)();
74
+ return _react.useEffect(()=>{
75
+ if (!o) return;
76
+ const l = document.head.querySelectorAll("meta[name=theme-color]");
77
+ l.forEach((n)=>{
78
+ n.remove();
79
+ });
80
+ const e = document.createElement("meta");
81
+ return e.name = "theme-color", e.media = r ? "(prefers-color-scheme: dark)" : "(prefers-color-scheme: light)", e.content = (0, _dom.isCssVar)(o) ? (0, _dom.getCssVarValue)(o) : o, document.head.appendChild(e), ()=>{
82
+ e.remove(), l.forEach((n)=>{
83
+ document.head.appendChild(n);
84
+ });
85
+ };
86
+ }, [
87
+ r,
88
+ o
89
+ ]), null;
90
+ }, k = ()=>{
91
+ const { topColor: o, bottomColor: r } = u();
92
+ if (!r && !o) return null;
93
+ const l = getComputedStyle(document.body).backgroundColor, e = r !== null && r !== void 0 ? r : l;
94
+ return e === o ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
95
+ style: {
96
+ position: "fixed",
97
+ zIndex: -1,
98
+ background: e,
99
+ width: "100%",
100
+ height: 300,
101
+ left: 0,
102
+ right: 0,
103
+ bottom: 0
104
+ }
105
+ });
106
+ }, j = (param)=>{
107
+ let { children: o } = param;
108
+ const { platformOverrides: r } = (0, _hooks.useTheme)();
109
+ return i(r) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(b, {
110
+ children: [
111
+ /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {}),
112
+ o,
113
+ /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {})
114
+ ]
49
115
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
50
- children: r
116
+ children: o
51
117
  });
52
- }, C = (r)=>{
53
- switch(r){
118
+ }, x = (o)=>{
119
+ switch(o){
54
120
  case "default":
55
121
  return _skincontractcssmistica.vars.colors.background;
56
122
  case "alternative":
@@ -58,10 +124,14 @@ const { Provider: p, Getter: g, useSetValue: b } = (0, _nestablecontext.createNe
58
124
  case "inverse":
59
125
  return _skincontractcssmistica.vars.colors.backgroundBrand;
60
126
  default:
61
- const o = r;
62
- throw new Error(`Invalid variant: ${o}`);
127
+ const r = o;
128
+ throw new Error(`Invalid variant: ${r}`);
63
129
  }
64
- }, O = ()=>{
65
- const r = (0, _themevariantcontext.useThemeVariant)();
66
- return b(C(r)), null;
67
- }, k = ()=>l((0, _hooks.useTheme)().platformOverrides) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {}), j = k;
130
+ }, V = ()=>{
131
+ const o = (0, _themevariantcontext.useThemeVariant)();
132
+ return m({
133
+ topColor: x(o)
134
+ }), null;
135
+ }, y = ()=>i((0, _hooks.useTheme)().platformOverrides) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {}), F = (o)=>{
136
+ m(o);
137
+ }, I = y;
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "14.46.0";
11
+ const o = "14.48.0";
@@ -10,35 +10,35 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  disabled: function() {
13
- return f;
13
+ return p;
14
14
  },
15
15
  field: function() {
16
- return i;
16
+ return y;
17
17
  },
18
18
  fieldContainer: function() {
19
- return p;
19
+ return f;
20
20
  },
21
21
  focusedField: function() {
22
- return y;
22
+ return o;
23
23
  },
24
24
  input: function() {
25
- return o;
25
+ return a;
26
26
  },
27
27
  passwordDot: function() {
28
- return a;
28
+ return i;
29
29
  },
30
30
  passwordInput: function() {
31
- return c;
31
+ return e;
32
32
  },
33
33
  pinInputLineHeight: function() {
34
- return e;
34
+ return t;
35
35
  },
36
36
  readOnlyField: function() {
37
- return t;
37
+ return c;
38
38
  }
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./icon-button.css.ts.vanilla.css-mistica.js");
42
42
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
43
43
  require("./pin-field.css.ts.vanilla.css-mistica.js");
44
- var f = "_3pc6ro1", i = "_3pc6ro3 _1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc _1y2v1nf37", p = "_3pc6ro0", y = "_3pc6ro4 _3pc6ro3 _1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc _1y2v1nf37", o = "_3pc6ro6", a = "_3pc6ro9", c = "_1y2v1nf33", e = "1.000rem", t = "_3pc6ro5 _3pc6ro3 _1y2v1nfjj _1y2v1nfiz _1y2v1nfgi _1y2v1nfj8 _1y2v1nfgc _1y2v1nf37";
44
+ var p = "_3pc6ro1", y = "_3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", f = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3g", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k";
@@ -22,9 +22,9 @@ _export(exports, {
22
22
  return e;
23
23
  },
24
24
  progressBarSteppedContainer: function() {
25
- return f;
25
+ return o;
26
26
  }
27
27
  });
28
28
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
29
29
  require("./progress-bar.css.ts.vanilla.css-mistica.js");
30
- var v = "_1y2v1nfhm _1y2v1nfjf", n = "_1y2v1nfjf _1y2v1nfhp _1y2v1nf4i", y = "j0y7r95", e = "j0y7r94", f = "j0y7r96";
30
+ var v = "_1y2v1nfic _1y2v1nfk5", n = "_1y2v1nfk5 _1y2v1nfif _1y2v1nf4w", y = "j0y7r95", e = "j0y7r94", o = "j0y7r96";
@@ -19,24 +19,24 @@ _export(exports, {
19
19
  return c;
20
20
  },
21
21
  outerCircleCheckedVariants: function() {
22
- return i;
22
+ return s;
23
23
  },
24
24
  outerCircleVariants: function() {
25
25
  return a;
26
26
  },
27
27
  radioButton: function() {
28
- return e;
28
+ return f;
29
29
  },
30
30
  radioButtonContainerDisabled: function() {
31
- return f;
31
+ return u;
32
32
  }
33
33
  });
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./radio-button.css.ts.vanilla.css-mistica.js");
36
- var v = "c6dmsud", d = "c6dmsu5 _1y2v1nfgi _1y2v1nfj1", c = "c6dmsu7 _1y2v1nf4e", i = {
36
+ var v = "c6dmsud", d = "c6dmsu5 _1y2v1nfh8 _1y2v1nfjr", c = "c6dmsu7 _1y2v1nf4s", s = {
37
37
  default: "c6dmsub",
38
38
  ios: "c6dmsuc"
39
39
  }, a = {
40
- default: "c6dmsu2 c6dmsu1 _1y2v1nfgj _1y2v1nfgx _1y2v1nfgr _1y2v1nfji _1y2v1nfh0 _1y2v1nfj1 _1y2v1nf36",
41
- ios: "c6dmsu3 c6dmsu1 _1y2v1nfgj _1y2v1nfgx _1y2v1nfgr _1y2v1nfji _1y2v1nfh0 _1y2v1nfj1 _1y2v1nf36"
42
- }, e = "c6dmsu9 c6dmsu8", f = "c6dmsua c6dmsu8";
40
+ default: "c6dmsu2 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j",
41
+ ios: "c6dmsu3 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j"
42
+ }, f = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
@@ -19,10 +19,10 @@ _export(exports, {
19
19
  return r;
20
20
  },
21
21
  fullWidth: function() {
22
- return t;
22
+ return v;
23
23
  },
24
24
  fullwidthContainer: function() {
25
- return v;
25
+ return t;
26
26
  },
27
27
  responsiveLayout: function() {
28
28
  return i;
@@ -34,6 +34,6 @@ _export(exports, {
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
36
36
  var e = {
37
- inverse: "_1y2v1nf3f",
38
- alternative: "_1y2v1nf3k"
39
- }, n = "_17lofg74", r = "_17lofg73", t = "_17lofg7a _1y2v1nfh5", v = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfh5";
37
+ inverse: "_1y2v1nf3s",
38
+ alternative: "_1y2v1nf3x"
39
+ }, n = "_17lofg74", r = "_17lofg73", v = "_17lofg7a _1y2v1nfhv", t = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhv";
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
13
- var y = "gwdgwo1 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgd _1y2v1nfjj _1y2v1nfj0";
13
+ var y = "gwdgwo1 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjq";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  arrowDown: function() {
13
- return f;
13
+ return i;
14
14
  },
15
15
  iconContainer: function() {
16
16
  return y;
@@ -25,10 +25,10 @@ _export(exports, {
25
25
  return r;
26
26
  },
27
27
  optionsContainer: function() {
28
- return t;
28
+ return p;
29
29
  },
30
30
  selectContainerVariants: function() {
31
- return p;
31
+ return t;
32
32
  },
33
33
  selectTextVariants: function() {
34
34
  return e;
@@ -44,18 +44,18 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
44
44
  require("./icon-button.css.ts.vanilla.css-mistica.js");
45
45
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
46
46
  require("./select.css.ts.vanilla.css-mistica.js");
47
- var f = "_1sqpivvo _1y2v1nfgd", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf98 _1y2v1nfah _1y2v1nf6k _1y2v1nf7t _1y2v1nf22 _1y2v1nfgi _1y2v1nfgx _1y2v1nfji", s = "_1y2v1nf3k", r = {
47
+ var i = "_1sqpivvo _1y2v1nfh3", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7a _1y2v1nf8j _1y2v1nf23 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", s = "_1y2v1nf3x", r = {
48
48
  show: "_1sqpivv7",
49
49
  hide: "_1sqpivv8"
50
- }, t = "_1sqpivv6 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfge _1y2v1nfj8 _1y2v1nf37", p = {
51
- default: "_1sqpivvd _1sqpivvc _1y2v1nfgc _1y2v1nfji",
52
- fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfgc _1y2v1nfji"
50
+ }, p = "_1sqpivv6 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh4 _1y2v1nfjy _1y2v1nf3k", t = {
51
+ default: "_1sqpivvd _1sqpivvc _1y2v1nfh2 _1y2v1nfk8",
52
+ fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh2 _1y2v1nfk8"
53
53
  }, e = {
54
- default: "_1sqpivvl _1sqpivvk _1y2v1nfgd _1y2v1nfjj _1y2v1nfix _1y2v1nf22",
55
- disabled: "_1sqpivvm _1sqpivvk _1y2v1nfgd _1y2v1nfjj _1y2v1nfix _1y2v1nf22"
54
+ default: "_1sqpivvl _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23",
55
+ disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23"
56
56
  }, q = {
57
- default: "_1sqpivvh _1sqpivvg _1y2v1nf6b _1y2v1nf7k _1y2v1nfj0 _1y2v1nfjj _1y2v1nf22 _1y2v1nf6a _1y2v1nfh5",
58
- disabled: "_1sqpivvi _1sqpivvg _1y2v1nf6b _1y2v1nf7k _1y2v1nfj0 _1y2v1nfjj _1y2v1nf22 _1y2v1nf6a _1y2v1nfh5"
57
+ default: "_1sqpivvh _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv",
58
+ disabled: "_1sqpivvi _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv"
59
59
  }, o = {
60
60
  top: "var(--_1sqpivv0)",
61
61
  left: "var(--_1sqpivv1)",
@@ -19,45 +19,45 @@ _export(exports, {
19
19
  return _;
20
20
  },
21
21
  bodyContent: function() {
22
- return a;
22
+ return l;
23
23
  },
24
24
  children: function() {
25
- return e;
25
+ return a;
26
26
  },
27
27
  closingOverlay: function() {
28
- return r;
28
+ return h;
29
29
  },
30
30
  closingSheet: function() {
31
- return t;
31
+ return r;
32
32
  },
33
33
  handle: function() {
34
- return o;
34
+ return e;
35
35
  },
36
36
  handleContainer: function() {
37
- return i;
37
+ return t;
38
38
  },
39
39
  infoItemIcon: function() {
40
- return l;
40
+ return o;
41
41
  },
42
42
  modalCloseButton: function() {
43
- return g;
43
+ return i;
44
44
  },
45
45
  overlay: function() {
46
46
  return c;
47
47
  },
48
48
  sheetActionRow: function() {
49
- return h;
49
+ return k;
50
50
  },
51
51
  stickyButtons: function() {
52
52
  return z;
53
53
  },
54
54
  stickyTitle: function() {
55
- return k;
55
+ return s;
56
56
  },
57
57
  transitionDuration: function() {
58
- return j;
58
+ return u;
59
59
  }
60
60
  });
61
61
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
62
62
  require("./sheet.css.ts.vanilla.css-mistica.js");
63
- var y = "cylz3v6 _1y2v1nf36", f = "cylz3v4 _1y2v1nfge _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", _ = "cylz3v9 _1y2v1nf6z _1y2v1nfgi _1y2v1nfgo", a = "cylz3vo", e = "_1y2v1nfjo _1y2v1nfh4 _1y2v1nfgi _1y2v1nfgo", r = "cylz3vl", t = "cylz3v7", o = "_1y2v1nf4d _1y2v1nfhe _1y2v1nfhp _1y2v1nfj2", i = "cylz3vc _1y2v1nf6k _1y2v1nf7t _1y2v1nfgd _1y2v1nfjp _1y2v1nfhz _1y2v1nfh5 _1y2v1nfgi _1y2v1nfgr", l = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfhu", g = "cylz3vf _1y2v1nf6w _1y2v1nf85 _1y2v1nf9e _1y2v1nfan _1y2v1nfgd _1y2v1nfjp _1y2v1nfkj", c = "cylz3vk _1y2v1nfge _1y2v1nf3h _1y2v1nfjp _1y2v1nfk4 _1y2v1nfkj _1y2v1nfky", h = "cylz3vq _1y2v1nf6q _1y2v1nf7z _1y2v1nf98 _1y2v1nfah _1y2v1nfgi _1y2v1nfiv _1y2v1nfgx", z = "_1y2v1nfgg _1y2v1nfky _1y2v1nf36", k = "_1y2v1nfgg _1y2v1nfjp _1y2v1nf36", j = 400;
63
+ var y = "cylz3v6 _1y2v1nf3j", f = "cylz3v4 _1y2v1nfh4 _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", _ = "cylz3v9 _1y2v1nf7p _1y2v1nfh8 _1y2v1nfhe", l = "cylz3vo", a = "_1y2v1nfke _1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe", h = "cylz3vl", r = "cylz3v7", e = "_1y2v1nf4r _1y2v1nfi4 _1y2v1nfif _1y2v1nfjs", t = "cylz3vc _1y2v1nf7a _1y2v1nf8j _1y2v1nfh3 _1y2v1nfkf _1y2v1nfip _1y2v1nfhv _1y2v1nfh8 _1y2v1nfhh", o = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfik", i = "cylz3vf _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfh3 _1y2v1nfkf _1y2v1nfl9", c = "cylz3vk _1y2v1nfh4 _1y2v1nf3u _1y2v1nfkf _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", k = "cylz3vq _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfjl _1y2v1nfhn", z = "_1y2v1nfh6 _1y2v1nflo _1y2v1nf3j", s = "_1y2v1nfh6 _1y2v1nfkf _1y2v1nf3j", u = 400;
package/dist/sheet.js CHANGED
@@ -429,13 +429,11 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
429
429
  desktop: 40
430
430
  },
431
431
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
432
- children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_buttonlayout.default, {
432
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
433
433
  align: "full-width",
434
434
  link: o,
435
- children: [
436
- g,
437
- t
438
- ]
435
+ primaryButton: g,
436
+ secondaryButton: t
439
437
  })
440
438
  })
441
439
  })
@@ -456,13 +454,13 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
456
454
  "component-name": "RadioListSheet"
457
455
  }, m),
458
456
  children: (param)=>/* @__PURE__ */ {
459
- let { closeModal: y, modalTitleId: L } = param;
457
+ let { closeModal: y, modalTitleId: B } = param;
460
458
  var _ref;
461
459
  return (0, _jsxruntime.jsx)(k, {
462
460
  title: n,
463
461
  subtitle: s,
464
462
  description: l,
465
- modalTitleId: L,
463
+ modalTitleId: B,
466
464
  button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
467
465
  onPress: ()=>{
468
466
  d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
@@ -471,7 +469,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
471
469
  }) : void 0,
472
470
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
473
471
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
474
- "aria-labelledby": L,
472
+ "aria-labelledby": B,
475
473
  name: "sheetselection",
476
474
  value: c,
477
475
  onChange: (R)=>{
@@ -16,12 +16,12 @@ _export(exports, {
16
16
  return o;
17
17
  },
18
18
  line: function() {
19
- return f;
19
+ return h;
20
20
  },
21
21
  row: function() {
22
- return i;
22
+ return a;
23
23
  }
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./skeletons.css.ts.vanilla.css-mistica.js");
27
- var r = "zopolw2 _1y2v1nfgk", o = "_1y2v1nfh0 _1y2v1nfh2", f = "zopolw6 _1y2v1nfh1", i = "_1y2v1nfgi _1y2v1nfgx _1y2v1nfgr";
27
+ var r = "zopolw2 _1y2v1nfha", o = "_1y2v1nfhq _1y2v1nfhs", h = "zopolw6 _1y2v1nfhr", a = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh";