@telefonica/mistica 16.44.0 → 16.45.0

package/dist/accordion.css-mistica.js

@@ -5,46 +5,46 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    accordionItem: function() {
-        return n;
+    get accordionItem () {
+        return f;
     },
-    boxed: function() {
+    get boxed () {
         return s;
     },
-    chevronContainer: function() {
-        return e;
-    },
-    itemContent: function() {
-        return r;
+    get chevronContainer () {
+        return t;
     },
-    panel: function() {
-        return a;
+    get itemContent () {
+        return n;
     },
-    panelContainer: function() {
-        return t;
+    get panel () {
+        return i;
     },
-    panelTransitionClasses: function() {
+    get panelContainer () {
         return o;
     },
-    rightContentContainer: function() {
+    get panelTransitionClasses () {
         return x;
     },
-    touchableBackground: function() {
-        return i;
+    get rightContentContainer () {
+        return a;
     },
-    touchableBackgroundOverBrand: function() {
-        return f;
+    get touchableBackground () {
+        return e;
+    },
+    get touchableBackgroundOverBrand () {
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./accordion.css.ts.vanilla.css-mistica.js");
-var n = "v16_44_1y2v1nfq9", s = "v16_44_8s3szx1", e = "v16_44_8s3szx5", r = "v16_44_1y2v1nfff v16_44_1y2v1nfgo v16_44_1y2v1nfhx v16_44_1y2v1nfj6 v16_44_1y2v1nfq9 v16_44_1y2v1nfs4 v16_44_1y2v1nffe v16_44_1y2v1nfpo v16_44_1y2v1nfqq", a = "v16_44_8s3szxb", t = "v16_44_8s3szx6", o = {
-    enter: "v16_44_8s3szx7",
-    enterActive: "v16_44_8s3szx8",
-    exit: "v16_44_8s3szx9",
-    exitActive: "v16_44_8s3szxa"
-}, x = "v16_44_8s3szx4", i = "v16_44_8s3szx2", f = "v16_44_8s3szx3";
+var n = "v16_45_8s3szx0 v16_45_1y2v1nfff v16_45_1y2v1nfgo v16_45_1y2v1nfhx v16_45_1y2v1nfj6 v16_45_1y2v1nfq9 v16_45_1y2v1nfs4 v16_45_1y2v1nffe v16_45_1y2v1nfpo v16_45_1y2v1nfqq", s = "v16_45_8s3szx1", e = "v16_45_8s3szx2", r = "v16_45_8s3szx3", a = "v16_45_8s3szx4", t = "v16_45_8s3szx5", o = "v16_45_8s3szx6", x = {
+    enter: "v16_45_8s3szx7",
+    enterActive: "v16_45_8s3szx8",
+    exit: "v16_45_8s3szx9",
+    exitActive: "v16_45_8s3szxa"
+}, i = "v16_45_8s3szxb", f = "v16_45_8s3szxc v16_45_1y2v1nfq9";

package/dist/accordion.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Accordion: function() {
-        return Ie;
+    get Accordion () {
+        return ve;
     },
-    AccordionItem: function() {
-        return xe;
-    },
-    BoxedAccordion: function() {
+    get AccordionItem () {
         return he;
     },
-    BoxedAccordionItem: function() {
-        return ge;
+    get BoxedAccordion () {
+        return be;
+    },
+    get BoxedAccordionItem () {
+        return Ae;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -168,51 +168,55 @@ function _object_without_properties_loose(source, excluded) {
 const B = 400, b = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), Y = ()=>_react.useContext(b), R = (param)=>{
-    let { value: t, defaultValue: r, onChange: n, singleOpen: a } = param;
-    const d = t !== void 0, l = (e)=>e === void 0 ? [] : typeof e == "number" ? [
-            e
-        ] : e, [c, u] = _react.useState(l(r));
+}), $ = ()=>_react.useContext(b), y = (param)=>{
+    let { value: o, defaultValue: e, onChange: n, singleOpen: c } = param;
+    const d = o !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
+            t
+        ] : t, [a, u] = _react.useState(l(e));
     _react.useEffect(()=>{
-        if (c.length > 1 && a) {
-            const e = [
-                ...c
+        if (a.length > 1 && c) {
+            const t = [
+                ...a
             ];
-            e.splice(1), u(e);
+            t.splice(1), u(t);
         }
     }, [
-        a,
-        c
+        c,
+        a
     ]);
-    const f = (e, m)=>{
+    const f = (t, m)=>{
         if (!m) return [
-            e
+            t
         ];
-        const s = m.indexOf(e);
-        let x = [
+        const s = m.indexOf(t);
+        let I = [
             ...m
         ];
-        return s === -1 ? a ? x = [
-            e
-        ] : x.push(e) : x.splice(s, 1), x;
-    }, p = (e)=>{
-        if (d || u(f(e, c)), n) {
-            const m = (d ? l(t) : c).includes(e);
-            n(e, !m);
+        return s === -1 ? c ? I = [
+            t
+        ] : I.push(t) : I.splice(s, 1), I;
+    }, p = (t)=>{
+        if (d || u(f(t, a)), n) {
+            const m = (d ? l(o) : a).includes(t);
+            n(t, !m);
         }
     };
     return d ? [
-        l(t),
+        l(o),
         p
     ] : [
-        c,
+        a,
         p
     ];
-}, Z = (t)=>{
-    const r = t == null ? void 0 : t.closest("[data-accordion]");
-    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
-}, S = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
-    var { content: t, dataAttributes: r, trackingEvent: n, right: a, "aria-label": d, "aria-labelledby": l } = _param, c = _object_without_properties(_param, [
+}, ee = (o)=>{
+    const e = o == null ? void 0 : o.closest("[data-accordion]");
+    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === o);
+}, te = (o)=>{
+    if (!/*#__PURE__*/ _react.isValidElement(o)) return "";
+    const e = o.props;
+    return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
+}, R = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
+    var { content: o, dataAttributes: e, trackingEvent: n, right: c, "aria-label": d, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -220,20 +224,23 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const f = _react.useRef(null), p = _react.useRef(null), { index: e, toggle: m } = Y(), s = (0, _themevariantcontext.useThemeVariant)(), x = _react.useId(), C = _react.useId(), [h, y] = _react.useState(), g = h !== void 0 && (e == null ? void 0 : e.includes(h));
+    const f = _react.useRef(null), p = _react.useRef(null), { index: t, toggle: m } = $(), s = (0, _themevariantcontext.useThemeVariant)(), I = _react.useId(), C = _react.useId(), S = te(a.asset), T = d !== null && d !== void 0 ? d : [
+        a.title,
+        S
+    ].filter(Boolean).join(" "), [h, O] = _react.useState(), g = h !== void 0 && (t == null ? void 0 : t.includes(h));
     _react.useEffect(()=>{
-        y(Z(p.current));
+        O(ee(p.current));
     }, []);
-    const T = {
-        default: g ? _skincontractcssmistica.vars.colors.neutralHigh : _skincontractcssmistica.vars.colors.neutralMedium,
-        alternative: g ? _skincontractcssmistica.vars.colors.neutralHigh : _skincontractcssmistica.vars.colors.neutralMedium,
+    const w = {
+        default: g ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        alternative: g ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
     }[s];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         ref: p
-    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
         "accordion-item": !0
     }))), {
         children: [
@@ -246,28 +253,28 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
                 trackingEvent: n,
                 "aria-expanded": g,
                 "aria-controls": C,
-                "aria-label": d,
+                "aria-label": T,
                 "aria-labelledby": l,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Content, _object_spread_props(_object_spread({
-                        labelId: x
-                    }, c), {
+                        labelId: I
+                    }, a), {
                         right: (param)=>{
-                            let { centerY: O } = param;
+                            let { centerY: V } = param;
                             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                 space: 4,
-                                alignItems: O ? "center" : void 0,
+                                alignItems: V ? "center" : void 0,
                                 className: _accordioncssmistica.rightContentContainer,
                                 children: [
-                                    a,
+                                    c,
                                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _accordioncssmistica.chevronContainer,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                                             size: 20,
                                             transitionDuration: B,
                                             direction: g ? "up" : "down",
-                                            color: T
+                                            color: w
                                         })
                                     })
                                 ]
@@ -289,55 +296,55 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _accordioncssmistica.panel,
                         role: "region",
-                        "aria-labelledby": x,
+                        "aria-labelledby": I,
                         id: C,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
                             paddingBottom: 16,
-                            children: t
+                            children: o
                         })
                     })
                 })
             })
         ]
     }));
-}), xe = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
-    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
+}), he = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: o, role: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        role: r,
+        role: e,
         className: _accordioncssmistica.accordionItem,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, n), {
-            ref: a,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
+            ref: c,
             dataAttributes: _object_spread({
                 "component-name": "AccordionItem"
-            }, t)
+            }, o)
         }))
     });
-}), Ie = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: a, onChange: d, singleOpen: l, role: c } = param;
-    const [u, f] = R({
+}), ve = (param)=>{
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    const [u, f] = y({
         value: n,
-        defaultValue: a,
+        defaultValue: c,
         onChange: d,
         singleOpen: l
-    }), p = _react.Children.toArray(t).filter(Boolean), e = p.length - 1;
+    }), p = _react.Children.toArray(o).filter(Boolean), t = p.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(b.Provider, {
         value: {
             index: u,
             toggle: f
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            role: c
-        }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
+            role: a
+        }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
             accordion: !0
         }), "Accordion")), {
             children: p.map((m, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                     children: [
                         m,
-                        s < e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        s < t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                         })
@@ -345,8 +352,8 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
                 }, s))
         }))
     });
-}, ge = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
-    var { dataAttributes: t, isInverse: r, variant: n } = _param, a = _object_without_properties(_param, [
+}, Ae = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
+    var { dataAttributes: o, isInverse: e, variant: n } = _param, c = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse",
         "variant"
@@ -354,18 +361,18 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _accordioncssmistica.boxed,
-        variant: n !== null && n !== void 0 ? n : r ? "brand" : "default",
+        variant: n !== null && n !== void 0 ? n : e ? "brand" : "default",
         ref: d,
         dataAttributes: _object_spread({
             "component-name": "BoxedAccordionItem"
-        }, t),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, a))
+        }, o),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread({}, c))
     });
-}), he = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: a, onChange: d, singleOpen: l, role: c } = param;
-    const [u, f] = R({
+}), be = (param)=>{
+    let { children: o, dataAttributes: e, index: n, defaultIndex: c, onChange: d, singleOpen: l, role: a } = param;
+    const [u, f] = y({
         value: n,
-        defaultValue: a,
+        defaultValue: c,
         onChange: d,
         singleOpen: l
     });
@@ -376,12 +383,12 @@ const B = 400, b = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: 16,
-            role: c,
+            role: a,
             dataAttributes: _object_spread({
                 "component-name": "BoxedAccordion",
                 accordion: !0
-            }, r),
-            children: t
+            }, e),
+            children: o
         })
     });
 };

package/dist/align.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "container", {
     }
 });
 require("./align.css.ts.vanilla.css-mistica.js");
-var o = "v16_44_1mfs0fk0";
+var o = "v16_45_1mfs0fk0";

package/dist/avatar.css-mistica.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    avatar: function() {
-        return _;
+    get avatar () {
+        return f;
     },
-    image: function() {
+    get image () {
         return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_44_1y2v1nfsm v16_44_1y2v1nfpm v16_44_1y2v1nfq1 v16_44_1y2v1nfpv v16_44_1y2v1nfsq", a = "v16_44_1y2v1nfuk";
+require("./avatar.css.ts.vanilla.css-mistica.js");
+var f = "v16_45_f1g4uj0 v16_45_1y2v1nfsm v16_45_1y2v1nfpm v16_45_1y2v1nfq1 v16_45_1y2v1nfpv v16_45_1y2v1nfsq", a = "v16_45_f1g4uj1 v16_45_1y2v1nfuk";

package/dist/avatar.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+const a = "";

package/dist/avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DataAttributes, IconProps } from './utils/types';
 type AvatarProps = {
     size: number;

package/dist/avatar.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    default: function() {
+    get default () {
         return U;
     },
-    renderText: function() {
+    get renderText () {
         return $;
     }
 });

package/dist/badge.css-mistica.js

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    badge: function() {
-        return r;
-    },
-    badgeBigNumber: function() {
-        return a;
-    },
-    badgeBorder: function() {
+    get badge () {
         return d;
     },
-    badgeNumber: function() {
-        return e;
-    },
-    badgeWithChildren: function() {
+    get badgeBigNumber () {
         return n;
     },
-    container: function() {
+    get badgeBorder () {
         return m;
+    },
+    get badgeNumber () {
+        return a;
+    },
+    get badgeWithChildren () {
+        return e;
+    },
+    get container () {
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var r = "v16_44_17szrmd2 v16_44_1y2v1nfbx", a = "v16_44_17szrmd7", d = "v16_44_17szrmd3", e = "v16_44_17szrmd5 v16_44_17szrmd2 v16_44_1y2v1nfbx v16_44_1y2v1nfpm v16_44_1y2v1nfq1 v16_44_1y2v1nfpv", n = "v16_44_1y2v1nfph", m = "v16_44_1y2v1nfpg v16_44_1y2v1nfpq";
+var r = "v16_45_17szrmd0 v16_45_1y2v1nfpg v16_45_1y2v1nfpq", d = "v16_45_17szrmd2 v16_45_17szrmd1 v16_45_1y2v1nfbx", m = "v16_45_17szrmd3", a = "v16_45_17szrmd5 v16_45_17szrmd2 v16_45_17szrmd1 v16_45_1y2v1nfbx v16_45_17szrmd4 v16_45_1y2v1nfpm v16_45_1y2v1nfq1 v16_45_1y2v1nfpv", e = "v16_45_17szrmd6 v16_45_1y2v1nfph", n = "v16_45_17szrmd7";

package/dist/badge.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/dist/box.css-mistica.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    box: function() {
-        return _;
-    },
-    vars: function() {
+    get box () {
         return a;
+    },
+    get vars () {
+        return _;
     }
 });
 require("./box.css.ts.vanilla.css-mistica.js");
-var _ = "v16_44_1xgjmkvc", a = {
+var _ = {
     paddingTop: {
-        desktop: "var(--v16_44_1xgjmkv0)",
-        tablet: "var(--v16_44_1xgjmkv1)",
-        mobile: "var(--v16_44_1xgjmkv2)"
+        desktop: "var(--v16_45_1xgjmkv0)",
+        tablet: "var(--v16_45_1xgjmkv1)",
+        mobile: "var(--v16_45_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_44_1xgjmkv3)",
-        tablet: "var(--v16_44_1xgjmkv4)",
-        mobile: "var(--v16_44_1xgjmkv5)"
+        desktop: "var(--v16_45_1xgjmkv3)",
+        tablet: "var(--v16_45_1xgjmkv4)",
+        mobile: "var(--v16_45_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_44_1xgjmkv6)",
-        tablet: "var(--v16_44_1xgjmkv7)",
-        mobile: "var(--v16_44_1xgjmkv8)"
+        desktop: "var(--v16_45_1xgjmkv6)",
+        tablet: "var(--v16_45_1xgjmkv7)",
+        mobile: "var(--v16_45_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_44_1xgjmkv9)",
-        tablet: "var(--v16_44_1xgjmkva)",
-        mobile: "var(--v16_44_1xgjmkvb)"
+        desktop: "var(--v16_45_1xgjmkv9)",
+        tablet: "var(--v16_45_1xgjmkva)",
+        mobile: "var(--v16_45_1xgjmkvb)"
     }
-};
+}, a = "v16_45_1xgjmkvc";

package/dist/box.css.d.ts

@@ -1,23 +1,23 @@
 export declare const vars: {
     paddingTop: {
-        desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        desktop: `var(--${string})`;
+        tablet: `var(--${string})`;
+        mobile: `var(--${string})`;
     };
     paddingBottom: {
-        desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        desktop: `var(--${string})`;
+        tablet: `var(--${string})`;
+        mobile: `var(--${string})`;
     };
     paddingLeft: {
-        desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        desktop: `var(--${string})`;
+        tablet: `var(--${string})`;
+        mobile: `var(--${string})`;
     };
     paddingRight: {
-        desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        desktop: `var(--${string})`;
+        tablet: `var(--${string})`;
+        mobile: `var(--${string})`;
     };
 };
 export declare const box: string;