@telefonica/mistica 14.6.0 → 14.7.1

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 (188) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/boxed.d.ts +2 -1
  5. package/dist/boxed.js +17 -18
  6. package/dist/button-fixed-footer-layout.d.ts +1 -2
  7. package/dist/button-group.css-mistica.js +3 -3
  8. package/dist/button-group.d.ts +1 -1
  9. package/dist/button-layout.css-mistica.js +12 -12
  10. package/dist/button-layout.d.ts +1 -2
  11. package/dist/button.css-mistica.js +22 -22
  12. package/dist/button.d.ts +1 -1
  13. package/dist/button.js +93 -90
  14. package/dist/callout.css-mistica.js +1 -1
  15. package/dist/callout.d.ts +1 -1
  16. package/dist/callout.js +13 -9
  17. package/dist/card.css-mistica.js +8 -8
  18. package/dist/card.d.ts +3 -3
  19. package/dist/card.js +71 -71
  20. package/dist/carousel.css-mistica.js +7 -7
  21. package/dist/checkbox.css-mistica.js +9 -9
  22. package/dist/chip.css-mistica.js +11 -10
  23. package/dist/chip.css.d.ts +1 -1
  24. package/dist/chip.js +21 -20
  25. package/dist/circle.css-mistica.js +1 -1
  26. package/dist/credit-card-number-field.css-mistica.js +3 -3
  27. package/dist/cvv-field.css-mistica.js +3 -3
  28. package/dist/date-time-picker.js +7 -6
  29. package/dist/dialog.css-mistica.js +7 -7
  30. package/dist/dialog.d.ts +1 -1
  31. package/dist/double-field.css-mistica.js +4 -4
  32. package/dist/double-field.d.ts +10 -10
  33. package/dist/empty-state-card.css-mistica.js +2 -2
  34. package/dist/empty-state-card.d.ts +1 -1
  35. package/dist/empty-state.css-mistica.js +2 -2
  36. package/dist/empty-state.d.ts +2 -1
  37. package/dist/feedback.css-mistica.js +5 -5
  38. package/dist/feedback.d.ts +1 -0
  39. package/dist/feedback.js +86 -87
  40. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  41. package/dist/header.d.ts +2 -2
  42. package/dist/hero.css-mistica.js +5 -5
  43. package/dist/hero.d.ts +4 -4
  44. package/dist/highlighted-card.css-mistica.js +4 -4
  45. package/dist/highlighted-card.d.ts +1 -2
  46. package/dist/icon-button.css-mistica.js +1 -1
  47. package/dist/image.css-mistica.js +1 -1
  48. package/dist/image.js +16 -16
  49. package/dist/index.d.ts +7 -2
  50. package/dist/index.js +9 -1
  51. package/dist/list.css-mistica.js +9 -9
  52. package/dist/loading-bar.css-mistica.js +6 -6
  53. package/dist/logo.d.ts +34 -0
  54. package/dist/logo.js +629 -0
  55. package/dist/maybe-dismissable.css-mistica.js +4 -4
  56. package/dist/menu.css-mistica.js +1 -1
  57. package/dist/navigation-bar.css-mistica.js +16 -16
  58. package/dist/navigation-bar.d.ts +2 -6
  59. package/dist/navigation-bar.js +99 -266
  60. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  61. package/dist/package-version.js +1 -1
  62. package/dist/password-field.css-mistica.js +2 -2
  63. package/dist/popover.css-mistica.js +10 -10
  64. package/dist/progress-bar.css-mistica.js +2 -2
  65. package/dist/radio-button.css-mistica.js +9 -9
  66. package/dist/responsive-layout.css-mistica.js +8 -5
  67. package/dist/responsive-layout.css.d.ts +4 -1
  68. package/dist/responsive-layout.d.ts +2 -0
  69. package/dist/responsive-layout.js +7 -9
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +14 -14
  72. package/dist/skeleton-base.js +3 -3
  73. package/dist/skeletons.css-mistica.js +4 -4
  74. package/dist/skins/blau.js +7 -1
  75. package/dist/skins/defaults.d.ts +3 -0
  76. package/dist/skins/defaults.js +48 -0
  77. package/dist/skins/movistar-legacy.js +7 -1
  78. package/dist/skins/movistar.js +7 -1
  79. package/dist/skins/o2-classic.js +6 -0
  80. package/dist/skins/o2.js +9 -3
  81. package/dist/skins/skin-contract.css-mistica.js +203 -185
  82. package/dist/skins/skin-contract.css.d.ts +18 -0
  83. package/dist/skins/telefonica.js +19 -1
  84. package/dist/skins/types.d.ts +21 -0
  85. package/dist/skins/vivo.js +7 -1
  86. package/dist/snackbar.css-mistica.js +8 -8
  87. package/dist/spinner.css-mistica.js +1 -1
  88. package/dist/sprinkles.css-mistica.js +360 -312
  89. package/dist/sprinkles.css.d.ts +1 -1
  90. package/dist/stepper.css-mistica.js +9 -9
  91. package/dist/switch-component.css-mistica.js +23 -23
  92. package/dist/tabs.css-mistica.js +14 -14
  93. package/dist/tag.css-mistica.js +2 -2
  94. package/dist/tag.js +12 -12
  95. package/dist/text-field-base.css-mistica.js +10 -10
  96. package/dist/text-field-base.js +14 -14
  97. package/dist/text-field-components.css-mistica.js +10 -10
  98. package/dist/text-link.css-mistica.js +5 -5
  99. package/dist/theme-context-provider.js +38 -58
  100. package/dist/theme-variant-context.d.ts +4 -1
  101. package/dist/theme-variant-context.js +9 -8
  102. package/dist/tooltip.css-mistica.js +2 -2
  103. package/dist/touchable.css-mistica.js +1 -1
  104. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  105. package/dist/utils/renders-element.d.ts +1 -1
  106. package/dist/video.css-mistica.js +1 -1
  107. package/dist/video.js +16 -15
  108. package/dist-es/avatar.css-mistica.js +1 -1
  109. package/dist-es/badge.css-mistica.js +2 -2
  110. package/dist-es/boxed.js +25 -26
  111. package/dist-es/button-group.css-mistica.js +2 -2
  112. package/dist-es/button-layout.css-mistica.js +7 -7
  113. package/dist-es/button.css-mistica.js +9 -9
  114. package/dist-es/button.js +128 -125
  115. package/dist-es/callout.css-mistica.js +1 -1
  116. package/dist-es/callout.js +28 -24
  117. package/dist-es/card.css-mistica.js +2 -2
  118. package/dist-es/card.js +120 -120
  119. package/dist-es/carousel.css-mistica.js +2 -2
  120. package/dist-es/checkbox.css-mistica.js +6 -6
  121. package/dist-es/chip.css-mistica.js +9 -8
  122. package/dist-es/chip.js +37 -36
  123. package/dist-es/circle.css-mistica.js +1 -1
  124. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  125. package/dist-es/cvv-field.css-mistica.js +2 -2
  126. package/dist-es/date-time-picker.js +13 -12
  127. package/dist-es/dialog.css-mistica.js +5 -5
  128. package/dist-es/double-field.css-mistica.js +4 -4
  129. package/dist-es/empty-state-card.css-mistica.js +2 -2
  130. package/dist-es/empty-state.css-mistica.js +2 -2
  131. package/dist-es/feedback.css-mistica.js +2 -2
  132. package/dist-es/feedback.js +109 -110
  133. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  134. package/dist-es/hero.css-mistica.js +2 -2
  135. package/dist-es/highlighted-card.css-mistica.js +4 -4
  136. package/dist-es/icon-button.css-mistica.js +1 -1
  137. package/dist-es/image.css-mistica.js +1 -1
  138. package/dist-es/image.js +18 -18
  139. package/dist-es/index.js +1698 -1697
  140. package/dist-es/list.css-mistica.js +2 -2
  141. package/dist-es/loading-bar.css-mistica.js +2 -2
  142. package/dist-es/logo.js +607 -0
  143. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  144. package/dist-es/menu.css-mistica.js +1 -1
  145. package/dist-es/navigation-bar.css-mistica.js +11 -11
  146. package/dist-es/navigation-bar.js +171 -337
  147. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  148. package/dist-es/package-version.js +1 -1
  149. package/dist-es/password-field.css-mistica.js +2 -2
  150. package/dist-es/popover.css-mistica.js +2 -2
  151. package/dist-es/progress-bar.css-mistica.js +2 -2
  152. package/dist-es/radio-button.css-mistica.js +6 -6
  153. package/dist-es/responsive-layout.css-mistica.js +5 -2
  154. package/dist-es/responsive-layout.js +16 -18
  155. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  156. package/dist-es/select.css-mistica.js +11 -11
  157. package/dist-es/skeleton-base.js +7 -7
  158. package/dist-es/skeletons.css-mistica.js +2 -2
  159. package/dist-es/skins/blau.js +7 -1
  160. package/dist-es/skins/defaults.js +35 -0
  161. package/dist-es/skins/movistar-legacy.js +7 -1
  162. package/dist-es/skins/movistar.js +7 -1
  163. package/dist-es/skins/o2-classic.js +6 -0
  164. package/dist-es/skins/o2.js +9 -3
  165. package/dist-es/skins/skin-contract.css-mistica.js +203 -185
  166. package/dist-es/skins/telefonica.js +19 -1
  167. package/dist-es/skins/vivo.js +7 -1
  168. package/dist-es/snackbar.css-mistica.js +2 -2
  169. package/dist-es/spinner.css-mistica.js +1 -1
  170. package/dist-es/sprinkles.css-mistica.js +360 -312
  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 +19 -19
  174. package/dist-es/tabs.css-mistica.js +10 -10
  175. package/dist-es/tag.css-mistica.js +2 -2
  176. package/dist-es/tag.js +27 -27
  177. package/dist-es/text-field-base.css-mistica.js +2 -2
  178. package/dist-es/text-field-base.js +20 -20
  179. package/dist-es/text-field-components.css-mistica.js +2 -2
  180. package/dist-es/text-link.css-mistica.js +5 -5
  181. package/dist-es/theme-context-provider.js +72 -92
  182. package/dist-es/theme-variant-context.js +9 -9
  183. package/dist-es/tooltip.css-mistica.js +2 -2
  184. package/dist-es/touchable.css-mistica.js +1 -1
  185. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  186. package/dist-es/video.css-mistica.js +1 -1
  187. package/dist-es/video.js +17 -16
  188. package/package.json +4 -4
@@ -29,11 +29,11 @@ _export(exports, {
29
29
  });
30
30
  require("./sprinkles.css.ts.vanilla.js");
31
31
  require("./tooltip.css.ts.vanilla.js");
32
- var v = "_1xhatbpb _1y2v1nf5e _1y2v1nf9q _1y2v1nf7v _1y2v1nf8a _1y2v1nf9i _1y2v1nf2q _1y2v1nf9f", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5e _1y2v1nf7x _1y2v1nf8a _1y2v1nf9o _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5e _1y2v1nfa9 _1y2v1nf7q _1y2v1nf9k _1y2v1nf9f", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
32
+ var v = "_1xhatbpb _1y2v1nf5k _1y2v1nfa6 _1y2v1nf81 _1y2v1nf8g _1y2v1nf9o _1y2v1nf2t _1y2v1nf9l", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5k _1y2v1nf83 _1y2v1nf8g _1y2v1nfa4 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6e _1y2v1nf6s _1y2v1nf76 _1y2v1nf7k _1y2v1nf5k _1y2v1nfap _1y2v1nf7w _1y2v1nf9x _1y2v1nf9l", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
33
33
  shadowAlpha: "var(--_1xhatbp0)",
34
34
  enterTransform: "var(--_1xhatbp1)",
35
35
  enterDoneTransform: "var(--_1xhatbp2)",
36
36
  exitTransform: "var(--_1xhatbp3)",
37
37
  enterActiveAnimationName: "var(--_1xhatbp4)",
38
38
  arrowBoxShadow: "var(--_1xhatbp5)"
39
- }, d = "_1y2v1nf5m";
39
+ }, d = "_1y2v1nf5s";
@@ -15,4 +15,4 @@ _export(exports, {
15
15
  });
16
16
  require("./sprinkles.css.ts.vanilla.js");
17
17
  require("./touchable.css.ts.vanilla.js");
18
- var f = "mhti6u1 _1y2v1nf9n", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9n _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf7p _1y2v1nf2n _1y2v1nf5c _1y2v1nf9p";
18
+ var f = "mhti6u1 _1y2v1nfa3", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfa3 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5q _1y2v1nf9m _1y2v1nf7v _1y2v1nf2q _1y2v1nf5i _1y2v1nfa5";
@@ -9,13 +9,13 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- container: ()=>a,
12
+ container: ()=>v,
13
13
  containerWithWrapper: ()=>n,
14
14
  vars: ()=>y,
15
- wrapper: ()=>p
15
+ wrapper: ()=>f
16
16
  });
17
17
  require("../sprinkles.css.ts.vanilla.js");
18
18
  require("./aspect-ratio-support.css.ts.vanilla.js");
19
- var a = "yqswj62", n = "_1y2v1nf7p _1y2v1nf85 _1y2v1nf9q _1y2v1nfa4", y = {
19
+ var v = "yqswj62", n = "_1y2v1nf7v _1y2v1nf8b _1y2v1nfa6 _1y2v1nfak", y = {
20
20
  aspectRatio: "var(--yqswj60)"
21
- }, p = "_1y2v1nf9o _1y2v1nf9d _1y2v1nf9e _1y2v1nf5d";
21
+ }, f = "_1y2v1nfa4 _1y2v1nf9j _1y2v1nf9k _1y2v1nf5j";
@@ -1,3 +1,3 @@
1
- import * as React from 'react';
1
+ import type * as React from 'react';
2
2
  export type RendersElement<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = React.ReactComponentElement<T>;
3
3
  export type RendersNullableElement<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = React.ReactComponentElement<T> | null;
@@ -7,4 +7,4 @@ Object.defineProperty(exports, "video", {
7
7
  get: ()=>f
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
- var f = "_1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nf5c _1y2v1nf9d _1y2v1nf9e _1y2v1nfba";
10
+ var f = "_1y2v1nf5q _1y2v1nf7v _1y2v1nf8b _1y2v1nf5i _1y2v1nf9j _1y2v1nf9k _1y2v1nfbq";
package/dist/video.js CHANGED
@@ -9,8 +9,8 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- RATIO: ()=>C,
13
- default: ()=>j
12
+ RATIO: ()=>F,
13
+ default: ()=>O
14
14
  });
15
15
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
16
16
  const _imageJs = require("./image.js");
@@ -19,6 +19,7 @@ const _commonJs = require("./utils/common.js");
19
19
  const _domJs = require("./utils/dom.js");
20
20
  const _platformJs = require("./utils/platform.js");
21
21
  const _videoCssMisticaJs = require("./video.css-mistica.js");
22
+ const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
22
23
  const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
23
24
  function _getRequireWildcardCache(nodeInterop) {
24
25
  if (typeof WeakMap !== "function") return null;
@@ -138,12 +139,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
138
139
  }
139
140
  return target;
140
141
  }
141
- const C = {
142
+ const F = {
142
143
  "1:1": 1,
143
144
  "16:9": 16 / 9,
144
145
  "4:3": 4 / 3
145
- }, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
146
- var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f } = _param, n = _objectWithoutProperties(_param, [
146
+ }, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", O = /*#__PURE__*/ _react.forwardRef((_param, R)=>{
147
+ var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f } = _param, s = _objectWithoutProperties(_param, [
147
148
  "src",
148
149
  "poster",
149
150
  "autoPlay",
@@ -153,9 +154,9 @@ const C = {
153
154
  "aspectRatio",
154
155
  "dataAttributes"
155
156
  ]);
156
- const R = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : C[A], d = _react.useRef(null);
157
+ const l = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : F[A], a = _react.useRef(null);
157
158
  _react.useEffect(()=>{
158
- const e = d.current;
159
+ const e = a.current;
159
160
  e && o && e.paused && e.play();
160
161
  }, [
161
162
  o
@@ -164,8 +165,8 @@ const C = {
164
165
  t
165
166
  ]).map((e)=>typeof e == "string" ? {
166
167
  src: e
167
- } : e), a = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
168
- ref: (0, _commonJs.combineRefs)(l, d),
168
+ } : e), d = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("video", _objectSpreadProps(_objectSpread({
169
+ ref: (0, _commonJs.combineRefs)(R, a),
169
170
  playsInline: !0,
170
171
  disablePictureInPicture: !0,
171
172
  disableRemotePlayback: !0,
@@ -174,10 +175,10 @@ const C = {
174
175
  loop: m,
175
176
  className: _videoCssMisticaJs.video,
176
177
  preload: u,
177
- poster: i || F
178
+ poster: i || N
178
179
  }, (0, _domJs.getPrefixedDataAttributes)(f)), {
179
180
  style: {
180
- borderRadius: R ? 8 : 0
181
+ borderRadius: l ? _skinContractCssMisticaJs.vars.borderRadii.container : 0
181
182
  },
182
183
  children: g.map((param, b)=>/* @__PURE__ */ {
183
184
  let { src: e , type: h } = param;
@@ -189,8 +190,8 @@ const C = {
189
190
  }));
190
191
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_aspectRatioSupportJs.AspectRatioElement, {
191
192
  aspectRatio: p,
192
- width: n.width,
193
- height: n.height,
193
+ width: s.width,
194
+ height: s.height,
194
195
  children: (0, _platformJs.isSafari)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
195
196
  style: {
196
197
  width: "100%",
@@ -199,7 +200,7 @@ const C = {
199
200
  backgroundSize: "cover",
200
201
  backgroundPosition: "50% 50%"
201
202
  },
202
- children: a
203
- }) : a
203
+ children: d
204
+ }) : d
204
205
  });
205
206
  });
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
- var a = "_1y2v1nf9h _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9o", f = "_1y2v1nfba";
2
+ var a = "_1y2v1nfa2 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nfa4", f = "_1y2v1nfbq";
3
3
  export { a as avatar, f as image };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./badge.css.ts.vanilla.js";
3
- var _ = "_17szrmd2 _1y2v1nf7u _1y2v1nf89 _1y2v1nf3x", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf7u _1y2v1nf89 _1y2v1nf3x _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf1p", y = "_1y2v1nf5e", a = "_1y2v1nf5d _1y2v1nf5m";
4
- export { _ as badge, n as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
3
+ var n = "_17szrmd2 _1y2v1nf80 _1y2v1nf8f _1y2v1nf42", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf80 _1y2v1nf8f _1y2v1nf42 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x _1y2v1nf1s", y = "_1y2v1nf5k", a = "_1y2v1nf5j _1y2v1nf5s";
4
+ export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
package/dist-es/boxed.js CHANGED
@@ -50,46 +50,45 @@ function _objectSpreadProps(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import * as n from "react";
53
+ import * as s from "react";
54
54
  import v from "classnames";
55
- import { useIsInverseVariant as B, ThemeVariant as h } from "./theme-variant-context.js";
55
+ import { useIsInverseVariant as h, ThemeVariant as B } from "./theme-variant-context.js";
56
56
  import { getPrefixedDataAttributes as k } from "./utils/dom.js";
57
- import { vars as i } from "./skins/skin-contract.css-mistica.js";
57
+ import { vars as e } from "./skins/skin-contract.css-mistica.js";
58
58
  import { useTheme as R } from "./hooks.js";
59
59
  import { inverseBorder as w } from "./boxed.css-mistica.js";
60
- import { sprinkles as e } from "./sprinkles.css-mistica.js";
61
- import { jsx as t } from "./_virtual/jsx-runtime.js";
62
- const y = (o, r)=>o && !r ? w : r ? e({
60
+ import { sprinkles as t } from "./sprinkles.css-mistica.js";
61
+ import { jsx as a } from "./_virtual/jsx-runtime.js";
62
+ const y = (o, r)=>o && !r ? w : r ? t({
63
63
  border: "none"
64
- }) : e({
64
+ }) : t({
65
65
  border: "regular"
66
- }), D = /*#__PURE__*/ n.forwardRef((param, p)=>{
67
- let { children: o , isInverse: r = !1 , className: s , role: m , dataAttributes: d , "aria-label": f , width: l , height: c , minHeight: u , borderRadius: b , background: a } = param;
68
- const { isDarkMode: x } = R(), g = B();
69
- return /* @__PURE__ */ t("div", _objectSpreadProps(_objectSpread({
70
- ref: p,
66
+ }), C = /*#__PURE__*/ s.forwardRef((param, g)=>{
67
+ let { children: o , isInverse: r = !1 , className: m , role: d , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: u , borderRadius: p = e.borderRadii.container , background: i } = param;
68
+ const { isDarkMode: x } = R(), n = h();
69
+ return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
70
+ ref: g,
71
71
  style: {
72
- width: l,
73
- height: c,
72
+ width: c,
73
+ height: b,
74
74
  minHeight: u,
75
75
  boxSizing: "border-box",
76
- background: a
76
+ background: i
77
77
  },
78
- className: v(s, y(g, r), e({
79
- borderRadius: b,
78
+ className: v(m, y(n, r), t({
79
+ borderRadius: p,
80
80
  overflow: "hidden",
81
- background: a ? void 0 : r && !x ? i.colors.backgroundBrand : i.colors.backgroundContainer
81
+ background: i ? void 0 : r && !x ? n ? e.colors.brandHigh : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
82
82
  })),
83
- role: m,
84
- "aria-label": f
85
- }, k(d)), {
86
- children: /* @__PURE__ */ t(h, {
83
+ role: d,
84
+ "aria-label": l
85
+ }, k(f)), {
86
+ children: /* @__PURE__ */ a(B, {
87
87
  isInverse: r,
88
88
  children: o
89
89
  })
90
90
  }));
91
- }), N = /*#__PURE__*/ n.forwardRef((o, r)=>/* @__PURE__ */ t(D, _objectSpreadProps(_objectSpread({}, o), {
92
- ref: r,
93
- borderRadius: 8
91
+ }), M = /*#__PURE__*/ s.forwardRef((o, r)=>/* @__PURE__ */ a(C, _objectSpreadProps(_objectSpread({}, o), {
92
+ ref: r
94
93
  })));
95
- export { N as Boxed, D as InternalBoxed };
94
+ export { M as Boxed, C as InternalBoxed };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button-group.css.ts.vanilla.js";
3
- var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5n";
4
- export { r as buttonChild, t as buttons, v as container, _ as inline };
3
+ var t = "_1xdd1h64", r = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5p _1y2v1nf63 _1y2v1nf5t";
4
+ export { t as buttonChild, r as buttons, v as container, _ as inline };
@@ -1,12 +1,12 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button.css.ts.vanilla.js";
3
3
  import "./button-layout.css.ts.vanilla.js";
4
- var i = "kfxylhi", l = {
5
- right: "_1y2v1nf5s",
6
- left: "_1y2v1nf5q",
7
- center: "_1y2v1nf5r",
8
- "full-width": "kfxylhh _1y2v1nf5r"
9
- }, f = "kfxylh6 _1y2v1nf5i", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5i _1y2v1nf7p", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
4
+ var l = "kfxylhi", f = {
5
+ right: "_1y2v1nf5y",
6
+ left: "_1y2v1nf5w",
7
+ center: "_1y2v1nf5x",
8
+ "full-width": "kfxylhh _1y2v1nf5x"
9
+ }, i = "kfxylh6 _1y2v1nf5o", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5o _1y2v1nf7v", y = "kfxylh4", o = "kfxylh1", x = "kfxylh9", e = {
10
10
  buttonWidth: "var(--kfxylh0)"
11
11
  };
12
- export { i as alignMoreThanOneChildred, l as alignVariant, f as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
12
+ export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, o as margins, x as noButtonWidth, e as vars };
@@ -1,12 +1,12 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button.css.ts.vanilla.js";
3
- var _ = 104, r = 8, y = 24, f = 20, a = 16, b = 20, p = 14.5, i = 10.5, o = "rrbrpnk", e = "rrbrpni _1y2v1nf20", t = {
4
- primary: "rrbrpno rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1t _1y2v1nf3a",
5
- secondary: "rrbrpnp rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1x _1y2v1nf5c",
6
- danger: "rrbrpnq rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf34"
7
- }, d = "rrbrpn0", j = "rrbrpng _1y2v1nf71 _1y2v1nf7f _1y2v1nf5m _1y2v1nf7q _1y2v1nf9j _1y2v1nf9g _1y2v1nf1z _1y2v1nf5c _1y2v1nf9o", I = "rrbrpn7 _1y2v1nf5j _1y2v1nf5e _1y2v1nf9q _1y2v1nfaw _1y2v1nf5r _1y2v1nf5x", m = "rrbrpn4 _1y2v1nf5k _1y2v1nf86 _1y2v1nf9o", x = "rrbrpn5", N = "rrbrpn9 _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", s = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r", L = {
8
- primary: "rrbrpnl rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf39",
9
- secondary: "rrbrpnm rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1v _1y2v1nf5c",
10
- danger: "rrbrpnn rrbrpn2 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5m _1y2v1nf5d _1y2v1nf7q _1y2v1nf9j _1y2v1nf9o _1y2v1nf1s _1y2v1nf34"
3
+ var _ = 104, y = 8, r = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, t = "rrbrpnk", e = "rrbrpni _1y2v1nf23", s = {
4
+ primary: "rrbrpno rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1w _1y2v1nf3f",
5
+ secondary: "rrbrpnp rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf20 _1y2v1nf5i",
6
+ danger: "rrbrpnq rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
7
+ }, o = "rrbrpn0", I = "rrbrpng _1y2v1nf77 _1y2v1nf7l _1y2v1nf5s _1y2v1nf7w _1y2v1nf9t _1y2v1nf9m _1y2v1nf22 _1y2v1nf5i _1y2v1nfa4", N = "rrbrpn7 _1y2v1nf5p _1y2v1nf5k _1y2v1nfa6 _1y2v1nfbc _1y2v1nf5x _1y2v1nf63", l = "rrbrpn4 _1y2v1nf5q _1y2v1nf8c _1y2v1nfa4", L = "rrbrpn5", S = "rrbrpn9 _1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", d = "_1y2v1nf5o _1y2v1nf63 _1y2v1nf5x", w = {
8
+ primary: "rrbrpnl rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf3e",
9
+ secondary: "rrbrpnm rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1y _1y2v1nf5i",
10
+ danger: "rrbrpnn rrbrpn2 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5s _1y2v1nf5j _1y2v1nf7w _1y2v1nf9t _1y2v1nfa4 _1y2v1nf1v _1y2v1nf39"
11
11
  };
12
- export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, b as SPINNER_SIZE, p as X_PADDING_PX, i as X_SMALL_PADDING_PX, o as alignedLink, e as inverseLink, t as inverseVariants, d as isLoading, j as link, I as loadingContent, m as loadingFiller, x as small, N as textContent, s as textContentLink, L as variants };
12
+ export { _ as BUTTON_MIN_WIDTH, y as ICON_MARGIN_PX, r as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, t as alignedLink, e as inverseLink, s as inverseVariants, o as isLoading, I as link, N as loadingContent, l as loadingFiller, L as small, S as textContent, d as textContentLink, w as variants };