@altinn/altinn-components 0.61.2 → 0.62.0

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

@@ -0,0 +1,65 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ loading, variant, id, name, title, value, description, checked, onChange, modalProps, expanded, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        id: string;
+        variant: "default";
+        ariaLabel: string;
+        title: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
+        variant?: import('./SettingsItem').SettingsItemVariant | undefined;
+        id: string;
+        title?: string | undefined;
+        value?: string | undefined;
+        description?: string | undefined;
+        name?: string | undefined;
+        checked?: boolean | undefined;
+        onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
+        modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
+        children?: import('react').ReactNode;
+        groupId?: string | undefined;
+        hidden?: boolean | undefined;
+        disabled?: boolean | undefined;
+        ref?: import('react').Ref<import('react').ElementType> | undefined;
+        color?: import('..').Color | undefined;
+        icon?: import('react').ReactNode | import('..').SvgElement | import('..').AvatarProps | import('..').AvatarGroupProps;
+        label?: import('react').ReactNode;
+        titleProps?: import('..').HeadingProps | undefined;
+        descriptionProps?: import('..').HeadingProps | undefined;
+        highlightWords?: string[] | undefined;
+        badge?: import('..').BadgeProps | undefined;
+        colllapsible?: boolean | undefined;
+        expanded?: boolean | undefined;
+        linkIcon?: boolean | undefined;
+        controls?: import('react').ReactNode;
+        summary?: import('react').ReactNode;
+        as?: import('react').ElementType | undefined;
+        href?: string | undefined;
+        onClick?: (() => void) | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
+        ariaLabel?: string | undefined;
+        tabIndex?: number | undefined;
+        loading?: boolean | undefined;
+        selected?: boolean | undefined;
+        className?: string | undefined;
+        active?: boolean | undefined;
+        collapsible?: boolean | undefined;
+        ariaControlsId?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Value: Story;
+export declare const Loading: Story;
+export declare const Switch: Story;
+export declare const Modal: Story;
+export declare const ModalProps: Story;
+export declare const Company: Story;
+export declare const Person: Story;
+export declare const Bookmark: () => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarkContextMenu: () => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ export interface SettingsItemBaseProps extends ItemLinkProps {
     id?: string;
     groupId?: string;
     hidden?: boolean;
+    disabled?: boolean;
     ref?: ItemBaseProps['ref'];
     color?: ItemBaseProps['color'];
     icon?: ItemMediaProps['icon'];
@@ -12,8 +13,11 @@ export interface SettingsItemBaseProps extends ItemLinkProps {
     descriptionProps?: HeadingProps;
     highlightWords?: string[];
     badge?: BadgeProps;
+    colllapsible?: boolean;
+    expanded?: boolean;
     linkIcon?: boolean;
     controls?: ReactNode;
     children?: ReactNode;
+    summary?: ReactNode;
 }
-export declare const SettingsItemBase: ({ as, ref, hidden, loading, color, expanded, icon, label, titleProps, descriptionProps, 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, ...rest }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,8 +4,9 @@ export interface SettingsGroupProps {
     title?: string | ReactNode;
 }
 export interface SettingsListProps {
+    variant?: 'default' | 'menu';
     items: SettingsItemProps[];
     groups?: Record<string, SettingsGroupProps>;
     sortGroupBy?: (a: [string, SettingsItemProps[]], b: [string, SettingsItemProps[]]) => number;
 }
-export declare const SettingsList: ({ items, groups, sortGroupBy }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsList: ({ items, variant, groups, sortGroupBy }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,6 +11,8 @@ export default meta;
 export declare const ProfileReadOnly: () => import("react/jsx-runtime").JSX.Element;
 export declare const ProfileInput: () => import("react/jsx-runtime").JSX.Element;
 export declare const ProfileSelect: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountSingleInput: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountSingleSelect: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountVerified: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountNewEmail: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountNewEmailAndSms: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Profile.stories.d.ts

@@ -7,12 +7,12 @@ declare const meta: {
     args: {};
 };
 export default meta;
+export declare const ProfilePage: () => import("react/jsx-runtime").JSX.Element;
 export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountsPageVirtualized: () => import("react/jsx-runtime").JSX.Element;
 export declare const AlertsPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
-export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const UsersPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccessPage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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