@altinn/altinn-components 0.56.20 → 0.56.21

package/dist/types/lib/components/Bookmarks/BookmarkSettingsItem.d.ts

@@ -2,6 +2,8 @@ import { ContextMenuProps, QueryItemProps, SettingsItemProps } from '..';
 export interface BookmarkSettingsItemProps {
     /** Bookmark id */
     id: string;
+    /** Group id */
+    groupId?: string;
     /** Icon */
     icon?: SettingsItemProps['icon'];
     /** Loading */

package/dist/types/lib/components/Bookmarks/BookmarkSettingsList.d.ts

@@ -1,6 +1,12 @@
+import { ReactNode } from 'react';
 import { BookmarkSettingsItemProps } from '..';
+export interface BookmarkSettingsGroupProps {
+    title?: string | ReactNode;
+}
 export interface BookmarkSettingsListProps {
     items: BookmarkSettingsItemProps[];
+    groups?: Record<string, BookmarkSettingsGroupProps>;
+    sortGroupBy?: (a: [string, BookmarkSettingsItemProps[]], b: [string, BookmarkSettingsItemProps[]]) => number;
     loading?: boolean;
 }
-export declare const BookmarkSettingsList: ({ loading, items }: BookmarkSettingsListProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BookmarkSettingsList: ({ loading, items, groups, sortGroupBy }: BookmarkSettingsListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Bookmarks/BookmarkSettingsList.stories.d.ts

@@ -1,6 +1,6 @@
 import { BookmarkSettingsListProps } from '..';
 declare const meta: {
-    component: ({ loading, items }: BookmarkSettingsListProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ loading, items, groups, sortGroupBy }: BookmarkSettingsListProps) => import("react/jsx-runtime").JSX.Element | null;
     title: string;
     tags: string[];
     parameters: {
@@ -8,6 +8,8 @@ declare const meta: {
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
         items: import('./BookmarkSettingsItem').BookmarkSettingsItemProps[];
+        groups?: Record<string, import('./BookmarkSettingsList').BookmarkSettingsGroupProps> | undefined;
+        sortGroupBy?: ((a: [string, import('./BookmarkSettingsItem').BookmarkSettingsItemProps[]], b: [string, import('./BookmarkSettingsItem').BookmarkSettingsItemProps[]]) => number) | undefined;
         loading?: boolean | undefined;
     }>, { args }: {
         args: BookmarkSettingsListProps;
@@ -16,4 +18,5 @@ declare const meta: {
 };
 export default meta;
 export declare const BookmarksList: () => import("react/jsx-runtime").JSX.Element;
+export declare const GroupedBookmarksList: () => import("react/jsx-runtime").JSX.Element;
 export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export type DropdownSize = 'auto' | 'sm' | 'md' | 'lg';
 export type DropdownPlacement = 'left' | 'right' | 'bottom' | 'top' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-export type DropdownVariant = 'dropdown' | 'drawer' | 'drawer-dropdown';
+export type DropdownVariant = 'dropdown' | 'drawer' | 'drawer-dropdown' | 'header-dropdown' | 'header';
 export interface DropdownProps {
     id?: string;
     className?: string;

package/dist/types/lib/components/{Account/AccountMenuButton.d.ts → GlobalHeader/AccountSelectorButton.d.ts}

@@ -1,5 +1,5 @@
 import { AccountMenuItemProps, ButtonProps } from '..';
-export interface AccountMenuButtonProps extends ButtonProps {
+export interface AccountSelectorButtonProps extends ButtonProps {
     currentAccount?: AccountMenuItemProps;
     className?: string;
     expanded?: boolean;
@@ -8,4 +8,4 @@ export interface AccountMenuButtonProps extends ButtonProps {
     tabIndex?: number;
     loading?: boolean;
 }
-export declare const AccountMenuButton: ({ className, currentAccount, expanded, minimized, loading, ...buttonProps }: AccountMenuButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AccountSelectorButton: ({ className, currentAccount, expanded, minimized, loading, ...buttonProps }: AccountSelectorButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/{Account/AccountMenuButton.stories.d.ts → GlobalHeader/AccountSelectorButton.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, currentAccount, expanded, minimized, loading, ...buttonProps }: import('./AccountMenuButton').AccountMenuButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ className, currentAccount, expanded, minimized, loading, ...buttonProps }: import('./AccountSelectorButton').AccountSelectorButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/GlobalHeader/DigdirLogomark.d.ts

@@ -1,6 +1,5 @@
 export interface SymbolProps {
     className?: string;
     title?: string;
-    'aria-hidden'?: boolean;
 }
-export declare const DigdirLogomark: ({ className, title, "aria-hidden": ariaHidden }: SymbolProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DigdirLogomark: ({ className, title }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalHeader/GlobalHeader.d.ts

@@ -2,7 +2,6 @@ import { BadgeProps } from '../Badge';
 import { GlobalMenuProps, LocaleSwitcherProps } from '../GlobalMenu';
 import { MenuProps } from '../Menu';
 import { AccountSelectorProps } from './AccountSelector.tsx';
-import { GlobalSearchProps } from './GlobalSearch.tsx';
 import { HeaderLogoProps } from './HeaderLogo.tsx';
 export interface GlobalHeaderProps {
     globalMenu: GlobalMenuProps;
@@ -10,11 +9,10 @@ export interface GlobalHeaderProps {
     desktopMenu?: MenuProps;
     /** Use to override globalMenu.menu on mobile */
     mobileMenu?: MenuProps;
-    globalSearch?: GlobalSearchProps;
     locale?: LocaleSwitcherProps;
     accountSelector?: AccountSelectorProps;
     badge?: BadgeProps | undefined;
     logo?: HeaderLogoProps;
     onLoginClick?: () => void;
 }
-export declare const GlobalHeader: ({ globalMenu, desktopMenu, mobileMenu, globalSearch, locale, accountSelector, logo, badge, onLoginClick, }: GlobalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalHeader: ({ globalMenu, desktopMenu, mobileMenu, locale, accountSelector, logo, badge, onLoginClick, }: GlobalHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { GlobalHeaderProps } from './';
 declare const meta: {
     title: string;
-    component: ({ globalMenu, desktopMenu, mobileMenu, globalSearch, locale, accountSelector, logo, badge, onLoginClick, }: GlobalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ globalMenu, desktopMenu, mobileMenu, locale, accountSelector, logo, badge, onLoginClick, }: GlobalHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/{GlobalMenu → GlobalHeader}/GlobalMenuButton.d.ts

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { ButtonProps } from '../';
+import { ButtonProps } from '..';
 import { BadgeProps } from '../Badge';
 export interface GlobalMenuButtonProps extends ButtonProps {
     label?: string;
@@ -9,4 +9,4 @@ export interface GlobalMenuButtonProps extends ButtonProps {
     badge?: BadgeProps | undefined;
     tabIndex?: number;
 }
-export declare const GlobalMenuButton: ({ className, as, color, variant, expanded, label, badge, ...buttonProps }: GlobalMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuButton: ({ className, as, color, variant, onClick, expanded, label, badge, ...buttonProps }: GlobalMenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{GlobalMenu → GlobalHeader}/GlobalMenuButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, as, color, variant, expanded, label, badge, ...buttonProps }: import('./GlobalMenuButton').GlobalMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, as, color, variant, onClick, expanded, label, badge, ...buttonProps }: import('./GlobalMenuButton').GlobalMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/GlobalHeader/index.d.ts

@@ -1,2 +1,2 @@
 export * from './GlobalHeader';
-export * from './GlobalHeaderBase';
+export * from './GlobalMenuButton';

package/dist/types/lib/components/GlobalMenu/index.d.ts

@@ -1,3 +1,2 @@
 export * from './GlobalMenu';
-export * from './GlobalMenuButton';
 export * from './LocaleSwitcher';

package/dist/types/lib/components/Modal/ModalBase.d.ts

@@ -6,9 +6,10 @@ export interface ModalBaseProps {
     children?: React.ReactNode;
     backdropColor?: BackdropColor;
     variant?: 'default' | 'content' | 'full';
+    height?: 'auto' | 'full';
     size?: SectionProps['size'];
     color?: SectionProps['color'];
     padding?: SectionProps['padding'];
     spacing?: SectionProps['spacing'];
 }
-export declare const ModalBase: ({ open, onClose, closedBy, children, backdropColor, size, color, padding, spacing, variant, }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalBase: ({ open, onClose, closedBy, children, backdropColor, size, color, padding, spacing, height, variant, }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Modal/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FlexProps } from '../';
-export interface ModalFooterProps extends FlexProps {
+export interface ModalFooterProps {
     children?: ReactNode;
+    sticky?: boolean;
 }
-export declare const ModalFooter: ({ children, ...props }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalFooter: ({ children, sticky, ...props }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Modal/index.d.ts

@@ -1,5 +1,6 @@
 export * from './ModalBase';
 export * from './ModalHeader';
+export * from './ModalFooter';
 export * from './ModalIcon';
 export * from './ModalBody';
 export * from './Modal';

package/dist/types/lib/components/Settings/SettingsModal.stories.d.ts

@@ -31,7 +31,7 @@ export interface AccountAlertsModalProps extends SettingsModalProps {
     readOnly?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const AccountAlertsModal: ({ open, onClose, icon, title, description, phone, phoneLabel, email, emailLabel, smsAlerts, emailAlerts, readOnly, onChange, }: AccountAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountAlertsModal: ({ open, icon, title, description, phone, phoneLabel, email, emailLabel, smsAlerts, emailAlerts, readOnly, onChange, onClose, }: AccountAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
 export declare const UserAccountAlertsModal: ({ open, onClose, phone, email, ...props }: {
     [x: string]: any;
     open?: boolean | undefined;
@@ -57,3 +57,4 @@ interface LocaleSettingsModal extends SettingsModalProps {
     value?: string;
 }
 export declare const LocaleSettingsModal: ({ open, onClose, value, onChange }: LocaleSettingsModal) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleServiceSettingsModal: ({ open, onClose, icon, title, description, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/functions/index.d.ts

@@ -1,2 +1,3 @@
 export * from './name';
 export * from './date';
+export * from './orgno';

package/dist/types/lib/functions/orgno/index.d.ts

@@ -0,0 +1 @@
+export * from './orgno.ts';

package/dist/types/lib/functions/orgno/orgno.d.ts

@@ -0,0 +1 @@
+export declare const formatOrgNo: (orgNo?: string | null) => string | undefined;

package/package.json

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

package/dist/assets/AccountMenuButton.css

@@ -1 +0,0 @@
-._button_9nzzi_1{flex-shrink:0;position:relative;display:inline-flex;align-items:center;column-gap:.1rem;padding:.625rem;border:none;border-radius:4px}@media(max-width:1023px){._button_9nzzi_1:focus-visible{outline-offset:-2px}}._label_9nzzi_18{font-size:1.125rem;font-weight:500;padding:.25rem}._avatarIcon_9nzzi_24,._loginIcon_9nzzi_25,._closeIcon_9nzzi_26{width:2.7em;height:2.7em;border-radius:2px;font-size:unset}._closeIcon_9nzzi_26{background-color:var(--ds-color-company-base-default);border-radius:50%;color:#fff}._loginIcon_9nzzi_25{background-color:#e0e2e4;border-radius:50%;color:#000}._avatar_9nzzi_24{font-size:2.6em}._icon_9nzzi_49{font-size:1.2em}._badge_9nzzi_53{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}._labelContainer_9nzzi_61{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;color:var(--ds-color-company-text-default)}._description_9nzzi_69{font-size:.875rem;color:var(--ds-color-company-text-default)}

package/dist/assets/GlobalHeaderBase.css

@@ -1 +0,0 @@
-._header_pafet_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff}._backdrop_pafet_12{display:none}._header_pafet_1[data-current-id=menu],._header_pafet_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_pafet_1[data-current-id=menu] ._backdrop_pafet_12,._header_pafet_1[data-current-id=locale] ._backdrop_pafet_12{display:block}}@media(max-width:1023px){._header_pafet_1{gap:0}}._header_pafet_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

package/dist/assets/HeaderGroup2.css

@@ -1 +0,0 @@
-._group_o0h92_1{position:relative;display:flex;align-items:center;column-gap:1rem}@media(max-width:1023px){._group_o0h92_1{column-gap:.1rem}}

package/dist/assets/globalSearch.css

@@ -1 +0,0 @@
-._globalSearch_1symm_1{max-width:700px;margin:1rem auto;padding-bottom:.8rem}._searchInput_1symm_7{border:2px solid black}._searchInputButton_1symm_11{border:2px solid black;border-left:none}._searchButton_1symm_16{background-color:#e0e2e4;color:var(--ds-color-company-text-default)}._searchButton_1symm_16:hover{background-color:var(--ds-color-company-surface-hover)}._searchButton_1symm_16:active{background-color:var(--ds-color-company-surface-active)}@media(max-width:1023px){._searchButton_1symm_16{margin-right:.5rem}}

package/dist/components/Account/AccountMenuButton.js

@@ -1,134 +0,0 @@
-"use client";
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { c as d } from "../../index-p1eeF8LQ.js";
-import f, { forwardRef as v, isValidElement as h } from "react";
-import { Avatar as p } from "../Avatar/Avatar.js";
-import { Button as g } from "../Button/Button.js";
-import { ButtonIcon as u } from "../Button/ButtonIcon.js";
-import { ButtonLabel as b } from "../Button/ButtonLabel.js";
-import "react-dom";
-import { useRootContext as y } from "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { S as I } from "../../XMark-tKk6aExO.js";
-import { u as z } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountMenuButton.css';var N = function(t, i) {
-  var o = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && i.indexOf(n) < 0 && (o[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, n = Object.getOwnPropertySymbols(t); l < n.length; l++)
-      i.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[l]) && (o[n[l]] = t[n[l]]);
-  return o;
-};
-const w = v((t, i) => {
-  var { title: o, titleId: n } = t, l = N(t, ["title", "titleId"]);
-  let r = z();
-  return r = o ? n || "title-" + r : void 0, f.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": r }, l),
-    o ? f.createElement("title", { id: r }, o) : null,
-    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
-  );
-}), O = "_button_9nzzi_1", x = "_avatarIcon_9nzzi_24", C = "_loginIcon_9nzzi_25", j = "_closeIcon_9nzzi_26", k = "_avatar_9nzzi_24", L = "_icon_9nzzi_49", E = "_labelContainer_9nzzi_61", B = "_description_9nzzi_69", e = {
-  button: O,
-  avatarIcon: x,
-  loginIcon: C,
-  closeIcon: j,
-  avatar: k,
-  icon: L,
-  labelContainer: E,
-  description: B
-}, J = ({
-  className: t,
-  currentAccount: i,
-  expanded: o = !1,
-  minimized: n = !1,
-  loading: l = !1,
-  ...r
-}) => {
-  const { languageCode: _ } = y(), c = M(_);
-  if (l)
-    return /* @__PURE__ */ a(
-      g,
-      {
-        ...r,
-        as: "button",
-        type: "button",
-        variant: "ghost",
-        color: "company",
-        className: d(e.button, e.loading, t),
-        disabled: !0,
-        "aria-label": "loading",
-        children: /* @__PURE__ */ a(u, { className: e.avatarIcon, icon: /* @__PURE__ */ a(p, { name: "loading", loading: !0, className: e.avatar }) })
-      }
-    );
-  if (i) {
-    let s = i.description;
-    return i.role === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ m(
-      g,
-      {
-        ...r,
-        as: "button",
-        type: "button",
-        variant: "ghost",
-        color: "company",
-        className: d(e.button, t),
-        "aria-label": o ? c.close : i.name,
-        "aria-expanded": o,
-        children: [
-          !n && /* @__PURE__ */ a(b, { children: /* @__PURE__ */ m("div", { className: e.labelContainer, children: [
-            i.name,
-            /* @__PURE__ */ a("span", { className: e.description, children: typeof s == "string" || h(s) ? s : null })
-          ] }) }),
-          o ? /* @__PURE__ */ a(u, { className: e.closeIcon, icon: /* @__PURE__ */ a(I, { className: e.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
-            u,
-            {
-              className: e.avatarIcon,
-              icon: /* @__PURE__ */ a(p, { ...i?.icon, className: e.avatar })
-            }
-          )
-        ]
-      }
-    );
-  }
-  return o ? null : /* @__PURE__ */ m(
-    g,
-    {
-      ...r,
-      as: "button",
-      type: "button",
-      variant: "ghost",
-      color: "company",
-      "aria-label": c.login,
-      className: d(e.button, t),
-      "aria-expanded": o,
-      children: [
-        !n && /* @__PURE__ */ a(b, { children: c.login }),
-        /* @__PURE__ */ a(u, { className: e.loginIcon, icon: /* @__PURE__ */ a(w, { className: e.icon, "aria-hidden": !0 }) })
-      ]
-    }
-  );
-}, M = (t) => {
-  switch (t) {
-    case "nn":
-      return {
-        login: "Logg inn",
-        close: "Lukk kontomeny",
-        subunit: "undereining"
-      };
-    case "en":
-      return {
-        login: "Log in",
-        close: "Close Account Menu",
-        subunit: "subunit"
-      };
-    default:
-      return {
-        login: "Logg inn",
-        close: "Lukk kontomeny",
-        subunit: "underenhet"
-      };
-  }
-};
-export {
-  J as AccountMenuButton
-};

package/dist/components/GlobalHeader/GlobalHeaderBase.js

@@ -1,24 +0,0 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { c as d } from "../../index-p1eeF8LQ.js";
-import "react";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import "react-dom";
-import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import '../../assets/GlobalHeaderBase.css';const i = "_header_pafet_1", n = "_backdrop_pafet_12", r = {
-  header: i,
-  backdrop: n
-}, u = ({
-  currentId: o,
-  className: a,
-  children: e,
-  openBackdrop: t,
-  onCloseBackdrop: c
-}) => /* @__PURE__ */ p("header", { className: d(r.header, a), "data-current-id": o, children: [
-  t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c, color: "transparent" }),
-  e
-] });
-export {
-  u as GlobalHeaderBase
-};

package/dist/components/GlobalHeader/GlobalSearch.js

@@ -1,62 +0,0 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import { useState as d, useRef as g, useEffect as b } from "react";
-import "../../index-p1eeF8LQ.js";
-import { useIsDesktop as k } from "../../hooks/useIsDesktop.js";
-import "../Button/Button.js";
-import "react-dom";
-import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { s as o } from "../../globalSearch.module-DziLSGZg.js";
-import "../Snackbar/useSnackbar.js";
-import { S as r } from "../../index--jNxJmA8.js";
-import { S as x } from "../../MagnifyingGlass-bwVhw07z.js";
-const z = ({ onSearch: t }) => {
-  const i = k(), [n, u] = d(""), { languageCode: m, closeAll: p, currentId: s } = v(), { search: h, placeholder: c } = y(m), f = () => {
-    t(n), p();
-  }, l = g(null);
-  return b(() => {
-    s === "search" && l.current?.focus();
-  }, [s]), /* @__PURE__ */ e(
-    "form",
-    {
-      onSubmit: (a) => {
-        a.preventDefault(), f();
-      },
-      children: /* @__PURE__ */ S(r, { className: o.globalSearch, "data-size": i ? "lg" : "md", children: [
-        /* @__PURE__ */ e(
-          r.Input,
-          {
-            ref: l,
-            placeholder: c,
-            onChange: (a) => u(a.target.value),
-            value: n,
-            "aria-label": c,
-            className: o.searchInput
-          }
-        ),
-        /* @__PURE__ */ e(r.Clear, {}),
-        /* @__PURE__ */ e(r.Button, { variant: "secondary", icon: !0, "aria-label": h, className: o.searchInputButton, children: /* @__PURE__ */ e(x, {}) })
-      ] })
-    }
-  );
-}, y = (t) => {
-  switch (t) {
-    case "nn":
-      return {
-        search: "Søk",
-        placeholder: "Søk på altinn.no"
-      };
-    case "en":
-      return {
-        search: "Search",
-        placeholder: "Search on altinn.no"
-      };
-    default:
-      return {
-        search: "Søk",
-        placeholder: "Søk på altinn.no"
-      };
-  }
-};
-export {
-  z as GlobalSearch
-};

package/dist/components/GlobalHeader/GlobalSearchButton.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import { useIsDesktop as m } from "../../hooks/useIsDesktop.js";
-import "../Button/Button.js";
-import "react-dom";
-import { useRootContext as l } from "../RootProvider/RootProvider.js";
-import { s as u } from "../../globalSearch.module-DziLSGZg.js";
-import "../Snackbar/useSnackbar.js";
-import { B as p } from "../../button-BB5sYVKY.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
-import { S as f } from "../../MagnifyingGlass-bwVhw07z.js";
-const L = ({ onClick: t, expanded: o, ...a }) => {
-  const { languageCode: n } = l(), { search: r, close: i } = k(n), e = m();
-  return /* @__PURE__ */ c(
-    p,
-    {
-      ...a,
-      type: "button",
-      icon: !e,
-      title: o ? i : r,
-      onClick: t,
-      "data-color": "neutral",
-      className: u.searchButton,
-      "aria-expanded": o,
-      children: [
-        o ? /* @__PURE__ */ s(h, { "aria-hidden": "true" }) : /* @__PURE__ */ s(f, { "aria-hidden": "true" }),
-        e ? r : null
-      ]
-    }
-  );
-}, k = (t) => {
-  switch (t) {
-    case "nn":
-      return {
-        search: "Søk",
-        close: "Lukk"
-      };
-    case "en":
-      return {
-        search: "Search",
-        close: "Close"
-      };
-    default:
-      return {
-        search: "Søk",
-        close: "Lukk"
-      };
-  }
-};
-export {
-  L as GlobalSearchButton
-};

package/dist/components/GlobalHeader/HeaderGroup.js

@@ -1,8 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import '../../assets/HeaderGroup2.css';const t = "_group_o0h92_1", c = {
-  group: t
-}, m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: p(c.group, o), children: r });
-export {
-  m as HeaderGroup
-};

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -1,83 +0,0 @@
-import { jsxs as s, jsx as o, Fragment as k } from "react/jsx-runtime";
-import { c as d } from "../../index-p1eeF8LQ.js";
-import { Badge as f } from "../Badge/Badge.js";
-import "react";
-import { useIsDesktop as x } from "../../hooks/useIsDesktop.js";
-import { Button as _ } from "../Button/Button.js";
-import { ButtonIcon as c } from "../Button/ButtonIcon.js";
-import { ButtonLabel as h } from "../Button/ButtonLabel.js";
-import "react-dom";
-import { useRootContext as y } from "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../XMark-tKk6aExO.js";
-import { S as N } from "../../MenuHamburger-YjDC-ncP.js";
-import '../../assets/GlobalMenuButton2.css';const B = "_button_rhdbs_1", S = "_icon_rhdbs_25", C = "_iconMobile_rhdbs_31", L = "_badge_rhdbs_37", t = {
-  button: B,
-  icon: S,
-  iconMobile: C,
-  badge: L
-}, j = (e) => {
-  switch (e) {
-    case "nn":
-      return {
-        close: "Lukk meny"
-      };
-    case "en":
-      return {
-        close: "Close menu"
-      };
-    default:
-      return {
-        close: "Lukk Meny"
-      };
-  }
-}, E = ({
-  className: e,
-  as: i = "button",
-  color: a = "company",
-  variant: m = "solid",
-  expanded: l,
-  label: u = "Menu",
-  badge: n,
-  ...b
-}) => {
-  const r = x(), { languageCode: M } = y(), { close: p } = j(M);
-  return l ? /* @__PURE__ */ s(
-    _,
-    {
-      ...b,
-      as: i,
-      type: "button",
-      variant: m,
-      color: a,
-      className: d(t.button, e),
-      "aria-expanded": l,
-      children: [
-        r && /* @__PURE__ */ s(k, { children: [
-          /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.icon, "aria-label": p }) }),
-          /* @__PURE__ */ o(h, { children: u })
-        ] }),
-        !r && /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(g, { className: t.iconMobile, "aria-label": p }) }),
-        n && /* @__PURE__ */ o(f, { ...n, className: t.badge })
-      ]
-    }
-  ) : /* @__PURE__ */ s(
-    _,
-    {
-      ...b,
-      as: i,
-      type: "button",
-      variant: m,
-      color: a,
-      className: d(t.button, e),
-      children: [
-        r && /* @__PURE__ */ o(c, { icon: /* @__PURE__ */ o(N, { className: t.icon, "aria-hidden": !0 }) }),
-        /* @__PURE__ */ o(h, { children: u }),
-        n && /* @__PURE__ */ o(f, { ...n, className: t.badge })
-      ]
-    }
-  );
-};
-export {
-  E as GlobalMenuButton
-};

package/dist/globalSearch.module-DziLSGZg.js

@@ -1,9 +0,0 @@
-import './assets/globalSearch.css';const t = "_globalSearch_1symm_1", s = "_searchInput_1symm_7", c = "_searchInputButton_1symm_11", n = "_searchButton_1symm_16", a = {
-  globalSearch: t,
-  searchInput: s,
-  searchInputButton: c,
-  searchButton: n
-};
-export {
-  a as s
-};