@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.
- package/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +3 -3
- package/dist/boxed.d.ts +2 -1
- package/dist/boxed.js +17 -18
- package/dist/button-fixed-footer-layout.d.ts +1 -2
- package/dist/button-group.css-mistica.js +3 -3
- package/dist/button-group.d.ts +1 -1
- package/dist/button-layout.css-mistica.js +12 -12
- package/dist/button-layout.d.ts +1 -2
- package/dist/button.css-mistica.js +22 -22
- package/dist/button.d.ts +1 -1
- package/dist/button.js +93 -90
- package/dist/callout.css-mistica.js +1 -1
- package/dist/callout.d.ts +1 -1
- package/dist/callout.js +13 -9
- package/dist/card.css-mistica.js +8 -8
- package/dist/card.d.ts +3 -3
- package/dist/card.js +71 -71
- package/dist/carousel.css-mistica.js +7 -7
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +11 -10
- package/dist/chip.css.d.ts +1 -1
- package/dist/chip.js +21 -20
- package/dist/circle.css-mistica.js +1 -1
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/cvv-field.css-mistica.js +3 -3
- package/dist/date-time-picker.js +7 -6
- package/dist/dialog.css-mistica.js +7 -7
- package/dist/dialog.d.ts +1 -1
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/double-field.d.ts +10 -10
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state-card.d.ts +1 -1
- package/dist/empty-state.css-mistica.js +2 -2
- package/dist/empty-state.d.ts +2 -1
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/feedback.d.ts +1 -0
- package/dist/feedback.js +86 -87
- package/dist/fixed-footer-layout.css-mistica.js +5 -5
- package/dist/header.d.ts +2 -2
- package/dist/hero.css-mistica.js +5 -5
- package/dist/hero.d.ts +4 -4
- package/dist/highlighted-card.css-mistica.js +4 -4
- package/dist/highlighted-card.d.ts +1 -2
- package/dist/icon-button.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +1 -1
- package/dist/image.js +16 -16
- package/dist/index.d.ts +7 -2
- package/dist/index.js +9 -1
- package/dist/list.css-mistica.js +9 -9
- package/dist/loading-bar.css-mistica.js +6 -6
- package/dist/logo.d.ts +34 -0
- package/dist/logo.js +629 -0
- package/dist/maybe-dismissable.css-mistica.js +4 -4
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-bar.d.ts +2 -6
- package/dist/navigation-bar.js +99 -266
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +2 -2
- package/dist/popover.css-mistica.js +10 -10
- package/dist/progress-bar.css-mistica.js +2 -2
- package/dist/radio-button.css-mistica.js +9 -9
- package/dist/responsive-layout.css-mistica.js +8 -5
- package/dist/responsive-layout.css.d.ts +4 -1
- package/dist/responsive-layout.d.ts +2 -0
- package/dist/responsive-layout.js +7 -9
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +14 -14
- package/dist/skeleton-base.js +3 -3
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/blau.js +7 -1
- package/dist/skins/defaults.d.ts +3 -0
- package/dist/skins/defaults.js +48 -0
- package/dist/skins/movistar-legacy.js +7 -1
- package/dist/skins/movistar.js +7 -1
- package/dist/skins/o2-classic.js +6 -0
- package/dist/skins/o2.js +9 -3
- package/dist/skins/skin-contract.css-mistica.js +203 -185
- package/dist/skins/skin-contract.css.d.ts +18 -0
- package/dist/skins/telefonica.js +19 -1
- package/dist/skins/types.d.ts +21 -0
- package/dist/skins/vivo.js +7 -1
- package/dist/snackbar.css-mistica.js +8 -8
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +360 -312
- package/dist/sprinkles.css.d.ts +1 -1
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +23 -23
- package/dist/tabs.css-mistica.js +14 -14
- package/dist/tag.css-mistica.js +2 -2
- package/dist/tag.js +12 -12
- package/dist/text-field-base.css-mistica.js +10 -10
- package/dist/text-field-base.js +14 -14
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/theme-context-provider.js +38 -58
- package/dist/theme-variant-context.d.ts +4 -1
- package/dist/theme-variant-context.js +9 -8
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist/utils/renders-element.d.ts +1 -1
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +16 -15
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.js +25 -26
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +128 -125
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/callout.js +28 -24
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +120 -120
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +9 -8
- package/dist-es/chip.js +37 -36
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/cvv-field.css-mistica.js +2 -2
- package/dist-es/date-time-picker.js +13 -12
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +2 -2
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +109 -110
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +4 -4
- package/dist-es/icon-button.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/image.js +18 -18
- package/dist-es/index.js +1698 -1697
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/logo.js +607 -0
- package/dist-es/maybe-dismissable.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +11 -11
- package/dist-es/navigation-bar.js +171 -337
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +6 -6
- package/dist-es/responsive-layout.css-mistica.js +5 -2
- package/dist-es/responsive-layout.js +16 -18
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +11 -11
- package/dist-es/skeleton-base.js +7 -7
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +7 -1
- package/dist-es/skins/defaults.js +35 -0
- package/dist-es/skins/movistar-legacy.js +7 -1
- package/dist-es/skins/movistar.js +7 -1
- package/dist-es/skins/o2-classic.js +6 -0
- package/dist-es/skins/o2.js +9 -3
- package/dist-es/skins/skin-contract.css-mistica.js +203 -185
- package/dist-es/skins/telefonica.js +19 -1
- package/dist-es/skins/vivo.js +7 -1
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +360 -312
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +19 -19
- package/dist-es/tabs.css-mistica.js +10 -10
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/tag.js +27 -27
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-base.js +20 -20
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/theme-context-provider.js +72 -92
- package/dist-es/theme-variant-context.js +9 -9
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +17 -16
- 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
|
|
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 = "
|
|
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
|
|
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: ()=>
|
|
12
|
+
container: ()=>v,
|
|
13
13
|
containerWithWrapper: ()=>n,
|
|
14
14
|
vars: ()=>y,
|
|
15
|
-
wrapper: ()=>
|
|
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
|
|
19
|
+
var v = "yqswj62", n = "_1y2v1nf7v _1y2v1nf8b _1y2v1nfa6 _1y2v1nfak", y = {
|
|
20
20
|
aspectRatio: "var(--yqswj60)"
|
|
21
|
-
},
|
|
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 = "
|
|
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: ()=>
|
|
13
|
-
default: ()=>
|
|
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
|
|
142
|
+
const F = {
|
|
142
143
|
"1:1": 1,
|
|
143
144
|
"16:9": 16 / 9,
|
|
144
145
|
"4:3": 4 / 3
|
|
145
|
-
},
|
|
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,
|
|
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
|
|
157
|
+
const l = (0, _imageJs.useMediaBorderRadius)(), p = typeof A == "number" ? A : F[A], a = _react.useRef(null);
|
|
157
158
|
_react.useEffect(()=>{
|
|
158
|
-
const e =
|
|
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),
|
|
168
|
-
ref: (0, _commonJs.combineRefs)(
|
|
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 ||
|
|
178
|
+
poster: i || N
|
|
178
179
|
}, (0, _domJs.getPrefixedDataAttributes)(f)), {
|
|
179
180
|
style: {
|
|
180
|
-
borderRadius:
|
|
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:
|
|
193
|
-
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:
|
|
203
|
-
}) :
|
|
203
|
+
children: d
|
|
204
|
+
}) : d
|
|
204
205
|
});
|
|
205
206
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./badge.css.ts.vanilla.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
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
|
|
53
|
+
import * as s from "react";
|
|
54
54
|
import v from "classnames";
|
|
55
|
-
import { useIsInverseVariant as
|
|
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
|
|
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
|
|
61
|
-
import { jsx as
|
|
62
|
-
const y = (o, r)=>o && !r ? w : r ?
|
|
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
|
-
}) :
|
|
64
|
+
}) : t({
|
|
65
65
|
border: "regular"
|
|
66
|
-
}),
|
|
67
|
-
let { children: o , isInverse: r = !1 , className:
|
|
68
|
-
const { isDarkMode: x } = R(),
|
|
69
|
-
return /* @__PURE__ */
|
|
70
|
-
ref:
|
|
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:
|
|
73
|
-
height:
|
|
72
|
+
width: c,
|
|
73
|
+
height: b,
|
|
74
74
|
minHeight: u,
|
|
75
75
|
boxSizing: "border-box",
|
|
76
|
-
background:
|
|
76
|
+
background: i
|
|
77
77
|
},
|
|
78
|
-
className: v(
|
|
79
|
-
borderRadius:
|
|
78
|
+
className: v(m, y(n, r), t({
|
|
79
|
+
borderRadius: p,
|
|
80
80
|
overflow: "hidden",
|
|
81
|
-
background:
|
|
81
|
+
background: i ? void 0 : r && !x ? n ? e.colors.brandHigh : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
|
|
82
82
|
})),
|
|
83
|
-
role:
|
|
84
|
-
"aria-label":
|
|
85
|
-
}, k(
|
|
86
|
-
children: /* @__PURE__ */
|
|
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
|
-
}),
|
|
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 {
|
|
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
|
|
4
|
-
export {
|
|
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
|
|
5
|
-
right: "
|
|
6
|
-
left: "
|
|
7
|
-
center: "
|
|
8
|
-
"full-width": "kfxylhh
|
|
9
|
-
},
|
|
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 {
|
|
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,
|
|
4
|
-
primary: "rrbrpno rrbrpn2
|
|
5
|
-
secondary: "rrbrpnp rrbrpn2
|
|
6
|
-
danger: "rrbrpnq rrbrpn2
|
|
7
|
-
},
|
|
8
|
-
primary: "rrbrpnl rrbrpn2
|
|
9
|
-
secondary: "rrbrpnm rrbrpn2
|
|
10
|
-
danger: "rrbrpnn rrbrpn2
|
|
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,
|
|
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 };
|