@telefonica/mistica 17.3.0 → 17.4.0

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

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_3_1num3qg2 v17_3_1num3qg1 v17_3_1y2v1nfr6 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfve", r = "v17_3_1num3qg3", f = "v17_3_1num3qg4 v17_3_1y2v1nfrx v17_3_1y2v1nfue v17_3_1y2v1nfr4 v17_3_1y2v1nfd4 v17_3_1y2v1nfsh", y = "v17_3_1num3qg7 v17_3_1num3qg6 v17_3_1y2v1nfr5 v17_3_1y2v1nfrx v17_3_1y2v1nfse";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_4_1num3qg2 v17_4_1num3qg1 v17_4_1y2v1nfra v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", r = "v17_4_1num3qg3", f = "v17_4_1num3qg4 v17_4_1y2v1nfs1 v17_4_1y2v1nfui v17_4_1y2v1nfr8 v17_4_1y2v1nfd8 v17_4_1y2v1nfsl", y = "v17_4_1num3qg7 v17_4_1num3qg6 v17_4_1y2v1nfr9 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi";

package/dist/loading-screen.css-mistica.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     get inOutAnimationMs () {
-        return r;
+        return n;
     },
     get loadingScreen () {
-        return e;
+        return v;
     },
     get loadingScreenChildren () {
         return l;
     },
     get loadingScreenText () {
-        return o;
+        return k;
     },
     get loadingScreenTextAnimated () {
-        return k;
+        return o;
     },
     get loadingScreenTextAnimatedOut () {
-        return b;
+        return t;
     },
     get logo () {
-        return i;
+        return d;
     },
     get pulseLogo () {
-        return d;
+        return b;
     },
     get screenBackground () {
         return a;
     },
     get screenBackgroundAnimated () {
-        return n;
+        return r;
     },
     get screenBackgroundFadeOut () {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var e = "v17_3_flke8b1 v17_3_flke8b0 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp", r = 500, n = "v17_3_flke8b3", a = {
-    default: "v17_3_flke8b4",
-    brand: "v17_3_flke8b5"
-}, f = "v17_3_flke8b6", l = "v17_3_flke8b7 v17_3_1y2v1nfrw v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp v17_3_1y2v1nfrj", o = "v17_3_flke8b9 v17_3_flke8b8 v17_3_1y2v1nfho", k = "v17_3_flke8bb", b = "v17_3_flke8bc", d = "v17_3_flke8be", i = "v17_3_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var v = "v17_4_flke8b1 v17_4_flke8b0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", n = 500, r = "v17_4_flke8b3", a = {
+    default: "v17_4_flke8b4",
+    brand: "v17_4_flke8b5"
+}, f = "v17_4_flke8b6", l = "v17_4_flke8b7 v17_4_1y2v1nfs0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt v17_4_1y2v1nfrn", k = "v17_4_flke8b9 v17_4_flke8b8 v17_4_1y2v1nfhs", o = "v17_4_flke8bb", t = "v17_4_flke8bc", b = "v17_4_flke8be", d = "v17_4_flke8bf";

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_3_140ft6x0)",
-    sizeMobile: "var(--v17_3_140ft6x1)",
-    sizeTablet: "var(--v17_3_140ft6x2)",
-    sizeDesktop: "var(--v17_3_140ft6x3)"
-}, r = "v17_3_140ft6x4", t = "v17_3_140ft6x5";
+    size: "var(--v17_4_140ft6x0)",
+    sizeMobile: "var(--v17_4_140ft6x1)",
+    sizeTablet: "var(--v17_4_140ft6x2)",
+    sizeDesktop: "var(--v17_4_140ft6x3)"
+}, r = "v17_4_140ft6x4", t = "v17_4_140ft6x5";

package/dist/menu.css-mistica.js

@@ -47,16 +47,16 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v17_3_2k0k3u0)",
-    bottom: "var(--v17_3_2k0k3u1)",
-    left: "var(--v17_3_2k0k3u2)",
-    right: "var(--v17_3_2k0k3u4)",
-    width: "var(--v17_3_2k0k3u3)",
-    maxHeight: "var(--v17_3_2k0k3u5)",
-    transformOrigin: "var(--v17_3_2k0k3u6)"
-}, e = "v17_3_2k0k3u8 v17_3_2k0k3u7 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nf8x v17_3_1y2v1nfu3 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfr5", r = {
-    enter: "v17_3_2k0k3u9",
-    enterActive: "v17_3_2k0k3ua",
-    exit: "v17_3_2k0k3ub",
-    exitActive: "v17_3_2k0k3uc"
-}, t = "v17_3_2k0k3ud", n = "v17_3_2k0k3ue", u = "v17_3_2k0k3uf", a = "v17_3_2k0k3ug", i = "v17_3_2k0k3uh", m = "v17_3_2k0k3uj v17_3_2k0k3ui v17_3_1y2v1nfhc v17_3_1y2v1nfil", o = "v17_3_2k0k3uk", f = "v17_3_2k0k3ul", y = "v17_3_2k0k3um";
+    top: "var(--v17_4_2k0k3u0)",
+    bottom: "var(--v17_4_2k0k3u1)",
+    left: "var(--v17_4_2k0k3u2)",
+    right: "var(--v17_4_2k0k3u4)",
+    width: "var(--v17_4_2k0k3u3)",
+    maxHeight: "var(--v17_4_2k0k3u5)",
+    transformOrigin: "var(--v17_4_2k0k3u6)"
+}, e = "v17_4_2k0k3u8 v17_4_2k0k3u7 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nf8z v17_4_1y2v1nfu7 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfr9", r = {
+    enter: "v17_4_2k0k3u9",
+    enterActive: "v17_4_2k0k3ua",
+    exit: "v17_4_2k0k3ub",
+    exitActive: "v17_4_2k0k3uc"
+}, t = "v17_4_2k0k3ud", n = "v17_4_2k0k3ue", u = "v17_4_2k0k3uf", a = "v17_4_2k0k3ug", i = "v17_4_2k0k3uh", m = "v17_4_2k0k3uj v17_4_2k0k3ui v17_4_1y2v1nfhg v17_4_1y2v1nfip", o = "v17_4_2k0k3uk", f = "v17_4_2k0k3ul", y = "v17_4_2k0k3um";

package/dist/mobile-navigation-menu.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+type MobileNavigationMenuProps = {
+    /** True while the menu shows. The panel animates on every change of this prop. */
+    open: boolean;
+    /** Id of the panel, which the burger button points to with `aria-controls`. */
+    id: string;
+    /** Distance from the top of the viewport, which leaves the top bar visible. */
+    topOffset: number;
+    /** Content of the first pane. */
+    firstLevel: React.ReactNode;
+    /** Content of the second pane. */
+    secondLevel?: React.ReactNode;
+    /** True if the second pane must show. The panel slides both panes on every change of this prop. */
+    showSecondLevel?: boolean;
+    /** Called once the panel finished its exit, so the consumer resets its own state. */
+    onExited?: () => void;
+    /** Accessible name of the navigation landmark. */
+    'aria-label'?: string;
+    /** Group of the focus trap, which the consumer shares with its own top bar. */
+    focusTrapGroup: string;
+    disableFocusTrap: boolean;
+    setDisableFocusTrap: (value: boolean) => void;
+};
+declare const MobileNavigationMenu: ({ open, id, topOffset, firstLevel, secondLevel, showSecondLevel, onExited, "aria-label": ariaLabel, focusTrapGroup, disableFocusTrap, setDisableFocusTrap, }: MobileNavigationMenuProps) => JSX.Element;
+export { MobileNavigationMenu };
+export type { MobileNavigationMenuProps };

package/dist/mobile-navigation-menu.js

@@ -0,0 +1,145 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MobileNavigationMenu", {
+    enumerable: true,
+    get: function() {
+        return J;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacttransitiongroup = require("react-transition-group");
+const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.js"));
+const _portal = require("./portal.js");
+const _hooks = require("./hooks.js");
+const _platform = require("./utils/platform.js");
+const _texttokens = require("./text-tokens.js");
+const _navigationsharedcssmistica = require("./navigation-shared.css-mistica.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const U = {
+    opening: {
+        close: "closing",
+        finishOpen: "opened"
+    },
+    opened: {
+        close: "closing"
+    },
+    closing: {
+        open: "opening",
+        finishClose: "closed"
+    },
+    closed: {
+        open: "opening"
+    }
+}, j = (o, l)=>U[o][l] || o, J = (param)=>{
+    let { open: o, id: l, topOffset: g, firstLevel: b, secondLevel: h, showSecondLevel: t = !1, onExited: N, "aria-label": R, focusTrapGroup: M, disableFocusTrap: v, setDisableFocusTrap: c } = param;
+    const { isDarkMode: x, texts: u, t: m } = (0, _hooks.useTheme)(), [r, i] = _react.useReducer(j, "closed"), f = _react.useRef(null), p = _react.useRef(null), E = x ? 1 : 0.2, s = (0, _platform.isRunningAcceptanceTest)() ? 0 : _navigationsharedcssmistica.BURGER_MENU_ANIMATION_DURATION_MS;
+    return _react.useEffect(()=>{
+        let a;
+        return t ? (i("open"), a = setTimeout(()=>i("finishOpen"), s)) : (i("close"), a = setTimeout(()=>i("finishClose"), s)), ()=>clearTimeout(a);
+    }, [
+        t,
+        s
+    ]), _react.useEffect(()=>{
+        var _p_current_querySelector, _p_current;
+        r === "opening" && ((_p_current = p.current) === null || _p_current === void 0 ? void 0 : (_p_current_querySelector = _p_current.querySelector(`button[aria-label="${u.backNavigationBar || m(_texttokens.backNavigationBar)}"]`)) === null || _p_current_querySelector === void 0 ? void 0 : _p_current_querySelector.focus());
+    }, [
+        r,
+        m,
+        u
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+            disabled: v,
+            group: M,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
+                onEntered: ()=>c(!1),
+                onExiting: ()=>c(!0),
+                onExited: N,
+                classNames: _navigationsharedcssmistica.burgerMenuTransition,
+                in: o,
+                nodeRef: f,
+                timeout: s,
+                mountOnEnter: !0,
+                unmountOnExit: !0,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
+                    className: _navigationsharedcssmistica.burgerMenu,
+                    style: {
+                        boxShadow: `6px 0 4px -4px rgba(0, 0, 0, ${E})`,
+                        top: g
+                    },
+                    id: l,
+                    ref: f,
+                    "aria-label": R,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        className: _navigationsharedcssmistica.burgerMenuContainer,
+                        children: [
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _navigationsharedcssmistica.burgerMenuContentContainer,
+                                style: {
+                                    transform: `translate(${t ? "-100vw" : "0"})`
+                                },
+                                children: r !== "opened" && b
+                            }),
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _navigationsharedcssmistica.burgerMenuContentContainer,
+                                ref: p,
+                                style: {
+                                    transform: `translate(${t ? "0" : "100vw"})`
+                                },
+                                children: r !== "closed" && h
+                            })
+                        ]
+                    })
+                })
+            })
+        })
+    });
+};

package/dist/mosaic.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                  */ var r = "v17_3_1j2q6te0", t = "v17_3_1j2q6te1", a = "v17_3_1j2q6te2", o = "v17_3_1j2q6te3";
+/* empty css                                  */ var r = "v17_4_1j2q6te0", t = "v17_4_1j2q6te1", a = "v17_4_1j2q6te2", o = "v17_4_1j2q6te3";

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

@@ -9,149 +9,83 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get BURGER_MENU_ANIMATION_DURATION_MS () {
-        return y;
-    },
     get DESKTOP_MENU_ANIMATION_DURATION_MS () {
         return r;
     },
     get DESKTOP_SMALL_MENU_WIDTH () {
-        return n;
-    },
-    get burgerIconContainer () {
-        return d;
-    },
-    get burgerMenu () {
-        return O;
-    },
-    get burgerMenuButton () {
-        return I;
-    },
-    get burgerMenuContainer () {
-        return T;
-    },
-    get burgerMenuContentContainer () {
-        return w;
-    },
-    get burgerMenuTransition () {
-        return j;
+        return y;
     },
     get desktopMenu () {
-        return H;
+        return h;
     },
     get desktopMenuBackgroundContainer () {
-        return D;
+        return m;
     },
     get desktopMenuColumnItem () {
-        return V;
+        return A;
     },
     get desktopMenuContainer () {
-        return W;
+        return l;
     },
     get desktopMenuContentFadeIn () {
-        return L;
+        return C;
     },
     get desktopMenuFirstSection () {
-        return o;
+        return e;
     },
     get desktopMenuLastSection () {
-        return i;
+        return a;
     },
     get desktopMenuSectionArrow () {
-        return M;
+        return c;
     },
     get desktopMenuSectionArrowContainer () {
-        return s;
+        return f;
     },
     get desktopMenuSectionContainer () {
-        return u;
+        return t;
     },
     get desktopMenuSectionWithArrowWrapper () {
-        return p;
+        return d;
     },
     get desktopMenuWrapper () {
-        return U;
-    },
-    get desktopOnly () {
         return S;
     },
     get desktopSmallMenuContainer () {
-        return F;
-    },
-    get iconCloseHidden () {
-        return a;
-    },
-    get iconCloseOpen () {
-        return e;
-    },
-    get iconMenuHidden () {
-        return f;
-    },
-    get iconMenuOpen () {
-        return c;
+        return g;
     },
     get lineHeightFix () {
-        return E;
-    },
-    get logoContainer () {
-        return N;
+        return M;
     },
     get mainNavBarSectionsContainer () {
-        return B;
+        return u;
     },
     get mainNavigationBarContentWrapper () {
-        return R;
-    },
-    get navbarBorderColorVariants () {
-        return z;
+        return k;
     },
     get navigationBarAction () {
-        return x;
-    },
-    get navigationBarContent () {
-        return C;
-    },
-    get navigationBarContentRight () {
-        return b;
-    },
-    get navigationBarContentRightExpanded () {
-        return h;
+        return p;
     },
     get section () {
-        return k;
+        return o;
     },
     get selectedSectionVariants () {
-        return g;
-    },
-    get spacer () {
-        return A;
+        return i;
     },
     get spacerLarge () {
-        return m;
+        return s;
     },
     get textWrapperVariants () {
-        return l;
-    },
-    get topFixed () {
-        return t;
+        return z;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var n = 184, y = 300, r = 400, d = "v17_3_1vcy5dz1 v17_3_1vcy5dz0 v17_3_1y2v1nfr4 v17_3_1y2v1nfs6 v17_3_1y2v1nfsm", e = "v17_3_1vcy5dz4 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", a = "v17_3_1vcy5dz5 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", c = "v17_3_1vcy5dz6 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", f = "v17_3_1vcy5dz7 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", t = "v17_3_1vcy5dz9 v17_3_1vcy5dz8 v17_3_1y2v1nfr6 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfve", z = {
-    default: "v17_3_1vcy5dzc v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx",
-    noBorder: "v17_3_1vcy5dzd v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx",
-    menuOpen: "v17_3_1vcy5dze v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx"
-}, o = "v17_3_1vcy5dzf", i = "v17_3_1vcy5dzg", u = "v17_3_1vcy5dzi v17_3_1vcy5dzh v17_3_1y2v1nfr4 v17_3_1y2v1nfra", p = "v17_3_1vcy5dzj v17_3_1y2v1nfr4", s = "v17_3_1vcy5dzl v17_3_1vcy5dzk v17_3_1y2v1nfr5 v17_3_1y2v1nfuk v17_3_1y2v1nfvt v17_3_1y2v1nfra v17_3_1y2v1nfrp", M = "v17_3_1vcy5dzn v17_3_1vcy5dzm v17_3_1y2v1nfh3 v17_3_1y2v1nfic v17_3_1y2v1nfjl v17_3_1y2v1nfku v17_3_1y2v1nfts v17_3_1y2v1nfh2", k = "v17_3_1vcy5dzp v17_3_1vcy5dzo v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfst v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfts v17_3_1y2v1nfh2 v17_3_1y2v1nfr4", g = {
-    default: "v17_3_1vcy5dzq",
-    brand: "v17_3_1vcy5dzr"
-}, l = {
-    default: "v17_3_1vcy5dzs",
-    alternative: "v17_3_1vcy5dzt",
-    brand: "v17_3_1vcy5dzu",
-    negative: "v17_3_1vcy5dzv",
-    media: "v17_3_1vcy5dzw"
-}, C = "v17_3_1vcy5dzy v17_3_1vcy5dzx v17_3_1y2v1nfrp v17_3_1y2v1nfrx v17_3_1y2v1nfra", x = "v17_3_1vcy5dzz v17_3_1y2v1nfh3 v17_3_1y2v1nfic v17_3_1y2v1nfjl v17_3_1y2v1nfku v17_3_1y2v1nfts v17_3_1y2v1nfh2", S = "v17_3_1vcy5dz10", b = "v17_3_1vcy5dz12 v17_3_1vcy5dz11 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrk", h = "v17_3_1vcy5dz14 v17_3_1vcy5dz12 v17_3_1vcy5dz11 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrk v17_3_1vcy5dz13 v17_3_1y2v1nfrw", A = "v17_3_1vcy5dz17 v17_3_1vcy5dz16 v17_3_1y2v1nfst v17_3_1vcy5dz15", m = "v17_3_1vcy5dz18 v17_3_1vcy5dz15", j = {
-    enter: "v17_3_1vcy5dz19",
-    enterActive: "v17_3_1vcy5dz1a",
-    exit: "v17_3_1vcy5dz1b",
-    exitActive: "v17_3_1vcy5dz1c"
-}, B = "v17_3_1vcy5dz1f v17_3_1vcy5dz1e v17_3_1y2v1nfra v17_3_1y2v1nfrw", N = "v17_3_1vcy5dz1h v17_3_1vcy5dz1g v17_3_1y2v1nfra v17_3_1y2v1nfrj", I = "v17_3_1vcy5dz1i", O = "v17_3_1vcy5dz1j v17_3_1y2v1nfr6 v17_3_1y2v1nfuz v17_3_1y2v1nfve v17_3_1y2v1nfvt v17_3_1y2v1nf8j", T = "v17_3_1vcy5dz1k v17_3_1y2v1nfse v17_3_1y2v1nfr4", w = "v17_3_1vcy5dz1m v17_3_1vcy5dz1l v17_3_1y2v1nfuj v17_3_1y2v1nfrx v17_3_1y2v1nfse v17_3_1y2v1nfr5 v17_3_1y2v1nfuk", E = "v17_3_1vcy5dz1r", R = "v17_3_1vcy5dz1t v17_3_1vcy5dz1s v17_3_1y2v1nfrx", U = "v17_3_1vcy5dz1u v17_3_1y2v1nfr5 v17_3_1y2v1nfuz v17_3_1y2v1nfve", W = "v17_3_1vcy5dz1w v17_3_1vcy5dz1v v17_3_1y2v1nfr6 v17_3_1y2v1nfuz v17_3_1y2v1nfve", D = "v17_3_1vcy5dz1y v17_3_1vcy5dz1x v17_3_1y2v1nf8x v17_3_1y2v1nfr5 v17_3_1y2v1nfuz v17_3_1y2v1nfve", F = "v17_3_1vcy5dz20 v17_3_1vcy5dz1z v17_3_1y2v1nfk6 v17_3_1y2v1nflf v17_3_1y2v1nfhu v17_3_1y2v1nfj3 v17_3_1y2v1nf8x v17_3_1y2v1nfr6 v17_3_1y2v1nfuj", H = "v17_3_1vcy5dz22 v17_3_1vcy5dz21 v17_3_1y2v1nfhu v17_3_1y2v1nfj3 v17_3_1y2v1nfr4", L = "v17_3_1vcy5dz23", V = "v17_3_1vcy5dz24";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_4_1vcy5dz0", a = "v17_4_1vcy5dz1", t = "v17_4_1vcy5dz3 v17_4_1vcy5dz2 v17_4_1y2v1nfr8 v17_4_1y2v1nfre", d = "v17_4_1vcy5dz4 v17_4_1y2v1nfr8", f = "v17_4_1vcy5dz6 v17_4_1vcy5dz5 v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nfvx v17_4_1y2v1nfre v17_4_1y2v1nfrt", c = "v17_4_1vcy5dz8 v17_4_1vcy5dz7 v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", o = "v17_4_1vcy5dza v17_4_1vcy5dz9 v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nfsx v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfr8", i = {
+    default: "v17_4_1vcy5dzb",
+    brand: "v17_4_1vcy5dzc"
+}, z = {
+    default: "v17_4_1vcy5dzd",
+    alternative: "v17_4_1vcy5dze",
+    brand: "v17_4_1vcy5dzf",
+    negative: "v17_4_1vcy5dzg",
+    media: "v17_4_1vcy5dzh"
+}, p = "v17_4_1vcy5dzi v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", s = "v17_4_1vcy5dzj v17_4_1tpqlymg", u = "v17_4_1vcy5dzm v17_4_1vcy5dzl v17_4_1y2v1nfre v17_4_1y2v1nfs0", M = "v17_4_1vcy5dzr", k = "v17_4_1vcy5dzt v17_4_1vcy5dzs v17_4_1y2v1nfs1", S = "v17_4_1vcy5dzu v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", l = "v17_4_1vcy5dzw v17_4_1vcy5dzv v17_4_1y2v1nfra v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", m = "v17_4_1vcy5dzy v17_4_1vcy5dzx v17_4_1y2v1nf8z v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", g = "v17_4_1vcy5dz10 v17_4_1vcy5dzz v17_4_1y2v1nfka v17_4_1y2v1nflj v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nf8z v17_4_1y2v1nfra v17_4_1y2v1nfun", h = "v17_4_1vcy5dz12 v17_4_1vcy5dz11 v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nfr8", C = "v17_4_1vcy5dz13", A = "v17_4_1vcy5dz14";

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

@@ -1,13 +1,5 @@
 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;
-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;
@@ -17,26 +9,10 @@ export declare const desktopMenuSectionArrow: string;
 export declare const section: string;
 export declare const selectedSectionVariants: Record<"default" | "brand", string>;
 export declare const textWrapperVariants: Record<"default" | "brand" | "negative" | "alternative" | "media", string>;
-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: {
-    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<"default" | "inverse", string>;
 export declare const lineHeightFix: string;
 export declare const mainNavigationBarContentWrapper: string;

package/dist/navigation-bar.d.ts

@@ -1,44 +1,10 @@
 import * as React from 'react';
-import type { BoxProps } from './box';
+import { NavigationBar } from './navigation-shared';
+import type { WideConfig, InteractiveProps, MaybeInteractiveProps } from './navigation-shared';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { Variant } from './theme-variant-context';
 import type { TouchableProps } from './touchable';
-import type { HeadingType } from './utils/types';
-type WideConfig = {
-    paddingX: BoxProps['paddingX'];
-};
-interface NavigationBarCommonProps {
-    variant?: Variant;
-    onBack?: () => void;
-    title?: string;
-    titleAs?: HeadingType;
-    right?: React.ReactElement;
-    withBorder?: boolean;
-    children?: undefined;
-    wide?: boolean | WideConfig;
-}
-interface NavigationBarTopFixedProps extends NavigationBarCommonProps {
-    topFixed?: true;
-}
-interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
-    topFixed: false;
-}
-type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
-export declare const NavigationBar: ({ onBack, title, titleAs, right, variant, topFixed, withBorder, wide, }: NavigationBarProps) => JSX.Element;
-type InteractiveProps = ExclusifyUnion<{
-    href: string;
-} | {
-    to: string;
-} | {
-    onPress: () => void;
-}>;
-type MaybeInteractiveProps = ExclusifyUnion<{
-    href?: string;
-} | {
-    to?: string;
-} | {
-    onPress?: () => void;
-}>;
+export { NavigationBar };
 type SectionItem = {
     title: string;
 } & InteractiveProps;
@@ -108,4 +74,3 @@ type NavigationBarActionGroupProps = {
 export declare const NavigationBarActionGroup: ({ children }: NavigationBarActionGroupProps) => JSX.Element;
 type NavigationBarActionProps = TouchableProps;
 export declare const NavigationBarAction: ({ children, ...touchableProps }: NavigationBarActionProps) => JSX.Element;
-export {};