@telefonica/mistica 14.11.0 → 14.13.0

package/dist-es/skeletons.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,7 +21,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -39,7 +39,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -50,14 +50,14 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import r from "./skeleton-base.js";
 import c from "./stack.js";
 import { getPrefixedDataAttributes as d } from "./utils/dom.js";
 import { row as m, circle as h, line as u, animation as k } from "./skeletons.css-mistica.js";
-import { jsx as e, jsxs as s } from "./_virtual/jsx-runtime.js";
 const o = (param)=>/* @__PURE__ */ {
     let { children: n , ariaLabel: t , dataAttributes: i , width: a , height: l  } = param;
-    return e("div", _objectSpreadProps(_objectSpread({
+    return e("div", _object_spread_props(_object_spread({
         className: k,
         role: "status",
         "aria-busy": !0,
@@ -75,7 +75,7 @@ const o = (param)=>/* @__PURE__ */ {
     return e(o, {
         width: n,
         ariaLabel: t,
-        dataAttributes: _objectSpread({
+        dataAttributes: _object_spread({
             "component-name": "SkeletonLine"
         }, i),
         children: /* @__PURE__ */ e(r, {
@@ -87,7 +87,7 @@ const o = (param)=>/* @__PURE__ */ {
     return e(o, {
         width: "100%",
         ariaLabel: n,
-        dataAttributes: _objectSpread({
+        dataAttributes: _object_spread({
             "component-name": "SkeletonText"
         }, t),
         children: /* @__PURE__ */ s(c, {
@@ -107,7 +107,7 @@ const o = (param)=>/* @__PURE__ */ {
         width: t,
         height: t,
         ariaLabel: n,
-        dataAttributes: _objectSpread({
+        dataAttributes: _object_spread({
             "component-name": "SkeletonCircle"
         }, i),
         children: /* @__PURE__ */ e(r, {
@@ -121,7 +121,7 @@ const o = (param)=>/* @__PURE__ */ {
     return e(o, {
         width: n,
         ariaLabel: t,
-        dataAttributes: _objectSpread({
+        dataAttributes: _object_spread({
             "component-name": "SkeletonRow"
         }, i),
         children: /* @__PURE__ */ s("div", {
@@ -146,7 +146,7 @@ const o = (param)=>/* @__PURE__ */ {
         height: t,
         width: n,
         ariaLabel: i,
-        dataAttributes: _objectSpread({
+        dataAttributes: _object_spread({
             "component-name": "SkeletonRectangle"
         }, a),
         children: /* @__PURE__ */ e(r, {

package/dist-es/skins/blau.js

@@ -268,7 +268,7 @@ const e = {
         },
         textPresets: {
             cardTitle: {
-                weight: "light"
+                weight: "regular"
             },
             text5: {
                 weight: "light"

package/dist-es/skins/constants.js

@@ -1,2 +1,2 @@
-const o = "Movistar", I = "Movistar", s = "O2", S = "O2-classic", c = "Vivo", t = "Telefonica", _ = "Blau";
-export { _ as BLAU_SKIN, I as MOVISTAR_LEGACY_SKIN, o as MOVISTAR_SKIN, S as O2_CLASSIC_SKIN, s as O2_SKIN, t as TELEFONICA_SKIN, c as VIVO_SKIN };
+const o = "Movistar", I = "Movistar", s = "O2", S = "O2-classic", c = "Vivo", t = "Vivo-new", _ = "Telefonica", n = "Blau";
+export { n as BLAU_SKIN, I as MOVISTAR_LEGACY_SKIN, o as MOVISTAR_SKIN, S as O2_CLASSIC_SKIN, s as O2_SKIN, _ as TELEFONICA_SKIN, t as VIVO_NEW_SKIN, c as VIVO_SKIN };

package/dist-es/skins/o2-classic.js

@@ -47,12 +47,14 @@ const e = {
     grey5: "#757575",
     grey6: "#000033",
     white: "#FFFFFF",
+    // specific for dark mode:
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
 }, d = ()=>({
         name: o,
         colors: {
+            // BACKGROUNDS
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
@@ -72,12 +74,14 @@ const e = {
             backgroundAlternative: e.grey1,
             backgroundFeedbackBottom: e.o2GradientFourth,
             skeletonWave: e.grey2,
+            // BORDERS
             borderLow: e.grey1,
             border: e.grey3,
             borderHigh: e.grey5,
             borderSelected: e.o2Gem,
             coverBackgroundHover: r(e.darkModeBlack, 0.25),
             coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            // BUTTONS
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
@@ -107,20 +111,27 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.o2SkyBlueLight,
+            // CONTROLS
             control: e.grey3,
             controlActivated: e.o2Gem,
             controlError: e.pepper,
             loadingBar: e.o2Gem,
             loadingBarBackground: e.o2GemLight30,
             toggleAndroidInactive: e.grey2,
+            // web only
             toggleAndroidBackgroundActive: e.o2GemLight30,
+            // web only
             iosControlKnob: e.white,
+            // web only
+            // DIVIDERS
             divider: e.grey2,
             dividerInverse: r(e.white, 0.2),
             navigationBarDivider: e.o2Blue,
+            // FEEDBACKS
             badge: e.pepper55,
             feedbackErrorBackground: e.pepper,
             feedbackInfoBackground: e.grey6,
+            // GLOBAL
             brand: e.o2Blue,
             brandHigh: e.o2Blue55,
             inverse: e.white,
@@ -134,15 +145,20 @@ const e = {
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
             textSecondaryInverse: e.o2SkyBlueLight20,
+            // STATES
             error: e.pepper,
             success: e.o2Green,
             warning: e.orange,
+            // BARS TEXTS
             textNavigationBarPrimary: e.white,
             textNavigationBarSecondary: e.o2Blue45,
             textNavigationSearchBarHint: e.o2Blue45,
+            // iOS only
             textNavigationSearchBarText: e.white,
+            // iOS only
             textAppBar: e.grey4,
             textAppBarSelected: e.o2Blue,
+            // TAGS
             successLow: e.o2Green10,
             warningLow: e.orange10,
             errorLow: e.pepper10,
@@ -233,6 +249,7 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
+            // TAGS
             successLow: e.darkModeGrey6,
             warningLow: e.darkModeGrey6,
             errorLow: e.darkModeGrey6,

package/dist-es/skins/o2.js

@@ -272,7 +272,7 @@ const e = {
         },
         textPresets: {
             cardTitle: {
-                weight: "light"
+                weight: "regular"
             },
             text5: {
                 weight: "light"

package/dist-es/skins/utils.js

@@ -1,27 +1,30 @@
 import * as n from "react";
-import { MOVISTAR_SKIN as i, O2_CLASSIC_SKIN as a, O2_SKIN as c, VIVO_SKIN as m, TELEFONICA_SKIN as s, BLAU_SKIN as S } from "./constants.js";
-import { getBlauSkin as p } from "./blau.js";
-import { getTelefonicaSkin as u } from "./telefonica.js";
+import { MOVISTAR_SKIN as i, O2_CLASSIC_SKIN as a, O2_SKIN as m, VIVO_NEW_SKIN as c, VIVO_SKIN as s, TELEFONICA_SKIN as S, BLAU_SKIN as p } from "./constants.js";
+import { getBlauSkin as u } from "./blau.js";
+import { getTelefonicaSkin as I } from "./telefonica.js";
 import { getVivoSkin as f } from "./vivo.js";
-import { getO2Skin as I } from "./o2.js";
-import { getO2ClassicSkin as k } from "./o2-classic.js";
-import { getMovistarSkin as g } from "./movistar.js";
+import { getVivoNewSkin as N } from "./vivo-new.js";
+import { getO2Skin as k } from "./o2.js";
+import { getO2ClassicSkin as g } from "./o2-classic.js";
+import { getMovistarSkin as _ } from "./movistar.js";
 const C = (r, o)=>{
     switch(r){
+        case p:
+            return u();
         case S:
-            return p();
+            return I();
         case s:
-            return u();
-        case m:
             return f();
         case c:
-            return I();
-        case a:
+            return N();
+        case m:
             return k();
-        case i:
+        case a:
             return g();
+        case i:
+            return _();
         default:
             throw Error("Unknown skin name: " + r);
     }
-}, N = (r)=>n.Children.toArray(r).reduce((t, e)=>e.type === n.Fragment ? t.concat(N(e.props.children)) : (t.push(e), t), []);
-export { N as flattenChildren, C as getSkinByName };
+}, O = (r)=>n.Children.toArray(r).reduce((t, e)=>e.type === n.Fragment ? t.concat(O(e.props.children)) : (t.push(e), t), []);
+export { O as flattenChildren, C as getSkinByName };

package/dist-es/skins/vivo-new.js

@@ -0,0 +1,291 @@
+import { VIVO_NEW_SKIN as o } from "./constants.js";
+import { applyAlpha as r } from "../utils/color.js";
+const e = {
+    vivoPurple: "#660099",
+    vivoPurpleDark: "#461E5F",
+    vivoPurpleLight10: "#EFE5F4",
+    vivoPurpleLight20: "#E0CCEB",
+    vivoPurpleLight50: "#B280CC",
+    vivoPurpleLight80: "#8433AD",
+    vivoPurpleLight90: "#751AA3",
+    vivoGreen: "#99CC33",
+    vivoGreenDark: "#225C3D",
+    vivoGreenLight10: "#EDF8E8",
+    vivoGreen25: "#D6EBAD",
+    vivoGreenLight30: "#91AE9E",
+    vivoBlue: "#00ABDB",
+    orange: "#FF9900",
+    orange25: "#FFD699",
+    orangeDark: "#972A1D",
+    orangeLight10: "#FFEFE1",
+    orangeLight40: "#FFB84C",
+    pink: "#EB3D7D",
+    pepper: "#CC1F59",
+    pepperDark: "#B71D63",
+    pepperDark80: "#8F2052",
+    pepperLight10: "#FCE4EF",
+    pepperLight30: "#F7B1CB",
+    pepperLight40: "#DB628B",
+    grey1: "#F6F6F6",
+    grey2: "#EEEEEE",
+    grey3: "#DDDDDD",
+    grey4: "#999999",
+    grey5: "#666666",
+    grey6: "#000000",
+    white: "#FFFFFF",
+    darkModeBlack: "#191919",
+    darkModeGrey: "#242424",
+    darkModeGrey6: "#313235"
+}, i = ()=>({
+        name: o,
+        colors: {
+            background: e.white,
+            backgroundAlternative: e.grey1,
+            backgroundBrand: e.vivoPurple,
+            backgroundBrandSecondary: e.vivoPurple,
+            backgroundContainer: e.white,
+            backgroundContainerHover: r(e.darkModeBlack, 0.03),
+            backgroundContainerPressed: r(e.darkModeBlack, 0.05),
+            backgroundContainerBrand: e.vivoPurple,
+            backgroundContainerBrandHover: r(e.darkModeBlack, 0.2),
+            backgroundContainerBrandPressed: r(e.darkModeBlack, 0.4),
+            backgroundContainerBrandOverInverse: e.vivoPurpleDark,
+            backgroundContainerAlternative: e.grey1,
+            backgroundOverlay: r(e.grey6, 0.6),
+            backgroundSkeleton: e.grey2,
+            backgroundSkeletonInverse: e.vivoPurpleDark,
+            backgroundFeedbackBottom: e.vivoPurple,
+            appBarBackground: e.white,
+            navigationBarBackground: e.vivoPurple,
+            skeletonWave: e.grey2,
+            borderLow: e.grey1,
+            border: e.grey3,
+            borderHigh: e.grey5,
+            borderSelected: e.vivoPurple,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.pepper,
+            buttonDangerBackgroundSelected: e.pepperDark,
+            buttonDangerBackgroundHover: e.pepperDark,
+            buttonLinkBackgroundSelected: e.vivoPurpleLight10,
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.1),
+            buttonPrimaryBackground: e.vivoPurple,
+            buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
+            buttonPrimaryBackgroundHover: e.vivoPurpleDark,
+            buttonPrimaryBackgroundInverseSelected: e.vivoPurpleLight50,
+            buttonSecondaryBorder: e.vivoPurple,
+            buttonSecondaryBorderSelected: e.vivoPurpleDark,
+            buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
+            buttonSecondaryBackgroundSelected: e.vivoPurpleLight10,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
+            buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.vivoPurple,
+            textButtonPrimaryInverseSelected: e.vivoPurple,
+            textButtonSecondary: e.vivoPurple,
+            textButtonSecondarySelected: e.vivoPurpleDark,
+            textButtonSecondaryInverse: e.white,
+            textButtonSecondaryInverseSelected: e.white,
+            textLink: e.vivoPurple,
+            textLinkInverse: e.white,
+            textLinkDanger: e.pepper,
+            textLinkSnackbar: e.vivoPurpleLight20,
+            control: e.grey3,
+            controlActivated: e.vivoPurple,
+            controlError: e.pepper,
+            loadingBar: e.pink,
+            loadingBarBackground: e.pepperLight30,
+            toggleAndroidInactive: e.grey2,
+            toggleAndroidBackgroundActive: e.vivoPurpleLight20,
+            iosControlKnob: e.white,
+            divider: e.grey2,
+            dividerInverse: r(e.white, 0.2),
+            navigationBarDivider: e.vivoPurple,
+            badge: e.pepperDark,
+            feedbackErrorBackground: e.pepper,
+            feedbackInfoBackground: e.vivoPurpleDark,
+            brand: e.vivoPurple,
+            brandHigh: e.vivoPurpleDark,
+            inverse: e.white,
+            neutralHigh: e.grey6,
+            neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
+            neutralLow: e.grey1,
+            neutralLowAlternative: e.grey2,
+            textPrimary: e.grey6,
+            textPrimaryInverse: e.white,
+            textSecondary: e.grey5,
+            textSecondaryInverse: e.vivoPurpleLight20,
+            success: e.vivoGreen,
+            warning: e.orange,
+            error: e.pepper,
+            promo: e.vivoPurple,
+            highlight: e.pink,
+            successLow: e.vivoGreenLight10,
+            warningLow: e.orangeLight10,
+            errorLow: e.pepperLight10,
+            promoLow: e.vivoPurpleLight10,
+            brandLow: e.vivoPurpleLight10,
+            successHigh: e.vivoGreenDark,
+            warningHigh: e.orangeDark,
+            errorHigh: e.pepperDark80,
+            promoHigh: e.vivoPurple,
+            successHighInverse: e.vivoGreenDark,
+            warningHighInverse: e.orangeDark,
+            errorHighInverse: e.pepperDark80,
+            promoHighInverse: e.vivoPurple,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.vivoPurpleLight50,
+            textNavigationSearchBarHint: e.vivoPurpleLight50,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.vivoPurple,
+            customTabsBackground: e.vivoPurple
+        },
+        darkModeColors: {
+            background: e.darkModeBlack,
+            backgroundAlternative: e.darkModeGrey,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
+            backgroundContainer: e.darkModeGrey,
+            backgroundContainerHover: r(e.white, 0.03),
+            backgroundContainerPressed: r(e.white, 0.05),
+            backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: r(e.white, 0.03),
+            backgroundContainerBrandPressed: r(e.white, 0.05),
+            backgroundContainerBrandOverInverse: e.darkModeGrey,
+            backgroundContainerAlternative: e.darkModeGrey,
+            backgroundOverlay: r(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.vivoPurple,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.pepper,
+            buttonDangerBackgroundSelected: e.pepperDark,
+            buttonDangerBackgroundHover: e.pepperDark,
+            buttonLinkBackgroundSelected: r(e.white, 0.08),
+            buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
+            buttonPrimaryBackground: e.vivoPurpleLight80,
+            buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
+            buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
+            buttonPrimaryBackgroundHover: e.vivoPurpleDark,
+            buttonPrimaryBackgroundInverseSelected: e.vivoPurpleDark,
+            buttonSecondaryBackgroundHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
+            buttonSecondaryBorder: e.white,
+            buttonSecondaryBorderSelected: e.white,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
+            buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
+            textButtonPrimary: e.grey2,
+            textButtonPrimaryInverse: e.grey2,
+            textButtonPrimaryInverseSelected: e.grey2,
+            textButtonSecondary: e.grey2,
+            textButtonSecondarySelected: e.grey2,
+            textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryInverseSelected: e.grey2,
+            textLink: e.vivoPurpleLight50,
+            textLinkInverse: e.vivoPurpleLight50,
+            textLinkDanger: e.pepper,
+            textLinkSnackbar: e.vivoPurpleLight50,
+            control: e.darkModeGrey6,
+            controlActivated: e.vivoPurpleLight80,
+            controlError: e.pepper,
+            loadingBar: e.vivoPurpleLight80,
+            loadingBarBackground: e.darkModeGrey6,
+            toggleAndroidInactive: e.grey4,
+            toggleAndroidBackgroundActive: e.vivoPurpleLight50,
+            iosControlKnob: e.grey2,
+            divider: r(e.white, 0.05),
+            dividerInverse: r(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            badge: e.pepperDark,
+            feedbackErrorBackground: e.pepper,
+            feedbackInfoBackground: e.grey6,
+            brand: e.vivoPurpleLight80,
+            brandHigh: r(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,
+            success: e.vivoGreen,
+            warning: e.orange,
+            error: e.pepper,
+            promo: e.vivoPurpleLight80,
+            highlight: e.pink,
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
+            successHigh: e.vivoGreenLight30,
+            warningHigh: e.orangeLight40,
+            errorHigh: e.pepperLight40,
+            promoHigh: e.vivoPurpleLight50,
+            successHighInverse: e.vivoGreenDark,
+            warningHighInverse: e.orangeDark,
+            errorHighInverse: e.pepperDark80,
+            promoHighInverse: e.vivoPurple,
+            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"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "regular"
+            },
+            text5: {
+                weight: "regular"
+            },
+            text6: {
+                weight: "regular"
+            },
+            text7: {
+                weight: "regular"
+            },
+            text8: {
+                weight: "regular"
+            },
+            text9: {
+                weight: "regular"
+            },
+            text10: {
+                weight: "regular"
+            }
+        }
+    });
+export { i as getVivoNewSkin, e as palette };

package/dist-es/skins/vivo.js

@@ -266,7 +266,7 @@ const e = {
         },
         textPresets: {
             cardTitle: {
-                weight: "light"
+                weight: "regular"
             },
             text5: {
                 weight: "light"

package/dist-es/snackbar.css-mistica.js

@@ -1,4 +1,4 @@
-import "./sprinkles.css.ts.vanilla.js";
-import "./snackbar.css.ts.vanilla.js";
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./snackbar.css.ts.vanilla.css-mistica.js";
 var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf8b _1y2v1nf64 _1y2v1nf6d", p = "o7bjb02", y = "o7bjb04 _1y2v1nf61 _1y2v1nfad", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";
 export { n as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, t as content, _ as longButton, f as snackbar, p as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };