@altinn/altinn-components 0.61.3 → 0.63.0

package/dist/index.js

@@ -69,7 +69,7 @@ import { ItemControls as ae } from "./components/Item/ItemControls.js";
 import { ItemSelect as xe } from "./components/Item/ItemSelect.js";
 import { ItemBase as ie } from "./components/Item/ItemBase.js";
 import { ItemLink as ne } from "./components/Item/ItemLink.js";
-import { LayoutBase as ce } from "./components/Layout/LayoutBase.js";
+import { L as ce } from "./LayoutBase-CAdjuw9Q.js";
 import { LayoutGrid as de } from "./components/Layout/LayoutGrid.js";
 import { LayoutBody as De } from "./components/Layout/LayoutBody.js";
 import { LayoutContent as Be } from "./components/Layout/LayoutContent.js";
@@ -170,40 +170,41 @@ import { CheckboxOptions as Ya } from "./components/Forms/CheckboxOptions.js";
 import { SettingsItem as _a } from "./components/Settings/SettingsItem.js";
 import { SettingsItemBase as op } from "./components/Settings/SettingsItemBase.js";
 import { SettingsList as ep } from "./components/Settings/SettingsList.js";
-import { SettingsSection as mp } from "./components/Settings/SettingsSection.js";
-import { SettingsModal as pp } from "./components/Settings/SettingsModal.js";
-import { UsedByLog as fp } from "./components/Settings/UsedByLog.js";
-import { UsedByLogItem as sp } from "./components/Settings/UsedByLogItem.js";
-import { DashboardHeader as lp } from "./components/Dashboard/DashboardHeader.js";
-import { DashboardCard as up } from "./components/Dashboard/DashboardCard.js";
-import { ActivityLog as gp } from "./components/ActivityLog/ActivityLog.js";
-import { ActivityLogSegment as Lp } from "./components/ActivityLog/ActivityLogSegment.js";
-import { ActivityLogItem as Ip } from "./components/ActivityLog/ActivityLogItem.js";
-import { ArticleHeader as bp } from "./components/Article/ArticleHeader.js";
-import { ArticleContact as Mp } from "./components/Article/ArticleContact.js";
-import { Article as Tp } from "./components/Article/Article.js";
-import { ModalBase as hp } from "./components/Modal/ModalBase.js";
-import { ModalHeader as Cp } from "./components/Modal/ModalHeader.js";
-import { ModalFooter as Hp } from "./components/Modal/ModalFooter.js";
-import { ModalIcon as wp } from "./components/Modal/ModalIcon.js";
-import { ModalBody as Np } from "./components/Modal/ModalBody.js";
-import { Modal as Ep } from "./components/Modal/Modal.js";
-import { Tooltip as Vp } from "./components/Tooltip/Tooltip.js";
-import { useClickOutside as zp } from "./hooks/useClickOutside.js";
-import { useEscapeKey as jp } from "./hooks/useEscapeKey.js";
-import { useMenu as qp } from "./hooks/useMenu.js";
-import { useAccountSelector as Wp } from "./hooks/useAccountSelector.js";
-import { formatDisplayName as Yp } from "./functions/name/name.js";
-import { formatDate as _p } from "./functions/date/date.js";
-import { formatOrgNo as ox } from "./functions/orgno/orgno.js";
-import { A as ex } from "./alert-BzifOfXl.js";
-import { B as mx, C as ax, a as px, b as xx, D as fx, L as ix, c as sx, P as nx, d as lx, e as cx, f as ux, S as dx, g as gx, T as Dx, u as Lx } from "./textfield-f4Za2qt6.js";
-import { B as Ix, S as Sx } from "./button-BB5sYVKY.js";
-import { D as Ax } from "./index-Q0EA2XB0.js";
-import { H as yx } from "./heading-C_XYsUfi.js";
-import { L as kx } from "./link-D1SA3LCe.js";
-import { P as Fx } from "./paragraph-BRiIBpbY.js";
-import { V as Px } from "./index-z82sbSVU.js";
+import { SettingsListVirtual as mp } from "./components/Settings/SettingsListVirtual.js";
+import { SettingsSection as pp } from "./components/Settings/SettingsSection.js";
+import { SettingsModal as fp } from "./components/Settings/SettingsModal.js";
+import { UsedByLog as sp } from "./components/Settings/UsedByLog.js";
+import { UsedByLogItem as lp } from "./components/Settings/UsedByLogItem.js";
+import { DashboardHeader as up } from "./components/Dashboard/DashboardHeader.js";
+import { DashboardCard as gp } from "./components/Dashboard/DashboardCard.js";
+import { ActivityLog as Lp } from "./components/ActivityLog/ActivityLog.js";
+import { ActivityLogSegment as Ip } from "./components/ActivityLog/ActivityLogSegment.js";
+import { ActivityLogItem as bp } from "./components/ActivityLog/ActivityLogItem.js";
+import { ArticleHeader as Mp } from "./components/Article/ArticleHeader.js";
+import { ArticleContact as Tp } from "./components/Article/ArticleContact.js";
+import { Article as hp } from "./components/Article/Article.js";
+import { ModalBase as Cp } from "./components/Modal/ModalBase.js";
+import { ModalHeader as Hp } from "./components/Modal/ModalHeader.js";
+import { ModalFooter as wp } from "./components/Modal/ModalFooter.js";
+import { ModalIcon as Np } from "./components/Modal/ModalIcon.js";
+import { ModalBody as Ep } from "./components/Modal/ModalBody.js";
+import { Modal as Vp } from "./components/Modal/Modal.js";
+import { Tooltip as zp } from "./components/Tooltip/Tooltip.js";
+import { useClickOutside as jp } from "./hooks/useClickOutside.js";
+import { useEscapeKey as qp } from "./hooks/useEscapeKey.js";
+import { useMenu as Wp } from "./hooks/useMenu.js";
+import { useAccountSelector as Yp } from "./hooks/useAccountSelector.js";
+import { formatDisplayName as _p } from "./functions/name/name.js";
+import { formatDate as ox } from "./functions/date/date.js";
+import { formatOrgNo as ex } from "./functions/orgno/orgno.js";
+import { A as mx } from "./alert-BzifOfXl.js";
+import { B as px, C as xx, a as fx, b as ix, D as sx, L as nx, c as lx, P as cx, d as ux, e as dx, f as gx, S as Dx, g as Lx, T as Bx, u as Ix } from "./textfield-f4Za2qt6.js";
+import { B as bx, S as Ax } from "./button-BB5sYVKY.js";
+import { D as yx } from "./index-Q0EA2XB0.js";
+import { H as kx } from "./heading-C_XYsUfi.js";
+import { L as Fx } from "./link-D1SA3LCe.js";
+import { P as Px } from "./paragraph-BRiIBpbY.js";
+import { V as vx } from "./index-z82sbSVU.js";
 export {
   fa as AccessAreaListItem,
   sa as AccessPackageListItem,
@@ -215,13 +216,13 @@ export {
   b as AccountNotificationSettings,
   M as AccountOrganization,
   T as AccountSelector,
-  gp as ActivityLog,
-  Ip as ActivityLogItem,
-  Lp as ActivityLogSegment,
+  Lp as ActivityLog,
+  bp as ActivityLogItem,
+  Ip as ActivityLogSegment,
   h as Alert,
-  Tp as Article,
-  Mp as ArticleContact,
-  bp as ArticleHeader,
+  hp as Article,
+  Tp as ArticleContact,
+  Mp as ArticleHeader,
   m as AttachmentLink,
   p as AttachmentList,
   Nt as Autocomplete,
@@ -256,8 +257,8 @@ export {
   Km as ContactButtons,
   Qm as ContactSection,
   Go as ContextMenu,
-  up as DashboardCard,
-  lp as DashboardHeader,
+  gp as DashboardCard,
+  up as DashboardHeader,
   Ro as Dialog,
   ar as DialogActions,
   xr as DialogActivityLog,
@@ -288,28 +289,28 @@ export {
   Fr as DrawerHeader,
   E as Dropdown,
   Ar as DropdownBase,
-  ex as DsAlert,
-  mx as DsBadge,
-  Ix as DsButton,
-  ax as DsCheckbox,
-  px as DsChip,
-  xx as DsCombobox,
-  Ax as DsDetails,
-  fx as DsDialog,
-  yx as DsHeading,
-  kx as DsLink,
-  ix as DsListItem,
-  sx as DsListUnordered,
-  nx as DsPagination,
-  Fx as DsParagraph,
-  lx as DsPopover,
-  cx as DsSearch,
-  ux as DsSkeleton,
-  Sx as DsSpinner,
-  dx as DsSwitch,
-  gx as DsTabs,
-  Dx as DsTextfield,
-  Px as DsValidationMessage,
+  mx as DsAlert,
+  px as DsBadge,
+  bx as DsButton,
+  xx as DsCheckbox,
+  fx as DsChip,
+  ix as DsCombobox,
+  yx as DsDetails,
+  sx as DsDialog,
+  kx as DsHeading,
+  Fx as DsLink,
+  nx as DsListItem,
+  lx as DsListUnordered,
+  cx as DsPagination,
+  Px as DsParagraph,
+  ux as DsPopover,
+  dx as DsSearch,
+  gx as DsSkeleton,
+  Ax as DsSpinner,
+  Dx as DsSwitch,
+  Lx as DsTabs,
+  Bx as DsTextfield,
+  vx as DsValidationMessage,
   ua as Field,
   R as FieldBase,
   ga as Fieldset,
@@ -367,12 +368,12 @@ export {
   X as MetaItemIcon,
   st as MetaTimestamp,
   lt as Metadata,
-  Ep as Modal,
-  hp as ModalBase,
-  Np as ModalBody,
-  Hp as ModalFooter,
-  Cp as ModalHeader,
-  wp as ModalIcon,
+  Vp as Modal,
+  Cp as ModalBase,
+  Ep as ModalBody,
+  wp as ModalFooter,
+  Hp as ModalHeader,
+  Np as ModalIcon,
   ut as NotificationItem,
   gt as NotificationItemBase,
   Lt as NotificationItemControls,
@@ -407,8 +408,9 @@ export {
   _a as SettingsItem,
   op as SettingsItemBase,
   ep as SettingsList,
-  pp as SettingsModal,
-  mp as SettingsSection,
+  mp as SettingsListVirtual,
+  fp as SettingsModal,
+  pp as SettingsSection,
   e as SizeEnum,
   Xt as Skeleton,
   Vt as Snackbar,
@@ -436,29 +438,29 @@ export {
   Dm as ToolbarFilterMenu,
   _ as ToolbarMenu,
   $ as ToolbarSearch,
-  Vp as Tooltip,
+  zp as Tooltip,
   Xm as Transmission,
   oa as TransmissionList,
   Zm as TransmissionType,
   _m as TransmissionTypeEnum,
   ea as Typography,
-  fp as UsedByLog,
-  sp as UsedByLogItem,
+  sp as UsedByLog,
+  lp as UsedByLogItem,
   la as UserListItem,
   oo as VirtualizedMenuItems,
-  _p as formatDate,
-  Yp as formatDisplayName,
-  ox as formatOrgNo,
+  ox as formatDate,
+  _p as formatDisplayName,
+  ex as formatOrgNo,
   l as isAvatarGroupProps,
   i as isAvatarProps,
   Ee as isHeadingProps,
   ro as isIconProps,
-  Wp as useAccountSelector,
-  zp as useClickOutside,
-  Lx as useDsPagination,
-  jp as useEscapeKey,
+  Yp as useAccountSelector,
+  jp as useClickOutside,
+  Ix as useDsPagination,
+  qp as useEscapeKey,
   Bm as useFilter,
-  qp as useMenu,
+  Wp as useMenu,
   eo as useRootContext,
   Jt as useSnackbar
 };

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

@@ -22,3 +22,4 @@ export declare const InfoExpanded: Story;
 export declare const ErrorBanner: Story;
 export declare const ErrorExpanded: Story;
 export declare const Colors: (args: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StrongCompany: (args: BannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
 import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
+import { BannerColor, BannerVariant } from '../Banner';
 import { BreadcrumbsProps } from '../Breadcrumbs';
 import { FooterProps } from '../Footer';
 import { GlobalHeaderProps } from '../GlobalHeader';
+import { SvgElement } from '../Icon';
 import { MenuProps } from '../Menu';
 import { SkipLinkProps } from '../SkipLink';
 interface SidebarProps extends LayoutSidebarProps {
@@ -12,7 +14,18 @@ interface SidebarProps extends LayoutSidebarProps {
 interface ContentProps {
     color?: LayoutColor;
 }
+export interface LayoutBannerProps {
+    title: string;
+    link?: {
+        label: string;
+        href: string;
+    };
+    color?: BannerColor;
+    variant?: BannerVariant;
+    icon?: SvgElement;
+}
 export interface LayoutProps {
+    banner?: LayoutBannerProps;
     color?: LayoutColor;
     theme?: LayoutTheme;
     header?: GlobalHeaderProps;
@@ -23,5 +36,5 @@ export interface LayoutProps {
     skipLink?: SkipLinkProps;
     breadcrumbs?: BreadcrumbsProps;
 }
-export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ banner, color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,7 +4,7 @@ interface LayoutStoryArgs extends LayoutProps {
 }
 declare const meta: {
     title: string;
-    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ banner, color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -46,4 +46,6 @@ export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx
 export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Profile: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const SidebarReference: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const WithBanner: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomBanner: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const InboxLayout: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Layout/LayoutBase.d.ts

@@ -5,6 +5,7 @@ export interface LayoutBaseProps {
     color?: LayoutColor;
     theme?: LayoutTheme /** TODO: Should be renamed to variant */;
     currentId?: string;
+    bannerHeight?: number;
     children?: ReactNode;
 }
 /**
@@ -20,4 +21,4 @@ export interface LayoutBaseProps {
  *  - Footer
  *
  */
-export declare const LayoutBase: ({ currentId, color, theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayoutBase: ({ currentId, color, theme, bannerHeight, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -37,6 +37,7 @@ declare const meta: {
         linkIcon?: boolean | undefined;
         controls?: import('react').ReactNode;
         summary?: import('react').ReactNode;
+        containerAs?: "li" | "div" | undefined;
         as?: import('react').ElementType | undefined;
         href?: string | undefined;
         onClick?: (() => void) | undefined;

package/dist/types/lib/components/Settings/SettingsItemBase.d.ts

@@ -19,5 +19,6 @@ export interface SettingsItemBaseProps extends ItemLinkProps {
     controls?: ReactNode;
     children?: ReactNode;
     summary?: ReactNode;
+    containerAs?: 'li' | 'div';
 }
-export declare const SettingsItemBase: ({ as, ref, hidden, disabled, loading, color, collapsible, expanded, icon, label, titleProps, descriptionProps, summary, children, highlightWords, badge, linkIcon, controls, ...rest }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsItemBase: ({ as, ref, hidden, disabled, loading, color, collapsible, expanded, icon, label, titleProps, descriptionProps, summary, children, highlightWords, badge, linkIcon, controls, containerAs: ContainerTag, ...rest }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsList.d.ts

@@ -8,5 +8,6 @@ export interface SettingsListProps {
     items: SettingsItemProps[];
     groups?: Record<string, SettingsGroupProps>;
     sortGroupBy?: (a: [string, SettingsItemProps[]], b: [string, SettingsItemProps[]]) => number;
+    virtualized?: boolean;
 }
-export declare const SettingsList: ({ items, variant, groups, sortGroupBy }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsList: ({ items, variant, groups, sortGroupBy, virtualized, }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsListVirtual.d.ts

@@ -0,0 +1,9 @@
+import { SettingsItemProps } from '..';
+import { SettingsGroupProps, SettingsListProps } from './SettingsList';
+export interface SettingsListVirtualProps {
+    variant?: SettingsListProps['variant'];
+    items: SettingsItemProps[];
+    groups?: Record<string, SettingsGroupProps>;
+    sortGroupBy?: SettingsListProps['sortGroupBy'];
+}
+export declare const SettingsListVirtual: ({ items, variant, groups, sortGroupBy, }: SettingsListVirtualProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 export * from './SettingsItem';
 export * from './SettingsItemBase';
 export * from './SettingsList';
+export * from './SettingsListVirtual';
 export * from './SettingsSection';
 export * from './SettingsModal';
 export * from './UsedByLog';

package/package.json

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