@telefonica/mistica 14.13.0 → 14.15.0

package/dist/button.js

@@ -13,10 +13,10 @@ _export(exports, {
         return _e;
     },
     ButtonLink: function() {
-        return Se;
+        return Ie;
     },
     ButtonPrimary: function() {
-        return Ie;
+        return we;
     },
     ButtonSecondary: function() {
         return Ne;
@@ -160,103 +160,103 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const I = (param)=>{
-    let { content: e , defaultIconSize: i , renderText: n  } = param;
-    const s = (0, _utils.flattenChildren)(e), u = s.length, d = [];
-    let c = [];
-    const m = ()=>{
-        d.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
-            children: n(c)
-        }, d.length)), c = [];
+const w = (param)=>{
+    let { content: e , defaultIconSize: r , renderText: n  } = param;
+    const a = (0, _utils.flattenChildren)(e), m = a.length, l = [];
+    let s = [];
+    const h = ()=>{
+        l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
+            children: n(s)
+        }, l.length)), s = [];
     };
-    return s.forEach((o, r)=>{
-        const f = r === 0, l = r === u - 1;
-        if (/*#__PURE__*/ _react.isValidElement(o)) {
-            c.length && m();
-            var _o_props_size;
-            const y = (_o_props_size = o.props.size) !== null && _o_props_size !== void 0 ? _o_props_size : i;
-            d.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    return a.forEach((c, o)=>{
+        const d = o === 0, f = o === m - 1;
+        if (/*#__PURE__*/ _react.isValidElement(c)) {
+            s.length && h();
+            var _c_props_size;
+            const b = (_c_props_size = c.props.size) !== null && _c_props_size !== void 0 ? _c_props_size : r;
+            l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: f ? 0 : _buttoncssmistica.ICON_MARGIN_PX,
-                    marginRight: l ? 0 : _buttoncssmistica.ICON_MARGIN_PX
+                    marginLeft: d ? 0 : _buttoncssmistica.ICON_MARGIN_PX,
+                    marginRight: f ? 0 : _buttoncssmistica.ICON_MARGIN_PX
                 },
-                children: /*#__PURE__*/ _react.cloneElement(o, {
-                    size: (0, _css.pxToRem)(y)
+                children: /*#__PURE__*/ _react.cloneElement(c, {
+                    size: (0, _css.pxToRem)(b)
                 })
-            }, d.length));
-        } else c.push(o), l && m();
-    }), d;
-}, L = (param)=>{
-    let { showSpinner: e , children: i , small: n , loadingText: s , shouldRenderSpinner: u , setShouldRenderSpinner: d , renderText: c , textContentStyle: m  } = param;
-    const o = n ? _buttoncssmistica.SMALL_ICON_SIZE : _buttoncssmistica.ICON_SIZE, r = (0, _css.pxToRem)(n ? _buttoncssmistica.SMALL_SPINNER_SIZE : _buttoncssmistica.SPINNER_SIZE);
+            }, l.length));
+        } else s.push(c), f && h();
+    }), l;
+}, V = (param)=>{
+    let { showSpinner: e , children: r , small: n , loadingText: a , shouldRenderSpinner: m , setShouldRenderSpinner: l , renderText: s , textContentStyle: h  } = param;
+    const c = n ? _buttoncssmistica.SMALL_ICON_SIZE : _buttoncssmistica.ICON_SIZE, o = (0, _css.pxToRem)(n ? _buttoncssmistica.SMALL_SPINNER_SIZE : _buttoncssmistica.SPINNER_SIZE);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 "aria-hidden": e ? !0 : void 0,
-                className: m,
-                children: I({
-                    content: i,
-                    defaultIconSize: o,
-                    renderText: c
+                className: h,
+                children: w({
+                    content: r,
+                    defaultIconSize: c,
+                    renderText: s
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _buttoncssmistica.loadingFiller,
                 "aria-hidden": !0,
-                style: s ? {
-                    paddingLeft: r,
+                style: a ? {
+                    paddingLeft: o,
                     paddingRight: _buttoncssmistica.ICON_MARGIN_PX + 2 * (n ? _buttoncssmistica.X_SMALL_PADDING_PX : _buttoncssmistica.X_PADDING_PX)
                 } : void 0,
-                children: I({
-                    content: s,
-                    defaultIconSize: o,
-                    renderText: c
+                children: w({
+                    content: a,
+                    defaultIconSize: c,
+                    renderText: s
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 "aria-hidden": e ? void 0 : !0,
                 className: _buttoncssmistica.loadingContent,
                 onTransitionEnd: ()=>{
-                    e !== u && d(e);
+                    e !== m && l(e);
                 },
                 children: [
-                    u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
-                        rolePresentation: !!s,
+                    m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
+                        rolePresentation: !!a,
                         color: "currentcolor",
                         delay: "0s",
-                        size: r
+                        size: o
                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "inline-block",
-                            width: r,
-                            height: r
+                            width: o,
+                            height: o
                         }
                     }),
-                    s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingLeft: 8,
-                        children: I({
-                            content: s,
-                            defaultIconSize: o,
-                            renderText: c
+                        children: w({
+                            content: a,
+                            defaultIconSize: c,
+                            renderText: s
                         })
                     }) : null
                 ]
             })
         ]
     });
-}, _ = /*#__PURE__*/ _react.forwardRef((e, i)=>{
-    const { eventFormat: n  } = (0, _analytics.useTrackingConfig)(), { formStatus: s , formId: u  } = (0, _formcontext.useForm)(), d = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: c  } = e, m = !!e.submit, o = s === "sending", [r, f] = _react.useState(!1), l = e.showSpinner || o && m || r, [v, y] = _react.useState(!!l);
+}, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
+    const { textPresets: n  } = (0, _hooks.useTheme)(), { eventFormat: a  } = (0, _analytics.useTrackingConfig)(), { formStatus: m , formId: l  } = (0, _formcontext.useForm)(), s = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: h  } = e, c = !!e.submit, o = m === "sending", [d, f] = _react.useState(!1), u = e.showSpinner || o && c || d, [b, P] = _react.useState(!!u);
     _react.useEffect(()=>{
-        l && !v && y(!0);
+        u && !b && P(!0);
     }, [
-        l,
-        v,
-        s
+        u,
+        b,
+        m
     ]);
     var _e_trackingEvent;
-    const b = ()=>n === "google-analytics-4" ? {
+    const y = ()=>a === "google-analytics-4" ? {
             name: _analytics.eventNames.userInteraction,
             component_type: `${e.type}_button`,
             component_copy: (0, _common.getTextFromChildren)(e.children)
@@ -264,87 +264,87 @@ const I = (param)=>{
             category: _analytics.eventCategories.userInteraction,
             action: `${e.type}_button_tapped`,
             label: (0, _common.getTextFromChildren)(e.children)
-        }, E = (P)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
+        }, E = (S)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
             size: 14,
             lineHeight: 20,
-            weight: "medium",
+            weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: P
+            children: S
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-            medium: !0,
+            weight: n.button.weight,
             truncate: 1,
             color: "inherit",
             as: "div",
-            children: P
-        }), h = {
-        ref: i,
-        className: (0, _classnames.default)(d ? _buttoncssmistica.inverseVariants[e.type] : _buttoncssmistica.variants[e.type], e.className, {
+            children: S
+        }), g = {
+        ref: r,
+        className: (0, _classnames.default)(s ? _buttoncssmistica.inverseVariants[e.type] : _buttoncssmistica.variants[e.type], e.className, {
             [_buttoncssmistica.small]: e.small,
-            [_buttoncssmistica.isLoading]: l
+            [_buttoncssmistica.isLoading]: u
         }),
         style: _object_spread({
             cursor: e.fake ? "pointer" : void 0
         }, e.style),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? b() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? y() : void 0,
         dataAttributes: e.dataAttributes,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         tabIndex: e.tabIndex,
-        children: L({
-            showSpinner: l,
-            shouldRenderSpinner: v,
-            setShouldRenderSpinner: y,
+        children: V({
+            showSpinner: u,
+            shouldRenderSpinner: b,
+            setShouldRenderSpinner: P,
             children: e.children,
-            loadingText: c,
+            loadingText: h,
             small: e.small,
             renderText: E,
             textContentStyle: _buttoncssmistica.textContent
         }),
-        disabled: e.disabled || l || o,
+        disabled: e.disabled || u || o,
         role: "button"
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
     if (e.fake) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         maybe: !0
-    }, h), {
+    }, g), {
         role: "presentation",
         "aria-hidden": "true"
     }));
     if (e.submit) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         type: "submit",
-        formId: u,
+        formId: l,
         onPress: ()=>{}
-    }, h));
-    if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, h), {
-        onPress: (P)=>{
-            const k = e.onPress(P);
+    }, g));
+    if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, g), {
+        onPress: (S)=>{
+            const k = e.onPress(S);
             k && (f(!0), k.finally(()=>f(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, h), {
+    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, g), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, h), {
+    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, g), {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Se = /*#__PURE__*/ _react.forwardRef((e, i)=>{
-    const { formStatus: n  } = (0, _formcontext.useForm)(), s = (0, _themevariantcontext.useIsInverseVariant)(), { analytics: u  } = (0, _hooks.useTheme)(), { loadingText: d  } = e, c = n === "sending", [m, o] = _react.useState(!1), r = e.showSpinner || m, [f, l] = _react.useState(!!r);
+}), Ie = /*#__PURE__*/ _react.forwardRef((e, r)=>{
+    const { formStatus: n  } = (0, _formcontext.useForm)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { analytics: m , textPresets: l  } = (0, _hooks.useTheme)(), { loadingText: s  } = e, h = n === "sending", [c, o] = _react.useState(!1), d = e.showSpinner || c, [f, u] = _react.useState(!!d);
     _react.useEffect(()=>{
-        r && !f && l(!0);
+        d && !f && u(!0);
     }, [
-        r,
+        d,
         f,
         n
     ]);
     var _e_trackingEvent;
-    const v = ()=>u.eventFormat === "google-analytics-4" ? {
+    const b = ()=>m.eventFormat === "google-analytics-4" ? {
             name: _analytics.eventNames.userInteraction,
             component_type: "link",
             component_copy: (0, _common.getTextFromChildren)(e.children)
@@ -352,89 +352,89 @@ const I = (param)=>{
             category: _analytics.eventCategories.userInteraction,
             action: _analytics.eventActions.linkTapped,
             label: (0, _common.getTextFromChildren)(e.children)
-        }, y = (E)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-            medium: !0,
+        }, P = (E)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+            weight: l.button.weight,
             truncate: 1,
             color: "inherit",
             children: E
-        }), b = {
+        }), y = {
         className: (0, _classnames.default)(_buttoncssmistica.link, {
-            [_buttoncssmistica.inverseLink]: s,
+            [_buttoncssmistica.inverseLink]: a,
             [_buttoncssmistica.alignedLink]: e.aligned,
-            [_buttoncssmistica.isLoading]: r
+            [_buttoncssmistica.isLoading]: d
         }),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? v() : void 0,
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? b() : void 0,
         dataAttributes: _object_spread({
             "component-name": "ButtonLink"
         }, e.dataAttributes),
-        children: L({
-            showSpinner: r,
+        children: V({
+            showSpinner: d,
             shouldRenderSpinner: f,
-            setShouldRenderSpinner: l,
+            setShouldRenderSpinner: u,
             children: e.children,
-            loadingText: d,
+            loadingText: s,
             small: !0,
-            renderText: y,
+            renderText: P,
             textContentStyle: _buttoncssmistica.textContentLink
         }),
-        disabled: e.disabled || r || c
+        disabled: e.disabled || d || h
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
     if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+        ref: r
+    }, y), {
         onPress: (E)=>{
-            const h = e.onPress(E);
-            h && (o(!0), h.finally(()=>o(!1)));
+            const g = e.onPress(E);
+            g && (o(!0), g.finally(()=>o(!1)));
         }
     }));
     if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+        ref: r
+    }, y), {
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView
     }));
     if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, b), {
+        ref: r
+    }, y), {
         href: e.href,
         newTab: e.newTab
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ie = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+}), we = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "primary"
     }));
 }), Ne = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "secondary"
     }));
 }), _e = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
         }, e)
-    }, i), {
+    }, r), {
         ref: n,
         type: "danger"
     }));

package/dist/callout.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./callout.css.ts.vanilla.css-mistica.js");
-var y = "_14g0jmy1 _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nfab _1y2v1nfak", _ = "_14g0jmy3 _1y2v1nf6q";
+var y = "_14g0jmy1 _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nfaj _1y2v1nfas", _ = "_14g0jmy3 _1y2v1nf6q";

package/dist/card.css-mistica.js

@@ -13,51 +13,74 @@ _export(exports, {
         return _;
     },
     boxed: function() {
-        return y;
+        return a;
     },
     cardAction: function() {
-        return f;
+        return y;
     },
     cardActionIconButton: function() {
-        return a;
+        return f;
     },
     cardActionInverse: function() {
         return r;
     },
-    dataCard: function() {
+    cardActionMedia: function() {
+        return e;
+    },
+    cardContainer: function() {
         return d;
     },
+    dataCard: function() {
+        return s;
+    },
     displayCardBackground: function() {
-        return e;
+        return t;
     },
     displayCardContainer: function() {
         return o;
     },
     displayCardContent: function() {
-        return s;
+        return i;
     },
     displayCardGradient: function() {
-        return t;
+        return c;
     },
     mediaCard: function() {
-        return i;
+        return C;
     },
     mediaCardContent: function() {
-        return c;
+        return l;
     },
     snapCard: function() {
-        return C;
+        return p;
     },
-    snapCardTouchableHover: function() {
+    touchable: function() {
         return b;
     },
-    snapCardTouchableHoverTransparent: function() {
-        return p;
+    touchableCardOverlay: function() {
+        return u;
+    },
+    touchableCardOverlayInverse: function() {
+        return h;
+    },
+    touchableCardOverlayMedia: function() {
+        return q;
+    },
+    touchableContainer: function() {
+        return w;
+    },
+    touchableMediaCardOverlay: function() {
+        return j;
+    },
+    vars: function() {
+        return m;
     },
     videoAction: function() {
-        return l;
+        return z;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./card.css.ts.vanilla.css-mistica.js");
-var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", y = "_15e54s93 _1y2v1nf64", f = "_15e54s9k _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", a = "_1y2v1nf64 _1y2v1nf8m _1y2v1nf91 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9l _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", d = "_15e54s98 _1y2v1nf7o _1y2v1nf82 _1y2v1nf6x _1y2v1nf7b _1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf8b", e = "_1y2v1nf60 _1y2v1nfc6 _1y2v1nf8b _1y2v1nf8r", o = "_1y2v1nf8b _1y2v1nf64 _1y2v1nf5z", s = "_1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf5z _1y2v1nf6g", t = "_15e54s9h", i = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8r _1y2v1nf8b", c = "_15e54s96 _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6w _1y2v1nf7b _1y2v1nf6a _1y2v1nf6g", C = "_15e54s9a _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf8r _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s9c _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", p = "_15e54s9d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", l = "_15e54s9m _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3";
+var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", a = "_15e54s93 _1y2v1nf64 _1y2v1nf5z", y = "_15e54s9r _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", f = "_1y2v1nf64 _1y2v1nf8r _1y2v1nf97 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9s _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", e = "_15e54s9t _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", d = "_15e54s9w", s = "_15e54s9f _1y2v1nf7q _1y2v1nf85 _1y2v1nf6y _1y2v1nf7d _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6a _1y2v1nf8f", t = "_15e54s9n", o = "_1y2v1nf8f _1y2v1nf8w _1y2v1nf64 _1y2v1nf5z", i = "_15e54s9m", c = "_15e54s9o", C = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8w _1y2v1nf8f", l = "_15e54s9d _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6w _1y2v1nf7d _1y2v1nf6a _1y2v1nf6g", p = "_15e54s9h _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf5z _1y2v1nf8w _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s95", u = "_15e54s98 _15e54s96", h = "_15e54s99 _15e54s96", q = "_15e54s9a _15e54s96", w = "_15e54s94", j = "_15e54s97 _15e54s96", m = {
+    aspectRatio: "var(--_15e54s9v)"
+}, z = "_15e54s9u _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab";

package/dist/card.css.d.ts

@@ -1,5 +1,11 @@
 export declare const actions: string;
 export declare const boxed: string;
+export declare const touchableContainer: string;
+export declare const touchable: string;
+export declare const touchableMediaCardOverlay: string;
+export declare const touchableCardOverlay: string;
+export declare const touchableCardOverlayInverse: string;
+export declare const touchableCardOverlayMedia: string;
 export declare const mediaCard: string;
 export declare const mediaCardContent: string;
 export declare const dataCard: string;
@@ -13,4 +19,9 @@ export declare const displayCardGradient: string;
 export declare const cardActionIconButton: string;
 export declare const cardAction: string;
 export declare const cardActionInverse: string;
+export declare const cardActionMedia: string;
 export declare const videoAction: string;
+export declare const vars: {
+    aspectRatio: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const cardContainer: string;