@altinn/altinn-components 0.29.1 → 0.29.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/assets/Badge.css +1 -1
  2. package/dist/assets/SettingsItem.css +1 -1
  3. package/dist/assets/SnackbarItem.css +1 -1
  4. package/dist/assets/TimelineLink.css +1 -1
  5. package/dist/components/Badge/Badge.js +5 -5
  6. package/dist/components/Dashboard/DashboardHeader.js +11 -11
  7. package/dist/components/List/ListItemHeader.js +7 -7
  8. package/dist/components/Settings/SettingsItem.js +13 -13
  9. package/dist/components/Settings/SettingsList.js +30 -0
  10. package/dist/components/Settings/SettingsSection.js +20 -0
  11. package/dist/components/Settings/index.js +6 -4
  12. package/dist/components/Snackbar/SnackbarItem.js +36 -37
  13. package/dist/components/Snackbar/useSnackbar.js +6 -6
  14. package/dist/components/Timeline/TimelineLink.js +18 -19
  15. package/dist/components/index.js +47 -45
  16. package/dist/index.js +73 -71
  17. package/dist/types/lib/components/Account/AccountList.stories.d.ts +16 -6
  18. package/dist/types/lib/components/Account/AccountListItem.stories.d.ts +2 -2
  19. package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +1 -1
  20. package/dist/types/lib/components/Account/AccountSettingsList.stories.d.ts +14 -0
  21. package/dist/types/lib/components/ActivityLog/ActivityLog.stories.d.ts +1 -0
  22. package/dist/types/lib/components/Article/ArticleContact.stories.d.ts +1 -1
  23. package/dist/types/lib/components/Article/ArticleHeader.stories.d.ts +1 -1
  24. package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts +1 -1
  25. package/dist/types/lib/components/Attachment/AttachmentList.stories.d.ts +1 -1
  26. package/dist/types/lib/components/Avatar/AvatarGroup.stories.d.ts +1 -1
  27. package/dist/types/lib/components/Avatar/avatar.stories.d.ts +1 -1
  28. package/dist/types/lib/components/Badge/Badge.d.ts +1 -1
  29. package/dist/types/lib/components/Badge/Badge.stories.d.ts +2 -1
  30. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +1 -1
  31. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +1 -1
  32. package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
  33. package/dist/types/lib/components/Button/ComboButton.stories.d.ts +1 -1
  34. package/dist/types/lib/components/Button/IconButton.stories.d.ts +1 -1
  35. package/dist/types/lib/components/Byline/Byline.stories.d.ts +1 -1
  36. package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +1 -1
  37. package/dist/types/lib/components/Dashboard/DashboardHeader.stories.d.ts +1 -1
  38. package/dist/types/lib/components/Dialog/Dialog.stories.d.ts +1 -1
  39. package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts +1 -1
  40. package/dist/types/lib/components/Dialog/DialogAttachments.stories.d.ts +1 -1
  41. package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts +1 -1
  42. package/dist/types/lib/components/Dialog/DialogBylline.stories.d.ts +1 -1
  43. package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts +1 -1
  44. package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts +1 -1
  45. package/dist/types/lib/components/Dialog/DialogList.stories.d.ts +1 -1
  46. package/dist/types/lib/components/Dialog/DialogListItem.stories.d.ts +1 -1
  47. package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts +1 -1
  48. package/dist/types/lib/components/Dialog/DialogSeenBy.stories.d.ts +1 -1
  49. package/dist/types/lib/components/Dialog/DialogStatus.stories.d.ts +1 -1
  50. package/dist/types/lib/components/Dialog/DialogTouchedBy.stories.d.ts +1 -1
  51. package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts +1 -1
  52. package/dist/types/lib/components/DsComponents/DsComponents.stories.d.ts +1 -1
  53. package/dist/types/lib/components/Footer/Footer.stories.d.ts +1 -1
  54. package/dist/types/lib/components/Forms/Checkbox.stories.d.ts +1 -1
  55. package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts +1 -1
  56. package/dist/types/lib/components/Forms/Radio.stories.d.ts +1 -1
  57. package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts +1 -1
  58. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +1 -1
  59. package/dist/types/lib/components/Forms/SelectField.stories.d.ts +1 -1
  60. package/dist/types/lib/components/Forms/Switch.stories.d.ts +1 -1
  61. package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts +1 -1
  62. package/dist/types/lib/components/Forms/TextField.stories.d.ts +1 -1
  63. package/dist/types/lib/components/Forms/TextareaField.stories.d.ts +1 -1
  64. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +1 -1
  65. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +1 -1
  66. package/dist/types/lib/components/Header/HeaderButton.stories.d.ts +1 -1
  67. package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +1 -1
  68. package/dist/types/lib/components/Icon/CheckboxIcon.stories.d.ts +1 -1
  69. package/dist/types/lib/components/Icon/Icon.stories.d.ts +1 -1
  70. package/dist/types/lib/components/Icon/ProgressIcon.stories.d.ts +1 -1
  71. package/dist/types/lib/components/Icon/RadioIcon.stories.d.ts +1 -1
  72. package/dist/types/lib/components/LayoutAction/LayoutAction.stories.d.ts +1 -1
  73. package/dist/types/lib/components/List/ListItem.stories.d.ts +1 -1
  74. package/dist/types/lib/components/Menu/Menu.stories.d.ts +1 -1
  75. package/dist/types/lib/components/Menu/MenuOption.stories.d.ts +1 -1
  76. package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
  77. package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts +1 -1
  78. package/dist/types/lib/components/Metadata/MetaProgress.stories.d.ts +1 -1
  79. package/dist/types/lib/components/Metadata/MetaTimestamp.stories.d.ts +1 -1
  80. package/dist/types/lib/components/Metadata/Metadata.stories.d.ts +1 -1
  81. package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +1 -1
  82. package/dist/types/lib/components/Page/ContactSection.stories.d.ts +1 -1
  83. package/dist/types/lib/components/Page/Flex.stories.d.ts +1 -1
  84. package/dist/types/lib/components/Page/Grid.stories.d.ts +1 -1
  85. package/dist/types/lib/components/Page/List.stories.d.ts +1 -1
  86. package/dist/types/lib/components/Page/PageMenu.stories.d.ts +1 -1
  87. package/dist/types/lib/components/Page/PageNav.stories.d.ts +1 -1
  88. package/dist/types/lib/components/Page/PageTabs.stories.d.ts +1 -1
  89. package/dist/types/lib/components/ResourceList/ResourceList.stories.d.ts +1 -1
  90. package/dist/types/lib/components/ResourceList/ResourceListItem.stories.d.ts +1 -1
  91. package/dist/types/lib/components/Searchbar/Autocomplete.stories.d.ts +1 -1
  92. package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +1 -1
  93. package/dist/types/lib/components/Settings/Settings.stories.d.ts +0 -1
  94. package/dist/types/lib/components/Settings/SettingsItem.d.ts +1 -0
  95. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +3 -2
  96. package/dist/types/lib/components/Settings/SettingsList.d.ts +9 -0
  97. package/dist/types/lib/components/Settings/SettingsSection.d.ts +9 -0
  98. package/dist/types/lib/components/Settings/index.d.ts +2 -1
  99. package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts +0 -2
  100. package/dist/types/lib/components/Snackbar/SnackbarItem.stories.d.ts +1 -1
  101. package/dist/types/lib/components/Timeline/TimelineActivity.stories.d.ts +1 -1
  102. package/dist/types/lib/components/Timeline/TimelineFooter.stories.d.ts +1 -1
  103. package/dist/types/lib/components/Timeline/TimelineHeader.stories.d.ts +1 -1
  104. package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts +1 -1
  105. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
  106. package/dist/types/lib/components/Toolbar/ToolbarAdd.stories.d.ts +1 -1
  107. package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
  108. package/dist/types/lib/components/Toolbar/ToolbarDate.stories.d.ts +1 -1
  109. package/dist/types/lib/components/Toolbar/ToolbarDaterange.stories.d.ts +1 -1
  110. package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts +1 -1
  111. package/dist/types/lib/components/Toolbar/ToolbarMenu.stories.d.ts +1 -1
  112. package/dist/types/lib/components/Toolbar/ToolbarOptions.stories.d.ts +1 -1
  113. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -1
  114. package/dist/types/lib/components/Typography/Heading.stories.d.ts +1 -1
  115. package/dist/types/lib/components/Typography/Typography.stories.d.ts +1 -1
  116. package/dist/types/lib/stories/Profile/Settings.stories.d.ts +3 -4
  117. package/dist/types/lib/stories/Profile.stories.d.ts +7 -7
  118. package/package.json +12 -16
  119. package/dist/components/Settings/Settings.js +0 -20
  120. package/dist/types/lib/components/Settings/Settings.d.ts +0 -9
  121. package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +0 -14
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ reverse, size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ name, options, ...restProps }: import('./SwitchOptions').SwitchOptionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ size, color, label, helperText, ...rest }: import('./TextField').TextFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ size, color, label, helperText, ...rest }: import('./TextareaField.tsx').TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { Account } from '..';
3
3
  import { GlobalMenuProps } from './GlobalMenu';
4
4
  declare const meta: {
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { Account } from '../';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ className, as, color, variant, avatar, avatarGroup, icon, expanded, label, badge, ...buttonProps }: import('./HeaderButton').HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { LocaleSwitcherProps } from './LocaleSwitcher';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ checked, title, hover, className }: import('./CheckboxIcon').CheckboxIconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  import { Icon, IconProps } from '..';
3
3
  declare const meta: Meta<typeof Icon>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ value, total, className }: import('./ProgressIcon').ProgressIconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ checked, title, hover, className }: import('./RadioIcon').RadioIconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Meta } from '@storybook/react';
1
+ import { Meta } from '@storybook/react-vite';
2
2
  import { LayoutAction, LayoutActionProps } from '..';
3
3
  declare const meta: Meta<typeof LayoutAction>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { ListItemProps } from '../';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, ...rest }: import('./MenuOption').MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { MenuSearchProps } from './MenuSearch';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, reverse, size, variant, icon, children, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ size, variant, progress, children }: import('./MetaProgress').MetaProgressProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, size, variant, datetime, icon, children, }: import('./MetaTimestamp').MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  import { Metadata } from './Metadata';
3
3
  declare const meta: Meta<typeof Metadata>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ items }: import('./Breadcrumbs').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  import { ContactSection } from './ContactSection';
3
3
  declare const meta: Meta<typeof ContactSection>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ as, color, size, theme, shadow, direction, reverse, align, justify, spacing, padding, margin, bleed, className, style, children, ...rest }: import('./Flex').FlexProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ as, size, theme, color, cols, reverse, spacing, className, style, children, }: import('./Grid').GridProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ children, className, spacing, items, ...rest }: import('../List').ListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  import { PageMenu } from './PageMenu';
3
3
  declare const meta: Meta<typeof PageMenu>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ color, padding, breadcrumbs, backButton, controls, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ theme, color, items, padding }: import('./PageTabs').PageTabsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ items, size, ...props }: import('./ResourceList').ResourceListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, ...props }: import('./ResourceListItem').ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ className, items, groups, expanded, onSelect }: import('./Autocomplete').AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { SearchbarProps } from '..';
3
3
  declare const meta: {
4
4
  title: string;
@@ -10,5 +10,4 @@ export declare const CollapsibleList: () => import("react/jsx-runtime").JSX.Elem
10
10
  export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
11
11
  export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
12
12
  export declare const ContactSettings: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
14
13
  export declare const NotificationSettings: () => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import { ListItemBaseProps, ListItemHeaderProps, ListItemLabelProps } from '..';
2
2
  export interface SettingsItemProps extends ListItemBaseProps, ListItemHeaderProps {
3
3
  id?: string;
4
+ groupId?: string;
4
5
  collapsible?: boolean;
5
6
  expanded?: boolean;
6
7
  label?: ListItemHeaderProps['children'];
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ color, size, expanded, icon, label, title, value, description, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -7,8 +7,9 @@ declare const meta: {
7
7
  args: {
8
8
  ariaLabel: string;
9
9
  };
10
- decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
10
+ decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
11
11
  id?: string | undefined;
12
+ groupId?: string | undefined;
12
13
  collapsible?: boolean | undefined;
13
14
  expanded?: boolean | undefined;
14
15
  label?: React.ReactNode;
@@ -0,0 +1,9 @@
1
+ import { SettingsItemProps } from '..';
2
+ export interface SettingsGroupProps {
3
+ title?: string;
4
+ }
5
+ export interface SettingsListProps {
6
+ items: SettingsItemProps[];
7
+ groups?: Record<string, SettingsGroupProps>;
8
+ }
9
+ export declare const SettingsList: ({ items, groups }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { SectionProps } from '..';
2
+ export interface SettingsSectionProps extends SectionProps {
3
+ as?: SectionProps['as'];
4
+ color?: SectionProps['color'];
5
+ theme?: SectionProps['theme'];
6
+ size?: SectionProps['size'];
7
+ children?: SectionProps['children'];
8
+ }
9
+ export declare const SettingsSection: ({ size, theme, padding, spacing, shadow, as, color, children, }: SettingsSectionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,3 @@
1
- export * from './Settings';
1
+ export * from './SettingsSection';
2
2
  export * from './SettingsItem';
3
+ export * from './SettingsList';
@@ -2,8 +2,6 @@ import { ElementType, ReactNode } from 'react';
2
2
  import { SvgElement } from '..';
3
3
  export declare enum SnackbarColorEnum {
4
4
  accent = "accent",
5
- neutral = "neutral",
6
- alert = "alert",
7
5
  success = "success",
8
6
  warning = "warning",
9
7
  danger = "danger",
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { SnackbarItemProps } from '..';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, byline, icon, color, typographyProps, margin, spacing, datetime, children, footer, ...props }: import('./TimelineActivity').TimelineActivityProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, as, color, icon, iconColor, children, }: import('./TimelineFooter').TimelineFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ as, loading, color, icon, children }: import('./TimelineHeader').TimelineHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, level, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  import { Toolbar } from '..';
3
3
  declare const meta: {
4
4
  title: string;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ label, items, id }: import('./ToolbarAdd').ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ removable, label, name, filterState, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ id, title, description, fromLabel, toLabel, label, value, }: import('./ToolbarDaterange').ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ removable, label, name, filterState, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ label, value, groups, search, items, id }: import('./ToolbarMenu').ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ name, search, optionGroups, options, onChange, optionType, }: import('./ToolbarOptions').ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, as, size, leading, weight, color, variant, maxRows, className, style, children, }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { StoryObj } from '@storybook/react';
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ loading, loadingText, as, size, color, variant, className, style, maxWidth, children, ...restProps }: import('./Typography').TypographyProps) => import("react/jsx-runtime").JSX.Element;
@@ -5,12 +5,11 @@ declare const meta: {
5
5
  args: {};
6
6
  };
7
7
  export default meta;
8
+ export declare const DashboardSettings: () => import("react/jsx-runtime").JSX.Element;
8
9
  export declare const ContactSettings: () => import("react/jsx-runtime").JSX.Element;
9
10
  export declare const MoreSettings: () => import("react/jsx-runtime").JSX.Element;
10
- export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
11
11
  export declare const NotificationSettings: () => import("react/jsx-runtime").JSX.Element;
12
- export declare const SettingsList: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const CollapsibleList: () => import("react/jsx-runtime").JSX.Element;
12
+ export declare const EtceteraSettings: () => import("react/jsx-runtime").JSX.Element;
13
+ export declare const CollapsibleSettings: () => import("react/jsx-runtime").JSX.Element;
14
14
  export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
15
15
  export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
16
- export declare const CompanyNotifications: () => import("react/jsx-runtime").JSX.Element;
@@ -7,10 +7,10 @@ declare const meta: {
7
7
  args: {};
8
8
  };
9
9
  export default meta;
10
- export declare const Dashboard: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const Accounts: () => import("react/jsx-runtime").JSX.Element;
12
- export declare const Users: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const Access: () => import("react/jsx-runtime").JSX.Element;
14
- export declare const Settings: () => import("react/jsx-runtime").JSX.Element;
15
- export declare const Notifications: () => import("react/jsx-runtime").JSX.Element;
16
- export declare const Log: () => import("react/jsx-runtime").JSX.Element;
10
+ export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Element;
11
+ export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
12
+ export declare const UsersPage: () => import("react/jsx-runtime").JSX.Element;
13
+ export declare const AccessPage: () => import("react/jsx-runtime").JSX.Element;
14
+ export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
15
+ export declare const NotificationsPage: () => import("react/jsx-runtime").JSX.Element;
16
+ export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.29.1",
3
+ "version": "0.29.3",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -31,17 +31,13 @@
31
31
  },
32
32
  "devDependencies": {
33
33
  "@biomejs/biome": "1.9.4",
34
- "@chromatic-com/storybook": "^3.2.6",
35
- "@storybook/addon-a11y": "^8.6.14",
36
- "@storybook/addon-essentials": "^8.6.14",
37
- "@storybook/addon-interactions": "^8.6.14",
38
- "@storybook/addon-links": "^8.6.14",
39
- "@storybook/addon-mdx-gfm": "^8.6.14",
40
- "@storybook/addon-themes": "^8.6.14",
41
- "@storybook/blocks": "^8.6.14",
42
- "@storybook/react": "^8.6.14",
43
- "@storybook/react-vite": "^8.6.14",
44
- "@storybook/test": "^8.6.14",
34
+ "@chromatic-com/storybook": "^4.0.0",
35
+ "@storybook/addon-a11y": "^9.0.4",
36
+ "@storybook/addon-docs": "^9.0.4",
37
+ "@storybook/addon-links": "^9.0.4",
38
+ "@storybook/addon-mdx-gfm": "^9.0.0-alpha.13",
39
+ "@storybook/addon-themes": "^9.0.4",
40
+ "@storybook/react-vite": "^9.0.4",
45
41
  "@storybook/test-runner": "^0.22.0",
46
42
  "@types/react": "^19.1.5",
47
43
  "@types/react-dom": "^18.3.7",
@@ -52,9 +48,9 @@
52
48
  "lint-staged": "^15.5.2",
53
49
  "playwright": "^1.52.0",
54
50
  "rollup-preserve-directives": "^1.1.3",
55
- "storybook": "^8.6.14",
56
- "storybook-addon-tag-badges": "^1.4.0",
57
- "storybook-addon-theme-provider": "^0.2.9",
51
+ "storybook": "^9.0.4",
52
+ "storybook-addon-tag-badges": "^2.0.0",
53
+ "storybook-addon-theme-provider": "^0.2.10",
58
54
  "typescript": "^5.8.3",
59
55
  "vite": "^5.4.19",
60
56
  "vite-plugin-dts": "^4.5.4",
@@ -78,7 +74,7 @@
78
74
  "lint:fix": "biome check ./lib --write",
79
75
  "dev": "vite",
80
76
  "build-storybook": "storybook build",
81
- "test-storybook": "test-storybook --maxWorkers 3",
77
+ "test-storybook": "test-storybook",
82
78
  "install:browsers": "pnpm exec playwright install"
83
79
  }
84
80
  }
@@ -1,20 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "react";
4
- import "../RootProvider/RootProvider.js";
5
- import "../Searchbar/AutocompleteBase.js";
6
- import "../Snackbar/useSnackbar.js";
7
- import { Section as f } from "../Page/Section.js";
8
- const j = ({
9
- size: t = "sm",
10
- theme: o = "default",
11
- padding: r = 4,
12
- spacing: m = 6,
13
- shadow: i = "xs",
14
- as: p,
15
- color: e,
16
- children: s
17
- }) => /* @__PURE__ */ n(f, { as: p, size: t, color: e, theme: o, padding: r, spacing: m, shadow: i, children: s });
18
- export {
19
- j as Settings
20
- };
@@ -1,9 +0,0 @@
1
- import { SectionProps } from '..';
2
- export interface SettingsProps extends SectionProps {
3
- as?: SectionProps['as'];
4
- color?: SectionProps['color'];
5
- theme?: SectionProps['theme'];
6
- size?: SectionProps['size'];
7
- children?: SectionProps['children'];
8
- }
9
- export declare const Settings: ({ size, theme, padding, spacing, shadow, as, color, children, }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { AccountListItemProps } from '../../components';
2
- declare const meta: {
3
- title: string;
4
- tags: string[];
5
- parameters: {};
6
- args: {};
7
- };
8
- export default meta;
9
- export declare const Accounts: () => import("react/jsx-runtime").JSX.Element;
10
- export declare const AccountDetails: ({ type, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
11
- export declare const AccountToolbar: ({ id, isCurrentEndUser, favourite, onToggleFavourite, }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
12
- export declare const CompanyDetails: ({ id, parentId, uniqueId, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
13
- export declare const PersonDetails: ({ id, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
14
- export declare const GroupDetails: ({ accountIds }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;