@altinn/altinn-components 0.58.0 → 0.58.2

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 (212) hide show
  1. package/dist/{Section-DPj8jAL1.js → Section-DvBigBR1.js} +122 -121
  2. package/dist/assets/BookmarkSettingsItemLabel.css +1 -1
  3. package/dist/assets/DialogContact.css +1 -0
  4. package/dist/assets/DialogHeader.css +1 -0
  5. package/dist/assets/DialogLayout.css +1 -0
  6. package/dist/assets/DialogSection.css +1 -0
  7. package/dist/assets/Link.css +1 -0
  8. package/dist/assets/Section.css +1 -1
  9. package/dist/assets/SettingsItemBase.css +1 -1
  10. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +17 -16
  11. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +9 -8
  12. package/dist/components/Account/AccountList.js +7 -6
  13. package/dist/components/Account/AccountListItem.js +8 -7
  14. package/dist/components/Account/AccountListItemControls.js +11 -10
  15. package/dist/components/Account/AccountListItemDetails.js +12 -11
  16. package/dist/components/Account/AccountListVirtual.js +4 -3
  17. package/dist/components/Account/AccountMenu.js +11 -10
  18. package/dist/components/Account/AccountNotificationSettings.js +10 -9
  19. package/dist/components/Account/AccountOrganization.js +15 -14
  20. package/dist/components/AccountSelector/AccountSelector.js +10 -9
  21. package/dist/components/ActivityLog/ActivityLog.js +4 -3
  22. package/dist/components/ActivityLog/ActivityLogItem.js +4 -3
  23. package/dist/components/ActivityLog/ActivityLogSegment.js +4 -3
  24. package/dist/components/Alert/Alert.js +8 -7
  25. package/dist/components/Article/Article.js +4 -3
  26. package/dist/components/Article/ArticleContact.js +4 -3
  27. package/dist/components/Article/ArticleHeader.js +4 -3
  28. package/dist/components/Attachment/AttachmentLink.js +1 -1
  29. package/dist/components/Banner/Banner.js +6 -5
  30. package/dist/components/Bookmarks/BookmarkModal.js +7 -6
  31. package/dist/components/Bookmarks/BookmarkSettingsItem.js +4 -3
  32. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +12 -11
  33. package/dist/components/Bookmarks/BookmarkSettingsList.js +9 -8
  34. package/dist/components/Breadcrumbs/Breadcrumbs.js +4 -3
  35. package/dist/components/Bulk/BulkHeader.js +8 -7
  36. package/dist/components/Button/ButtonIcon.js +4 -3
  37. package/dist/components/Button/ComboButton.js +4 -3
  38. package/dist/components/Button/FloatingActionButton.js +8 -7
  39. package/dist/components/Button/IconButton.js +5 -4
  40. package/dist/components/Byline/Byline.js +3 -2
  41. package/dist/components/Byline/index.js +1 -1
  42. package/dist/components/ContextMenu/ContextMenu.js +11 -10
  43. package/dist/components/Dashboard/DashboardCard.js +7 -6
  44. package/dist/components/Dashboard/DashboardHeader.js +9 -8
  45. package/dist/components/Datepicker/Datepicker.js +1 -1
  46. package/dist/components/Datepicker/DatepickerHeader.js +4 -3
  47. package/dist/components/Datepicker/DatepickerTable.js +11 -10
  48. package/dist/components/Dialog/Dialog.js +25 -31
  49. package/dist/components/Dialog/DialogActions.js +4 -3
  50. package/dist/components/Dialog/DialogActivityLog.js +4 -3
  51. package/dist/components/Dialog/DialogAttachments.js +6 -5
  52. package/dist/components/Dialog/DialogBody.js +8 -7
  53. package/dist/components/Dialog/DialogByline.js +3 -2
  54. package/dist/components/Dialog/DialogContact.js +47 -11
  55. package/dist/components/Dialog/DialogHeader.js +31 -28
  56. package/dist/components/Dialog/DialogHistory.js +7 -6
  57. package/dist/components/Dialog/DialogHistoryItem.js +4 -3
  58. package/dist/components/Dialog/DialogHistorySegment.js +8 -7
  59. package/dist/components/Dialog/DialogLayout.js +22 -21
  60. package/dist/components/Dialog/DialogList.js +3 -2
  61. package/dist/components/Dialog/DialogListGroup.js +3 -2
  62. package/dist/components/Dialog/DialogListItem.js +3 -2
  63. package/dist/components/Dialog/DialogMetadata.js +3 -2
  64. package/dist/components/Dialog/DialogSection.js +10 -7
  65. package/dist/components/Dialog/DialogSeenBy.js +4 -3
  66. package/dist/components/Dialog/DialogSelect.js +10 -9
  67. package/dist/components/Dialog/DialogStatus.js +4 -3
  68. package/dist/components/Dialog/DialogTabs.js +4 -3
  69. package/dist/components/Dialog/SeenByLog.js +4 -3
  70. package/dist/components/Dialog/SeenByLogButton.js +7 -6
  71. package/dist/components/Dialog/SeenByLogItem.js +12 -11
  72. package/dist/components/Dialog/index.js +1 -1
  73. package/dist/components/Dropdown/DrawerButton.js +4 -3
  74. package/dist/components/Dropdown/DrawerHeader.js +8 -7
  75. package/dist/components/Dropdown/Dropdown.js +3 -2
  76. package/dist/components/Dropdown/DropdownBase.js +8 -7
  77. package/dist/components/Dropdown/FloatingDropdown.js +19 -18
  78. package/dist/components/Dropdown/index.js +1 -1
  79. package/dist/components/DsComponents/index.js +21 -20
  80. package/dist/components/Forms/Checkbox.js +4 -3
  81. package/dist/components/Forms/CheckboxOptions.js +4 -3
  82. package/dist/components/Forms/FieldBase.js +3 -2
  83. package/dist/components/Forms/FieldsetBase.js +4 -3
  84. package/dist/components/Forms/Radio.js +4 -3
  85. package/dist/components/Forms/RadioOptions.js +4 -3
  86. package/dist/components/Forms/SearchField.js +3 -2
  87. package/dist/components/Forms/SelectField.js +5 -4
  88. package/dist/components/Forms/Switch.js +6 -5
  89. package/dist/components/Forms/SwitchOptions.js +4 -3
  90. package/dist/components/Forms/TextField.js +4 -3
  91. package/dist/components/Forms/TextFieldDropdown.js +4 -3
  92. package/dist/components/Forms/TextareaField.js +4 -3
  93. package/dist/components/Forms/index.js +1 -1
  94. package/dist/components/GlobalHeader/GlobalAccountButton.js +8 -7
  95. package/dist/components/GlobalHeader/GlobalHeader.js +10 -9
  96. package/dist/components/GlobalHeader/GlobalMenuButton.js +4 -3
  97. package/dist/components/GlobalHeader/HeaderDrawer.js +9 -8
  98. package/dist/components/GlobalHeader/HeaderDropdown.js +6 -5
  99. package/dist/components/GlobalHeader/HeaderLogo.js +8 -7
  100. package/dist/components/GlobalMenu/GlobalMenu.js +10 -9
  101. package/dist/components/GlobalMenu/LocaleSwitcher.js +13 -12
  102. package/dist/components/GlobalMenu/LogoutButton.js +4 -3
  103. package/dist/components/GlobalMenu_old/BackButton.js +4 -3
  104. package/dist/components/GlobalMenu_old/CurrentAccount.js +4 -3
  105. package/dist/components/GlobalMenu_old/GlobalMenu.js +10 -9
  106. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +12 -11
  107. package/dist/components/GlobalMenu_old/LogoutButton.js +4 -3
  108. package/dist/components/Header/Header.js +4 -3
  109. package/dist/components/Header/HeaderBase.js +7 -6
  110. package/dist/components/Header/HeaderButton.js +18 -17
  111. package/dist/components/Header/LocaleButton.js +12 -11
  112. package/dist/components/Header/LocaleSwitcher.js +9 -8
  113. package/dist/components/Icon/Icon.js +4 -3
  114. package/dist/components/Icon/index.js +1 -1
  115. package/dist/components/Inbox/InboxPage.js +8 -7
  116. package/dist/components/InboxSearch/InboxSearch.js +10 -9
  117. package/dist/components/Item/ItemLabel.js +2 -1
  118. package/dist/components/Item/ItemMedia.js +3 -2
  119. package/dist/components/Item/ItemSelect.js +3 -2
  120. package/dist/components/Item/index.js +1 -1
  121. package/dist/components/Layout/Layout.js +8 -7
  122. package/dist/components/List/List.js +3 -2
  123. package/dist/components/List/ListBase.js +4 -3
  124. package/dist/components/List/ListItem.js +1 -1
  125. package/dist/components/List/ListItemHeader.js +3 -2
  126. package/dist/components/List/ListItemIcon.js +3 -2
  127. package/dist/components/List/ListItemLabel.js +4 -3
  128. package/dist/components/List/index.js +1 -1
  129. package/dist/components/Menu/Menu.js +1 -1
  130. package/dist/components/Menu/MenuItem.js +3 -2
  131. package/dist/components/Menu/MenuItems.js +3 -2
  132. package/dist/components/Menu/MenuListSearch.js +3 -2
  133. package/dist/components/Menu/MenuOption.js +1 -1
  134. package/dist/components/Menu/TabMenu.js +7 -6
  135. package/dist/components/Menu/VirtualizedMenuItems.js +3 -2
  136. package/dist/components/Menu/index.js +1 -1
  137. package/dist/components/Menu/useMenuSearch.js +1 -1
  138. package/dist/components/Metadata/MetaItem.js +3 -2
  139. package/dist/components/Metadata/MetaItemIcon.js +3 -2
  140. package/dist/components/Metadata/MetaProgress.js +3 -2
  141. package/dist/components/Metadata/MetaTimestamp.js +3 -2
  142. package/dist/components/Metadata/Metadata.js +9 -8
  143. package/dist/components/Metadata/index.js +1 -1
  144. package/dist/components/Modal/Modal.js +8 -7
  145. package/dist/components/Modal/ModalBase.js +25 -24
  146. package/dist/components/Modal/ModalHeader.js +10 -9
  147. package/dist/components/Modal/ModalIcon.js +4 -3
  148. package/dist/components/Notifications/NotificationItem.js +4 -3
  149. package/dist/components/Notifications/NotificationItemBase.js +4 -3
  150. package/dist/components/Notifications/NotificationItemControls.js +6 -5
  151. package/dist/components/Notifications/NotificationItemIcon.js +15 -14
  152. package/dist/components/Page/AccordionSection.js +4 -3
  153. package/dist/components/Page/ContactButtons.js +7 -6
  154. package/dist/components/Page/ContactSection.js +7 -6
  155. package/dist/components/Page/PageMenu.js +11 -10
  156. package/dist/components/Page/PageNav.js +7 -6
  157. package/dist/components/Page/Section.js +3 -2
  158. package/dist/components/Page/index.js +1 -1
  159. package/dist/components/ResourceListItem/ResourceListItem.js +8 -7
  160. package/dist/components/RootProvider/RootProvider.js +4 -3
  161. package/dist/components/RootProvider/index.js +1 -1
  162. package/dist/components/Search/SearchItem.js +7 -6
  163. package/dist/components/Searchbar/Autocomplete.js +9 -8
  164. package/dist/components/Searchbar/AutocompleteItem.js +6 -5
  165. package/dist/components/Searchbar/Searchbar.js +4 -3
  166. package/dist/components/Searchbar/SearchbarField.js +4 -3
  167. package/dist/components/Settings/SettingsItem.js +72 -61
  168. package/dist/components/Settings/SettingsItemBase.js +67 -39
  169. package/dist/components/Settings/SettingsList.js +12 -11
  170. package/dist/components/Settings/SettingsModal.js +7 -6
  171. package/dist/components/Settings/SettingsSection.js +10 -9
  172. package/dist/components/Settings/UsedByLog.js +4 -3
  173. package/dist/components/Settings/UsedByLogItem.js +10 -9
  174. package/dist/components/Snackbar/SnackbarItem.js +16 -15
  175. package/dist/components/Timeline/Timeline.js +4 -3
  176. package/dist/components/Timeline/TimelineActivity.js +4 -3
  177. package/dist/components/Timeline/TimelineBase.js +4 -3
  178. package/dist/components/Timeline/TimelineFooter.js +7 -6
  179. package/dist/components/Timeline/TimelineHeader.js +4 -3
  180. package/dist/components/Timeline/TimelineIcon.js +6 -5
  181. package/dist/components/Timeline/TimelineSection.js +4 -3
  182. package/dist/components/Timeline/TimelineSegment.js +7 -6
  183. package/dist/components/Toolbar/DatepickerFilter.js +4 -3
  184. package/dist/components/Toolbar/SelectDateFilter.js +8 -7
  185. package/dist/components/Toolbar/Toolbar.js +1 -1
  186. package/dist/components/Toolbar/ToolbarFilter.js +11 -10
  187. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +18 -17
  188. package/dist/components/Toolbar/ToolbarFilterButton.js +4 -3
  189. package/dist/components/Toolbar/ToolbarFilterMenu.js +11 -10
  190. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  191. package/dist/components/Toolbar/ToolbarSearch.js +3 -2
  192. package/dist/components/Toolbar/index.js +1 -1
  193. package/dist/components/Transmission/Transmission.js +9 -8
  194. package/dist/components/Transmission/TransmissionList.js +6 -5
  195. package/dist/components/Transmission/TransmissionType.js +4 -3
  196. package/dist/components/Typography/Heading.js +3 -2
  197. package/dist/components/Typography/Link.js +11 -0
  198. package/dist/components/Typography/index.js +4 -2
  199. package/dist/components/UserListItem/UserListItem.js +9 -8
  200. package/dist/components/index.js +137 -134
  201. package/dist/hooks/useAccountSelector.js +18 -17
  202. package/dist/index.js +152 -149
  203. package/dist/link-D1SA3LCe.js +10 -0
  204. package/dist/{textfield-CRXtg-r5.js → textfield-f4Za2qt6.js} +428 -431
  205. package/dist/types/lib/components/Dialog/DialogContact.d.ts +12 -3
  206. package/dist/types/lib/components/Settings/SettingsItem.d.ts +1 -1
  207. package/dist/types/lib/components/Settings/SettingsItemBase.d.ts +16 -10
  208. package/dist/types/lib/components/Typography/Link.d.ts +11 -0
  209. package/dist/types/lib/components/Typography/index.d.ts +1 -0
  210. package/dist/types/lib/stories/Profile.stories.d.ts +1 -0
  211. package/package.json +1 -1
  212. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +0 -67
@@ -1,7 +1,16 @@
1
1
  import { ReactNode } from 'react';
2
- import { ContactButtonsProps, ContactSectionProps } from '..';
3
- export interface DialogContactProps extends ContactButtonsProps {
2
+ import { ButtonProps, LinkProps } from '..';
3
+ export interface DialogContactButtonProps {
4
+ as?: ButtonProps['as'];
5
+ href?: ButtonProps['href'];
6
+ onClick?: ButtonProps['onClick'];
7
+ label: string;
8
+ }
9
+ export interface DialogContactProps {
10
+ id?: string;
4
11
  title?: string;
5
12
  children?: ReactNode;
13
+ buttons: DialogContactButtonProps[];
14
+ helpLink?: LinkProps;
6
15
  }
7
- export declare const DialogContact: ({ id, title, children, items }: ContactSectionProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const DialogContact: ({ id, title, children, buttons, helpLink, }: DialogContactProps) => import("react/jsx-runtime").JSX.Element;
@@ -19,4 +19,4 @@ export interface SettingsItemProps extends SettingsItemBaseProps {
19
19
  modalProps?: SettingsItemModalProps;
20
20
  children?: ReactNode;
21
21
  }
22
- export declare const SettingsItem: ({ loading, variant, id, name, checked, onChange, modalProps, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
22
+ export declare const SettingsItem: ({ loading, variant, id, name, title, value, description, checked, onChange, modalProps, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,19 @@
1
- import { ListItemBaseProps, ListItemHeaderProps, ListItemLabelProps } from '..';
2
- export interface SettingsItemBaseProps extends ListItemBaseProps, ListItemHeaderProps {
1
+ import { ReactNode } from 'react';
2
+ import { BadgeProps, HeadingProps, ItemBaseProps, ItemLinkProps, ItemMediaProps } from '..';
3
+ export interface SettingsItemBaseProps extends ItemLinkProps {
3
4
  id?: string;
4
5
  groupId?: string;
5
- collapsible?: boolean;
6
- expanded?: boolean;
7
- icon?: ListItemHeaderProps['icon'];
8
- label?: ListItemHeaderProps['children'];
9
- title?: ListItemLabelProps['title'];
10
- value?: ListItemLabelProps['value'];
11
- description?: ListItemLabelProps['description'];
6
+ hidden?: boolean;
7
+ ref?: ItemBaseProps['ref'];
8
+ color?: ItemBaseProps['color'];
9
+ icon?: ItemMediaProps['icon'];
10
+ label?: ReactNode;
11
+ titleProps?: HeadingProps;
12
+ descriptionProps?: HeadingProps;
13
+ highlightWords?: string[];
14
+ badge?: BadgeProps;
15
+ linkIcon?: boolean;
16
+ controls?: ReactNode;
17
+ children?: ReactNode;
12
18
  }
13
- export declare const SettingsItemBase: ({ ref, loading, color, size, expanded, icon, label, title, value, description, children, highlightWords, ...props }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;
19
+ 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;
@@ -0,0 +1,11 @@
1
+ import { LinkProps as DsLinkProps } from '@digdir/designsystemet-react';
2
+ import * as React from 'react';
3
+ export type LinkSize = 'xs' | DsLinkProps['data-size'];
4
+ export type LinkProps = {
5
+ as?: React.ElementType;
6
+ size?: LinkSize;
7
+ } & Omit<DsLinkProps, 'asChild' | 'data-size'>;
8
+ export declare const Link: React.ForwardRefExoticComponent<{
9
+ as?: React.ElementType;
10
+ size?: LinkSize;
11
+ } & Omit<DsLinkProps, "data-size" | "asChild"> & React.RefAttributes<HTMLButtonElement>>;
@@ -1,2 +1,3 @@
1
1
  export * from './Typography';
2
2
  export * from './Heading';
3
+ export * from './Link';
@@ -11,6 +11,7 @@ export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Elemen
11
11
  export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
12
12
  export declare const AccountsPageVirtualized: () => import("react/jsx-runtime").JSX.Element;
13
13
  export declare const AlertsPage: () => import("react/jsx-runtime").JSX.Element;
14
+ export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
14
15
  export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
15
16
  export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;
16
17
  export declare const UsersPage: () => 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.58.0",
3
+ "version": "0.58.2",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -1,67 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- declare const meta: {
3
- title: string;
4
- component: ({ loading, variant, id, name, checked, onChange, modalProps, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- id: string;
9
- variant: "default";
10
- ariaLabel: string;
11
- title: string;
12
- };
13
- decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
14
- variant?: import('./SettingsItem').SettingsItemVariant | undefined;
15
- id: string;
16
- title?: string | undefined;
17
- value?: string | undefined;
18
- description?: string | undefined;
19
- name?: string | undefined;
20
- checked?: boolean | undefined;
21
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
22
- modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
23
- children?: import('react').ReactNode;
24
- groupId?: string | undefined;
25
- collapsible?: boolean | undefined;
26
- expanded?: boolean | undefined;
27
- icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
28
- label?: import('react').ReactNode;
29
- ref?: React.Ref<HTMLElement> | undefined;
30
- interactive?: boolean | undefined;
31
- as?: import('react').ElementType | undefined;
32
- tabIndex?: number | undefined;
33
- color?: import('..').ListItemColor | undefined;
34
- size?: import('..').ListItemSize | undefined;
35
- shadow?: import('..').Shadow | undefined;
36
- border?: import('..').ListItemBorder | undefined;
37
- className?: string | undefined;
38
- loading?: boolean | undefined;
39
- disabled?: boolean | undefined;
40
- hidden?: boolean | undefined;
41
- active?: boolean | undefined;
42
- selected?: boolean | undefined;
43
- onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
44
- highlightWords?: string[] | undefined;
45
- select?: import('..').ItemSelectProps | undefined;
46
- linkIcon?: boolean | undefined;
47
- badge?: import('..').BadgeProps | import('react').ReactNode;
48
- controls?: import('react').ReactNode;
49
- ariaLabel?: string | undefined;
50
- href?: string | undefined;
51
- onClick?: (() => void) | undefined;
52
- onKeyPress?: import('react').KeyboardEventHandler | undefined;
53
- ariaControlsId?: string | undefined;
54
- }>) => import("react/jsx-runtime").JSX.Element)[];
55
- };
56
- export default meta;
57
- type Story = StoryObj<typeof meta>;
58
- export declare const Default: Story;
59
- export declare const Value: Story;
60
- export declare const Loading: Story;
61
- export declare const Switch: Story;
62
- export declare const Modal: Story;
63
- export declare const ModalProps: Story;
64
- export declare const Company: Story;
65
- export declare const Person: Story;
66
- export declare const Bookmark: () => import("react/jsx-runtime").JSX.Element;
67
- export declare const BookmarkContextMenu: () => import("react/jsx-runtime").JSX.Element;