@telefonica/mistica 12.11.0 → 12.12.0

package/dist/maybe-dismissable.js

@@ -10,20 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return R;
+        return I;
     },
     useIsDismissable: function() {
-        return N;
+        return D;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _jssJs = require("./jss.js");
 var _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
 var _hooksJs = require("./hooks.js");
 var _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
-var _themeVariantContextJs = require("./theme-variant-context.js");
-var _colorJs = require("./utils/color.js");
 var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+var _maybeDismissableCssMisticaJs = require("./maybe-dismissable.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -69,66 +67,33 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var a = /*#__PURE__*/ _react.createContext(!1), N = function N() {
+var a = /*#__PURE__*/ _react.createContext(!1), D = function D() {
     return _react.useContext(a);
-}, g = (0, _jssJs.createUseStyles)(function() {
-    return {
-        dismissableContainer: {
-            position: "relative",
-            display: "flex",
-            flexShrink: 0,
-            width: function width(param) {
-                var s = param.width;
-                return s || "100%";
-            }
-        },
-        dismissableButton: {
-            position: "absolute",
-            top: 0,
-            right: 0,
-            width: 48,
-            height: 48,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            zIndex: 2
+}, I = function I(param) {
+    var s = param.children, i = param.width, t = param.onClose, o = param["aria-label"];
+    var ref = (0, _hooksJs.useTheme)(), l = ref.texts;
+    return t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("section", {
+        className: _maybeDismissableCssMisticaJs.dismissableContainer,
+        "aria-label": o,
+        style: {
+            width: i || "100%"
         },
-        dismissableCircleContainer: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: 24,
-            height: 24,
-            margin: "0 0 8px 8px",
-            borderRadius: "50%",
-            backgroundColor: (0, _colorJs.applyAlpha)(_skinContractCssMisticaJs.vars.rawColors.background, 0.7)
-        }
-    };
-}), R = function R(param) {
-    var s = param.children, l = param.width, i = param.onClose, n = param["aria-label"];
-    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), t = g({
-        isInverse: m,
-        width: l
-    }), ref = (0, _hooksJs.useTheme)(), c = ref.texts;
-    return i ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("section", {
-        className: t.dismissableContainer,
-        "aria-label": n,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(a.Provider, {
                 value: !0,
                 children: s
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
-                className: t.dismissableButton,
-                onPress: i,
-                "aria-label": c.closeButtonLabel,
+                className: _maybeDismissableCssMisticaJs.dismissableButton,
+                onPress: t,
+                "aria-label": l.closeButtonLabel,
                 style: {
                     display: "flex",
                     width: 48,
                     height: 48
                 },
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                    className: t.dismissableCircleContainer,
+                    className: _maybeDismissableCssMisticaJs.dismissableCircleContainer,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {
                         color: _skinContractCssMisticaJs.vars.colors.neutralHigh
                     })

package/dist/media-queries.css-mistica.js

@@ -2,15 +2,47 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "mediaQueriesConfig", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    desktop: function() {
         return e;
+    },
+    desktopOrBigger: function() {
+        return n;
+    },
+    largeDesktop: function() {
+        return i;
+    },
+    mediaQueriesConfig: function() {
+        return a;
+    },
+    mobile: function() {
+        return t;
+    },
+    supportsHover: function() {
+        return r;
+    },
+    tablet: function() {
+        return d;
+    },
+    tabletOrBigger: function() {
+        return h;
+    },
+    tabletOrSmaller: function() {
+        return p;
+    },
+    touchableOnly: function() {
+        return o;
     }
 });
-var e = {
+var e = "only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1367px)", n = "only screen and (min-height: 550px) and (min-width: 1024px)", i = "only screen and (min-height: 550px) and (min-width: 1368px)", a = {
     tabletMinWidth: 768,
     desktopMinWidth: 1024,
     largeDesktopMinWidth: 1368,
     desktopOrTabletMinHeight: 550
-};
+}, t = "only screen and (max-width: 767px), (max-height: 549px)", r = "(pointer: fine), (pointer: none)", d = "only screen and (min-height: 550px) and (min-width: 768px) and (max-width: 1023px)", h = "only screen and (min-height: 550px) and (min-width: 768px)", p = "only screen and (max-width: 1023px), (max-height: 549px)", o = "(pointer: coarse)";

package/dist/menu.css-mistica.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    hideItems: function() {
+        return v;
+    },
+    menuContainer: function() {
+        return _;
+    },
+    showItems: function() {
+        return a;
+    },
+    vars: function() {
+        return t;
+    }
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./menu.css.ts.vanilla.js");
+var v = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4u _1y2v1nf2g _1y2v1nf90", a = "_2k0k3u8", t = {
+    top: "var(--_2k0k3u0)",
+    bottom: "var(--_2k0k3u1)",
+    right: "var(--_2k0k3u2)",
+    width: "var(--_2k0k3u3)",
+    transformOrigin: "var(--_2k0k3u4)",
+    maxHeight: "var(--_2k0k3u5)"
+};

package/dist/menu.css.d.ts

@@ -0,0 +1,11 @@
+export declare const vars: {
+    top: import("@vanilla-extract/private").CSSVarFunction;
+    bottom: import("@vanilla-extract/private").CSSVarFunction;
+    right: import("@vanilla-extract/private").CSSVarFunction;
+    width: import("@vanilla-extract/private").CSSVarFunction;
+    transformOrigin: import("@vanilla-extract/private").CSSVarFunction;
+    maxHeight: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const menuContainer: string;
+export declare const showItems: string;
+export declare const hideItems: string;

package/dist/menu.css.js.flow

@@ -0,0 +1,19 @@
+// @flow
+
+declare export var vars: {
+  top: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+  bottom: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+  right: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+  width: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+  transformOrigin: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  maxHeight: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+};
+declare export var menuContainer: string;
+declare export var showItems: string;
+declare export var hideItems: string;

package/dist/menu.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+var s = "";

package/dist/menu.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { DataAttributes } from './utils/types';
 declare type MenuRenderProps = {
     ref: (element: HTMLElement | null) => void;
     className: string;
@@ -15,6 +16,7 @@ export declare type MenuProps = {
     renderMenu: (props: MenuRenderProps) => React.ReactNode;
     children?: void;
     position?: 'left' | 'right';
+    dataAttributes?: DataAttributes;
 };
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

package/dist/menu.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return N;
+        return ot;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _dynamic = require("@vanilla-extract/dynamic");
 var _keyCodesJs = require("./utils/key-codes.js");
-var _jssJs = require("./jss.js");
 var _domJs = require("./utils/dom.js");
 var _overlayJs = /*#__PURE__*/ _interopRequireDefault(require("./overlay.js"));
+var _menuCssMisticaJs = require("./menu.css-mistica.js");
+var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -156,149 +159,100 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var g = 416, B = (0, _jssJs.createUseStyles)(function(param) {
-    var m = param.colors;
-    return {
-        menuContainer: {
-            zIndex: 12,
-            margin: 0,
-            padding: 0,
-            listStyleType: "none",
-            position: "absolute",
-            top: function top(param) {
-                var e = param.itemsComputedProps;
-                return e.top;
-            },
-            bottom: function bottom(param) {
-                var e = param.itemsComputedProps;
-                return e.bottom;
-            },
-            right: function right(param) {
-                var e = param.itemsComputedProps;
-                return e.right;
-            },
-            width: function width(param) {
-                var e = param.width;
-                return e != null ? e : "100%";
-            },
-            borderRadius: 8,
-            boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)",
-            backgroundColor: m.backgroundContainer,
-            transformOrigin: function transformOrigin(param) {
-                var e = param.itemsComputedProps;
-                return e.transformOrigin;
-            },
-            transition: "opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s",
-            opacity: function opacity(param) {
-                var e = param.animateShowItems;
-                return e ? 1 : 0;
-            },
-            transform: function transform(param) {
-                var e = param.animateShowItems;
-                return e ? "scale(1)" : "scale(0)";
-            },
-            maxHeight: function maxHeight(param) {
-                var e = param.itemsComputedProps;
-                return e.maxHeight;
-            },
-            overflowY: "auto"
-        }
-    };
-}), N = function N(param) {
-    var m = param.renderTarget, e = param.renderMenu, d = param.width, tmp = param.position, h = tmp === void 0 ? "left" : tmp;
-    var ref = _slicedToArray(_react.useState(!1), 2), t = ref[0], s = ref[1], ref1 = _slicedToArray(_react.useState(null), 2), a = ref1[0], x = ref1[1], ref2 = _slicedToArray(_react.useState(null), 2), c = ref2[0], b = ref2[1], ref3 = _slicedToArray(_react.useState(!1), 2), C = ref3[0], S = ref3[1], ref4 = _slicedToArray(_react.useState({}), 2), M = ref4[0], l = ref4[1];
+var h = 416, ot = function ot(param) {
+    var A = param.renderTarget, E = param.renderMenu, l = param.width, tmp = param.position, d = tmp === void 0 ? "left" : tmp, O = param.dataAttributes;
+    var M, S, I, b;
+    var ref = _slicedToArray(_react.useState(!1), 2), t = ref[0], i = ref[1], ref1 = _slicedToArray(_react.useState(null), 2), a = ref1[0], w = ref1[1], ref2 = _slicedToArray(_react.useState(null), 2), c = ref2[0], C = ref2[1], ref3 = _slicedToArray(_react.useState(!1), 2), H = ref3[0], x = ref3[1], ref4 = _slicedToArray(_react.useState({}), 2), r = ref4[0], u = ref4[1];
     _react.useEffect(function() {
-        var y;
-        var n = a == null ? void 0 : a.getBoundingClientRect();
-        if (!c || !n || !t) {
-            S(!1);
+        var v;
+        var o = a == null ? void 0 : a.getBoundingClientRect();
+        if (!c || !o || !t) {
+            x(!1);
             return;
         }
-        var r = 12, u = n.top, I = n.width, O = n.height, i = u + O, T = (y = parseInt(window.getComputedStyle(c).getPropertyValue("height"))) != null ? y : 0, p = h === "left" ? "auto" : "calc(100% - ".concat(I, "px)");
-        if (i + T + r > window.innerHeight) {
-            var A = window.innerHeight - i;
-            u > A ? l({
+        var n = 12, f = o.top, k = o.width, D = o.height, m = f + D, R = (v = parseInt(window.getComputedStyle(c).getPropertyValue("height"))) != null ? v : 0, p = d === "left" ? "auto" : "calc(100% - ".concat(k, "px)");
+        if (m + R + n > window.innerHeight) {
+            var F = window.innerHeight - m;
+            f > F ? u({
                 right: p,
                 bottom: "100%",
                 top: "auto",
-                maxHeight: Math.min(u, g),
+                maxHeight: Math.min(f, h),
                 transformOrigin: "center bottom"
-            }) : l({
+            }) : u({
                 top: "100%",
                 bottom: "auto",
                 right: p,
-                maxHeight: Math.min(window.innerHeight - i - r, g),
+                maxHeight: Math.min(window.innerHeight - m - n, h),
                 transformOrigin: "center top"
             });
-        } else l({
+        } else u({
             top: "100%",
             bottom: "auto",
             right: p,
-            maxHeight: Math.min(window.innerHeight - i - r, g),
+            maxHeight: Math.min(window.innerHeight - m - n, h),
             transformOrigin: "center top"
         });
-        var f;
-        return t && (f = requestAnimationFrame(function() {
-            S(!0);
+        var g;
+        return t && (g = requestAnimationFrame(function() {
+            x(!0);
         })), function() {
-            f && cancelAnimationFrame(f);
+            g && cancelAnimationFrame(g);
         };
     }, [
-        h,
+        d,
         t,
         c,
         a,
-        d
+        l
     ]);
-    var w = B({
-        itemsComputedProps: M,
-        animateShowItems: C,
-        width: d
-    }), v = _react.useMemo(function() {
+    var P = _react.useMemo(function() {
         return {
-            ref: x,
+            ref: w,
             onPress: function onPress() {
-                s(!t);
+                i(!t);
             }
         };
     }, [
-        x,
+        w,
         t,
-        s
-    ]), E = _react.useMemo(function() {
+        i
+    ]), T = _react.useMemo(function() {
         return {
-            ref: b,
-            className: w.menuContainer,
+            ref: C,
+            className: (0, _classnames.default)(_menuCssMisticaJs.menuContainer, H ? _menuCssMisticaJs.showItems : _menuCssMisticaJs.hideItems),
             close: function close() {
-                s(!1);
+                i(!1);
             }
         };
     }, [
-        w.menuContainer,
-        b
+        H
     ]);
+    var _obj;
     return _react.useEffect(function() {
-        var n = function n(r) {
-            t && (r.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(r), r.keyCode === _keyCodesJs.ESC && s(!1));
+        var o = function o(n) {
+            t && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && i(!1));
         };
-        return document.addEventListener("keydown", n, !1), function() {
-            document.removeEventListener("keydown", n, !1);
+        return document.addEventListener("keydown", o, !1), function() {
+            document.removeEventListener("keydown", o, !1);
         };
-    }), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
-        style: {
+    }), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
+        className: (0, _sprinklesCssMisticaJs.sprinkles)({
             position: "relative"
-        },
+        }),
+        style: _objectSpread({}, (0, _dynamic.assignInlineVars)((_obj = {}, _defineProperty(_obj, _menuCssMisticaJs.vars.width, l ? "".concat(l, "px") : "100%"), _defineProperty(_obj, _menuCssMisticaJs.vars.top, (M = r.top) != null ? M : ""), _defineProperty(_obj, _menuCssMisticaJs.vars.bottom, (S = r.bottom) != null ? S : ""), _defineProperty(_obj, _menuCssMisticaJs.vars.right, (I = r.right) != null ? I : ""), _defineProperty(_obj, _menuCssMisticaJs.vars.transformOrigin, (b = r.transformOrigin) != null ? b : ""), _defineProperty(_obj, _menuCssMisticaJs.vars.maxHeight, r.maxHeight ? "".concat(r.maxHeight, "px") : ""), _obj)))
+    }, (0, _domJs.getPrefixedDataAttributes)(O, "Menu")), {
         children: [
             t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
-                onPress: function onPress(n) {
-                    (0, _domJs.cancelEvent)(n), s(!1);
+                onPress: function onPress(o) {
+                    (0, _domJs.cancelEvent)(o), i(!1);
                 },
                 disableScroll: !0
             }) : null,
-            m(_objectSpreadProps(_objectSpread({}, v), {
+            A(_objectSpreadProps(_objectSpread({}, P), {
                 isMenuOpen: t
             })),
-            t ? e(E) : null
+            t ? E(T) : null
         ]
-    });
+    }));
 };

package/dist/menu.js.flow

@@ -1,6 +1,7 @@
 // @flow
 
 import * as React from "react";
+import type { DataAttributes } from "./utils/types";
 declare type MenuRenderProps = {
   ref: (element: HTMLElement | null) => void,
   className: string,
@@ -16,6 +17,7 @@ export type MenuProps = {
   renderTarget: (props: TargetRenderProps) => React.Node,
   renderMenu: (props: MenuRenderProps) => React.Node,
   position?: "left" | "right",
+  dataAttributes?: DataAttributes,
 };
 declare var Menu: React.ComponentType<MenuProps>;
 declare export default typeof Menu;

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

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    burgerIconContainer: function() {
+        return y;
+    },
+    burgerMenu: function() {
+        return _;
+    },
+    burgerMenuEnter: function() {
+        return r;
+    },
+    burgerMenuEnterActive: function() {
+        return e;
+    },
+    burgerMenuExit: function() {
+        return f;
+    },
+    burgerMenuExitActive: function() {
+        return d;
+    },
+    iconButtonVariants: function() {
+        return a;
+    },
+    iconCloseHidden: function() {
+        return c;
+    },
+    iconMenuHidden: function() {
+        return z;
+    },
+    lineHeightFix: function() {
+        return t;
+    },
+    logoContainer: function() {
+        return i;
+    },
+    navbarBorderColorVariants: function() {
+        return u;
+    },
+    section: function() {
+        return o;
+    },
+    selectedSectionVariantes: function() {
+        return s;
+    },
+    spacer: function() {
+        return g;
+    },
+    textWrapperVariants: function() {
+        return l;
+    },
+    topFixed: function() {
+        return b;
+    }
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./navigation-bar.css.ts.vanilla.js");
+var y = "_1vcy5dz1 _1y2v1nf4t _1y2v1nf7d _1y2v1nf7s", _ = "_1vcy5dzr _1y2v1nf4v _1y2v1nf9g _1y2v1nf9k _1y2v1nf9y _1y2v1nf2f", r = "_1vcy5dzl", e = "_1vcy5dzm", f = "_1vcy5dzn", d = "_1vcy5dzo", a = {
+    default: "_1vcy5dzu _1y2v1nf1a",
+    inverse: "_1vcy5dzv _1y2v1nf19"
+}, c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf4u", z = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf4u", t = "_1vcy5dzw", i = "_1y2v1nf4y _1y2v1nf57", u = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z"
+}, o = "_1vcy5dze _1y2v1nf6g _1y2v1nf6u _1y2v1nf7z _1y2v1nf4y _1y2v1nf5d _1y2v1nf8w _1y2v1nf4s", s = {
+    default: "_1vcy5dzf",
+    inverse: "_1vcy5dzg"
+}, g = "_1vcy5dzk _1y2v1nf7z", l = {
+    default: "_1vcy5dzh",
+    inverse: "_1vcy5dzi"
+}, b = "_1vcy5dz7 _1y2v1nf4v _1y2v1nf96 _1y2v1nf9k _1y2v1nf9y";

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

@@ -0,0 +1,17 @@
+export declare const burgerIconContainer: string;
+export declare const iconCloseHidden: string;
+export declare const iconMenuHidden: string;
+export declare const topFixed: string;
+export declare const navbarBorderColorVariants: Record<"inverse" | "default" | "menuOpen", string>;
+export declare const section: string;
+export declare const selectedSectionVariantes: Record<"inverse" | "default", string>;
+export declare const textWrapperVariants: Record<"inverse" | "default", string>;
+export declare const spacer: string;
+export declare const burgerMenuEnter: string;
+export declare const burgerMenuEnterActive: string;
+export declare const burgerMenuExit: string;
+export declare const burgerMenuExitActive: string;
+export declare const logoContainer: string;
+export declare const burgerMenu: string;
+export declare const iconButtonVariants: Record<"inverse" | "default", string>;
+export declare const lineHeightFix: string;

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

@@ -0,0 +1,26 @@
+// @flow
+
+declare export var burgerIconContainer: string;
+declare export var iconCloseHidden: string;
+declare export var iconMenuHidden: string;
+declare export var topFixed: string;
+declare export var navbarBorderColorVariants: {
+  inverse: string,
+  default: string,
+  menuOpen: string,
+};
+declare export var section: string;
+declare export var selectedSectionVariantes: {
+  inverse: string,
+  default: string,
+};
+declare export var textWrapperVariants: { inverse: string, default: string };
+declare export var spacer: string;
+declare export var burgerMenuEnter: string;
+declare export var burgerMenuEnterActive: string;
+declare export var burgerMenuExit: string;
+declare export var burgerMenuExitActive: string;
+declare export var logoContainer: string;
+declare export var burgerMenu: string;
+declare export var iconButtonVariants: { inverse: string, default: string };
+declare export var lineHeightFix: string;

package/dist/navigation-bar.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+var a = "";