@telefonica/mistica 16.37.3 → 16.37.4
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/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +16 -16
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card-data.js +23 -19
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/card-internal.js +25 -25
- package/dist/card-media.js +9 -7
- package/dist/card-naked.js +12 -10
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +7 -7
- package/dist/chip.css-mistica.js +12 -12
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +3 -3
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.css-mistica.js +4 -4
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +3 -3
- package/dist/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +12 -12
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +4 -4
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +390 -390
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +10 -10
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +26 -26
- package/dist/table.css-mistica.js +8 -8
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.css-mistica.js +7 -7
- package/dist/theme-context.css-mistica.js +430 -430
- package/dist/timeline.css-mistica.js +10 -10
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +13 -13
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/card-data.js +24 -20
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/card-internal.js +41 -41
- package/dist-es/card-media.js +14 -12
- package/dist-es/card-naked.js +17 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +7 -7
- package/dist-es/chip.css-mistica.js +12 -12
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +3 -3
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +3 -3
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +16 -16
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +390 -390
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +10 -10
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +26 -26
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/tabs.css-mistica.js +12 -12
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/theme-context.css-mistica.js +430 -430
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- 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/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
package/dist-es/card-internal.js
CHANGED
|
@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
81
|
import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
|
|
82
|
-
import * as
|
|
82
|
+
import * as C from "react";
|
|
83
83
|
import { container as ht, boxed as mt, touchable as Ee, touchableContainer as pt, containerPaddingTopVariants as fe, containerPaddingXVariants as ee, containerPaddingBottomVariants as ut, contentContainer as gt, textContent as bt, vars as vt, backgroundImageOrVideoContainer as ft, actionsContainerVariants as xt, topActionsContainer as kt, touchableCardOverlayInverse as yt, touchableCardOverlay as Rt } from "./card-internal.css-mistica.js";
|
|
84
84
|
import { vars as ie } from "./image.css-mistica.js";
|
|
85
85
|
import { pauseIconButtonLabel as wt, playIconButtonLabel as It, closeButtonLabel as Ht } from "./text-tokens.js";
|
|
@@ -104,11 +104,11 @@ import { vars as b } from "./skins/skin-contract.css-mistica.js";
|
|
|
104
104
|
import { IconButton as Ft, ToggleIconButton as Et } from "./icon-button.js";
|
|
105
105
|
import { combineRefs as $t } from "./utils/common.js";
|
|
106
106
|
import { isRunningAcceptanceTest as Ge } from "./utils/platform.js";
|
|
107
|
-
import
|
|
107
|
+
import z from "classnames";
|
|
108
108
|
import jt from "./button-group.js";
|
|
109
109
|
import { isBiggerHeading as Ye } from "./utils/headings.js";
|
|
110
110
|
import { getRGBComponents as Mt } from "./utils/color.js";
|
|
111
|
-
const Gt = /*#__PURE__*/
|
|
111
|
+
const Gt = /*#__PURE__*/ C.forwardRef((param, m)=>{
|
|
112
112
|
let { type: e, children: o, width: r, height: n, aspectRatio: a, "aria-label": c, "aria-labelledby": h, "aria-description": d, "aria-describedby": l, dataAttributes: s, backgroundColor: v, variant: R } = param;
|
|
113
113
|
const x = r && n ? void 0 : ke(a), f = x ? G({
|
|
114
114
|
[vt.aspectRatio]: String(x)
|
|
@@ -121,7 +121,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
121
121
|
"aria-labelledby": h,
|
|
122
122
|
"aria-description": d,
|
|
123
123
|
"aria-describedby": l,
|
|
124
|
-
className:
|
|
124
|
+
className: z(ht)
|
|
125
125
|
}, Nt(s, "InternalCard")), {
|
|
126
126
|
style: _object_spread({
|
|
127
127
|
width: r || "100%",
|
|
@@ -140,7 +140,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
140
140
|
width: "100%",
|
|
141
141
|
height: "100%",
|
|
142
142
|
variant: R,
|
|
143
|
-
className:
|
|
143
|
+
className: z(mt),
|
|
144
144
|
background: g ? "transparent" : v,
|
|
145
145
|
borderRadius: g ? "none" : b.borderRadii.container,
|
|
146
146
|
border: g ? "none" : p,
|
|
@@ -175,10 +175,10 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
175
175
|
top: 0,
|
|
176
176
|
left: 0
|
|
177
177
|
},
|
|
178
|
-
className:
|
|
178
|
+
className: z(ee[e], fe[e]),
|
|
179
179
|
children: a
|
|
180
180
|
}) : /* @__PURE__ */ t("div", {
|
|
181
|
-
className:
|
|
181
|
+
className: z({
|
|
182
182
|
[ee[e]]: n !== "naked"
|
|
183
183
|
}),
|
|
184
184
|
children: a
|
|
@@ -252,8 +252,8 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
252
252
|
size: 12
|
|
253
253
|
});
|
|
254
254
|
}, Jt = (e, o, r, n)=>{
|
|
255
|
-
const { texts: a, t: c } = oe(), h =
|
|
256
|
-
|
|
255
|
+
const { texts: a, t: c } = oe(), h = C.useRef(null), [d, l] = C.useReducer(Kt, process.env.NODE_ENV === "test" ? "playing" : "loading");
|
|
256
|
+
C.useEffect(()=>{
|
|
257
257
|
var x;
|
|
258
258
|
const m = setTimeout(()=>l("showSpinner"), 2e3);
|
|
259
259
|
return (x = h.current) == null || x.load(), ()=>{
|
|
@@ -262,7 +262,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
262
262
|
}, [
|
|
263
263
|
e
|
|
264
264
|
]);
|
|
265
|
-
const s =
|
|
265
|
+
const s = C.useMemo(()=>e !== void 0 ? /* @__PURE__ */ t(zt, {
|
|
266
266
|
ref: $t(h, r),
|
|
267
267
|
src: e,
|
|
268
268
|
poster: o,
|
|
@@ -452,7 +452,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
452
452
|
}),
|
|
453
453
|
/* @__PURE__ */ t("div", {
|
|
454
454
|
"data-testid": "footer",
|
|
455
|
-
className:
|
|
455
|
+
className: z({
|
|
456
456
|
[ee[o]]: !p
|
|
457
457
|
}),
|
|
458
458
|
style: {
|
|
@@ -503,7 +503,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
503
503
|
});
|
|
504
504
|
}, ei = (param)=>{
|
|
505
505
|
let { type: e, hasCustomBackground: o, headlineRef: r, size: n, variant: a, headline: c, title: h, titleAs: d = "h3", titleLinesMax: l, pretitle: s, pretitleAs: v, pretitleLinesMax: R, subtitle: m, subtitleLinesMax: x, description: f, descriptionLinesMax: p, withTextShadow: g } = param;
|
|
506
|
-
const { textPresets: i, colorValues: u } = oe(), F = Ke(),
|
|
506
|
+
const { textPresets: i, colorValues: u } = oe(), F = Ke(), T = {
|
|
507
507
|
hyphens: "auto"
|
|
508
508
|
}, E = {
|
|
509
509
|
default: {
|
|
@@ -615,7 +615,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
615
615
|
weight: "regular"
|
|
616
616
|
}
|
|
617
617
|
}
|
|
618
|
-
}, N = E[a] || E[F] || E.default,
|
|
618
|
+
}, N = E[a] || E[F] || E.default, B = V[n] || V.default, A = g ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, re = c && // Read order 2. Visual order 1
|
|
619
619
|
/* @__PURE__ */ t("div", {
|
|
620
620
|
style: {
|
|
621
621
|
paddingBottom: 8,
|
|
@@ -634,7 +634,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
634
634
|
order: 2
|
|
635
635
|
},
|
|
636
636
|
"data-testid": "pretitle",
|
|
637
|
-
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({},
|
|
637
|
+
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({}, T, B.pretitle), {
|
|
638
638
|
as: v || "p",
|
|
639
639
|
truncate: R,
|
|
640
640
|
color: N.pretitle,
|
|
@@ -648,7 +648,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
648
648
|
order: 3
|
|
649
649
|
},
|
|
650
650
|
"data-testid": "title",
|
|
651
|
-
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({},
|
|
651
|
+
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({}, T, B.title), {
|
|
652
652
|
as: d,
|
|
653
653
|
truncate: l,
|
|
654
654
|
color: N.title,
|
|
@@ -662,7 +662,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
662
662
|
order: 4
|
|
663
663
|
},
|
|
664
664
|
"data-testid": "subtitle",
|
|
665
|
-
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({},
|
|
665
|
+
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({}, T, B.subtitle), {
|
|
666
666
|
as: "p",
|
|
667
667
|
truncate: x,
|
|
668
668
|
color: N.subtitle,
|
|
@@ -676,7 +676,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
676
676
|
order: 5
|
|
677
677
|
},
|
|
678
678
|
"data-testid": "description",
|
|
679
|
-
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({},
|
|
679
|
+
children: /* @__PURE__ */ t(U, _object_spread_props(_object_spread({}, T, B.description), {
|
|
680
680
|
as: "p",
|
|
681
681
|
truncate: p,
|
|
682
682
|
color: N.description,
|
|
@@ -706,8 +706,8 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
706
706
|
}, _e = [
|
|
707
707
|
b.colors.cardContentOverlay,
|
|
708
708
|
b.colors.cardFooterOverlay
|
|
709
|
-
], Li = /*#__PURE__*/
|
|
710
|
-
var { type: e, size: o, backgroundColor: r, imageSrc: n, imageSrcSet: a, imageAlt: c = "", imageFit: h = "fill-center", videoSrc: d, videoRef: l, media: s, mediaAspectRatio: v = "auto", mediaPosition: R = "top", mediaWidth: m = 150, circledImage: x, asset: f, headline: p, title: g, titleAs: i = "h3", titleLinesMax: u, pretitle: F, pretitleAs:
|
|
709
|
+
], Li = /*#__PURE__*/ C.forwardRef((_param, We)=>{
|
|
710
|
+
var { type: e, size: o, backgroundColor: r, imageSrc: n, imageSrcSet: a, imageAlt: c = "", imageFit: h = "fill-center", videoSrc: d, videoRef: l, media: s, mediaAspectRatio: v = "auto", mediaPosition: R = "top", mediaWidth: m = 150, circledImage: x, asset: f, headline: p, title: g, titleAs: i = "h3", titleLinesMax: u, pretitle: F, pretitleAs: T, pretitleLinesMax: E, subtitle: V, subtitleLinesMax: N, description: B, descriptionLinesMax: A, dataAttributes: re, variant: $, width: D, height: ne, aspectRatio: ae, slot: _, slotAlignment: K = "content", buttonPrimary: se, buttonSecondary: de, buttonLink: le, showFooter: qe, footerBackgroundColor: Je, footerVariant: Qe, footerSlot: ye, topActions: X, onClose: Re, closeButtonLabel: Ue, "aria-label": we, "aria-labelledby": ce, "aria-description": Ie, "aria-describedby": He, gradientOverlayColor: Y } = _param, j = _object_without_properties(_param, [
|
|
711
711
|
"type",
|
|
712
712
|
"size",
|
|
713
713
|
"backgroundColor",
|
|
@@ -757,8 +757,8 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
757
757
|
"aria-describedby",
|
|
758
758
|
"gradientOverlayColor"
|
|
759
759
|
]);
|
|
760
|
-
const { text: Be, ref: Ze } = $e(), { text: Ce, ref: et } = $e(), w = !!(j.href || j.to || j.onPress), he = !!(se || de || le), { colorValues: q } = oe(), me = e === "media" || e === "naked", tt = me && (n !== void 0 || a !== void 0), ze = me && d !== void 0, Te = tt || ze, pe = me && !!s && !Te,
|
|
761
|
-
|
|
760
|
+
const { text: Be, ref: Ze } = $e(), { text: Ce, ref: et } = $e(), w = !!(j.href || j.to || j.onPress), he = !!(se || de || le), { colorValues: q } = oe(), me = e === "media" || e === "naked", tt = me && (n !== void 0 || a !== void 0), ze = me && d !== void 0, Te = tt || ze, pe = me && !!s && !Te, I = Te || pe, H = e === "naked", y = I ? R : "top", Se = e === "naked" && x ? 1 : v, ue = e === "cover" && (n !== void 0 || a !== void 0), J = e === "cover" && d !== void 0, Le = !!r || ue || J, O = ue || J, it = ze || J, { video: Ve, videoAction: ge } = Jt(it ? d : void 0, n, l, e === "cover" || y !== "top" ? !1 : ke(Se) === 0), be = Bt(), ot = $ || (be ? "inverse" : "default"), S = $ || (e === "cover" && Le ? "media" : "default"), rt = S === "inverse" ? yt : Rt, L = qe && (he || !!ye) || he && j.onPress, Ne = !L && he, Q = ((X == null ? void 0 : X.length) || 0) + (Re ? 1 : 0), Ae = ge ? Q + 1 : Q, nt = f && !(I && y === "left"), at = e !== "cover" && Ae > 0 && !nt && !p, M = e === "cover" || e === "data" && o === "display", P = b.borderRadii.container, st = ue || J ? "transparent" : r || (S === "media" ? be ? b.colors.backgroundContainerBrandOverInverse : b.colors.backgroundBrand : S === "alternative" ? b.colors.backgroundAlternative : void 0), [[dt, lt], ve] = C.useState(_e);
|
|
761
|
+
C.useEffect(()=>{
|
|
762
762
|
if (Y === "transparent") return ve([
|
|
763
763
|
"transparent",
|
|
764
764
|
"transparent"
|
|
@@ -777,19 +777,19 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
777
777
|
q.cardContentOverlay,
|
|
778
778
|
q.cardFooterOverlay
|
|
779
779
|
]);
|
|
780
|
-
const ct = we || (ce ? void 0 : (g && Ye(i,
|
|
780
|
+
const ct = we || (ce ? void 0 : (g && Ye(i, T) ? [
|
|
781
781
|
g,
|
|
782
782
|
Ce,
|
|
783
783
|
F,
|
|
784
784
|
V,
|
|
785
|
-
|
|
785
|
+
B,
|
|
786
786
|
Be
|
|
787
787
|
] : [
|
|
788
788
|
F,
|
|
789
789
|
Ce,
|
|
790
790
|
g,
|
|
791
791
|
V,
|
|
792
|
-
|
|
792
|
+
B,
|
|
793
793
|
Be
|
|
794
794
|
]).filter(Boolean).join(" "));
|
|
795
795
|
return /* @__PURE__ */ k(Gt, {
|
|
@@ -836,15 +836,15 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
836
836
|
"aria-labelledby": w ? ce : void 0,
|
|
837
837
|
"aria-description": w ? Ie : void 0,
|
|
838
838
|
"aria-describedby": w ? He : void 0,
|
|
839
|
-
className:
|
|
839
|
+
className: z(Ee, pt)
|
|
840
840
|
}, j), {
|
|
841
841
|
style: {
|
|
842
842
|
flexDirection: y === "top" ? "column" : y === "left" ? "row" : "row-reverse",
|
|
843
843
|
justifyItems: "stretch",
|
|
844
|
-
borderTopLeftRadius: `calc(${P} - 1px)`,
|
|
845
|
-
borderTopRightRadius: `calc(${P} - 1px)`,
|
|
846
|
-
borderBottomLeftRadius: L ||
|
|
847
|
-
borderBottomRightRadius: L ||
|
|
844
|
+
borderTopLeftRadius: H && !I ? 0 : `calc(${P} - 1px)`,
|
|
845
|
+
borderTopRightRadius: H && !I ? 0 : `calc(${P} - 1px)`,
|
|
846
|
+
borderBottomLeftRadius: L || H ? 0 : `calc(${P} - 1px)`,
|
|
847
|
+
borderBottomRightRadius: L || H ? 0 : `calc(${P} - 1px)`,
|
|
848
848
|
overflow: "hidden",
|
|
849
849
|
zIndex: 1
|
|
850
850
|
},
|
|
@@ -868,7 +868,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
868
868
|
asset: f,
|
|
869
869
|
type: e
|
|
870
870
|
}),
|
|
871
|
-
|
|
871
|
+
I && /* @__PURE__ */ t(Wt, {
|
|
872
872
|
type: e,
|
|
873
873
|
size: o,
|
|
874
874
|
mediaAspectRatio: Se,
|
|
@@ -885,11 +885,11 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
885
885
|
/* @__PURE__ */ k("div", {
|
|
886
886
|
"aria-hidden": w,
|
|
887
887
|
"data-testid": "body",
|
|
888
|
-
className:
|
|
889
|
-
[fe[o]]: !!f && e !== "naked" && (!
|
|
888
|
+
className: z(Ee, {
|
|
889
|
+
[fe[o]]: !!f && e !== "naked" && (!I || y === "right")
|
|
890
890
|
}),
|
|
891
891
|
children: [
|
|
892
|
-
(!
|
|
892
|
+
(!I || y === "right") && /* @__PURE__ */ t(te, {
|
|
893
893
|
size: o,
|
|
894
894
|
asset: f,
|
|
895
895
|
type: e
|
|
@@ -898,17 +898,17 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
898
898
|
minHeight: e === "cover" && Ae > 0 && !f ? 48 + 8 : 0
|
|
899
899
|
}),
|
|
900
900
|
/* @__PURE__ */ k("div", {
|
|
901
|
-
className:
|
|
901
|
+
className: z(ee[o], ut[o], fe[o]),
|
|
902
902
|
style: {
|
|
903
903
|
display: "flex",
|
|
904
904
|
flexDirection: "column",
|
|
905
905
|
height: M ? void 0 : "100%",
|
|
906
906
|
background: O ? dt : void 0,
|
|
907
907
|
// padding overrides for specific cases
|
|
908
|
-
paddingTop: M && O ? 40 : f ||
|
|
909
|
-
paddingLeft:
|
|
910
|
-
paddingRight:
|
|
911
|
-
paddingBottom: L ? 16 :
|
|
908
|
+
paddingTop: M && O ? 40 : f || H && y !== "top" ? 16 : H && !I ? 0 : void 0,
|
|
909
|
+
paddingLeft: H && (y !== "left" || !I) ? 0 : void 0,
|
|
910
|
+
paddingRight: H && y !== "right" ? 16 : void 0,
|
|
911
|
+
paddingBottom: L ? 16 : H ? 0 : void 0,
|
|
912
912
|
borderBottomLeftRadius: L ? 0 : P,
|
|
913
913
|
borderBottomRightRadius: L ? 0 : P
|
|
914
914
|
},
|
|
@@ -926,14 +926,14 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
926
926
|
size: o,
|
|
927
927
|
headline: p,
|
|
928
928
|
pretitle: F,
|
|
929
|
-
pretitleAs:
|
|
929
|
+
pretitleAs: T,
|
|
930
930
|
pretitleLinesMax: E,
|
|
931
931
|
title: g,
|
|
932
932
|
titleAs: i,
|
|
933
933
|
titleLinesMax: u,
|
|
934
934
|
subtitle: V,
|
|
935
935
|
subtitleLinesMax: N,
|
|
936
|
-
description:
|
|
936
|
+
description: B,
|
|
937
937
|
descriptionLinesMax: A,
|
|
938
938
|
withTextShadow: O
|
|
939
939
|
})
|
|
@@ -986,7 +986,7 @@ const Gt = /*#__PURE__*/ B.forwardRef((param, m)=>{
|
|
|
986
986
|
onClose: Re,
|
|
987
987
|
closeButtonLabel: Ue,
|
|
988
988
|
actions: X,
|
|
989
|
-
variant: O ||
|
|
989
|
+
variant: O || I && y !== "left" ? "media" : S
|
|
990
990
|
})
|
|
991
991
|
]
|
|
992
992
|
});
|
package/dist-es/card-media.js
CHANGED
|
@@ -53,11 +53,11 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
53
53
|
}
|
|
54
54
|
return target;
|
|
55
55
|
}
|
|
56
|
-
import { jsx as
|
|
57
|
-
import * as
|
|
56
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
57
|
+
import * as f from "react";
|
|
58
58
|
import { InternalCard as u } from "./card-internal.js";
|
|
59
|
-
const g = /*#__PURE__*/
|
|
60
|
-
var { size: t = "default", slot: a, extra: e, topActions: r, actions: i, button: d, buttonPrimary: o, dataAttributes: n } = _param,
|
|
59
|
+
const g = /*#__PURE__*/ f.forwardRef((_param, l)=>{
|
|
60
|
+
var { size: t = "default", slot: a, extra: e, topActions: r, actions: i, button: d, buttonPrimary: o, dataAttributes: n } = _param, m = _object_without_properties(_param, [
|
|
61
61
|
"size",
|
|
62
62
|
"slot",
|
|
63
63
|
"extra",
|
|
@@ -67,7 +67,7 @@ const g = /*#__PURE__*/ s.forwardRef((_param, l)=>{
|
|
|
67
67
|
"buttonPrimary",
|
|
68
68
|
"dataAttributes"
|
|
69
69
|
]);
|
|
70
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ s(u, _object_spread({
|
|
71
71
|
type: "media",
|
|
72
72
|
variant: "default",
|
|
73
73
|
size: t,
|
|
@@ -79,17 +79,18 @@ const g = /*#__PURE__*/ s.forwardRef((_param, l)=>{
|
|
|
79
79
|
topActions: r || i,
|
|
80
80
|
buttonPrimary: o || d,
|
|
81
81
|
ref: l
|
|
82
|
-
},
|
|
83
|
-
}), c = /*#__PURE__*/
|
|
84
|
-
var { dataAttributes: t, isInverse: a, variant: e, imageUrl: r, imageSrc: i, mediaWidth: d } = _param,
|
|
82
|
+
}, m));
|
|
83
|
+
}), c = /*#__PURE__*/ f.forwardRef((_param, m)=>{
|
|
84
|
+
var { dataAttributes: t, isInverse: a, variant: e, imageUrl: r, imageSrc: i, mediaWidth: d, slotAlignment: o = "bottom" } = _param, n = _object_without_properties(_param, [
|
|
85
85
|
"dataAttributes",
|
|
86
86
|
"isInverse",
|
|
87
87
|
"variant",
|
|
88
88
|
"imageUrl",
|
|
89
89
|
"imageSrc",
|
|
90
|
-
"mediaWidth"
|
|
90
|
+
"mediaWidth",
|
|
91
|
+
"slotAlignment"
|
|
91
92
|
]);
|
|
92
|
-
return /* @__PURE__ */
|
|
93
|
+
return /* @__PURE__ */ s(g, _object_spread({
|
|
93
94
|
size: "default",
|
|
94
95
|
mediaPosition: "right",
|
|
95
96
|
mediaWidth: d || 100,
|
|
@@ -97,9 +98,10 @@ const g = /*#__PURE__*/ s.forwardRef((_param, l)=>{
|
|
|
97
98
|
"component-name": "HighlightedCard",
|
|
98
99
|
testid: "HighlightedCard"
|
|
99
100
|
}, t),
|
|
101
|
+
slotAlignment: o,
|
|
100
102
|
imageSrc: i || r,
|
|
101
103
|
variant: e || (a ? "inverse" : "default"),
|
|
102
|
-
ref:
|
|
103
|
-
},
|
|
104
|
+
ref: m
|
|
105
|
+
}, n));
|
|
104
106
|
});
|
|
105
107
|
export { c as HighlightedCard, g as MediaCard };
|
package/dist-es/card-naked.js
CHANGED
|
@@ -53,11 +53,11 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
53
53
|
}
|
|
54
54
|
return target;
|
|
55
55
|
}
|
|
56
|
-
import { jsx as
|
|
57
|
-
import * as
|
|
56
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
57
|
+
import * as o from "react";
|
|
58
58
|
import { InternalCard as p } from "./card-internal.js";
|
|
59
|
-
const k = /*#__PURE__*/
|
|
60
|
-
var { size:
|
|
59
|
+
const k = /*#__PURE__*/ o.forwardRef((_param, f)=>{
|
|
60
|
+
var { size: t = "default", slot: a, extra: r, topActions: e, actions: n, button: m, buttonPrimary: s, dataAttributes: i } = _param, l = _object_without_properties(_param, [
|
|
61
61
|
"size",
|
|
62
62
|
"slot",
|
|
63
63
|
"extra",
|
|
@@ -67,30 +67,32 @@ const k = /*#__PURE__*/ d.forwardRef((_param, f)=>{
|
|
|
67
67
|
"buttonPrimary",
|
|
68
68
|
"dataAttributes"
|
|
69
69
|
]);
|
|
70
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ d(p, _object_spread({
|
|
71
71
|
dataAttributes: _object_spread({
|
|
72
72
|
"component-name": "NakedCard",
|
|
73
73
|
testid: "NakedCard"
|
|
74
74
|
}, i),
|
|
75
75
|
variant: "default",
|
|
76
76
|
type: "naked",
|
|
77
|
-
size:
|
|
78
|
-
slot:
|
|
79
|
-
topActions:
|
|
77
|
+
size: t,
|
|
78
|
+
slot: a || r,
|
|
79
|
+
topActions: e || n,
|
|
80
80
|
buttonPrimary: s || m,
|
|
81
81
|
ref: f
|
|
82
82
|
}, l));
|
|
83
|
-
}), c = /*#__PURE__*/
|
|
84
|
-
var { dataAttributes: a } = _param,
|
|
85
|
-
"dataAttributes"
|
|
83
|
+
}), c = /*#__PURE__*/ o.forwardRef((_param, e)=>{
|
|
84
|
+
var { dataAttributes: t, slotAlignment: a = "bottom" } = _param, r = _object_without_properties(_param, [
|
|
85
|
+
"dataAttributes",
|
|
86
|
+
"slotAlignment"
|
|
86
87
|
]);
|
|
87
|
-
return /* @__PURE__ */
|
|
88
|
+
return /* @__PURE__ */ d(k, _object_spread({
|
|
88
89
|
dataAttributes: _object_spread({
|
|
89
90
|
"component-name": "SmallNakedCard",
|
|
90
91
|
testid: "SmallNakedCard"
|
|
91
|
-
},
|
|
92
|
+
}, t),
|
|
93
|
+
slotAlignment: a,
|
|
92
94
|
size: "snap",
|
|
93
|
-
ref:
|
|
94
|
-
},
|
|
95
|
+
ref: e
|
|
96
|
+
}, r));
|
|
95
97
|
});
|
|
96
98
|
export { k as NakedCard, c as SmallNakedCard };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var n = 14, l = 12, e = 5, r = "
|
|
5
|
-
itemsPerPageMobile: "var(--
|
|
6
|
-
itemsPerPageTablet: "var(--
|
|
7
|
-
itemsPerPageDesktop: "var(--
|
|
8
|
-
gap: "var(--
|
|
9
|
-
mobilePageOffset: "var(--
|
|
10
|
-
mobileBulletLeftPosition: "var(--
|
|
11
|
-
desktopBulletLeftPosition: "var(--
|
|
4
|
+
var n = 14, l = 12, e = 5, r = "v16_37_4_1abcu7j v16_37_4_1y2v1nfmc v16_37_4_1y2v1nf6f", u = "v16_37_4_1abcu7j v16_37_4_1y2v1nfmc v16_37_4_1y2v1nf6g", b = "v16_37_4_1abcu7j v16_37_4_1y2v1nfmc v16_37_4_1y2v1nf73", t = "v16_37_4_1abcu7s v16_37_4_1abcu7r", c = "v16_37_4_1abcu7b v16_37_4_1y2v1nf9r v16_37_4_1y2v1nfb0 v16_37_4_1y2v1nfc9 v16_37_4_1y2v1nfdi v16_37_4_1y2v1nfju v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", i = "v16_37_4_1abcu7t v16_37_4_1abcu7r", o = "v16_37_4_1abcu7r", y = "v16_37_4_1abcu7u v16_37_4_1abcu7r", f = "v16_37_4_1abcu7m v16_37_4_1abcu7j v16_37_4_1y2v1nfmc", s = "v16_37_4_1abcu7c v16_37_4_1abcu7b v16_37_4_1y2v1nf9r v16_37_4_1y2v1nfb0 v16_37_4_1y2v1nfc9 v16_37_4_1y2v1nfdi v16_37_4_1y2v1nfju v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", m = "v16_37_4_1abcu7f v16_37_4_1abcu7b v16_37_4_1y2v1nf9r v16_37_4_1y2v1nfb0 v16_37_4_1y2v1nfc9 v16_37_4_1y2v1nfdi v16_37_4_1y2v1nfju v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", C = "v16_37_4_1abcu7d v16_37_4_1abcu7b v16_37_4_1y2v1nf9r v16_37_4_1y2v1nfb0 v16_37_4_1y2v1nfc9 v16_37_4_1y2v1nfdi v16_37_4_1y2v1nfju v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", j = "v16_37_4_1abcu7e v16_37_4_1abcu7b v16_37_4_1y2v1nf9r v16_37_4_1y2v1nfb0 v16_37_4_1y2v1nfc9 v16_37_4_1y2v1nfdi v16_37_4_1y2v1nfju v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k", d = "v16_37_4_1abcu7x", k = "v16_37_4_1abcu7w v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfl5", L = "v16_37_4_1abcu71d v16_37_4_1abcu711 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nflc", p = "v16_37_4_1abcu71a v16_37_4_1y2v1nflp", B = "v16_37_4_1abcu71j v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk1", S = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy", g = "v16_37_4_1y2v1nfjl v16_37_4_1y2v1nflp v16_37_4_1y2v1nfjm", h = "v16_37_4_1y2v1nf9u", I = "v16_37_4_1abcu715", P = "v16_37_4_1abcu718", w = "v16_37_4_1abcu716", V = "v16_37_4_1abcu717", T = "v16_37_4_1abcu71h", A = "v16_37_4_1abcu71b", E = "v16_37_4_1abcu71e", M = "v16_37_4_1abcu71f", z = "v16_37_4_1abcu71g", U = "v16_37_4_1abcu71k", D = "v16_37_4_1abcu71m", W = "v16_37_4_1abcu71l", x = "v16_37_4_1abcu7h v16_37_4_1y2v1nfjn", F = "v16_37_4_1abcu71o v16_37_4_1abcu711 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nflc", Z = "v16_37_4_1y2v1nflr", q = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfcc v16_37_4_1y2v1nfdl", G = "v16_37_4_1abcu7z v16_37_4_1y2v1nfjm", O = "v16_37_4_1abcu71s v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfod v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfl5", R = "v16_37_4_1y2v1nfk2", H = "v16_37_4_1abcu71q v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfka", J = "v16_37_4_1abcu710", K = {
|
|
5
|
+
itemsPerPageMobile: "var(--v16_37_4_1abcu71)",
|
|
6
|
+
itemsPerPageTablet: "var(--v16_37_4_1abcu72)",
|
|
7
|
+
itemsPerPageDesktop: "var(--v16_37_4_1abcu73)",
|
|
8
|
+
gap: "var(--v16_37_4_1abcu74)",
|
|
9
|
+
mobilePageOffset: "var(--v16_37_4_1abcu75)",
|
|
10
|
+
mobileBulletLeftPosition: "var(--v16_37_4_1abcu76)",
|
|
11
|
+
desktopBulletLeftPosition: "var(--v16_37_4_1abcu77)"
|
|
12
12
|
};
|
|
13
13
|
export { n as LARGE_BULLET_FULL_SIZE, l as SMALL_BULLET_FULL_SIZE, e as VISIBLE_BULLETS, r as bullet, u as bulletActive, b as bulletActiveInverse, t as bulletActiveSizing, c as bulletButton, i as bulletInactiveMediumSizing, o as bulletInactiveSizing, y as bulletInactiveSmallSizing, f as bulletInverse, s as bulletVisibility, m as bulletVisibilityDesktop, C as bulletVisibilityMobile, j as bulletVisibilityTablet, d as bulletsScrollableContainer, k as bulletsScrollableContainerBase, L as carousel, p as carouselAutoplayControlContainer, B as carouselBullets, S as carouselComponentContainer, g as carouselContainer, h as carouselControlsContainer, I as carouselControlsVisibility, P as carouselControlsVisibilityDesktop, w as carouselControlsVisibilityMobile, V as carouselControlsVisibilityTablet, T as carouselItem, A as carouselPagesControlsContainer, E as carouselWithScrollMobile, M as carouselWithScrollTablet, z as centeredCarousel, U as noCarouselBulletsDesktop, D as noCarouselBulletsMobile, W as noCarouselBulletsTablet, x as scrollableBullet, F as slideshow, Z as slideshowAutoplayControlContainer, q as slideshowBulletsContainer, G as slideshowContainer, O as slideshowControlsContainer, R as slideshowControlsContainerSingleItem, H as slideshowItem, J as slideshowWithBullets, K as vars };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./checkbox.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var n = {
|
|
4
|
-
ios: "
|
|
5
|
-
rest: "
|
|
6
|
-
checked: "
|
|
7
|
-
}, r = "
|
|
8
|
-
ios: "
|
|
9
|
-
rest: "
|
|
10
|
-
checked: "
|
|
4
|
+
ios: "v16_37_4_1rz9b16 v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn",
|
|
5
|
+
rest: "v16_37_4_1rz9b17 v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn",
|
|
6
|
+
checked: "v16_37_4_1rz9b18 v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn"
|
|
7
|
+
}, r = "v16_37_4_1rz9b1d v16_37_4_1y2v1nfju", f = "v16_37_4_1rz9b1e", y = "v16_37_4_1rz9b12 v16_37_4_1rz9b11 v16_37_4_1y2v1nfjv", b = "v16_37_4_1rz9b13 v16_37_4_1rz9b11 v16_37_4_1y2v1nfjv", k = "v16_37_4_1rz9b1f", a = {
|
|
8
|
+
ios: "v16_37_4_1rz9b19 v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn",
|
|
9
|
+
rest: "v16_37_4_1rz9b1a v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn",
|
|
10
|
+
checked: "v16_37_4_1rz9b1b v16_37_4_1rz9b15 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfka v16_37_4_1y2v1nfmn"
|
|
11
11
|
};
|
|
12
12
|
export { n as boxVariant, r as check, f as checkChecked, y as checkboxContainer, b as checkboxContainerDisabled, k as disabled, a as inverseBoxVariant };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./chip.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
4
|
-
default: "
|
|
5
|
-
overAlternative: "
|
|
6
|
-
active: "
|
|
7
|
-
navigationActive: "
|
|
8
|
-
navigationActiveInverse: "
|
|
9
|
-
}, t = "
|
|
10
|
-
default: "
|
|
11
|
-
withIcon: "
|
|
3
|
+
var n = "v16_37_4_cc7htng", c = {
|
|
4
|
+
default: "v16_37_4_cc7htn3 v16_37_4_1y2v1nfm9 v16_37_4_1y2v1nf4u v16_37_4_1y2v1nf2n",
|
|
5
|
+
overAlternative: "v16_37_4_cc7htn3 v16_37_4_1y2v1nfm9 v16_37_4_1y2v1nf52 v16_37_4_1y2v1nf2n",
|
|
6
|
+
active: "v16_37_4_cc7htnc v16_37_4_cc7htn4 v16_37_4_cc7htn3 v16_37_4_1y2v1nfm9 v16_37_4_1y2v1nf1w v16_37_4_1y2v1nf8c",
|
|
7
|
+
navigationActive: "v16_37_4_cc7htnd v16_37_4_cc7htn4 v16_37_4_cc7htn3 v16_37_4_1y2v1nfm9 v16_37_4_1y2v1nf2t v16_37_4_1y2v1nf5u",
|
|
8
|
+
navigationActiveInverse: "v16_37_4_cc7htne v16_37_4_cc7htn3 v16_37_4_1y2v1nfm9 v16_37_4_1y2v1nf1w v16_37_4_1y2v1nf8c"
|
|
9
|
+
}, t = "v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7", f = "v16_37_4_cc7htnk v16_37_4_1y2v1nfdi", y = "v16_37_4_cc7htnq v16_37_4_1y2v1nfdi", i = "v16_37_4_cc7htnm v16_37_4_1y2v1nfdi", a = "v16_37_4_cc7htno v16_37_4_1y2v1nfdi", r = "v16_37_4_cc7htnf", e = "v16_37_4_cc7htni v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfnu v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfo9 v16_37_4_1y2v1nfjn", h = {
|
|
10
|
+
default: "v16_37_4_1y2v1nfcl v16_37_4_1y2v1nfch",
|
|
11
|
+
withIcon: "v16_37_4_1y2v1nfci v16_37_4_1y2v1nfce"
|
|
12
12
|
}, o = {
|
|
13
|
-
default: "
|
|
14
|
-
withIcon: "
|
|
15
|
-
}, d = "
|
|
13
|
+
default: "v16_37_4_1y2v1nfdu v16_37_4_1y2v1nfdq",
|
|
14
|
+
withIcon: "v16_37_4_1y2v1nfdr v16_37_4_1y2v1nfdn"
|
|
15
|
+
}, d = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfke v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7";
|
|
16
16
|
export { n as button, c as chipVariants, t as chipWrapper, f as icon, y as iconActive, i as iconNavigation, a as iconNavigationInverse, r as interactive, e as interactiveChipOverlay, h as leftPadding, o as rightPadding, d as wrappedContent };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./circle.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "
|
|
3
|
+
var y = "v16_37_4_1wpwyyp1 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfmc";
|
|
4
4
|
export { y as circle };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "../icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var f = 216, n = "
|
|
5
|
-
default: "
|
|
6
|
-
mobile: "
|
|
7
|
-
}, t = "
|
|
8
|
-
topActionsCount: "var(--
|
|
9
|
-
}, I = "
|
|
4
|
+
var f = 216, n = "v16_37_4_1x00fru4 v16_37_4_1x00fru2 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk4 v16_37_4_1y2v1nfbf", a = {
|
|
5
|
+
default: "v16_37_4_1x00fruk",
|
|
6
|
+
mobile: "v16_37_4_1x00frul"
|
|
7
|
+
}, t = "v16_37_4_1x00frut", u = "v16_37_4_1x00fruo", o = "v16_37_4_1x00frup v16_37_4_1x00fruo", y = "v16_37_4_1x00fru8 v16_37_4_1x00fru2 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr v16_37_4_1y2v1nf9u v16_37_4_1y2v1nfbf", i = "v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkw", x = "v16_37_4_1x00frud v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfke v16_37_4_1y2v1nfjy", e = "v16_37_4_1x00frui", d = "v16_37_4_1x00frua v16_37_4_1y2v1nfa0 v16_37_4_1y2v1nfbf v16_37_4_1y2v1nfkf", c = "v16_37_4_1x00frux", m = "v16_37_4_1x00frus v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjx", s = "v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfdr", b = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfke v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfm1", j = "v16_37_4_1x00frum", l = "v16_37_4_1x00fruu", k = "v16_37_4_1x00frub", p = "v16_37_4_1x00fru2 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr", g = "v16_37_4_1x00fruw", h = "v16_37_4_1x00fru5", C = "v16_37_4_1x00fru6", H = {
|
|
8
|
+
topActionsCount: "var(--v16_37_4_1x00fruv)"
|
|
9
|
+
}, I = "v16_37_4_1y2v1nfa0";
|
|
10
10
|
export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, u as button, o as buttonMobile, y as cardContentStyle, i as container, x as dataCard, e as divider, d as extra, c as flexColumn, m as footerDirection, s as footerImage, b as footerText, j as marginRightAuto, l as marginRightButton, k as minHeight, p as paddingX, g as topActionsWithoutIcon, h as touchable, C as touchableCardHoverOverlay, H as vars, I as withPaddingTop };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./blocks.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var v = "
|
|
3
|
+
var v = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy", n = "v16_37_4_llrsen1";
|
|
4
4
|
export { v as column, n as rightContent };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./counter.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
3
|
+
var n = "v16_37_4_rijsns8 v16_37_4_1y2v1nf9k v16_37_4_1y2v1nfma v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfkq v16_37_4_1y2v1nfl6", r = "v16_37_4_rijsnse v16_37_4_1y2v1nfkp v16_37_4_1y2v1nfl5 v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfmi v16_37_4_1y2v1nf8c", s = "v16_37_4_rijsns6", a = "v16_37_4_rijsns3 v16_37_4_1y2v1nfmi v16_37_4_1y2v1nf4u v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfmu", t = "v16_37_4_rijsnsc v16_37_4_rijsnsa v16_37_4_1y2v1nfjn", f = "v16_37_4_rijsnsa v16_37_4_1y2v1nfjn", i = "v16_37_4_rijsns4", j = "v16_37_4_rijsns0", y = "v16_37_4_rijsns1", o = "v16_37_4_rijsnsb v16_37_4_rijsnsa v16_37_4_1y2v1nfjn", u = "v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk1";
|
|
4
4
|
export { n as button, r as buttonBackground, s as buttonContainer, a as counter, t as decreaseButtonIcon, f as defaultButtonIcon, i as disabled, j as hasTrashIcon, y as isButtonDisabled, o as trashButtonIcon, u as valueContainer };
|
|
@@ -2,7 +2,7 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./carousel.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
import "./cover-hero.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var e = "
|
|
6
|
-
aspectRatio: "var(--
|
|
7
|
-
}, p = "
|
|
5
|
+
var e = "v16_37_4_moeazi9 v16_37_4_1y2v1nfk7", f = "v16_37_4_moeazi2 v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfo9", r = "v16_37_4_moeazi4 v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf", y = "v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy", o = "v16_37_4_moeazi7", i = "v16_37_4_1y2v1nfjm", m = "v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfoo v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfkw", t = "v16_37_4_moeazic v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfnf v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfkw", j = "v16_37_4_moeazi6", s = "v16_37_4_1y2v1nfjm", z = "v16_37_4_moeazie", k = {
|
|
6
|
+
aspectRatio: "var(--v16_37_4_moeazi0)"
|
|
7
|
+
}, p = "v16_37_4_moeazi5";
|
|
8
8
|
export { e as centered, f as coverHero, r as coverHeroContainer, y as flexColumn, o as hasSideExtra, i as mainContent, m as mediaLayer, t as mediaOverlay, j as minHeight, s as sideExtra, z as sixColumns, k as vars, p as withAspectRatio };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./credit-card-number-field.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "
|
|
4
|
-
default: "
|
|
5
|
-
backface: "
|
|
3
|
+
var y = "v16_37_4_yvyo3q0", f = "v16_37_4_yvyo3q5 v16_37_4_yvyo3q2 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfkw", n = "v16_37_4_yvyo3q2 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfjn", o = {
|
|
4
|
+
default: "v16_37_4_yvyo3q7 v16_37_4_1y2v1nfjm v16_37_4_yvyo3q8",
|
|
5
|
+
backface: "v16_37_4_yvyo3q7 v16_37_4_1y2v1nfjm v16_37_4_yvyo3q9"
|
|
6
6
|
};
|
|
7
7
|
export { y as flip, f as flipBack, n as flipFront, o as variants };
|
|
@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
import "./date-field.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var p = "
|
|
5
|
+
var p = "v16_37_4_1pntndu0";
|
|
6
6
|
export { p as iconContainer };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./dialog.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = 200, y = "
|
|
4
|
-
dialog: "
|
|
5
|
-
default: "
|
|
6
|
-
}, i = "
|
|
3
|
+
var n = 200, y = "v16_37_4_3dl29lb", f = "v16_37_4_3dl29l6", a = "v16_37_4_3dl29ll v16_37_4_1y2v1nfa6", l = "v16_37_4_3dl29lj v16_37_4_1y2v1nfke v16_37_4_1y2v1nfls", d = "v16_37_4_3dl29lm", o = "v16_37_4_3dl29l8 v16_37_4_1y2v1nfa0 v16_37_4_1y2v1nfb9 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfnu", r = "v16_37_4_3dl29la v16_37_4_1y2v1nf4t v16_37_4_1y2v1nfmk", t = "v16_37_4_3dl29l5 v16_37_4_1y2v1nfjo v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfnu v16_37_4_1y2v1nfo9 v16_37_4_1y2v1nfnf v16_37_4_1y2v1nf55", e = {
|
|
4
|
+
dialog: "v16_37_4_3dl29ld v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfk4 v16_37_4_1y2v1nfco v16_37_4_1y2v1nfdx v16_37_4_1y2v1nfac v16_37_4_1y2v1nfbf",
|
|
5
|
+
default: "v16_37_4_3dl29ld v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfk4 v16_37_4_1y2v1nfa6 v16_37_4_1y2v1nfbf v16_37_4_1y2v1nfco v16_37_4_1y2v1nfdx"
|
|
6
|
+
}, i = "v16_37_4_1y2v1nfjm";
|
|
7
7
|
export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, a as dialogActions, l as dialogContent, d as iconContainer, o as modalCloseButtonContainer, r as modalContent, t as modalOpacityLayer, e as variants, i as wrapper };
|