@telefonica/mistica 16.43.1 → 16.44.0

package/dist/button.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     ButtonDanger: function() {
-        return Vt;
+        return zt;
     },
     ButtonLink: function() {
-        return Pt;
+        return Rt;
     },
     ButtonLinkDanger: function() {
-        return Rt;
+        return St;
     },
     ButtonPrimary: function() {
-        return St;
+        return Vt;
     },
     ButtonSecondary: function() {
         return Dt;
@@ -167,7 +167,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ut = (param)=>{
+const mt = (param)=>{
     let { element: t, small: i } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
@@ -187,22 +187,22 @@ const ut = (param)=>{
     });
 }, $ = (param)=>{
     let { small: t, content: i, defaultIconSize: n } = param;
-    const a = (0, _utils.flattenChildren)(i), g = a.length, o = [];
+    const a = (0, _utils.flattenChildren)(i), g = a.length, r = [];
     let d = [];
     const m = ()=>{
-        o.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ut, {
+        r.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(mt, {
                 element: d,
                 small: t
             })
-        }, o.length)), d = [];
+        }, r.length)), d = [];
     };
     return a.forEach((l, c)=>{
         const u = c === 0, f = c === g - 1;
         if (/*#__PURE__*/ _react.isValidElement(l)) {
             d.length && m();
-            const x = l.props.size !== void 0 ? (0, _css.pxToRem)(l.props.size) : n;
-            o.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            const E = l.props.size !== void 0 ? (0, _css.pxToRem)(l.props.size) : n;
+            r.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
@@ -210,12 +210,12 @@ const ut = (param)=>{
                     marginRight: f ? 0 : _buttoncssmistica.iconMargin
                 },
                 children: /*#__PURE__*/ _react.cloneElement(l, {
-                    size: x
+                    size: E
                 })
-            }, o.length));
+            }, r.length));
         } else d.push(l), f && m();
-    }), o;
-}, mt = ()=>{
+    }), r;
+}, ft = ()=>{
     const { skinName: t } = (0, _hooks.useTheme)();
     return t === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "0.5em",
@@ -235,8 +235,8 @@ const ut = (param)=>{
             fill: "currentColor"
         })
     });
-}, ft = (param)=>{
-    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: o, StartIcon: d, EndIcon: m, withChevron: l } = param;
+}, ht = (param)=>{
+    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: r, StartIcon: d, EndIcon: m, withChevron: l } = param;
     const c = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, u = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, f = $({
         small: n,
         content: i,
@@ -277,7 +277,7 @@ const ut = (param)=>{
                                     alignItems: "center",
                                     marginLeft: _buttoncssmistica.chevronMarginLeft
                                 },
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(mt, {})
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ft, {})
                             })
                         ]
                     }),
@@ -308,7 +308,7 @@ const ut = (param)=>{
                 "aria-hidden": t ? void 0 : !0,
                 className: _buttoncssmistica.loadingContent,
                 onTransitionEnd: ()=>{
-                    t !== g && o(t);
+                    t !== g && r(t);
                 },
                 children: [
                     g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
@@ -336,12 +336,12 @@ const ut = (param)=>{
     });
 }, k = /*#__PURE__*/ _react.forwardRef((t, i)=>{
     var _t_withChevron;
-    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: g } = (0, _formcontext.useForm)(), o = (0, _themevariantcontext.useThemeVariant)(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = (0, _hooks.useTheme)(), [u, f] = _react.useState(!1), s = t.showSpinner || l && m || u, x = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [E, R] = _react.useState(!!s);
+    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: g } = (0, _formcontext.useForm)(), r = (0, _themevariantcontext.useThemeVariant)(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = (0, _hooks.useTheme)(), [u, f] = _react.useState(!1), s = t.showSpinner || l && m || u, E = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [I, R] = _react.useState(!!s);
     _react.useEffect(()=>{
-        s && !E && R(!0);
+        s && !I && R(!0);
     }, [
         s,
-        E,
+        I,
         a
     ]);
     var _t_trackingEvent;
@@ -367,9 +367,9 @@ const ut = (param)=>{
             action: h,
             label: (0, _common.getTextFromChildren)(t.children)
         };
-    }, S = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, I = t.buttonType === "linkDanger" && c && o === "inverse" ? "linkDangerDark" : t.buttonType, v = {
+    }, S = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, T = t.buttonType === "linkDanger" && c && r === "brand" ? "linkDangerDark" : t.buttonType, y = {
         ref: i,
-        className: (0, _classnames.default)(o === "media" ? _buttoncssmistica.mediaButtonVariants[I] : o === "inverse" ? _buttoncssmistica.inverseButtonVariants[I] : _buttoncssmistica.buttonVariants[I], t.className, {
+        className: (0, _classnames.default)(r === "media" ? _buttoncssmistica.overMediaButtonVariants[T] : r === "brand" ? _buttoncssmistica.overBrandButtonVariants[T] : r === "negative" ? _buttoncssmistica.overNegativeButtonVariants[T] : _buttoncssmistica.buttonVariants[T], t.className, {
             [_buttoncssmistica.small]: t.small,
             [_buttoncssmistica.isLoading]: s
         }),
@@ -396,16 +396,16 @@ const ut = (param)=>{
         "aria-description": t["aria-description"],
         "aria-describedby": t["aria-describedby"],
         tabIndex: t.tabIndex,
-        children: ft({
+        children: ht({
             showSpinner: s,
-            shouldRenderSpinner: E,
+            shouldRenderSpinner: I,
             setShouldRenderSpinner: R,
             children: t.children,
             loadingText: d,
             small: t.small,
             StartIcon: t.StartIcon,
             EndIcon: t.EndIcon,
-            withChevron: x
+            withChevron: E
         }),
         disabled: t.disabled || s || l,
         role: t.role
@@ -413,25 +413,25 @@ const ut = (param)=>{
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
     if (t.fake) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         maybe: !0
-    }, v));
+    }, y));
     if (t.submit) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         type: "submit",
         formId: g,
         onPress: ()=>{}
-    }, v));
-    if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, v), {
+    }, y));
+    if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
         onPress: (b)=>{
             const h = t.onPress(b);
             h && (f(!0), h.finally(()=>f(!1)));
         }
     }));
-    if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, v), {
+    if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
         to: t.to,
         newTab: t.newTab,
         fullPageOnWebView: t.fullPageOnWebView,
         onNavigate: t.onNavigate
     }));
-    if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, v), {
+    if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
         href: t.href,
         newTab: t.newTab,
         loadOnTop: t.loadOnTop,
@@ -439,7 +439,7 @@ const ut = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Pt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), Rt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
@@ -456,7 +456,7 @@ const ut = (param)=>{
         ref: a,
         buttonType: "link"
     }));
-}), Rt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), St = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
@@ -474,7 +474,7 @@ const ut = (param)=>{
         ref: a,
         buttonType: "linkDanger"
     }));
-}), St = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), Vt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -500,7 +500,7 @@ const ut = (param)=>{
         ref: n,
         buttonType: "secondary"
     }));
-}), Vt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), zt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);

package/dist/callout.css-mistica.js

@@ -10,31 +10,33 @@ function _export(target, all) {
 }
 _export(exports, {
     background: function() {
-        return n;
+        return e;
     },
     closeButtonContainer: function() {
         return r;
     },
     closeButtonContainerSize: function() {
-        return f;
+        return a;
     },
     container: function() {
-        return o;
+        return f;
     },
     content: function() {
-        return t;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./callout.css.ts.vanilla.css-mistica.js");
-var n = {
-    "default-over-inverse": "v16_43_1_1y2v1nf4w",
-    "default-over-alternative": "v16_43_1_1y2v1nf4w",
-    "default-over-default": "v16_43_1_1y2v1nf54",
-    "default-over-media": "v16_43_1_1y2v1nf4w",
-    "inverse-over-inverse": "v16_43_1_1y2v1nf53",
-    "inverse-over-alternative": "v16_43_1_1y2v1nf50",
-    "inverse-over-default": "v16_43_1_1y2v1nf50",
-    "inverse-over-media": "v16_43_1_1y2v1nf50"
-}, r = "v16_43_1_14g0jmy5 v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfo0", f = "v16_43_1_14g0jmy6", o = "v16_43_1_14g0jmy1 v16_43_1_1y2v1nfa4 v16_43_1_1y2v1nfbd v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfmo v16_43_1_1y2v1nfn0", t = "v16_43_1_14g0jmy3 v16_43_1_1y2v1nfki v16_43_1_1y2v1nfjq";
+var e = {
+    "default-over-brand": "v16_44_1y2v1nf7u",
+    "default-over-negative": "v16_44_1y2v1nf7u",
+    "default-over-alternative": "v16_44_1y2v1nf7u",
+    "default-over-default": "v16_44_1y2v1nf84",
+    "default-over-media": "v16_44_1y2v1nf7u",
+    "brand-over-brand": "v16_44_1y2v1nf81",
+    "brand-over-negative": "v16_44_1y2v1nf81",
+    "brand-over-alternative": "v16_44_1y2v1nf7y",
+    "brand-over-default": "v16_44_1y2v1nf7y",
+    "brand-over-media": "v16_44_1y2v1nf7y"
+}, r = "v16_44_14g0jmy5 v16_44_1y2v1nfph v16_44_1y2v1nftq", a = "v16_44_14g0jmy6", f = "v16_44_14g0jmy1 v16_44_1y2v1nffu v16_44_1y2v1nfh3 v16_44_1y2v1nfic v16_44_1y2v1nfjl v16_44_1y2v1nfpm v16_44_1y2v1nfse v16_44_1y2v1nfsq", y = "v16_44_14g0jmy3 v16_44_1y2v1nfq8 v16_44_1y2v1nfpg";

package/dist/callout.css.d.ts

@@ -2,4 +2,4 @@ export declare const container: string;
 export declare const content: string;
 export declare const closeButtonContainer: string;
 export declare const closeButtonContainerSize: string;
-export declare const background: Record<"default-over-inverse" | "default-over-alternative" | "default-over-default" | "default-over-media" | "inverse-over-inverse" | "inverse-over-alternative" | "inverse-over-default" | "inverse-over-media", string>;
+export declare const background: Record<"default-over-brand" | "default-over-negative" | "default-over-alternative" | "default-over-default" | "default-over-media" | "brand-over-brand" | "brand-over-negative" | "brand-over-alternative" | "brand-over-default" | "brand-over-media", string>;

package/dist/callout.d.ts

@@ -15,7 +15,7 @@ type Props = {
     button?: RendersNullableElement<typeof ButtonPrimary>;
     secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
     buttonLink?: RendersNullableElement<typeof ButtonLink>;
-    variant?: 'default' | 'inverse';
+    variant?: 'default' | 'brand' | 'inverse';
     'aria-label'?: string;
     dataAttributes?: DataAttributes;
     role?: string;

package/dist/callout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return mr;
+        return cr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -83,11 +83,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const F = (param)=>{
-    let { title: r, titleAs: s = "h2", description: p, asset: i, onClose: a, closeButtonLabel: f, button: l, secondaryButton: m, buttonLink: n, variant: c = "default", "aria-label": b, dataAttributes: h, role: x } = param;
-    const B = (0, _themevariantcontext.useThemeVariant)(), { texts: g, t: T } = (0, _hooks.useTheme)(), o = typeof r == "object", v = o && (r == null ? void 0 : r.as) || s, y = o ? r == null ? void 0 : r["aria-label"] : void 0, A = o ? r == null ? void 0 : r.text : r;
+const J = (param)=>{
+    let { title: r, titleAs: s = "h2", description: p, asset: i, onClose: a, closeButtonLabel: f, button: l, secondaryButton: n, buttonLink: m, variant: c = "default", "aria-label": b, dataAttributes: h, role: x } = param;
+    const B = (0, _themevariantcontext.useThemeVariant)(), { texts: g, t: T } = (0, _hooks.useTheme)(), o = typeof r == "object", v = o && (r == null ? void 0 : r.as) || s, V = o ? r == null ? void 0 : r["aria-label"] : void 0, y = o ? r == null ? void 0 : r.text : r, A = (0, _themevariantcontext.normalizeVariant)(c);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(_calloutcssmistica.container, _calloutcssmistica.background[`${c}-over-${B}`]),
+        className: (0, _classnames.default)(_calloutcssmistica.container, _calloutcssmistica.background[`${A}-over-${B}`]),
         style: (0, _css.applyCssVars)({
             [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
         }),
@@ -124,8 +124,8 @@ const F = (param)=>{
                                                     dataAttributes: {
                                                         testid: "title"
                                                     },
-                                                    "aria-label": y,
-                                                    children: A
+                                                    "aria-label": V,
+                                                    children: y
                                                 }),
                                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                                     as: "p",
@@ -145,10 +145,10 @@ const F = (param)=>{
                                         })
                                     ]
                                 }),
-                                (l || m || n) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
+                                (l || n || m) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
                                     primaryButton: l,
-                                    secondaryButton: m,
-                                    link: n
+                                    secondaryButton: n,
+                                    link: m
                                 })
                             ]
                         }),
@@ -171,4 +171,4 @@ const F = (param)=>{
             ]
         })
     }));
-}, mr = F;
+}, cr = J;

package/dist/card-cover.d.ts

@@ -46,7 +46,7 @@ type CoverCardProps = {
     children?: undefined;
     showFooter?: boolean;
     footerBackgroundColor?: string;
-    footerVariant?: 'default' | 'inverse';
+    footerVariant?: 'default' | 'brand' | 'inverse';
     footerSlot?: React.ReactNode;
 };
 export declare const CoverCard: React.ForwardRefExoticComponent<MaybeTouchableCard<CoverCardProps> & React.RefAttributes<HTMLDivElement>>;
@@ -56,7 +56,7 @@ type PosterCardBaseProps = {
     'aria-description'?: string;
     'aria-describedby'?: string;
     aspectRatio?: CardAspectRatio;
-    /** @deprecated use variant */
+    /** @deprecated use variant="brand" instead */
     isInverse?: boolean;
     variant?: Variant;
     size?: CardSize;

package/dist/card-data.d.ts

@@ -14,7 +14,7 @@ type DataCardProps = {
     height?: number | string;
     backgroundColor?: string;
     variant?: Variant;
-    /** @deprecated use variant */
+    /** @deprecated use variant="brand" instead */
     isInverse?: boolean;
     asset?: React.ReactElement;
     headline?: string | RendersNullableElement<typeof Tag>;
@@ -47,7 +47,7 @@ type DataCardProps = {
     topActions?: TopActionsArray;
     showFooter?: boolean;
     footerBackgroundColor?: string;
-    footerVariant?: 'default' | 'inverse';
+    footerVariant?: 'default' | 'brand' | 'inverse';
     footerSlot?: React.ReactNode;
 };
 export declare const DataCard: React.ForwardRefExoticComponent<MaybeTouchableCard<DataCardProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/card-internal.css-mistica.js

@@ -16,63 +16,63 @@ _export(exports, {
         return a;
     },
     boxed: function() {
-        return y;
+        return f;
     },
     container: function() {
-        return f;
+        return y;
     },
     containerPaddingBottomVariants: function() {
-        return d;
+        return r;
     },
     containerPaddingTopVariants: function() {
-        return r;
+        return t;
     },
     containerPaddingXVariants: function() {
-        return t;
+        return d;
     },
     contentContainer: function() {
-        return e;
+        return p;
     },
     textContent: function() {
-        return o;
+        return e;
     },
     topActionsContainer: function() {
-        return m;
+        return i;
     },
     touchable: function() {
-        return i;
+        return o;
     },
     touchableCardOverlay: function() {
-        return s;
+        return m;
     },
     touchableCardOverlayInverse: function() {
-        return c;
+        return s;
     },
     touchableContainer: function() {
-        return l;
+        return c;
     },
     vars: function() {
-        return j;
+        return l;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./card-internal.css.ts.vanilla.css-mistica.js");
 var n = {
-    display: "v16_43_1_1y2v1nfaa",
-    default: "v16_43_1_1499nmdj v16_43_1_1y2v1nfa4",
-    snap: "v16_43_1_1y2v1nfa4"
-}, a = "v16_43_1_1499nmd15 v16_43_1_1y2v1nfkj v16_43_1_1y2v1nfl0 v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfou", y = "v16_43_1_1499nmdr", f = "v16_43_1_1499nmd2 v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk1", d = {
-    display: "v16_43_1_1y2v1nfbm",
-    default: "v16_43_1_1499nmdp v16_43_1_1y2v1nfbj",
-    snap: "v16_43_1_1499nmdq v16_43_1_1y2v1nfbd"
-}, r = {
-    display: "v16_43_1_1y2v1nfaa",
-    default: "v16_43_1_1499nmdd v16_43_1_1y2v1nfa4",
-    snap: "v16_43_1_1499nmde v16_43_1_1y2v1nfa4"
+    display: "v16_44_1y2v1nfg0",
+    default: "v16_44_1499nmdj v16_44_1y2v1nffu",
+    snap: "v16_44_1y2v1nffu"
+}, a = "v16_44_1499nmd15 v16_44_1y2v1nfq9 v16_44_1y2v1nfqq v16_44_1y2v1nfph v16_44_1y2v1nfuk", f = "v16_44_1499nmdr", y = "v16_44_1499nmd2 v16_44_1y2v1nfpg v16_44_1y2v1nfpm v16_44_1y2v1nfpr", r = {
+    display: "v16_44_1y2v1nfhc",
+    default: "v16_44_1499nmdp v16_44_1y2v1nfh9",
+    snap: "v16_44_1499nmdq v16_44_1y2v1nfh3"
 }, t = {
-    display: "v16_43_1_1y2v1nfcs v16_43_1_1y2v1nfe1",
-    default: "v16_43_1_1499nmd7 v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv",
-    snap: "v16_43_1_1499nmd8 v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv"
-}, e = "v16_43_1_1499nmdz v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk1 v16_43_1_1y2v1nfk8", o = "v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk2 v16_43_1_1y2v1nfl0 v16_43_1_1y2v1nfkj", m = "v16_43_1_1499nmd13 v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfnb v16_43_1_1y2v1nfo5 v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk1", i = "v16_43_1_1499nmdt v16_43_1_1y2v1nf9p v16_43_1_1y2v1nfay v16_43_1_1y2v1nfc7 v16_43_1_1y2v1nfdg v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk2 v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfme v16_43_1_1y2v1nf9o v16_43_1_1y2v1nfkj v16_43_1_1y2v1nfl0", s = "v16_43_1_1499nmdw v16_43_1_1499nmdv", c = "v16_43_1_1499nmdx v16_43_1_1499nmdv", l = "v16_43_1_1499nmdu", j = {
-    aspectRatio: "var(--v16_43_1_1499nmd0)"
+    display: "v16_44_1y2v1nfg0",
+    default: "v16_44_1499nmdd v16_44_1y2v1nffu",
+    snap: "v16_44_1499nmde v16_44_1y2v1nffu"
+}, d = {
+    display: "v16_44_1y2v1nfii v16_44_1y2v1nfjr",
+    default: "v16_44_1499nmd7 v16_44_1y2v1nfic v16_44_1y2v1nfjl",
+    snap: "v16_44_1499nmd8 v16_44_1y2v1nfic v16_44_1y2v1nfjl"
+}, p = "v16_44_1499nmdz v16_44_1y2v1nfpg v16_44_1y2v1nfpm v16_44_1y2v1nfpr v16_44_1y2v1nfpy", e = "v16_44_1y2v1nfpg v16_44_1y2v1nfpm v16_44_1y2v1nfps v16_44_1y2v1nfqq v16_44_1y2v1nfq9", i = "v16_44_1499nmd13 v16_44_1y2v1nfph v16_44_1y2v1nft1 v16_44_1y2v1nftv v16_44_1y2v1nfpm v16_44_1y2v1nfpr", o = "v16_44_1499nmdt v16_44_1y2v1nfff v16_44_1y2v1nfgo v16_44_1y2v1nfhx v16_44_1y2v1nfj6 v16_44_1y2v1nfpm v16_44_1y2v1nfps v16_44_1y2v1nfpg v16_44_1y2v1nfs4 v16_44_1y2v1nffe v16_44_1y2v1nfq9 v16_44_1y2v1nfqq", m = "v16_44_1499nmdw v16_44_1499nmdv", s = "v16_44_1499nmdx v16_44_1499nmdv", c = "v16_44_1499nmdu", l = {
+    aspectRatio: "var(--v16_44_1499nmd0)"
 };

package/dist/card-internal.d.ts

@@ -88,7 +88,7 @@ type FooterProps = {
     showFooter?: boolean;
     footerSlot?: React.ReactNode;
     footerBackgroundColor?: string;
-    footerVariant?: 'default' | 'inverse';
+    footerVariant?: 'default' | 'brand' | 'inverse';
 };
 type NoChildrenProps = {
     children?: undefined;