@altinn/altinn-components 0.15.4 → 0.15.5

package/dist/assets/DrawerBase.css

@@ -1 +1 @@
-._drawer_1b2ni_1{display:none}._drawerExpanded_1b2ni_5{display:block;width:100%}._drawer_1b2ni_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}
+._drawer_vej3t_1{display:none}._drawer_vej3t_1[data-expanded=true]{display:block;width:100%}._drawer_vej3t_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}

package/dist/assets/DrawerOrDropdown.css

@@ -1 +1 @@
-._dropdown_1mzzo_1[aria-expanded=true]{display:none}._drawer_1mzzo_5[aria-expanded=true]{display:block;z-index:2}@media (min-width: 1024px){._drawer_1mzzo_5[aria-expanded=true]{display:none}._dropdown_1mzzo_1[aria-expanded=true]{display:block;z-index:2}}
+._dropdown_oo71i_1[data-expanded=true]{display:none}._drawer_oo71i_5[data-expanded=true]{display:block;z-index:2}@media (min-width: 1024px){._drawer_oo71i_5[data-expanded=true]{display:none}._dropdown_oo71i_1[data-expanded=true]{display:block;z-index:2}}

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_1wuga_1{display:none}._dropdownExpanded_1wuga_5{display:block;position:absolute;z-index:2}._dropdown_1wuga_1[data-placement=left]{left:0}._dropdown_1wuga_1[data-placement=right]{right:0}._dropdown_1wuga_1[data-padding=true]{padding:0 .5rem}._dropdown_1wuga_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawer_1wuga_31 ._button_1wuga_31{border-radius:50%}
+._dropdown_1hh2v_1{display:none}._dropdown_1hh2v_1[data-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_1hh2v_1[data-placement=left]{left:0}._dropdown_1hh2v_1[data-placement=right]{right:0}._dropdown_1hh2v_1[data-padding=true]{padding:0 .5rem}._dropdown_1hh2v_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawer_1hh2v_31 ._button_1hh2v_31{border-radius:50%}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_1sg75_1{display:flex;flex-direction:column}._footer_1sg75_6{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1sg75_14[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1sg75_20[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1sg75_14[aria-expanded=true]{display:none}._dropdown_1sg75_20[aria-expanded=true]{display:block;z-index:2}}
+._nav_1hlpr_1{display:flex;flex-direction:column}._footer_1hlpr_6{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1hlpr_14[data-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1hlpr_20[data-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1hlpr_14[data-expanded=true]{display:none}._dropdown_1hlpr_20[data-expanded=true]{display:block;z-index:2}}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_ft5v3_1[aria-expanded=true]{display:block}._dropdown_ft5v3_5[aria-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_ft5v3_5[aria-expanded=true]{width:320px;display:block}._drawer_ft5v3_1[aria-expanded=true]{display:none}}
+._drawer_d2s9o_1[data-expanded=true]{display:block}._dropdown_d2s9o_5[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_d2s9o_5[data-expanded=true]{width:320px;display:block}._drawer_d2s9o_1[data-expanded=true]{display:none}}

package/dist/components/Dropdown/DrawerBase.js

@@ -1,22 +1,18 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const c = "_drawer_1b2ni_1", w = "_drawerExpanded_1b2ni_5", e = {
-  drawer: c,
-  drawerExpanded: w
-}, p = ({ placement: r = "inline", open: a = !1, className: d, children: t }) => {
-  const n = o(e.drawer, d, a && e.drawerExpanded);
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: n,
-      "data-placement": r,
-      "data-theme": "default",
-      "data-color": "neutral",
-      "aria-expanded": a,
-      children: t
-    }
-  );
-};
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const o = "_drawer_vej3t_1", n = {
+  drawer: o
+}, m = ({ placement: a = "inline", open: e = !1, className: r, children: t }) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: s(n.drawer, r),
+    "data-placement": a,
+    "data-theme": "default",
+    "data-color": "neutral",
+    "data-expanded": e,
+    children: t
+  }
+);
 export {
-  p as DrawerBase
+  m as DrawerBase
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -12,7 +12,7 @@ import { DrawerButton as D } from "./DrawerButton.js";
 import { DrawerBody as w } from "./DrawerBody.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_drawer_1mzzo_5", s = {
+import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_oo71i_1", k = "_drawer_oo71i_5", s = {
   dropdown: _,
   drawer: k
 }, A = ({

package/dist/components/Dropdown/DropdownBase.js

@@ -1,38 +1,36 @@
-import { jsx as w } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { useRef as c } from "react";
-import { useClickOutside as l } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const m = "_dropdown_1wuga_1", _ = "_dropdownExpanded_1wuga_5", f = "_drawer_1wuga_31", i = "_button_1wuga_31", d = {
-  dropdown: m,
-  dropdownExpanded: _,
-  drawer: f,
-  button: i
-}, h = ({
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { useRef as p } from "react";
+import { useClickOutside as c } from "../../hooks/useClickOutside.js";
+import '../../assets/DropdownBase.css';const l = "_dropdown_1hh2v_1", u = "_drawer_1hh2v_31", f = "_button_1hh2v_31", w = {
+  dropdown: l,
+  drawer: u,
+  button: f
+}, x = ({
   placement: t = "left",
-  padding: a = !0,
+  padding: d = !0,
   open: r = !1,
-  className: n,
+  className: a,
   children: e,
-  onClose: s
+  onClose: n
 }) => {
-  const o = c(null);
-  l(o, s);
-  const p = u(d.dropdown, n, r && d.dropdownExpanded);
-  return /* @__PURE__ */ w(
+  const o = p(null);
+  return c(o, n), /* @__PURE__ */ s(
     "div",
     {
       ref: o,
-      className: p,
+      className: m(w.dropdown, a),
       "data-theme": "default",
       "data-color": "neutral",
       "data-shadow": "md",
       "data-placement": t,
-      "data-padding": a,
+      "data-padding": d,
       role: "menu",
+      "data-expanded": r,
       children: e
     }
   );
 };
 export {
-  h as DropdownBase
+  x as DropdownBase
 };

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_1sg75_1", t = "_footer_1sg75_6", n = "_drawer_1sg75_14", s = "_dropdown_1sg75_20", r = {
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/GlobalMenuBase.css';const a = "_nav_1hlpr_1", t = "_footer_1hlpr_6", n = "_drawer_1hlpr_14", s = "_dropdown_1hlpr_20", e = {
   nav: a,
   footer: t,
   drawer: n,
   dropdown: s
-}, _ = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "default", children: o }), c = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), l = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
+}, d = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-theme": "default", children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), c = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
 export {
-  _ as GlobalMenuBase,
-  l as GlobalMenuFooter,
-  c as GlobalMenuHeader
+  d as GlobalMenuBase,
+  c as GlobalMenuFooter,
+  _ as GlobalMenuHeader
 };

package/dist/components/Header/Header.js

@@ -1,34 +1,34 @@
 "use client";
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
 import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as p } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as t } from "../GlobalMenu/GlobalMenu.js";
 import { HeaderBase as H } from "./HeaderBase.js";
 import { HeaderLogo as _ } from "./HeaderLogo.js";
 import { HeaderButton as b } from "./HeaderButton.js";
-import { Searchbar as v } from "../Search/Searchbar.js";
+import { Searchbar as y } from "../Search/Searchbar.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { HeaderMenu as y } from "./HeaderMenu.js";
-import { HeaderSearch as B } from "./HeaderSearch.js";
-import '../../assets/Header.css';const N = "_drawer_ft5v3_1", S = "_dropdown_ft5v3_5", n = {
-  drawer: N,
-  dropdown: S
-}, O = ({ search: s, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
-  const { currentId: o, toggleId: d, openId: c, closeAll: t } = C(), h = () => {
+import { HeaderMenu as B } from "./HeaderMenu.js";
+import { HeaderSearch as N } from "./HeaderSearch.js";
+import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s9o_5", s = {
+  drawer: S,
+  dropdown: I
+}, O = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
+  const { currentId: o, toggleId: n, openId: c, closeAll: m } = C(), h = () => {
     c("search");
   }, f = () => {
-    d("search");
+    n("search");
   }, w = () => {
-    d("menu");
+    n("menu");
   };
-  return /* @__PURE__ */ m(H, { currentId: o, open: o === "search" || o === "menu", onClose: t, children: [
-    /* @__PURE__ */ e(_, { ...l, className: n.logo }),
-    /* @__PURE__ */ m(y, { className: n.menu, children: [
+  return /* @__PURE__ */ p(H, { currentId: o, open: o === "search" || o === "menu", onClose: m, children: [
+    /* @__PURE__ */ e(_, { ...l, className: s.logo }),
+    /* @__PURE__ */ p(B, { className: s.menu, children: [
       /* @__PURE__ */ e(
         b,
         {
@@ -44,10 +44,10 @@ import '../../assets/Header.css';const N = "_drawer_ft5v3_1", S = "_dropdown_ft5
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: n.dropdown, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a, onClose: t }) })
+      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: m }) })
     ] }),
-    s && /* @__PURE__ */ e(B, { expanded: o === "search", children: /* @__PURE__ */ e(v, { ...s, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { open: o === "menu", className: n.drawer, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a }) })
+    d && /* @__PURE__ */ e(N, { expanded: o === "search", children: /* @__PURE__ */ e(y, { ...d, expanded: o === "search", onClose: f, onFocus: h }) }),
+    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a }) })
   ] });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.15.4",
+  "version": "0.15.5",
   "main": "dist/index.js",
   "files": [
     "dist/",