@telefonica/mistica 16.1.1 → 16.3.0

package/dist/logo.js

@@ -11,28 +11,28 @@ function _export(target, all) {
 }
 _export(exports, {
     BlauLogo: function() {
-        return G;
+        return R;
     },
     Logo: function() {
-        return C;
+        return E;
     },
     MovistarLogo: function() {
-        return E;
+        return F;
     },
     O2Logo: function() {
-        return H;
+        return _;
     },
     O2NewLogo: function() {
-        return _;
+        return j;
     },
     TelefonicaLogo: function() {
-        return j;
+        return G;
     },
     TuLogo: function() {
-        return R;
+        return S;
     },
     VivoLogo: function() {
-        return F;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -169,65 +169,72 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = 48, T = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), N = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), k = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), i = (param)=>{
-    let { size: o, skinName: r, type: t = "isotype" } = param;
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { isDarkMode: m } = (0, _hooks.useTheme)();
-    switch(r){
+const i = 48, I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), N = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), k = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), b = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), c = (param)=>{
+    let { size: o, skinName: n, type: t = "isotype", color: a } = param;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { isDarkMode: l } = (0, _hooks.useTheme)();
+    switch(n){
         case "Movistar":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "Vivo":
         case "Vivo-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "O2":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(N, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "O2-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "Telefonica":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "Blau":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         case "Tu":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
                 size: o,
                 type: t,
-                isDarkMode: m,
-                isInverse: a
+                isDarkMode: l,
+                isInverse: r,
+                color: a
             });
         default:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
     }
-}, c = (o)=>{
-    const r = (0, _dom.getPrefixedDataAttributes)(o.dataAttributes, "Logo");
+}, m = (o)=>{
+    const n = (0, _dom.getPrefixedDataAttributes)(o.dataAttributes, "Logo");
     return o.to || o.href || o.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread({}, o)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _logocssmistica.svg,
@@ -237,121 +244,137 @@ const s = 48, T = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__
         }),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: _logocssmistica.logoContainer
-        }, r), {
+        }, n), {
             children: o.children
         }))
     });
-}, C = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, E = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    const { skinName: a } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    const { skinName: r } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
-            skinName: a,
-            type: r,
-            size: o
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+            skinName: r,
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, E = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, F = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "Movistar",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, F = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, H = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "Vivo",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, H = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, _ = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "O2",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, _ = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, j = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "O2-new",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, j = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, G = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "Telefonica",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, G = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, R = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "Blau",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
-}, R = (_param)=>{
-    var { size: o = s, type: r = "isotype" } = _param, t = _object_without_properties(_param, [
+}, S = (_param)=>{
+    var { size: o = i, type: n = "isotype", color: t } = _param, a = _object_without_properties(_param, [
         "size",
-        "type"
+        "type",
+        "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, _object_spread_props(_object_spread({
         size: o
-    }, t), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
             skinName: "Tu",
-            type: r,
-            size: o
+            type: n,
+            size: o,
+            color: t
         })
     }));
 };

package/dist/menu.css-mistica.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     iconContainer: function() {
-        return r;
+        return e;
     },
     itemContent: function() {
-        return v;
+        return n;
     },
     menuContainer: function() {
-        return n;
+        return r;
     },
     menuItem: function() {
-        return a;
+        return _;
     },
     menuItemDisabled: function() {
-        return t;
+        return a;
     },
     menuItemEnabled: function() {
-        return _;
+        return t;
     },
     menuItemHovered: function() {
         return u;
@@ -37,17 +37,17 @@ _export(exports, {
         return m;
     },
     vars: function() {
-        return o;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var r = "_2k0k3uj", v = "_2k0k3ui", n = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7m _1y2v1nf8v", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",
     exitActive: "_2k0k3uc"
-}, o = {
+}, f = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",

package/dist/menu.js

@@ -143,9 +143,9 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ne = ()=>_react.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
+}), Ne = ()=>_react.useContext(Q), y = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Re = (r, f)=>{
     if (!f) return null;
-    const d = D(r).indexOf(f);
+    const d = y(r).indexOf(f);
     return d < 0 ? null : d;
 }, qe = (param)=>{
     let { label: r, Icon: f, destructive: d, disabled: u, onPress: C, controlType: s, checked: p } = param;
@@ -236,8 +236,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     return r ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             r,
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingY: 8,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _menucssmistica.menuSectionDivider,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             })
@@ -249,20 +248,20 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
     _react.useEffect(()=>{
         const a = n == null ? void 0 : n.getBoundingClientRect();
         if (!i || !a || !s) return;
-        const { top: t, right: O, left: g, bottom: A } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
+        const { top: t, right: O, left: g, bottom: A } = a, T = i.scrollHeight, I = u === "left" ? g : void 0, F = u === "right" ? R.width - O : void 0, L = t - J, $ = A + J, D = R.height - $ - V, H = L - V, B = D > T, z = H > T, te = B || !z && D > H;
         N(te ? {
             left: I,
             right: F,
             top: `${$}px`,
             bottom: "auto",
-            maxHeight: B ? void 0 : H,
+            maxHeight: B ? void 0 : D,
             transformOrigin: "center top"
         } : {
             left: I,
             right: F,
             top: "auto",
             bottom: `${R.height - L}px`,
-            maxHeight: z ? void 0 : P,
+            maxHeight: z ? void 0 : H,
             transformOrigin: "center bottom"
         });
     }, [
@@ -286,13 +285,13 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
         className: _menucssmistica.menuContainer,
         close: ()=>p(!1)
     }, w = _react.useCallback(()=>{
-        const t = D(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
+        const t = y(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
         h(t < 0 ? null : t);
     }, [
         i
     ]), _ = _react.useCallback((a)=>{
         var T;
-        const t = D(i);
+        const t = y(i);
         a && t.reverse();
         const O = c === null ? -1 : a ? t.length - 1 - c : c;
         let g = t.findIndex((I, F)=>!I.getAttribute("aria-disabled") && F > O);
@@ -326,7 +325,7 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
                     break;
                 case _keys.SPACE:
                 case _keys.ENTER:
-                    (0, _dom.cancelEvent)(t), c !== null && D(i)[c].click();
+                    (0, _dom.cancelEvent)(t), c !== null && y(i)[c].click();
                     break;
                 case _keys.TAB:
                     (0, _dom.cancelEvent)(t);

package/dist/navigation-bar.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return _;
     },
     burgerMenuButton: function() {
-        return e;
+        return r;
     },
     burgerMenuTransition: function() {
-        return r;
+        return e;
     },
     desktopOnly: function() {
         return d;
@@ -34,10 +34,10 @@ _export(exports, {
         return f;
     },
     iconMenuOpen: function() {
-        return z;
+        return i;
     },
     lineHeightFix: function() {
-        return i;
+        return z;
     },
     logoContainer: function() {
         return t;
@@ -48,47 +48,50 @@ _export(exports, {
     navbarBorderColorVariants: function() {
         return h;
     },
-    navigationBarContent: function() {
+    navigationBarAction: function() {
         return l;
     },
+    navigationBarContent: function() {
+        return g;
+    },
     navigationBarContentRight: function() {
         return u;
     },
     section: function() {
-        return g;
+        return p;
     },
     selectedSectionVariantes: function() {
         return s;
     },
     spacer: function() {
-        return p;
+        return b;
     },
     spacerLarge: function() {
-        return b;
+        return k;
     },
     textWrapperVariants: function() {
-        return k;
+        return C;
     },
     topFixed: function() {
-        return C;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var y = "_1vcy5dz1 _1y2v1nfhe _1y2v1nfig _1y2v1nfiw", _ = "_1vcy5dz12 _1y2v1nfhg _1y2v1nfl2 _1y2v1nfl6 _1y2v1nfll _1y2v1nf3p", e = "_1vcy5dz10", r = {
-    entering: "_1vcy5dzs",
-    entered: "_1vcy5dzt",
-    exiting: "_1vcy5dzu",
-    exited: "_1vcy5dzv",
-    unmounted: "_1vcy5dzw"
-}, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhf", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhf", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhf", z = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhf", i = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfhk _1y2v1nfht", o = "_1vcy5dzx", h = {
+var y = "_1vcy5dz1 _1y2v1nfhe _1y2v1nfig _1y2v1nfiw", _ = "_1vcy5dz13 _1y2v1nfhg _1y2v1nfl2 _1y2v1nfl6 _1y2v1nfll _1y2v1nf3p", r = "_1vcy5dz11", e = {
+    entering: "_1vcy5dzt",
+    entered: "_1vcy5dzu",
+    exiting: "_1vcy5dzv",
+    exited: "_1vcy5dzw",
+    unmounted: "_1vcy5dzx"
+}, d = "_1vcy5dzn", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhf", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhf", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhf", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhf", z = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfhk _1y2v1nfht", o = "_1vcy5dzy", h = {
     default: "_1vcy5dzc _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7",
     noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7",
     menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7"
-}, l = "_1vcy5dzl", u = "_1vcy5dzn", g = "_1vcy5dzg _1y2v1nfa4 _1y2v1nfbd _1y2v1nfj3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfk2 _1y2v1nf7c", s = {
+}, l = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", g = "_1vcy5dzl", u = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa4 _1y2v1nfbd _1y2v1nfj3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfk2 _1y2v1nf7c", s = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, p = "_1y2v1nfj3 _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", k = {
+}, b = "_1y2v1nfj3 _1vcy5dzp", k = "_1vcy5dzs _1vcy5dzp", C = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, C = "_1vcy5dz9 _1y2v1nfhg _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll";
+}, x = "_1vcy5dz9 _1y2v1nfhg _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll";

package/dist/navigation-bar.css.d.ts

@@ -9,6 +9,7 @@ export declare const section: string;
 export declare const selectedSectionVariantes: Record<"inverse" | "default", string>;
 export declare const textWrapperVariants: Record<"inverse" | "default", string>;
 export declare const navigationBarContent: string;
+export declare const navigationBarAction: string;
 export declare const desktopOnly: string;
 export declare const navigationBarContentRight: string;
 export declare const spacer: string;