@telefonica/mistica 14.43.0 → 14.45.0

package/dist/skins/tu.js

@@ -0,0 +1,362 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getTuSkin: function() {
+        return d;
+    },
+    palette: function() {
+        return e;
+    }
+});
+const _constants = require("./constants.js");
+const _color = require("../utils/color.js");
+const e = {
+    primary: "#2B3447",
+    primary10: "#EAEBED",
+    primary15: "#D5D6DA",
+    primary45: "#555D6C",
+    primary65: "#202735",
+    primary80: "#161A24",
+    blue: "#4343FF",
+    blue10: "#ECECFF",
+    blue20: "#C7C7FF",
+    blue30: "#A1A1FF",
+    blue70: "#3232B9",
+    orange: "#EFE384",
+    orange20: "#FAF7DA",
+    orange55: "#D5C77D",
+    orange65: "#BBAF6F",
+    orange70: "#958946",
+    red: "#CB4D3A",
+    red10: "#FAEDEB",
+    red40: "#DB8275",
+    red55: "#BB4736",
+    red70: "#8E3629",
+    red80: "#5B231A",
+    purple: "#7274E7",
+    purple10: "#F1F1FD",
+    purple40: "#9C9EEE",
+    purple70: "#5051A2",
+    green: "#00D19D",
+    green10: "#E5FAF5",
+    green40: "#A1DFCF",
+    green75: "#007D5E",
+    grey1: "#F2F4FF",
+    grey2: "#D1D5E4",
+    grey3: "#B0B6CA",
+    grey4: "#8F97AF",
+    grey5: "#6E7894",
+    grey6: "#58617A",
+    grey7: "#414B61",
+    grey8: "#2B3447",
+    grey9: "#031A34",
+    white: "#FFFFFF",
+    darkModeBlack: "#161A24",
+    darkModeGrey: "#202735",
+    darkModeGrey6: "#2B3447"
+}, d = ()=>({
+        name: _constants.TU_SKIN,
+        colors: {
+            appBarBackground: e.white,
+            background: e.white,
+            backgroundContainer: e.white,
+            backgroundContainerHover: (0, _color.applyAlpha)(e.grey9, 0.03),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.grey9, 0.05),
+            backgroundContainerBrand: e.primary,
+            backgroundContainerBrandHover: (0, _color.applyAlpha)(e.grey9, 0.2),
+            backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.grey9, 0.4),
+            backgroundContainerBrandOverInverse: e.primary80,
+            backgroundContainerAlternative: e.grey1,
+            backgroundBrand: e.primary,
+            backgroundBrandSecondary: e.blue,
+            backgroundOverlay: (0, _color.applyAlpha)(e.primary, 0.8),
+            backgroundSkeleton: e.grey2,
+            backgroundSkeletonInverse: e.primary65,
+            navigationBarBackground: e.primary,
+            backgroundAlternative: e.grey1,
+            backgroundFeedbackBottom: e.primary,
+            skeletonWave: e.grey2,
+            borderLow: e.grey1,
+            border: e.grey2,
+            borderHigh: e.grey5,
+            borderSelected: e.blue,
+            coverBackgroundHover: (0, _color.applyAlpha)(e.grey9, 0.25),
+            coverBackgroundPressed: (0, _color.applyAlpha)(e.grey9, 0.35),
+            buttonDangerBackground: e.red,
+            buttonDangerBackgroundSelected: e.red55,
+            buttonDangerBackgroundHover: e.red55,
+            buttonLinkDangerBackgroundSelected: e.red10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.red10,
+            buttonLinkBackgroundSelected: e.blue10,
+            buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonPrimaryBackground: e.primary,
+            buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundSelected: e.primary45,
+            buttonPrimaryBackgroundHover: e.primary45,
+            buttonPrimaryBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.8),
+            buttonSecondaryBorder: e.blue,
+            buttonSecondaryBorderSelected: e.blue70,
+            buttonSecondaryBackgroundHover: e.blue10,
+            buttonSecondaryBackgroundSelected: e.blue10,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
+            buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.1),
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.primary,
+            textButtonPrimaryInverseSelected: e.primary,
+            textButtonSecondary: e.blue,
+            textButtonSecondarySelected: e.blue70,
+            textButtonSecondaryInverse: e.white,
+            textButtonSecondaryInverseSelected: e.white,
+            textLink: e.blue,
+            textLinkInverse: e.white,
+            textLinkDanger: e.red,
+            textLinkSnackbar: e.white,
+            control: e.grey5,
+            controlActivated: e.primary,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
+            controlError: e.red,
+            barTrack: e.grey2,
+            loadingBar: e.green40,
+            loadingBarBackground: e.green,
+            toggleAndroidInactive: e.grey2,
+            toggleAndroidBackgroundActive: e.primary15,
+            iosControlKnob: e.white,
+            divider: e.grey2,
+            dividerInverse: (0, _color.applyAlpha)(e.white, 0.2),
+            navigationBarDivider: e.grey2,
+            badge: e.blue,
+            feedbackErrorBackground: e.red,
+            feedbackInfoBackground: e.primary,
+            brand: e.blue,
+            brandHigh: e.blue70,
+            brandLow: e.blue10,
+            inverse: e.white,
+            neutralHigh: e.grey9,
+            neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
+            neutralLow: e.grey1,
+            neutralLowAlternative: e.grey2,
+            textPrimary: e.grey9,
+            textPrimaryInverse: e.white,
+            textSecondary: e.grey6,
+            textSecondaryInverse: e.grey3,
+            error: e.red,
+            success: e.green,
+            warning: e.orange,
+            promo: e.blue,
+            highlight: e.red40,
+            successLow: e.green10,
+            warningLow: e.orange20,
+            errorLow: e.red10,
+            promoLow: e.blue10,
+            successHigh: e.green75,
+            warningHigh: e.orange70,
+            errorHigh: e.red70,
+            promoHigh: e.blue,
+            successHighInverse: e.green75,
+            warningHighInverse: e.orange70,
+            errorHighInverse: e.red70,
+            promoHighInverse: e.blue,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.grey1,
+            textNavigationSearchBarHint: e.grey1,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey6,
+            textAppBarSelected: e.primary,
+            customTabsBackground: e.white
+        },
+        darkModeColors: {
+            background: e.darkModeBlack,
+            backgroundAlternative: e.darkModeBlack,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
+            backgroundContainer: e.darkModeGrey,
+            backgroundContainerHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundContainerBrandOverInverse: e.darkModeGrey,
+            backgroundContainerAlternative: e.darkModeGrey,
+            backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
+            backgroundSkeleton: e.darkModeGrey6,
+            backgroundSkeletonInverse: e.darkModeGrey6,
+            backgroundFeedbackBottom: e.darkModeBlack,
+            appBarBackground: e.darkModeGrey,
+            navigationBarBackground: e.darkModeBlack,
+            skeletonWave: e.grey5,
+            borderLow: e.darkModeBlack,
+            border: e.darkModeGrey,
+            borderHigh: e.grey5,
+            borderSelected: e.blue30,
+            coverBackgroundHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.red,
+            buttonDangerBackgroundSelected: e.red80,
+            buttonDangerBackgroundHover: e.red80,
+            buttonLinkBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonPrimaryBackground: e.grey2,
+            buttonPrimaryBackgroundInverse: e.grey2,
+            buttonPrimaryBackgroundSelected: e.grey3,
+            buttonPrimaryBackgroundHover: e.grey3,
+            buttonPrimaryBackgroundInverseSelected: e.blue70,
+            buttonSecondaryBackgroundSelected: (0, _color.applyAlpha)(e.grey2, 0.15),
+            buttonSecondaryBorder: e.grey2,
+            buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.grey2, 0.15),
+            buttonSecondaryBorderSelected: e.grey2,
+            buttonSecondaryBorderInverse: e.grey2,
+            buttonSecondaryBorderInverseSelected: e.grey2,
+            buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.grey2, 0.15),
+            buttonSecondaryBackgroundInverseSelected: (0, _color.applyAlpha)(e.grey2, 0.15),
+            textButtonPrimary: e.primary,
+            textButtonPrimaryInverse: e.primary,
+            textButtonPrimaryInverseSelected: e.primary,
+            textButtonSecondary: e.grey2,
+            textButtonSecondarySelected: e.grey2,
+            textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryInverseSelected: e.grey2,
+            textLink: e.blue30,
+            textLinkInverse: e.blue30,
+            textLinkDanger: e.red,
+            textLinkSnackbar: e.blue30,
+            control: e.darkModeGrey6,
+            controlActivated: e.blue30,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.blue30,
+            controlError: e.red,
+            loadingBar: e.blue,
+            loadingBarBackground: e.blue20,
+            toggleAndroidInactive: e.grey4,
+            toggleAndroidBackgroundActive: e.blue20,
+            iosControlKnob: e.grey2,
+            divider: (0, _color.applyAlpha)(e.white, 0.05),
+            dividerInverse: (0, _color.applyAlpha)(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            badge: e.red70,
+            feedbackErrorBackground: e.red,
+            feedbackInfoBackground: e.darkModeGrey,
+            brand: e.blue30,
+            brandHigh: (0, _color.applyAlpha)(e.white, 0.05),
+            inverse: e.grey2,
+            neutralHigh: e.grey2,
+            neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
+            neutralLow: e.darkModeGrey6,
+            neutralLowAlternative: e.darkModeGrey6,
+            textPrimary: e.grey2,
+            textPrimaryInverse: e.grey2,
+            textSecondary: e.grey4,
+            textSecondaryInverse: e.grey4,
+            error: e.red,
+            success: e.green,
+            warning: e.orange,
+            promo: e.blue,
+            highlight: e.red40,
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
+            successHigh: e.green40,
+            warningHigh: e.orange55,
+            errorHigh: e.red40,
+            promoHigh: e.blue30,
+            successHighInverse: e.green75,
+            warningHighInverse: e.orange70,
+            errorHighInverse: e.red70,
+            promoHighInverse: e.blue70,
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            customTabsBackground: e.darkModeBlack
+        },
+        borderRadii: {
+            avatar: "50%",
+            bar: "999px",
+            button: "999px",
+            checkbox: "2px",
+            container: "16px",
+            indicator: "999px",
+            input: "12px",
+            legacyDisplay: "16px",
+            popup: "8px",
+            sheet: "16px",
+            mediaSmall: "8px"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "medium"
+            },
+            button: {
+                weight: "medium"
+            },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            title2: {
+                weight: "medium",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
+            },
+            indicator: {
+                weight: "medium"
+            },
+            navigationBar: {
+                weight: "medium"
+            },
+            text5: {
+                weight: "medium"
+            },
+            text6: {
+                weight: "medium"
+            },
+            text7: {
+                weight: "medium"
+            },
+            text8: {
+                weight: "medium"
+            },
+            text9: {
+                weight: "medium"
+            },
+            text10: {
+                weight: "medium"
+            }
+        }
+    });

package/dist/skins/types/index.d.ts

@@ -1,7 +1,7 @@
 import type { Colors } from './colors';
 export type { Colors } from './colors';
 export type SkinVariant = 'prominent';
-export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau';
+export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';

package/dist/skins/utils.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     flattenChildren: function() {
-        return O;
+        return A;
     },
     getSkinByName: function() {
-        return C;
+        return d;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -25,6 +25,7 @@ const _vivonew = require("./vivo-new.js");
 const _o2 = require("./o2.js");
 const _o2classic = require("./o2-classic.js");
 const _movistar = require("./movistar.js");
+const _tu = require("./tu.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -66,7 +67,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const C = (r, o)=>{
+const d = (r, o)=>{
     switch(r){
         case _constants.BLAU_SKIN:
             return (0, _blau.getBlauSkin)();
@@ -82,7 +83,9 @@ const C = (r, o)=>{
             return (0, _o2classic.getO2ClassicSkin)();
         case _constants.MOVISTAR_SKIN:
             return (0, _movistar.getMovistarSkin)();
+        case _constants.TU_SKIN:
+            return (0, _tu.getTuSkin)();
         default:
             throw Error("Unknown skin name: " + r);
     }
-}, O = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(O(e.props.children)) : (t.push(e), t), []);
+}, A = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(A(e.props.children)) : (t.push(e), t), []);

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var y = "_1wy08671 _1y2v1nf6h _1y2v1nf7q _1y2v1nfgj _1y2v1nfgn _1y2v1nfgx _1y2v1nfgr _1y2v1nfie _1y2v1nfae";
+var y = "_1wy08671 _1y2v1nf6h _1y2v1nf7q _1y2v1nfgj _1y2v1nfgn _1y2v1nfgx _1y2v1nfgr _1y2v1nfie";

package/dist/tag.d.ts

@@ -6,6 +6,7 @@ export type TagProps = {
     children: string;
     Icon?: React.FC<IconProps>;
     dataAttributes?: DataAttributes;
+    badge?: boolean | number;
 };
 declare const Tag: React.FC<TagProps>;
 export default Tag;

package/dist/tag.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return D;
+        return F;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -20,6 +20,7 @@ const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _hooks = require("./hooks.js");
+const _badge = /*#__PURE__*/ _interop_require_default(require("./badge.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -77,11 +78,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const { colors: r } = _skincontractcssmistica.vars, k = (param)=>{
-    let { Icon: o, children: s, dataAttributes: c, type: g = "promo" } = param;
-    const { textPresets: l } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useThemeVariant)(), t = i === "inverse";
-    if (!s) return null;
-    const p = {
+const { colors: r } = _skincontractcssmistica.vars, y = (param)=>{
+    let { Icon: o, children: n, dataAttributes: d, type: u = "promo", badge: a } = param;
+    const { textPresets: h } = (0, _hooks.useTheme)(), m = (0, _themevariantcontext.useThemeVariant)(), i = m === "inverse", t = a === !0 ? void 0 : a || 0;
+    if (!n) return null;
+    const f = {
         // [textColor, inverseTextColor, backgroundColor]
         promo: [
             r.promoHigh,
@@ -96,7 +97,7 @@ const { colors: r } = _skincontractcssmistica.vars, k = (param)=>{
         inactive: [
             r.neutralMedium,
             r.neutralMediumInverse,
-            i === "alternative" ? r.neutralLowAlternative : r.neutralLow
+            m === "alternative" ? r.neutralLowAlternative : r.neutralLow
         ],
         success: [
             r.successHigh,
@@ -113,34 +114,46 @@ const { colors: r } = _skincontractcssmistica.vars, k = (param)=>{
             r.errorHighInverse,
             r.errorLow
         ]
-    }, [n, a, u] = p[g];
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(c, "Tag")), {
+    }, [l, c, v] = f[u];
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(d, "Tag")), {
         className: (0, _classnames.default)(_tagcssmistica.tag, (0, _sprinklescssmistica.sprinkles)({
             paddingLeft: o ? 8 : 12,
-            background: t ? r.inverse : u
+            paddingRight: t !== 0 ? 8 : 12,
+            background: i ? r.inverse : v
         })),
         children: [
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(o, {
-                    color: t ? a : n,
+                    color: i ? c : l,
                     size: (0, _css.pxToRem)(16),
                     className: (0, _sprinklescssmistica.sprinkles)({
                         display: "block"
                     })
                 })
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
+            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
                 isInverse: !1,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                    color: t ? a : n,
-                    size: 14,
-                    lineHeight: 20,
-                    weight: l.indicator.weight,
-                    truncate: !0,
-                    children: s
-                })
+                children: [
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
+                        color: i ? c : l,
+                        size: 14,
+                        lineHeight: 20,
+                        weight: h.indicator.weight,
+                        truncate: !0,
+                        children: n
+                    }),
+                    t !== 0 && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: 4,
+                        className: (0, _sprinklescssmistica.sprinkles)({
+                            display: "inline-flex"
+                        }),
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                            value: t
+                        })
+                    })
+                ]
             })
         ]
     }));
-}, D = k;
+}, F = y;

package/dist/utils/css.d.ts

@@ -4,4 +4,3 @@ export declare const safeAreaInsetLeft: string;
 export declare const safeAreaInsetTop: string;
 export declare const safeAreaInsetBottom: string;
 export declare const safeAreaInsetRight: string;
-export declare const fallbackStyles: (...values: Array<string>) => string;

package/dist/utils/css.js

@@ -10,16 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     applyCssVars: function() {
-        return p;
-    },
-    fallbackStyles: function() {
-        return o;
+        return i;
     },
     pxToRem: function() {
-        return f;
+        return o;
     },
     safeAreaInsetBottom: function() {
-        return v;
+        return c;
     }
 });
 const _dynamic = require("@vanilla-extract/dynamic");
@@ -52,15 +49,8 @@ function _object_spread(target) {
     }
     return target;
 }
-const n = 16, f = (e)=>`${(parseFloat(e) / n).toFixed(3)}rem`, p = (e)=>_object_spread({}, (0, _dynamic.assignInlineVars)(e));
+const s = 16, o = (a)=>`${(parseFloat(a) / s).toFixed(3)}rem`, i = (a)=>_object_spread({}, (0, _dynamic.assignInlineVars)(a));
 (0, _platform.isRunningAcceptanceTest)();
 (0, _platform.isRunningAcceptanceTest)();
-const v = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset-bottom, 0px))" : "env(safe-area-inset-bottom)";
+const c = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset-bottom, 0px))" : "env(safe-area-inset-bottom)";
 (0, _platform.isRunningAcceptanceTest)();
-const o = function() {
-    for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
-        e[_key] = arguments[_key];
-    }
-    const [a, ...t] = e.filter(Boolean);
-    return !(a != null && a.startsWith("var(")) || !t.length ? a !== null && a !== void 0 ? a : "" : a.replace(/\)$/, "") + ", " + (t.length > 1 ? o(...t) : t[0]) + ")";
-};