@altinn/altinn-components 0.57.3 → 0.58.1

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 (227) hide show
  1. package/README.md +33 -0
  2. package/dist/Section-DvBigBR1.js +2226 -0
  3. package/dist/assets/BookmarkSettingsItemLabel.css +1 -1
  4. package/dist/assets/DialogContact.css +1 -0
  5. package/dist/assets/DialogHeader.css +1 -0
  6. package/dist/assets/DialogLayout.css +1 -0
  7. package/dist/assets/DialogSection.css +1 -0
  8. package/dist/assets/Link.css +1 -0
  9. package/dist/assets/Section.css +1 -1
  10. package/dist/assets/SettingsItemBase.css +1 -1
  11. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +17 -16
  12. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +9 -8
  13. package/dist/components/Account/AccountList.js +7 -6
  14. package/dist/components/Account/AccountListItem.js +8 -7
  15. package/dist/components/Account/AccountListItemControls.js +11 -10
  16. package/dist/components/Account/AccountListItemDetails.js +12 -11
  17. package/dist/components/Account/AccountListVirtual.js +4 -3
  18. package/dist/components/Account/AccountMenu.js +11 -10
  19. package/dist/components/Account/AccountNotificationSettings.js +10 -9
  20. package/dist/components/Account/AccountOrganization.js +15 -14
  21. package/dist/components/AccountSelector/AccountSelector.js +10 -9
  22. package/dist/components/ActivityLog/ActivityLog.js +4 -3
  23. package/dist/components/ActivityLog/ActivityLogItem.js +4 -3
  24. package/dist/components/ActivityLog/ActivityLogSegment.js +4 -3
  25. package/dist/components/Alert/Alert.js +8 -7
  26. package/dist/components/Article/Article.js +4 -3
  27. package/dist/components/Article/ArticleContact.js +4 -3
  28. package/dist/components/Article/ArticleHeader.js +4 -3
  29. package/dist/components/Attachment/AttachmentLink.js +1 -1
  30. package/dist/components/Banner/Banner.js +6 -5
  31. package/dist/components/Bookmarks/BookmarkModal.js +7 -6
  32. package/dist/components/Bookmarks/BookmarkSettingsItem.js +4 -3
  33. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +12 -11
  34. package/dist/components/Bookmarks/BookmarkSettingsList.js +9 -8
  35. package/dist/components/Breadcrumbs/Breadcrumbs.js +4 -3
  36. package/dist/components/Bulk/BulkButton.js +11 -11
  37. package/dist/components/Bulk/BulkHeader.js +8 -7
  38. package/dist/components/Button/ButtonIcon.js +4 -3
  39. package/dist/components/Button/ComboButton.js +4 -3
  40. package/dist/components/Button/FloatingActionButton.js +8 -7
  41. package/dist/components/Button/IconButton.js +5 -4
  42. package/dist/components/Byline/Byline.js +3 -2
  43. package/dist/components/Byline/index.js +1 -1
  44. package/dist/components/ContextMenu/ContextMenu.js +28 -24
  45. package/dist/components/Dashboard/DashboardCard.js +7 -6
  46. package/dist/components/Dashboard/DashboardHeader.js +9 -8
  47. package/dist/components/Datepicker/Datepicker.js +1 -1
  48. package/dist/components/Datepicker/DatepickerHeader.js +4 -3
  49. package/dist/components/Datepicker/DatepickerTable.js +11 -10
  50. package/dist/components/Dialog/Dialog.js +25 -31
  51. package/dist/components/Dialog/DialogActions.js +4 -3
  52. package/dist/components/Dialog/DialogActivityLog.js +4 -3
  53. package/dist/components/Dialog/DialogAttachments.js +6 -5
  54. package/dist/components/Dialog/DialogBody.js +8 -7
  55. package/dist/components/Dialog/DialogByline.js +3 -2
  56. package/dist/components/Dialog/DialogContact.js +47 -11
  57. package/dist/components/Dialog/DialogHeader.js +31 -28
  58. package/dist/components/Dialog/DialogHistory.js +7 -6
  59. package/dist/components/Dialog/DialogHistoryItem.js +4 -3
  60. package/dist/components/Dialog/DialogHistorySegment.js +8 -7
  61. package/dist/components/Dialog/DialogLayout.js +21 -20
  62. package/dist/components/Dialog/DialogList.js +3 -2
  63. package/dist/components/Dialog/DialogListGroup.js +3 -2
  64. package/dist/components/Dialog/DialogListItem.js +3 -2
  65. package/dist/components/Dialog/DialogMetadata.js +3 -2
  66. package/dist/components/Dialog/DialogSection.js +10 -7
  67. package/dist/components/Dialog/DialogSeenBy.js +4 -3
  68. package/dist/components/Dialog/DialogSelect.js +10 -9
  69. package/dist/components/Dialog/DialogStatus.js +4 -3
  70. package/dist/components/Dialog/DialogTabs.js +4 -3
  71. package/dist/components/Dialog/SeenByLog.js +4 -3
  72. package/dist/components/Dialog/SeenByLogButton.js +7 -6
  73. package/dist/components/Dialog/SeenByLogItem.js +12 -11
  74. package/dist/components/Dialog/index.js +1 -1
  75. package/dist/components/Dropdown/DrawerButton.js +4 -3
  76. package/dist/components/Dropdown/DrawerHeader.js +8 -7
  77. package/dist/components/Dropdown/Dropdown.js +3 -2
  78. package/dist/components/Dropdown/DropdownBase.js +8 -7
  79. package/dist/components/Dropdown/FloatingDropdown.js +19 -18
  80. package/dist/components/Dropdown/index.js +5 -7
  81. package/dist/components/DsComponents/index.js +21 -20
  82. package/dist/components/Forms/Checkbox.js +4 -3
  83. package/dist/components/Forms/CheckboxOptions.js +4 -3
  84. package/dist/components/Forms/FieldBase.js +3 -2
  85. package/dist/components/Forms/FieldsetBase.js +4 -3
  86. package/dist/components/Forms/Radio.js +4 -3
  87. package/dist/components/Forms/RadioOptions.js +4 -3
  88. package/dist/components/Forms/SearchField.js +3 -2
  89. package/dist/components/Forms/SelectField.js +5 -4
  90. package/dist/components/Forms/Switch.js +6 -5
  91. package/dist/components/Forms/SwitchOptions.js +4 -3
  92. package/dist/components/Forms/TextField.js +4 -3
  93. package/dist/components/Forms/TextFieldDropdown.js +4 -3
  94. package/dist/components/Forms/TextareaField.js +4 -3
  95. package/dist/components/Forms/index.js +1 -1
  96. package/dist/components/GlobalHeader/GlobalAccountButton.js +8 -7
  97. package/dist/components/GlobalHeader/GlobalHeader.js +10 -9
  98. package/dist/components/GlobalHeader/GlobalMenuButton.js +4 -3
  99. package/dist/components/GlobalHeader/HeaderDrawer.js +9 -8
  100. package/dist/components/GlobalHeader/HeaderDropdown.js +6 -5
  101. package/dist/components/GlobalHeader/HeaderLogo.js +8 -7
  102. package/dist/components/GlobalMenu/GlobalMenu.js +10 -9
  103. package/dist/components/GlobalMenu/LocaleSwitcher.js +13 -12
  104. package/dist/components/GlobalMenu/LogoutButton.js +4 -3
  105. package/dist/components/GlobalMenu_old/BackButton.js +4 -3
  106. package/dist/components/GlobalMenu_old/CurrentAccount.js +4 -3
  107. package/dist/components/GlobalMenu_old/GlobalMenu.js +10 -9
  108. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +12 -11
  109. package/dist/components/GlobalMenu_old/LogoutButton.js +4 -3
  110. package/dist/components/Header/Header.js +4 -3
  111. package/dist/components/Header/HeaderBase.js +7 -6
  112. package/dist/components/Header/HeaderButton.js +18 -17
  113. package/dist/components/Header/LocaleButton.js +12 -11
  114. package/dist/components/Header/LocaleSwitcher.js +9 -8
  115. package/dist/components/Icon/Icon.js +4 -3
  116. package/dist/components/Icon/index.js +1 -1
  117. package/dist/components/Inbox/InboxPage.js +8 -7
  118. package/dist/components/InboxSearch/InboxSearch.js +10 -9
  119. package/dist/components/Item/ItemLabel.js +2 -1
  120. package/dist/components/Item/ItemMedia.js +3 -2
  121. package/dist/components/Item/ItemSelect.js +3 -2
  122. package/dist/components/Item/index.js +1 -1
  123. package/dist/components/Layout/Layout.js +8 -7
  124. package/dist/components/List/List.js +3 -2
  125. package/dist/components/List/ListBase.js +4 -3
  126. package/dist/components/List/ListItem.js +1 -1
  127. package/dist/components/List/ListItemHeader.js +3 -2
  128. package/dist/components/List/ListItemIcon.js +3 -2
  129. package/dist/components/List/ListItemLabel.js +4 -3
  130. package/dist/components/List/index.js +1 -1
  131. package/dist/components/Menu/Menu.js +1 -1
  132. package/dist/components/Menu/MenuItem.js +3 -2
  133. package/dist/components/Menu/MenuItems.js +3 -2
  134. package/dist/components/Menu/MenuListSearch.js +3 -2
  135. package/dist/components/Menu/MenuOption.js +1 -1
  136. package/dist/components/Menu/TabMenu.js +7 -6
  137. package/dist/components/Menu/VirtualizedMenuItems.js +3 -2
  138. package/dist/components/Menu/index.js +1 -1
  139. package/dist/components/Menu/useMenuSearch.js +1 -1
  140. package/dist/components/Metadata/MetaItem.js +3 -2
  141. package/dist/components/Metadata/MetaItemIcon.js +3 -2
  142. package/dist/components/Metadata/MetaProgress.js +3 -2
  143. package/dist/components/Metadata/MetaTimestamp.js +3 -2
  144. package/dist/components/Metadata/Metadata.js +9 -8
  145. package/dist/components/Metadata/index.js +1 -1
  146. package/dist/components/Modal/Modal.js +8 -7
  147. package/dist/components/Modal/ModalBase.js +25 -24
  148. package/dist/components/Modal/ModalHeader.js +10 -9
  149. package/dist/components/Modal/ModalIcon.js +4 -3
  150. package/dist/components/Notifications/NotificationItem.js +4 -3
  151. package/dist/components/Notifications/NotificationItemBase.js +4 -3
  152. package/dist/components/Notifications/NotificationItemControls.js +6 -5
  153. package/dist/components/Notifications/NotificationItemIcon.js +15 -14
  154. package/dist/components/Page/AccordionSection.js +4 -3
  155. package/dist/components/Page/ContactButtons.js +7 -6
  156. package/dist/components/Page/ContactSection.js +7 -6
  157. package/dist/components/Page/PageMenu.js +11 -10
  158. package/dist/components/Page/PageNav.js +7 -6
  159. package/dist/components/Page/Section.js +3 -2
  160. package/dist/components/Page/index.js +1 -1
  161. package/dist/components/ResourceListItem/ResourceListItem.js +8 -7
  162. package/dist/components/RootProvider/RootProvider.js +4 -3
  163. package/dist/components/RootProvider/index.js +1 -1
  164. package/dist/components/Search/SearchItem.js +7 -6
  165. package/dist/components/Searchbar/Autocomplete.js +9 -8
  166. package/dist/components/Searchbar/AutocompleteItem.js +6 -5
  167. package/dist/components/Searchbar/Searchbar.js +4 -3
  168. package/dist/components/Searchbar/SearchbarField.js +4 -3
  169. package/dist/components/Settings/SettingsItem.js +75 -69
  170. package/dist/components/Settings/SettingsItemBase.js +67 -39
  171. package/dist/components/Settings/SettingsList.js +12 -11
  172. package/dist/components/Settings/SettingsModal.js +7 -6
  173. package/dist/components/Settings/SettingsSection.js +10 -9
  174. package/dist/components/Settings/UsedByLog.js +4 -3
  175. package/dist/components/Settings/UsedByLogItem.js +10 -9
  176. package/dist/components/Snackbar/SnackbarItem.js +16 -15
  177. package/dist/components/Timeline/Timeline.js +4 -3
  178. package/dist/components/Timeline/TimelineActivity.js +4 -3
  179. package/dist/components/Timeline/TimelineBase.js +4 -3
  180. package/dist/components/Timeline/TimelineFooter.js +7 -6
  181. package/dist/components/Timeline/TimelineHeader.js +4 -3
  182. package/dist/components/Timeline/TimelineIcon.js +6 -5
  183. package/dist/components/Timeline/TimelineSection.js +4 -3
  184. package/dist/components/Timeline/TimelineSegment.js +7 -6
  185. package/dist/components/Toolbar/DatepickerFilter.js +4 -3
  186. package/dist/components/Toolbar/SelectDateFilter.js +8 -7
  187. package/dist/components/Toolbar/Toolbar.js +1 -1
  188. package/dist/components/Toolbar/ToolbarFilter.js +11 -10
  189. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +18 -17
  190. package/dist/components/Toolbar/ToolbarFilterButton.js +4 -3
  191. package/dist/components/Toolbar/ToolbarFilterMenu.js +11 -10
  192. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  193. package/dist/components/Toolbar/ToolbarSearch.js +3 -2
  194. package/dist/components/Toolbar/index.js +1 -1
  195. package/dist/components/Transmission/Transmission.js +9 -8
  196. package/dist/components/Transmission/TransmissionList.js +6 -5
  197. package/dist/components/Transmission/TransmissionType.js +4 -3
  198. package/dist/components/Typography/Heading.js +3 -2
  199. package/dist/components/Typography/Link.js +11 -0
  200. package/dist/components/Typography/index.js +4 -2
  201. package/dist/components/UserListItem/UserListItem.js +9 -8
  202. package/dist/components/index.js +255 -254
  203. package/dist/hooks/useAccountSelector.js +18 -17
  204. package/dist/index.js +246 -245
  205. package/dist/link-D1SA3LCe.js +10 -0
  206. package/dist/{textfield-CRXtg-r5.js → textfield-f4Za2qt6.js} +428 -431
  207. package/dist/types/lib/components/Bulk/Bulk.stories.d.ts +4 -1
  208. package/dist/types/lib/components/Bulk/BulkButton.d.ts +2 -1
  209. package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +3 -2
  210. package/dist/types/lib/components/Dialog/DialogContact.d.ts +12 -3
  211. package/dist/types/lib/components/Dropdown/Dropdown.d.ts +3 -1
  212. package/dist/types/lib/components/Dropdown/Dropdown.stories.d.ts +1 -2
  213. package/dist/types/lib/components/Dropdown/index.d.ts +0 -1
  214. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +1 -0
  215. package/dist/types/lib/components/Menu/VirtualizedMenu.stories.d.ts +24 -3
  216. package/dist/types/lib/components/Settings/SettingsItem.d.ts +1 -1
  217. package/dist/types/lib/components/Settings/SettingsItemBase.d.ts +16 -10
  218. package/dist/types/lib/components/Typography/Link.d.ts +11 -0
  219. package/dist/types/lib/components/Typography/index.d.ts +1 -0
  220. package/dist/types/lib/stories/Profile.stories.d.ts +1 -0
  221. package/dist/types/lib/test-utils/screenshot-compare.d.ts +49 -0
  222. package/package.json +10 -3
  223. package/dist/Section-xbt3ft20.js +0 -2265
  224. package/dist/assets/DrawerOrDropdown.css +0 -1
  225. package/dist/components/Dropdown/DrawerOrDropdown.js +0 -42
  226. package/dist/types/lib/components/Dropdown/DrawerOrDropdown.d.ts +0 -11
  227. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +0 -67
@@ -1 +0,0 @@
1
- ._drawerOrDropdown_h06dg_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:1024px){._header_h06dg_19,._footer_h06dg_20{display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:absolute;inset:auto auto auto 0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawerOrDropdown_h06dg_1[data-size=lg]{width:20rem}}
@@ -1,42 +0,0 @@
1
- import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
2
- import "../../index-p1eeF8LQ.js";
3
- import "react";
4
- import "../../Section-xbt3ft20.js";
5
- import "../Button/Button.js";
6
- import "react-dom";
7
- import { Backdrop as s } from "./Backdrop.js";
8
- import { DrawerHeader as c } from "./DrawerHeader.js";
9
- import { DrawerFooter as l } from "./DrawerFooter.js";
10
- import { DrawerButton as f } from "./DrawerButton.js";
11
- import { DrawerBody as h } from "./DrawerBody.js";
12
- import "../Snackbar/useSnackbar.js";
13
- import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1", D = "_header_h06dg_19", _ = "_footer_h06dg_20", e = {
14
- drawerOrDropdown: w,
15
- header: D,
16
- footer: _
17
- }, z = ({
18
- open: a = !1,
19
- size: i = "auto",
20
- onClose: t,
21
- drawerButton: r,
22
- children: m,
23
- drawerTitle: p
24
- }) => /* @__PURE__ */ d(n, { children: [
25
- a && /* @__PURE__ */ o(s, { onClick: t }),
26
- /* @__PURE__ */ d("div", { className: e.drawerOrDropdown, "data-expanded": a, "data-size": i, children: [
27
- /* @__PURE__ */ o(c, { className: e.header, title: p, onClose: t }),
28
- /* @__PURE__ */ o(h, { children: m }),
29
- /* @__PURE__ */ o(l, { className: e.footer, children: r && /* @__PURE__ */ o(
30
- f,
31
- {
32
- onClick: r?.onClick,
33
- onFocus: r?.onFocus,
34
- onBlurCapture: r.onBlurCapture,
35
- children: r?.label
36
- }
37
- ) })
38
- ] })
39
- ] });
40
- export {
41
- z as DrawerOrDropdown
42
- };
@@ -1,11 +0,0 @@
1
- import { MouseEventHandler, ReactNode } from 'react';
2
- import { DrawerButtonProps, DropdownSize } from '../';
3
- export interface DrawerOrDropdownProps {
4
- children: ReactNode;
5
- drawerTitle?: string;
6
- open?: boolean;
7
- size?: DropdownSize;
8
- onClose?: MouseEventHandler;
9
- drawerButton?: DrawerButtonProps;
10
- }
11
- export declare const DrawerOrDropdown: ({ open, size, onClose, drawerButton, children, drawerTitle, }: DrawerOrDropdownProps) => import("react/jsx-runtime").JSX.Element;
@@ -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;