@telefonica/mistica 16.3.1 → 16.5.0

package/dist/maybe-dismissable.css-mistica.js

@@ -13,9 +13,9 @@ _export(exports, {
         return f;
     },
     dismissableContainer: function() {
-        return y;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", y = "_1y2v1nfhe _1y2v1nfhk _1y2v1nfi2";
+var f = "cim30m2 _1y2v1nf7q _1y2v1nf8z _1y2v1nfa8 _1y2v1nfbh _1y2v1nfhj _1y2v1nfkv _1y2v1nflp", i = "_1y2v1nfhi _1y2v1nfho _1y2v1nfi6";

package/dist/menu.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     iconContainer: function() {
-        return e;
+        return n;
     },
     itemContent: function() {
-        return n;
+        return v;
     },
     menuContainer: function() {
         return r;
@@ -37,17 +37,17 @@ _export(exports, {
         return m;
     },
     vars: function() {
-        return f;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-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 = {
+var n = "_2k0k3uk", v = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7q _1y2v1nf8z _1y2v1nfa8 _1y2v1nfbh _1y2v1nf3s _1y2v1nfkh _1y2v1nfho _1y2v1nfhu _1y2v1nfhj", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7q _1y2v1nf8z", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",
     exitActive: "_2k0k3uc"
-}, f = {
+}, o = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",

package/dist/month-field.js

@@ -147,7 +147,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), V = (_param)=>{
-    var { disabled: h, error: g, helperText: D, name: F, label: R, optional: f, validate: n, onChange: S, onChangeValue: s, onBlur: y, value: O, defaultValue: k, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+    var { disabled: h, error: F, helperText: g, name: D, label: M, optional: d, validate: n, onChange: R, onChangeValue: s, onBlur: S, value: y, defaultValue: I, min: r, max: i, dataAttributes: f } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -164,45 +164,48 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const I = (t)=>t, M = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T, t: z } = (0, _hooks.useTheme)(), m = (t)=>!(o && t && t < (0, _time.getLocalYearMonthString)(o) || i && t && t > (0, _time.getLocalYearMonthString)(i)), p = (0, _formcontext.useFieldProps)({
-        name: F,
-        label: R,
-        value: O,
-        defaultValue: k,
-        processValue: I,
-        helperText: D,
-        optional: f,
-        error: g,
+    const O = (t)=>t, k = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T, t: z } = (0, _hooks.useTheme)(), m = (t)=>!(r && t && t < (0, _time.getLocalYearMonthString)(r) || i && t && t > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
+        name: D,
+        label: M,
+        value: y,
+        defaultValue: I,
+        processValue: O,
+        helperText: g,
+        optional: d,
+        error: F,
         disabled: h,
-        onBlur: y,
+        onBlur: S,
         validate: (t, a)=>m(t) ? n == null ? void 0 : n(t, a) : T.formDateOutOfRangeError || z(_texttokens.formDateOutOfRangeError),
-        onChange: S,
+        onChange: R,
         onChangeValue: (t, a)=>{
             m(t) && (s == null || s(t, a));
         }
-    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, p), {
-        min: o ? (0, _time.getLocalYearMonthString)(o) : void 0,
+    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, u), {
+        min: r ? (0, _time.getLocalYearMonthString)(r) : void 0,
         max: i ? (0, _time.getLocalYearMonthString)(i) : void 0,
         type: "month",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _datefieldcssmistica.iconContainer,
+            "data-testid": "endIcon",
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {
                 size: _iconbuttoncssmistica.iconSize.default
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "MonthField"
-        }, d)
+            "component-name": "MonthField",
+            testid: "MonthField"
+        }, f)
     }));
-    return M || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, u, p), {
-            optional: f,
+    return k || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, l, u), {
+            optional: d,
             isValidDate: (t)=>m((0, _time.getLocalYearMonthString)(t.toDate())),
             mode: "year-month",
             dataAttributes: _object_spread({
-                "component-name": "MonthField"
-            }, d)
+                "component-name": "MonthField",
+                testid: "MonthField"
+            }, f)
         }))
     });
 }, _ = V;

package/dist/mosaic.d.ts

@@ -1,14 +1,18 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
+type MosaicItemGridMode = 'horizontal' | 'square' | 'vertical';
+type MosaicItem = React.ReactElement | ((config: {
+    gridMode: MosaicItemGridMode;
+}) => React.ReactElement);
 type HorizontalMosaicProps = {
-    items: ReadonlyArray<React.ReactElement>;
+    items: ReadonlyArray<MosaicItem>;
     withBullets?: boolean;
     free?: boolean;
     dataAttributes?: DataAttributes;
 };
 export declare const HorizontalMosaic: ({ items, withBullets, free, dataAttributes, }: HorizontalMosaicProps) => JSX.Element;
 type VerticalMosaicProps = {
-    items: ReadonlyArray<React.ReactElement>;
+    items: ReadonlyArray<MosaicItem>;
     dataAttributes?: DataAttributes;
 };
 export declare const VerticalMosaic: ({ items, dataAttributes }: VerticalMosaicProps) => JSX.Element;

package/dist/mosaic.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     HorizontalMosaic: function() {
-        return N;
+        return G;
     },
     VerticalMosaic: function() {
-        return b;
+        return N;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -72,58 +72,60 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const d = {
+const u = {
     mobile: 8,
     desktop: 16
-}, C = (param)=>{
-    let { items: n, isEven: r } = param;
+}, t = (n, o)=>typeof n == "function" ? n({
+        gridMode: o
+    }) : n, C = (param)=>{
+    let { items: n, isEven: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: n.length === 1 ? _mosaiccssmistica.singleItemRowContainer : _mosaiccssmistica.squareContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-            gap: d,
+            gap: u,
             rows: 2,
             columns: 2,
             height: "100%",
             children: n.length === 3 ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                        columnSpan: r ? 2 : void 0,
-                        children: n[0]
+                        columnSpan: o ? 2 : void 0,
+                        children: t(n[0], o ? "horizontal" : "square")
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                        children: n[1]
+                        children: t(n[1], "square")
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                        columnSpan: r ? void 0 : 2,
-                        children: n[2]
+                        columnSpan: o ? void 0 : 2,
+                        children: t(n[2], o ? "square" : "horizontal")
                     })
                 ]
-            }) : n.map((a, h)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+            }) : n.map((a, s)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                     columnSpan: n.length === 4 ? void 0 : 2,
                     rowSpan: n.length === 1 ? 2 : void 0,
-                    children: a
-                }, h))
+                    children: t(a, n.length === 4 ? "square" : "horizontal")
+                }, s))
         })
     });
-}, N = (param)=>{
-    let { items: n, withBullets: r, free: a, dataAttributes: h } = param;
-    const c = n.length, t = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), l = Array.from({
-        length: t
+}, G = (param)=>{
+    let { items: n, withBullets: o, free: a, dataAttributes: s } = param;
+    const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), h = Array.from({
+        length: l
     }, ()=>[]);
-    return n.forEach((s, p)=>{
-        const f = Math.min(t - 1, Math.floor(p / 3));
-        l[f].push(s);
+    return n.forEach((d, p)=>{
+        const M = Math.min(l - 1, Math.floor(p / 3));
+        h[M].push(d);
     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_carousel.Carousel, {
-        dataAttributes: _object_spread_props(_object_spread({}, h), {
+        dataAttributes: _object_spread_props(_object_spread({}, s), {
             "component-name": "HorizontalMosaic"
         }),
-        items: l.map((s, p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
+        items: h.map((d, p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
-                    items: s,
+                    items: d,
                     isEven: p % 2 === 0
                 }, p)
             })),
-        withBullets: r,
+        withBullets: o,
         free: a
     });
 }, S = (param)=>{
@@ -134,12 +136,12 @@ const d = {
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.singleItemRowContainer,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-                    gap: d,
+                    gap: u,
                     columns: 2,
                     height: "100%",
-                    children: n.map((r, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                    children: n.map((o, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                             columnSpan: n.length === 2 ? void 0 : 2,
-                            children: r
+                            children: t(o, n.length === 2 ? "square" : "horizontal")
                         }, a))
                 })
             });
@@ -147,13 +149,13 @@ const d = {
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.squareContainer,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
-                    gap: d,
+                    gap: u,
                     columns: 2,
                     flow: "column",
                     height: "100%",
-                    children: n.map((r, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
+                    children: n.map((o, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                             rowSpan: a === 0 ? 2 : void 0,
-                            children: r
+                            children: t(o, a === 0 ? "vertical" : "square")
                         }, a))
                 })
             });
@@ -162,45 +164,45 @@ const d = {
             return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _mosaiccssmistica.fourItemsContainer,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_grid.Grid, {
-                    gap: d,
+                    gap: u,
                     rows: 3,
                     columns: 2,
                     height: "100%",
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                             rowSpan: 2,
-                            children: n[0]
+                            children: t(n[0], "vertical")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            children: n[1]
+                            children: t(n[1], "square")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
                             rowSpan: 2,
-                            children: n[3]
+                            children: t(n[3], "vertical")
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
-                            children: n[2]
+                            children: t(n[2], "square")
                         })
                     ]
                 })
             });
     }
-}, b = (param)=>{
-    let { items: n, dataAttributes: r } = param;
-    const a = n.length, h = Math.ceil(a / 4), c = Array.from({
-        length: h
+}, N = (param)=>{
+    let { items: n, dataAttributes: o } = param;
+    const a = n.length, s = Math.ceil(a / 4), c = Array.from({
+        length: s
     }, ()=>[]);
-    return n.forEach((t, l)=>{
-        const s = Math.floor(l / 4);
-        c[s].push(t);
+    return n.forEach((l, h)=>{
+        const d = Math.floor(h / 4);
+        c[d].push(l);
     }), /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
         rows: 1,
-        gap: d,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        gap: u,
+        dataAttributes: _object_spread_props(_object_spread({}, o), {
             "component-name": "VerticalMosaic"
         }),
-        children: c.map((t, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(S, {
-                items: t
-            }, l))
+        children: c.map((l, h)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(S, {
+                items: l
+            }, h))
     });
 };

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

@@ -9,89 +9,148 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    burgerIconContainer: function() {
+    BURGER_MENU_ANIMATION_DURATION_MS: function() {
+        return _;
+    },
+    DESKTOP_MENU_ANIMATION_DURATION_MS: function() {
         return y;
     },
+    DESKTOP_SMALL_MENU_WIDTH: function() {
+        return e;
+    },
+    burgerIconContainer: function() {
+        return r;
+    },
     burgerMenu: function() {
-        return _;
+        return a;
     },
     burgerMenuButton: function() {
-        return r;
+        return f;
+    },
+    burgerMenuContainer: function() {
+        return i;
+    },
+    burgerMenuContentContainer: function() {
+        return t;
     },
     burgerMenuTransition: function() {
-        return e;
+        return o;
     },
-    desktopOnly: function() {
+    desktopMenu: function() {
         return d;
     },
+    desktopMenuBackgroundContainer: function() {
+        return c;
+    },
+    desktopMenuColumnItem: function() {
+        return z;
+    },
+    desktopMenuContainer: function() {
+        return h;
+    },
+    desktopMenuContentFadeIn: function() {
+        return p;
+    },
+    desktopMenuFirstSection: function() {
+        return u;
+    },
+    desktopMenuLastSection: function() {
+        return s;
+    },
+    desktopMenuSectionArrow: function() {
+        return k;
+    },
+    desktopMenuSectionArrowContainer: function() {
+        return M;
+    },
+    desktopMenuSectionContainer: function() {
+        return l;
+    },
+    desktopMenuSectionWithArrowWrapper: function() {
+        return g;
+    },
+    desktopMenuWrapper: function() {
+        return b;
+    },
+    desktopOnly: function() {
+        return C;
+    },
+    desktopSmallMenuContainer: function() {
+        return S;
+    },
     iconCloseHidden: function() {
-        return a;
+        return A;
     },
     iconCloseOpen: function() {
-        return c;
+        return j;
     },
     iconMenuHidden: function() {
-        return f;
+        return B;
     },
     iconMenuOpen: function() {
-        return i;
+        return N;
     },
     lineHeightFix: function() {
-        return z;
+        return m;
     },
     logoContainer: function() {
-        return t;
+        return x;
     },
-    mainNavbarContent: function() {
-        return o;
+    mainNavBarSectionsContainer: function() {
+        return I;
+    },
+    mainNavigationBarContentWrapper: function() {
+        return O;
     },
     navbarBorderColorVariants: function() {
-        return h;
+        return T;
     },
     navigationBarAction: function() {
-        return l;
+        return E;
     },
     navigationBarContent: function() {
-        return g;
+        return R;
     },
     navigationBarContentRight: function() {
-        return u;
+        return U;
+    },
+    navigationBarContentRightExpanded: function() {
+        return W;
     },
     section: function() {
-        return p;
+        return D;
     },
     selectedSectionVariantes: function() {
-        return s;
+        return q;
     },
     spacer: function() {
-        return b;
+        return F;
     },
     spacerLarge: function() {
-        return k;
+        return H;
     },
     textWrapperVariants: function() {
-        return C;
+        return L;
     },
     topFixed: function() {
-        return x;
+        return w;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-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 = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", g = "_1vcy5dzl", u = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa4 _1y2v1nfbd _1y2v1nfj3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfk2 _1y2v1nf7c", s = {
-    default: "_1vcy5dzh",
-    inverse: "_1vcy5dzi"
-}, b = "_1y2v1nfj3 _1vcy5dzp", k = "_1vcy5dzs _1vcy5dzp", C = {
-    default: "_1vcy5dzj",
-    inverse: "_1vcy5dzk"
-}, x = "_1vcy5dz9 _1y2v1nfhg _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll";
+var _ = 300, y = 400, e = 184, r = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", a = "_1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nf3r", f = "_1vcy5dz1f", i = "_1y2v1nfis _1y2v1nfhi", t = "_1vcy5dz1j _1y2v1nfku _1y2v1nfib _1y2v1nfis _1y2v1nfhj _1y2v1nfkv", o = {
+    enter: "_1vcy5dz16",
+    enterActive: "_1vcy5dz17",
+    exit: "_1vcy5dz18",
+    exitActive: "_1vcy5dz19"
+}, d = "_1vcy5dz1z _1y2v1nf88 _1y2v1nf9h _1y2v1nfhi", c = "_1vcy5dz1v _1y2v1nf3s _1y2v1nfhj _1y2v1nfla _1y2v1nflp", z = "_1vcy5dz21", h = "_1vcy5dz1t _1y2v1nfhk _1y2v1nfla _1y2v1nflp", p = "_1vcy5dz20", u = "_1vcy5dzf", s = "_1vcy5dzg", k = "_1vcy5dzn _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", M = "_1vcy5dzl _1y2v1nfhj _1y2v1nfkv _1y2v1nfm4 _1y2v1nfho _1y2v1nfi3", l = "_1vcy5dzi _1y2v1nfhi _1y2v1nfho", g = "_1y2v1nfhi", b = "_1y2v1nfhj _1y2v1nfla _1y2v1nflp", C = "_1vcy5dzx", S = "_1vcy5dz1x _1y2v1nfak _1y2v1nfbt _1y2v1nf88 _1y2v1nf9h _1y2v1nf3s _1y2v1nfhk _1y2v1nfku", A = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", j = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", B = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", N = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", m = "_1vcy5dz1o", x = "_1vcy5dz1e _1y2v1nfho _1y2v1nfhx", I = "_1vcy5dz1c _1y2v1nfho _1y2v1nfia", O = "_1vcy5dz1q _1y2v1nfib", T = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib"
+}, E = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", R = "_1vcy5dzv _1y2v1nfi3 _1y2v1nfib _1y2v1nfho", U = "_1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy", W = "_1vcy5dz11 _1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy _1y2v1nfia", D = "_1vcy5dzp _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfhi", q = {
+    default: "_1vcy5dzq",
+    inverse: "_1vcy5dzr"
+}, F = "_1y2v1nfj7 _1vcy5dz12", H = "_1vcy5dz15 _1vcy5dz12", L = {
+    default: "_1vcy5dzs",
+    inverse: "_1vcy5dzt"
+}, w = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";

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

@@ -1,3 +1,6 @@
+export declare const DESKTOP_SMALL_MENU_WIDTH = 184;
+export declare const BURGER_MENU_ANIMATION_DURATION_MS = 300;
+export declare const DESKTOP_MENU_ANIMATION_DURATION_MS = 400;
 export declare const burgerIconContainer: string;
 export declare const iconCloseOpen: string;
 export declare const iconCloseHidden: string;
@@ -5,6 +8,12 @@ export declare const iconMenuOpen: string;
 export declare const iconMenuHidden: string;
 export declare const topFixed: string;
 export declare const navbarBorderColorVariants: Record<"default" | "noBorder" | "menuOpen", string>;
+export declare const desktopMenuFirstSection: string;
+export declare const desktopMenuLastSection: string;
+export declare const desktopMenuSectionContainer: string;
+export declare const desktopMenuSectionWithArrowWrapper: string;
+export declare const desktopMenuSectionArrowContainer: string;
+export declare const desktopMenuSectionArrow: string;
 export declare const section: string;
 export declare const selectedSectionVariantes: Record<"inverse" | "default", string>;
 export declare const textWrapperVariants: Record<"inverse" | "default", string>;
@@ -12,12 +21,29 @@ export declare const navigationBarContent: string;
 export declare const navigationBarAction: string;
 export declare const desktopOnly: string;
 export declare const navigationBarContentRight: string;
+export declare const navigationBarContentRightExpanded: string;
 export declare const spacer: string;
 export declare const spacerLarge: string;
-export declare const burgerMenuTransition: Record<"entering" | "entered" | "exiting" | "exited" | "unmounted", string>;
+export declare const burgerMenuTransition: {
+    enter: string;
+    enterActive: string;
+    exit: string;
+    exitActive: string;
+};
 export declare const mainNavbarContent: string;
+export declare const mainNavBarSectionsContainer: string;
 export declare const logoContainer: string;
 export declare const burgerMenuButton: string;
 export declare const burgerMenu: string;
+export declare const burgerMenuContainer: string;
+export declare const burgerMenuContentContainer: string;
 export declare const iconButtonVariants: Record<"inverse" | "default", string>;
 export declare const lineHeightFix: string;
+export declare const mainNavigationBarContentWrapper: string;
+export declare const desktopMenuWrapper: string;
+export declare const desktopMenuContainer: string;
+export declare const desktopMenuBackgroundContainer: string;
+export declare const desktopSmallMenuContainer: string;
+export declare const desktopMenu: string;
+export declare const desktopMenuContentFadeIn: string;
+export declare const desktopMenuColumnItem: string;