@telefonica/mistica 16.1.0 → 16.2.0

package/dist/callout.css-mistica.js

@@ -9,20 +9,28 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    closeButtonContainer: function() {
+    background: function() {
         return _;
     },
+    closeButtonContainer: function() {
+        return f;
+    },
     closeButtonContainerSize: function() {
         return t;
     },
     container: function() {
-        return f;
+        return a;
     },
     content: function() {
-        return o;
+        return e;
     }
 });
 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 _ = "_14g0jmy5 _1y2v1nfhf _1y2v1nfll", t = "_14g0jmy6", f = "_14g0jmy1 _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfkb _1y2v1nfkl", o = "_14g0jmy3 _1y2v1nfi6 _1y2v1nfhe";
+var _ = {
+    inverse: "_1y2v1nf3q",
+    alternative: "_1y2v1nf3q",
+    default: "_1y2v1nf3y",
+    media: "_1y2v1nf3q"
+}, f = "_14g0jmy5 _1y2v1nfhf _1y2v1nfll", t = "_14g0jmy6", a = "_14g0jmy1 _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfkb _1y2v1nfkl", e = "_14g0jmy3 _1y2v1nfi6 _1y2v1nfhe";

package/dist/callout.css.d.ts

@@ -2,3 +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<"inverse" | "default" | "alternative" | "media", string>;

package/dist/callout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ar;
+        return or;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -22,7 +22,6 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
 const _calloutcssmistica = require("./callout.css-mistica.js");
 const _imagecssmistica = require("./image.css-mistica.js");
-const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _css = require("./utils/css.js");
@@ -85,29 +84,22 @@ function _object_spread_props(target, source) {
     return target;
 }
 const W = (param)=>{
-    let { title: a, titleAs: c = "h2", description: d, asset: i, onClose: t, closeButtonLabel: u, button: l, secondaryButton: n, buttonLink: s, "aria-label": p, dataAttributes: f, role: h } = param;
-    const b = (0, _themevariantcontext.useThemeVariant)(), { texts: g, t: v } = (0, _hooks.useTheme)();
+    let { title: o, titleAs: c = "h2", description: d, asset: a, onClose: t, closeButtonLabel: p, button: i, secondaryButton: l, buttonLink: m, "aria-label": u, dataAttributes: f, role: h } = param;
+    const b = (0, _themevariantcontext.useThemeVariant)(), { texts: x, t: g } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(_calloutcssmistica.container, (0, _sprinklescssmistica.sprinkles)({
-            background: {
-                inverse: _skincontractcssmistica.vars.colors.backgroundContainer,
-                alternative: _skincontractcssmistica.vars.colors.backgroundContainer,
-                default: _skincontractcssmistica.vars.colors.backgroundContainerAlternative,
-                media: _skincontractcssmistica.vars.colors.backgroundContainer
-            }[b]
-        })),
+        className: (0, _classnames.default)(_calloutcssmistica.container, _calloutcssmistica.background[b]),
         style: (0, _css.applyCssVars)({
             [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
         }),
-        "aria-label": p !== null && p !== void 0 ? p : a,
+        "aria-label": u !== null && u !== void 0 ? u : o,
         role: h
     }, (0, _dom.getPrefixedDataAttributes)(f, "Callout")), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
             isInverse: !1,
             children: [
-                i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingRight: 16,
-                    children: i
+                    children: a
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                     className: _calloutcssmistica.content,
@@ -126,7 +118,7 @@ const W = (param)=>{
                                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                                     as: c,
                                                     regular: !0,
-                                                    children: a
+                                                    children: o
                                                 }),
                                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                                     as: "p",
@@ -143,10 +135,10 @@ const W = (param)=>{
                                         })
                                     ]
                                 }),
-                                (l || n || s) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
-                                    primaryButton: l,
-                                    secondaryButton: n,
-                                    link: s
+                                (i || l || m) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
+                                    primaryButton: i,
+                                    secondaryButton: l,
+                                    link: m
                                 })
                             ]
                         }),
@@ -158,7 +150,7 @@ const W = (param)=>{
                                 bleedRight: !0,
                                 Icon: _iconcloseregular.default,
                                 onPress: t,
-                                "aria-label": u || g.closeButtonLabel || v(_texttokens.closeButtonLabel)
+                                "aria-label": p || x.closeButtonLabel || g(_texttokens.closeButtonLabel)
                             })
                         })
                     ]
@@ -166,4 +158,4 @@ const W = (param)=>{
             ]
         })
     }));
-}, ar = W;
+}, or = W;

package/dist/card.css-mistica.js

@@ -10,82 +10,85 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return n;
+        return _;
     },
     boxed: function() {
         return e;
     },
     cardContainer: function() {
+        return y;
+    },
+    cardContentContainer: function() {
         return r;
     },
     circularMediaOverlay: function() {
-        return y;
+        return f;
     },
     dataCard: function() {
-        return f;
+        return s;
     },
     dataCardTopActionsWithoutIcon: function() {
-        return s;
+        return i;
     },
     displayCardBackground: function() {
-        return i;
+        return t;
     },
     displayCardContainer: function() {
         return d;
     },
     displayCardContent: function() {
-        return t;
+        return h;
     },
     displayCardGradient: function() {
         return o;
     },
     flexColumn: function() {
-        return h;
+        return C;
     },
     mediaCard: function() {
-        return C;
+        return l;
     },
     mediaCardAsset: function() {
-        return l;
+        return c;
     },
     mediaCardContent: function() {
-        return c;
+        return b;
     },
     nakedCardContent: function() {
-        return b;
+        return u;
     },
     snapCard: function() {
-        return u;
+        return k;
     },
     touchable: function() {
-        return k;
+        return p;
     },
     touchableCardOverlay: function() {
-        return p;
+        return m;
     },
     touchableCardOverlayInverse: function() {
-        return m;
+        return q;
     },
     touchableCardOverlayMedia: function() {
-        return q;
+        return O;
     },
     touchableContainer: function() {
-        return O;
+        return j;
     },
     touchableMediaCardOverlay: function() {
-        return j;
+        return w;
     },
     touchableNakedMediaOverlay: function() {
-        return w;
+        return x;
     },
     vars: function() {
-        return x;
+        return M;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./card.css.ts.vanilla.css-mistica.js");
-var n = "_15e54s91 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfi0", e = "_15e54s93 _1y2v1nfhk _1y2v1nfhe", r = "_15e54s9v", y = "_15e54s98", f = "_15e54s9k _1y2v1nfaa _1y2v1nfbj _1y2v1nf7y _1y2v1nf97 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfi7", s = "_15e54s9w", i = "_15e54s9r", d = "_1y2v1nfi7 _1y2v1nfio _1y2v1nfhk _1y2v1nfhe", t = "_15e54s9q", o = "_15e54s9s", h = "_15e54s9x", C = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfio _1y2v1nfi7 _1y2v1nfi6", l = "_15e54s9g", c = "_15e54s9f _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nf7s _1y2v1nf97 _1y2v1nfhq _1y2v1nfhw", b = "_15e54s9i _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfhw _1y2v1nf7s _1y2v1nfbj", u = "_15e54s9m _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhe _1y2v1nfio _1y2v1nfhq _1y2v1nfhw _1y2v1nfi7 _1y2v1nfi6", k = "_15e54s95", p = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", q = "_15e54s9c _15e54s96", O = "_15e54s94", j = "_15e54s97 _15e54s96", w = "_15e54s99 _15e54s96", x = {
-    aspectRatio: "var(--_15e54s9t)",
-    topActionsCount: "var(--_15e54s9u)"
+var _ = "_15e54s91 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfi0", e = "_15e54s93 _1y2v1nfhk _1y2v1nfhe", y = "_15e54s9w", r = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhw _1y2v1nfhq", f = "_15e54s99", s = "_15e54s9l _1y2v1nfaa _1y2v1nfbj _1y2v1nf7y _1y2v1nf97 _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfi7", i = "_15e54s9x", t = "_15e54s9s", d = "_1y2v1nfi7 _1y2v1nfio _1y2v1nfhk _1y2v1nfhe", h = "_15e54s9r", o = "_15e54s9t", C = "_15e54s9y", l = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfio _1y2v1nfi7 _1y2v1nfi6", c = "_15e54s9h", b = "_15e54s9g _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nf7s _1y2v1nf97 _1y2v1nfhq _1y2v1nfhw", u = "_15e54s9j _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhe _1y2v1nfhq _1y2v1nfhw _1y2v1nf7s _1y2v1nfbj", k = "_15e54s9n _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhe _1y2v1nfio _1y2v1nfhq _1y2v1nfhw _1y2v1nfi7 _1y2v1nfi6", p = "_15e54s96", m = "_15e54s9b _15e54s97", q = "_15e54s9c _15e54s97", O = "_15e54s9d _15e54s97", j = "_15e54s95", w = "_15e54s98 _15e54s97", x = "_15e54s9a _15e54s97", M = {
+    aspectRatio: "var(--_15e54s9u)",
+    topActionsCount: "var(--_15e54s9v)"
 };

package/dist/card.css.d.ts

@@ -1,5 +1,6 @@
 export declare const actions: string;
 export declare const boxed: string;
+export declare const cardContentContainer: string;
 export declare const touchableContainer: string;
 export declare const touchable: string;
 export declare const touchableMediaCardOverlay: string;

package/dist/card.js

@@ -20,28 +20,28 @@ _export(exports, {
         return Z;
     },
     DataCard: function() {
-        return Ya;
+        return Ua;
     },
     DisplayDataCard: function() {
-        return er;
+        return Pa;
     },
     DisplayMediaCard: function() {
-        return Pa;
+        return Za;
     },
     MediaCard: function() {
-        return Ka;
+        return Ja;
     },
     NakedCard: function() {
-        return Qa;
+        return Ka;
     },
     PosterCard: function() {
-        return ar;
+        return er;
     },
     SmallNakedCard: function() {
-        return Ua;
+        return Qa;
     },
     SnapCard: function() {
-        return Za;
+        return Ya;
     },
     useVideoWithControls: function() {
         return Ve;
@@ -61,7 +61,6 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _cardcssmistica = require("./card.css-mistica.js");
 const _imagecssmistica = require("./image.css-mistica.js");
 const _hooks = require("./hooks.js");
-const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _iconbutton = require("./icon-button.js");
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
 const _iconpausefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-pause-filled.js"));
@@ -382,12 +381,7 @@ const M = ()=>{
     let { headline: a, headlineRef: r, pretitle: t, pretitleLinesMax: n, title: o, titleAs: d = "h3", titleLinesMax: l, subtitle: i, subtitleLinesMax: h, description: c, descriptionLinesMax: p, extra: m, extraRef: u, button: f, buttonLink: x } = param;
     const { textPresets: b } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _sprinklescssmistica.sprinkles)({
-            display: "flex",
-            flex: 1,
-            justifyContent: "space-between",
-            flexDirection: "column"
-        }),
+        className: _cardcssmistica.cardContentContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: _cardcssmistica.flexColumn,
@@ -471,7 +465,7 @@ const M = ()=>{
             })
         ]
     });
-}, Ka = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
+}, Ja = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
     var { media: a, asset: r, headline: t, pretitle: n, pretitleLinesMax: o, subtitle: d, subtitleLinesMax: l, title: i, titleAs: h = "h3", titleLinesMax: c, description: p, descriptionLinesMax: m, extra: u, actions: f, button: x, buttonLink: b, dataAttributes: C, "aria-label": T, onClose: S, closeButtonLabel: N } = _param, y = _object_without_properties(_param, [
         "media",
         "asset",
@@ -582,7 +576,7 @@ const M = ()=>{
             })
         ]
     });
-}), Qa = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
+}), Ka = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
     var { media: a, asset: r, headline: t, pretitle: n, pretitleLinesMax: o, subtitle: d, subtitleLinesMax: l, title: i, titleAs: h = "h3", titleLinesMax: c, description: p, descriptionLinesMax: m, extra: u, actions: f, button: x, buttonLink: b, dataAttributes: C, "aria-label": T, onClose: S, closeButtonLabel: N } = _param, y = _object_without_properties(_param, [
         "media",
         "asset",
@@ -690,7 +684,7 @@ const M = ()=>{
             })
         ]
     });
-}), Ua = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
+}), Qa = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
     var { media: a, title: r, titleAs: t = "h3", titleLinesMax: n, subtitle: o, subtitleLinesMax: d, description: l, descriptionLinesMax: i, extra: h, dataAttributes: c, "aria-label": p } = _param, m = _object_without_properties(_param, [
         "media",
         "title",
@@ -780,7 +774,7 @@ const M = ()=>{
             })
         }))
     });
-}), Ya = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
+}), Ua = /*#__PURE__*/ _react.forwardRef((_param, D)=>{
     var { asset: a, headline: r, pretitle: t, pretitleLinesMax: n, title: o, titleAs: d = "h3", titleLinesMax: l, subtitle: i, subtitleLinesMax: h, description: c, descriptionLinesMax: p, extra: m, actions: u, button: f, buttonLink: x, dataAttributes: b, "aria-label": C, onClose: T, closeButtonLabel: S, aspectRatio: N } = _param, y = _object_without_properties(_param, [
         "asset",
         "headline",
@@ -894,7 +888,7 @@ const M = ()=>{
             })
         ]
     });
-}), Za = /*#__PURE__*/ _react.forwardRef((_param, x)=>{
+}), Ya = /*#__PURE__*/ _react.forwardRef((_param, x)=>{
     var { asset: a, title: r, titleAs: t = "h3", titleLinesMax: n, subtitle: o, subtitleLinesMax: d, description: l, descriptionLinesMax: i, dataAttributes: h, "aria-label": c, extra: p, isInverse: m = !1, aspectRatio: u } = _param, f = _object_without_properties(_param, [
         "asset",
         "title",
@@ -1196,7 +1190,7 @@ const M = ()=>{
             })
         ]
     });
-}), Pa = /*#__PURE__*/ _react.forwardRef((_param, t)=>{
+}), Za = /*#__PURE__*/ _react.forwardRef((_param, t)=>{
     var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -1207,7 +1201,7 @@ const M = ()=>{
             "component-name": "DisplayMediaCard"
         }, a)
     }));
-}), er = /*#__PURE__*/ _react.forwardRef((_param, t)=>{
+}), Pa = /*#__PURE__*/ _react.forwardRef((_param, t)=>{
     var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -1217,7 +1211,7 @@ const M = ()=>{
             "component-name": "DisplayDataCard"
         }, a)
     }));
-}), ar = /*#__PURE__*/ _react.forwardRef((_param, I)=>{
+}), er = /*#__PURE__*/ _react.forwardRef((_param, I)=>{
     var { dataAttributes: a, backgroundImage: r, backgroundVideo: t, poster: n, backgroundVideoRef: o, width: d, height: l, aspectRatio: i = "7:10", "aria-label": h, actions: c, onClose: p, closeButtonLabel: m, asset: u, headline: f, pretitle: x, pretitleLinesMax: b, title: C, titleAs: T = "h3", titleLinesMax: S, subtitle: N, subtitleLinesMax: y, description: D, descriptionLinesMax: R, extra: z, variant: H, isInverse: E, backgroundColor: w } = _param, k = _object_without_properties(_param, [
         "dataAttributes",
         "backgroundImage",

package/dist/community/advanced-data-card.css-mistica.js

@@ -10,72 +10,81 @@ function _export(target, all) {
 }
 _export(exports, {
     MIN_HEIGHT: function() {
-        return a;
+        return f;
     },
     actions: function() {
-        return _;
+        return n;
     },
     actionsVariants: function() {
-        return n;
+        return _;
     },
     adjustButtonLink: function() {
         return t;
     },
     button: function() {
-        return u;
+        return o;
     },
     buttonMobile: function() {
-        return o;
+        return u;
     },
     cardContentStyle: function() {
         return i;
     },
+    container: function() {
+        return y;
+    },
     dataCard: function() {
         return x;
     },
     divider: function() {
-        return y;
+        return e;
     },
     footerDirection: function() {
-        return e;
+        return h;
+    },
+    footerImage: function() {
+        return d;
     },
     footerText: function() {
-        return h;
+        return c;
     },
     marginRightAuto: function() {
-        return d;
+        return b;
     },
     marginRightButton: function() {
-        return b;
+        return m;
     },
     minHeight: function() {
-        return c;
+        return p;
     },
     paddingX: function() {
-        return l;
+        return s;
     },
     topActionsWithoutIcon: function() {
-        return m;
+        return g;
     },
     touchable: function() {
-        return p;
+        return l;
     },
     touchableCardHoverOverlay: function() {
-        return s;
+        return k;
     },
     vars: function() {
-        return g;
+        return j;
+    },
+    withPaddingTop: function() {
+        return C;
     },
     zindex: function() {
-        return j;
+        return H;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("../icon-button.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var a = 216, _ = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", n = {
-    default: "_1x00frui",
-    mobile: "_1x00fruj"
-}, t = "_1x00frup", u = "_1x00frul", o = "_1x00frum _1x00frul", i = "_1x00fru7 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", x = "_1x00frub _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", y = "_1x00frug", e = "_1x00fruo _1y2v1nfhk _1y2v1nfhp", h = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", d = "_1x00fruk", b = "_1x00fruq", c = "_1x00fru9", l = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", m = "_1x00frus", p = "_1x00fru4", s = "_1x00fru5", g = {
-    topActionsCount: "var(--_1x00frur)"
-}, j = "_1x00fru8";
+var f = 216, n = "_1x00fru4 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhw _1y2v1nf97", _ = {
+    default: "_1x00fruj",
+    mobile: "_1x00fruk"
+}, t = "_1x00frus", o = "_1x00frun", u = "_1x00fruo _1x00frun", i = "_1x00fru8 _1x00fru2 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", y = "_1y2v1nfhe _1y2v1nfio", x = "_1x00fruc _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq", e = "_1x00fruh", h = "_1x00frur _1y2v1nfhk _1y2v1nfhp", d = "_1y2v1nfhz _1y2v1nfhk", c = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", b = "_1x00frul", m = "_1x00frut", p = "_1x00frua", s = "_1x00fru2 _1y2v1nfaa _1y2v1nfbj", g = "_1x00fruv", l = "_1x00fru5", k = "_1x00fru6", j = {
+    topActionsCount: "var(--_1x00fruu)"
+}, C = "_1y2v1nf7s", H = "_1x00fru9";

package/dist/community/advanced-data-card.css.d.ts

@@ -1,3 +1,4 @@
+export declare const container: string;
 export declare const paddingX: string;
 export declare const actions: string;
 export declare const touchable: string;
@@ -14,8 +15,10 @@ export declare const divider: string;
 export declare const footerText: string;
 export declare const actionsVariants: Record<"default" | "mobile", string>;
 export declare const marginRightAuto: string;
+export declare const withPaddingTop: string;
 export declare const button: string;
 export declare const buttonMobile: string;
+export declare const footerImage: string;
 export declare const footerDirection: string;
 export declare const adjustButtonLink: string;
 export declare const marginRightButton: string;