@altinn/altinn-components 0.67.7 → 0.67.8

package/dist/LayoutBase-BQ69GQ-K.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import './assets/LayoutBase.css';const o = "_base_t27ic_1", i = "_bannerWrapperPinned_t27ic_12", c = {
+  base: o,
+  bannerWrapperPinned: i
+}, p = ({ currentId: e, color: n, theme: s, bannerHeight: a, children: t }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: c.base,
+    "data-color": n,
+    "data-theme": s,
+    "data-current-id": e,
+    style: a ? { "--altinn-banner-height": `${a}px` } : void 0,
+    children: t
+  }
+);
+export {
+  p as L,
+  c as s
+};

package/dist/assets/GlobalHeader.css

@@ -1 +1 @@
-._header_1apfp_1{z-index:1;background-color:#fff;width:100%}._header_1apfp_1[data-current-id=account],._header_1apfp_1[data-current-id=menu],._header_1apfp_1[data-current-id=locale]{position:fixed;top:var(--altinn-banner-height, 0px);left:0;right:0}._container_1apfp_21{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_1apfp_33{display:none}._header_1apfp_1[data-current-id=menu],._header_1apfp_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_1apfp_1[data-current-id=menu] ._backdrop_1apfp_33,._header_1apfp_1[data-current-id=locale] ._backdrop_1apfp_33{display:block}}@media(max-width:1023px){._header_1apfp_1{gap:0}}._header_1apfp_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_1apfp_67{position:relative;display:flex;align-items:center;justify-content:end;column-gap:1rem;width:100%}._logo_1apfp_76{margin-right:auto}
+._header_tji8q_1{z-index:1;background-color:#fff;width:100%}@media(max-width:1023px){._header_tji8q_1[data-current-id=account],._header_tji8q_1[data-current-id=menu],._header_tji8q_1[data-current-id=locale]{position:fixed;top:var(--altinn-banner-height, 0px);left:0;right:0}}._container_tji8q_18{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_tji8q_30{display:none}._header_tji8q_1[data-current-id=menu],._header_tji8q_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_tji8q_1[data-current-id=menu] ._backdrop_tji8q_30,._header_tji8q_1[data-current-id=locale] ._backdrop_tji8q_30{display:block}}@media(max-width:1023px){._header_tji8q_1{gap:0}}._header_tji8q_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_tji8q_64{position:relative;display:flex;align-items:center;justify-content:end;column-gap:1rem;width:100%}._logo_tji8q_73{margin-right:auto}

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_1084c_1{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--altinn-layout-background);--altinn-banner-height: 0px}._bannerWrapperPinned_1084c_14{position:fixed;top:0;left:0;right:0;z-index:2}._base_1084c_1[data-theme=default]{--altinn-layout-background: var(--ds-color-background-default)}._base_1084c_1[data-theme=subtle]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_1084c_1[data-theme=neutral]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}._base_1084c_1[data-theme=inbox]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_1084c_1[data-theme=inbox][data-color=person],._base_1084c_1[data-theme=settings]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}
+._base_t27ic_1{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--altinn-layout-background);--altinn-banner-height: 0px}@media(max-width:1023px){._bannerWrapperPinned_t27ic_12{position:fixed;top:0;left:0;right:0;z-index:2}}._base_t27ic_1[data-theme=default]{--altinn-layout-background: var(--ds-color-background-default)}._base_t27ic_1[data-theme=subtle]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_t27ic_1[data-theme=neutral]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}._base_t27ic_1[data-theme=inbox]{--altinn-layout-background: var(--ds-color-background-tinted)}._base_t27ic_1[data-theme=inbox][data-color=person],._base_t27ic_1[data-theme=settings]{--altinn-layout-background: var(--ds-color-neutral-background-tinted)}

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,77 +1,77 @@
 "use client";
-import { jsx as n, jsxs as i, Fragment as O } from "react/jsx-runtime";
+import { jsx as n, jsxs as s, Fragment as O } from "react/jsx-runtime";
 import { useState as b } from "react";
 import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
 import { AccountSelector as v } from "../AccountSelector/AccountSelector.js";
-import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as j } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { w as D } from "../../ToolbarSearch-DyVcALSw.js";
-import { GlobalMenuButton as M } from "./GlobalMenuButton.js";
-import { GlobalAccountButton as N } from "./GlobalAccountButton.js";
+import { w as C } from "../../ToolbarSearch-DyVcALSw.js";
+import { GlobalMenuButton as D } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as M } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderDrawer as E } from "./HeaderDrawer.js";
-import { HeaderDropdown as I } from "./HeaderDropdown.js";
-import { HeaderLogo as k } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const w = "_header_1apfp_1", y = "_container_1apfp_21", B = "_nav_1apfp_67", G = "_logo_1apfp_76", a = {
-  header: w,
-  container: y,
-  nav: B,
-  logo: G
-}, H = 5, $ = ({
+import { HeaderDrawer as N } from "./HeaderDrawer.js";
+import { HeaderDropdown as E } from "./HeaderDropdown.js";
+import { HeaderLogo as I } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const k = "_header_tji8q_1", q = "_container_tji8q_18", w = "_nav_tji8q_64", y = "_logo_tji8q_73", t = {
+  header: k,
+  container: q,
+  nav: w,
+  logo: y
+}, B = 5, $ = ({
   globalMenu: r,
   desktopMenu: d,
-  mobileMenu: p,
-  locale: m,
+  mobileMenu: m,
+  locale: p,
   accountSelector: e,
   logo: u = {},
   badge: f,
   onLoginClick: g
 }) => {
-  const { currentId: o, toggleId: l, closeAll: t } = D(), h = () => {
+  const { currentId: o, toggleId: l, closeAll: a } = C(), h = () => {
     l("account");
   }, _ = () => {
     l("menu");
-  }, c = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = b(!1), A = F();
-  return /* @__PURE__ */ n("header", { className: a.header, "data-current-id": o, children: /* @__PURE__ */ n("div", { className: a.container, children: /* @__PURE__ */ i("nav", { className: a.nav, "aria-label": "hovednavigasjon", children: [
-    /* @__PURE__ */ n(k, { ...u, badge: f, className: a.logo }),
-    e && /* @__PURE__ */ i(O, { children: [
+  }, i = o === "account" || e?.forceOpenFullScreen || !1, [c, x] = b(!1), A = F();
+  return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ n("div", { className: t.container, children: /* @__PURE__ */ s("nav", { className: t.nav, "aria-label": "hovednavigasjon", children: [
+    /* @__PURE__ */ n(I, { ...u, badge: f, className: t.logo }),
+    e && /* @__PURE__ */ s(O, { children: [
       /* @__PURE__ */ n(
-        N,
+        M,
         {
           currentAccount: e.accountMenu?.currentAccount,
           onClick: e.accountMenu?.currentAccount ? h : g,
-          expanded: c,
+          expanded: i,
           loading: e.loading,
           disabled: e.forceOpenFullScreen
         }
       ),
       /* @__PURE__ */ n(
-        E,
+        N,
         {
           id: "header-account",
-          open: c,
-          onClose: t,
+          open: i,
+          onClose: a,
           closedBy: e?.forceOpenFullScreen ? "none" : "any",
           ariaLabelledby: "account-selector-heading",
-          expanded: e?.forceOpenFullScreen || s,
-          onToggle: () => x(!s),
-          expandable: (e.accountCount ?? e.accountMenu.items.length) > H,
+          expanded: e?.forceOpenFullScreen || c,
+          onToggle: () => x(!c),
+          expandable: (e.accountCount ?? e.accountMenu.items.length) > B,
           children: /* @__PURE__ */ n(v, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
         }
       )
     ] }),
     /* @__PURE__ */ n(
-      I,
+      E,
       {
         id: "header-menu",
         open: o === "menu",
-        onClose: t,
+        onClose: a,
         trigger: /* @__PURE__ */ n(
-          M,
+          D,
           {
             onClick: _,
             expanded: o === "menu",
@@ -80,12 +80,12 @@ import '../../assets/GlobalHeader.css';const w = "_header_1apfp_1", y = "_contai
           }
         ),
         children: /* @__PURE__ */ n(
-          C,
+          j,
           {
             ...r,
-            menu: A ? d || r?.menu : p || r?.menu,
-            onClose: t,
-            localeSwitcher: m,
+            menu: A ? d || r?.menu : m || r?.menu,
+            onClose: a,
+            localeSwitcher: p,
             isOpen: o === "menu"
           }
         )

package/dist/components/Layout/Layout.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as i, jsx as t, Fragment as v } from "react/jsx-runtime";
 import { useRef as L, useState as B, useEffect as x } from "react";
-import { L as R, s as S } from "../../LayoutBase-CrlzKACr.js";
+import { L as R, s as S } from "../../LayoutBase-BQ69GQ-K.js";
 import { LayoutGrid as H } from "./LayoutGrid.js";
 import { LayoutBody as z } from "./LayoutBody.js";
 import { LayoutContent as j } from "./LayoutContent.js";

package/dist/components/Layout/LayoutBase.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as t } from "../../LayoutBase-CrlzKACr.js";
+import { L as t } from "../../LayoutBase-BQ69GQ-K.js";
 export {
   t as LayoutBase
 };

package/dist/components/Layout/index.js

@@ -1,4 +1,4 @@
-import { L as t } from "../../LayoutBase-CrlzKACr.js";
+import { L as t } from "../../LayoutBase-BQ69GQ-K.js";
 import { LayoutGrid as e } from "./LayoutGrid.js";
 import { LayoutBody as L } from "./LayoutBody.js";
 import { LayoutContent as m } from "./LayoutContent.js";

package/dist/components/index.js

@@ -69,7 +69,7 @@ import { ItemControls as pe } from "./Item/ItemControls.js";
 import { ItemSelect as xe } from "./Item/ItemSelect.js";
 import { ItemBase as se } from "./Item/ItemBase.js";
 import { ItemLink as le } from "./Item/ItemLink.js";
-import { L as ue } from "../LayoutBase-CrlzKACr.js";
+import { L as ue } from "../LayoutBase-BQ69GQ-K.js";
 import { LayoutGrid as ge } from "./Layout/LayoutGrid.js";
 import { LayoutBody as Le } from "./Layout/LayoutBody.js";
 import { LayoutContent as Ie } from "./Layout/LayoutContent.js";

package/dist/index.js

@@ -69,7 +69,7 @@ import { ItemControls as pe } from "./components/Item/ItemControls.js";
 import { ItemSelect as ie } from "./components/Item/ItemSelect.js";
 import { ItemBase as se } from "./components/Item/ItemBase.js";
 import { ItemLink as ce } from "./components/Item/ItemLink.js";
-import { L as ue } from "./LayoutBase-CrlzKACr.js";
+import { L as ue } from "./LayoutBase-BQ69GQ-K.js";
 import { LayoutGrid as ge } from "./components/Layout/LayoutGrid.js";
 import { LayoutBody as Le } from "./components/Layout/LayoutBody.js";
 import { LayoutContent as Ie } from "./components/Layout/LayoutContent.js";

package/package.json

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

package/dist/LayoutBase-CrlzKACr.js

@@ -1,19 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import './assets/LayoutBase.css';const o = "_base_1084c_1", c = "_bannerWrapperPinned_1084c_14", d = {
-  base: o,
-  bannerWrapperPinned: c
-}, i = ({ currentId: e, color: n, theme: s, bannerHeight: a, children: r }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: d.base,
-    "data-color": n,
-    "data-theme": s,
-    "data-current-id": e,
-    style: a ? { "--altinn-banner-height": `${a}px` } : void 0,
-    children: r
-  }
-);
-export {
-  i as L,
-  d as s
-};