@altinn/altinn-components 0.52.7 → 0.53.0

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 (237) hide show
  1. package/dist/assets/Button.css +1 -1
  2. package/dist/assets/ButtonGroup.css +1 -1
  3. package/dist/assets/ButtonGroupDivider.css +1 -1
  4. package/dist/assets/ButtonLabel.css +1 -1
  5. package/dist/assets/DatepickerTable.css +1 -1
  6. package/dist/assets/IconButton.css +1 -0
  7. package/dist/assets/LocaleButton.css +1 -1
  8. package/dist/assets/ModalBody.css +1 -1
  9. package/dist/assets/ModalHeader.css +1 -1
  10. package/dist/assets/SearchField.css +1 -1
  11. package/dist/button-BB5sYVKY.js +38 -0
  12. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +7 -6
  13. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +3 -2
  14. package/dist/components/Account/AccountList.js +3 -2
  15. package/dist/components/Account/AccountListItem.js +6 -5
  16. package/dist/components/Account/AccountListItemControls.js +16 -16
  17. package/dist/components/Account/AccountListItemDetails.js +2 -2
  18. package/dist/components/Account/AccountListVirtual.js +9 -8
  19. package/dist/components/Account/AccountMenu.js +7 -6
  20. package/dist/components/Account/AccountMenuButton.js +30 -30
  21. package/dist/components/Account/AccountNotificationSettings.js +9 -8
  22. package/dist/components/Account/AccountOrganization.js +7 -6
  23. package/dist/components/ActivityLog/ActivityLogItem.js +3 -2
  24. package/dist/components/ActivityLog/ActivityLogSegment.js +3 -2
  25. package/dist/components/Article/Article.js +3 -2
  26. package/dist/components/Article/ArticleContact.js +3 -2
  27. package/dist/components/Article/ArticleHeader.js +3 -2
  28. package/dist/components/Attachment/AttachmentLink.js +24 -23
  29. package/dist/components/Banner/Banner.js +10 -19
  30. package/dist/components/Button/Button.js +22 -58
  31. package/dist/components/Button/ButtonGroup.js +11 -21
  32. package/dist/components/Button/ButtonGroupDivider.js +5 -4
  33. package/dist/components/Button/ButtonIcon.js +5 -4
  34. package/dist/components/Button/ButtonLabel.js +2 -2
  35. package/dist/components/Button/ComboButton.js +11 -68
  36. package/dist/components/Button/FloatingActionButton.js +13 -18
  37. package/dist/components/Button/IconButton.js +6 -33
  38. package/dist/components/Button/index.js +16 -16
  39. package/dist/components/Byline/Byline.js +7 -6
  40. package/dist/components/ContextMenu/ContextMenu.js +35 -35
  41. package/dist/components/Dashboard/DashboardCard.js +3 -2
  42. package/dist/components/Dashboard/DashboardHeader.js +10 -9
  43. package/dist/components/Dashboard/DashboardIcon.js +3 -2
  44. package/dist/components/Datepicker/DatepickerHeader.js +22 -22
  45. package/dist/components/Datepicker/DatepickerTable.js +14 -14
  46. package/dist/components/Dialog/Dialog.js +3 -2
  47. package/dist/components/Dialog/DialogActions.js +36 -44
  48. package/dist/components/Dialog/DialogActivityLog.js +3 -2
  49. package/dist/components/Dialog/DialogAttachments.js +3 -2
  50. package/dist/components/Dialog/DialogBody.js +3 -2
  51. package/dist/components/Dialog/DialogByline.js +3 -2
  52. package/dist/components/Dialog/DialogContact.js +3 -2
  53. package/dist/components/Dialog/DialogHeader.js +7 -6
  54. package/dist/components/Dialog/DialogHistoryItem.js +3 -2
  55. package/dist/components/Dialog/DialogHistorySegment.js +3 -2
  56. package/dist/components/Dialog/DialogLayout.js +3 -2
  57. package/dist/components/Dialog/DialogList.js +5 -4
  58. package/dist/components/Dialog/DialogListGroup.js +3 -2
  59. package/dist/components/Dialog/DialogListItem.js +3 -2
  60. package/dist/components/Dialog/DialogMetadata.js +3 -2
  61. package/dist/components/Dialog/DialogSection.js +3 -2
  62. package/dist/components/Dialog/DialogSeenBy.js +3 -2
  63. package/dist/components/Dialog/DialogSelect.js +5 -4
  64. package/dist/components/Dialog/DialogStatus.js +3 -2
  65. package/dist/components/Dialog/DialogTabs.js +3 -2
  66. package/dist/components/Dialog/SeenByLog.js +9 -8
  67. package/dist/components/Dialog/SeenByLogButton.js +3 -2
  68. package/dist/components/Dialog/SeenByLogItem.js +11 -10
  69. package/dist/components/Dropdown/DrawerButton.js +3 -3
  70. package/dist/components/Dropdown/DrawerHeader.js +8 -18
  71. package/dist/components/Dropdown/DrawerOrDropdown.js +7 -6
  72. package/dist/components/Dropdown/DropdownBase.js +7 -6
  73. package/dist/components/Dropdown/FloatingDropdown.js +36 -36
  74. package/dist/components/DsComponents/index.js +15 -16
  75. package/dist/components/Forms/Checkbox.js +3 -2
  76. package/dist/components/Forms/CheckboxOptions.js +3 -2
  77. package/dist/components/Forms/FieldBase.js +3 -2
  78. package/dist/components/Forms/FieldsetBase.js +3 -2
  79. package/dist/components/Forms/Radio.js +3 -2
  80. package/dist/components/Forms/RadioOptions.js +3 -2
  81. package/dist/components/Forms/SearchField.js +22 -23
  82. package/dist/components/Forms/SelectField.js +4 -3
  83. package/dist/components/Forms/Switch.js +3 -2
  84. package/dist/components/Forms/SwitchOptions.js +3 -2
  85. package/dist/components/Forms/TextField.js +3 -2
  86. package/dist/components/Forms/TextareaField.js +3 -2
  87. package/dist/components/GlobalHeader/AccountSelector.js +2 -2
  88. package/dist/components/GlobalHeader/GlobalHeader.js +3 -2
  89. package/dist/components/GlobalHeader/GlobalHeaderBase.js +6 -5
  90. package/dist/components/GlobalHeader/GlobalSearch.js +7 -6
  91. package/dist/components/GlobalHeader/GlobalSearchButton.js +8 -7
  92. package/dist/components/GlobalHeader/HeaderLogo.js +13 -16
  93. package/dist/components/GlobalMenu/BackButton.js +3 -2
  94. package/dist/components/GlobalMenu/GlobalMenu.js +9 -8
  95. package/dist/components/GlobalMenu/GlobalMenuButton.js +2 -2
  96. package/dist/components/GlobalMenu/LocaleButton.js +3 -2
  97. package/dist/components/GlobalMenu/LocaleSwitcher.js +3 -2
  98. package/dist/components/GlobalMenu/LogoutButton.js +6 -8
  99. package/dist/components/GlobalMenu_old/BackButton.js +3 -2
  100. package/dist/components/GlobalMenu_old/CurrentAccount.js +5 -4
  101. package/dist/components/GlobalMenu_old/GlobalMenu.js +11 -10
  102. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +23 -23
  103. package/dist/components/GlobalMenu_old/LogoutButton.js +6 -8
  104. package/dist/components/Header/Header.js +3 -2
  105. package/dist/components/Header/HeaderBase.js +5 -4
  106. package/dist/components/Header/HeaderButton.js +22 -22
  107. package/dist/components/Header/HeaderLogo.js +13 -17
  108. package/dist/components/Header/LocaleButton.js +17 -17
  109. package/dist/components/Header/LocaleSwitcher.js +8 -7
  110. package/dist/components/Icon/Icon.js +12 -11
  111. package/dist/components/Icon/IconOrAvatar.js +15 -14
  112. package/dist/components/InboxSearch/InboxSearch.js +11 -10
  113. package/dist/components/Layout/Layout.js +11 -10
  114. package/dist/components/LayoutAction/ActionHeader.js +18 -18
  115. package/dist/components/LayoutAction/LayoutAction.js +3 -2
  116. package/dist/components/List/List.js +3 -2
  117. package/dist/components/List/ListBase.js +3 -2
  118. package/dist/components/List/ListItemHeader.js +5 -4
  119. package/dist/components/List/ListItemIcon.js +3 -2
  120. package/dist/components/List/ListItemLabel.js +16 -15
  121. package/dist/components/List/ListItemSelect.js +4 -3
  122. package/dist/components/Menu/MenuItem.js +15 -14
  123. package/dist/components/Menu/MenuItemBase.js +5 -5
  124. package/dist/components/Menu/MenuItemIcon.js +6 -5
  125. package/dist/components/Menu/MenuItemLabel.js +13 -12
  126. package/dist/components/Menu/MenuItems.js +1 -0
  127. package/dist/components/Menu/MenuItemsVirtual.js +26 -25
  128. package/dist/components/Menu/MenuOption.js +17 -16
  129. package/dist/components/Menu/MenuSearch.js +3 -2
  130. package/dist/components/Metadata/MetaItem.js +7 -6
  131. package/dist/components/Metadata/MetaItemIcon.js +3 -2
  132. package/dist/components/Metadata/MetaProgress.js +3 -2
  133. package/dist/components/Metadata/MetaTimestamp.js +7 -6
  134. package/dist/components/Metadata/Metadata.js +8 -7
  135. package/dist/components/Modal/Modal.js +13 -13
  136. package/dist/components/Modal/ModalBase.js +7 -6
  137. package/dist/components/Modal/ModalBody.js +5 -10
  138. package/dist/components/Modal/ModalFooter.js +3 -2
  139. package/dist/components/Modal/ModalHeader.js +26 -36
  140. package/dist/components/Modal/ModalIcon.js +7 -6
  141. package/dist/components/Notifications/NotificationItem.js +6 -5
  142. package/dist/components/Notifications/NotificationItemBase.js +10 -9
  143. package/dist/components/Notifications/NotificationItemControls.js +14 -24
  144. package/dist/components/Notifications/NotificationItemIcon.js +8 -7
  145. package/dist/components/Page/AccordionSection.js +3 -2
  146. package/dist/components/Page/Breadcrumbs.js +7 -6
  147. package/dist/components/Page/ContactButtons.js +11 -6
  148. package/dist/components/Page/ContactSection.js +3 -2
  149. package/dist/components/Page/PageMenu.js +6 -5
  150. package/dist/components/Page/PageNav.js +11 -8
  151. package/dist/components/Page/PageTabs.js +6 -5
  152. package/dist/components/Page/Section.js +27 -7
  153. package/dist/components/ResourceListItem/ResourceListItem.js +3 -2
  154. package/dist/components/RootProvider/RootProvider.js +9 -8
  155. package/dist/components/Search/SearchItem.js +5 -4
  156. package/dist/components/Searchbar/Autocomplete.js +3 -2
  157. package/dist/components/Searchbar/AutocompleteItem.js +11 -10
  158. package/dist/components/Searchbar/Searchbar.js +10 -9
  159. package/dist/components/Searchbar/SearchbarField.js +54 -53
  160. package/dist/components/Settings/BookmarksSettingsList.js +7 -6
  161. package/dist/components/Settings/SettingsItem.js +3 -2
  162. package/dist/components/Settings/SettingsItemBase.js +7 -6
  163. package/dist/components/Settings/SettingsList.js +7 -6
  164. package/dist/components/Settings/SettingsModal.js +33 -26
  165. package/dist/components/Settings/SettingsSection.js +3 -2
  166. package/dist/components/Settings/UsedByLog.js +8 -7
  167. package/dist/components/Settings/UsedByLogItem.js +10 -9
  168. package/dist/components/Snackbar/SnackbarItem.js +13 -22
  169. package/dist/components/Timeline/Timeline.js +3 -2
  170. package/dist/components/Timeline/TimelineActivity.js +3 -2
  171. package/dist/components/Timeline/TimelineBase.js +10 -9
  172. package/dist/components/Timeline/TimelineFooter.js +6 -5
  173. package/dist/components/Timeline/TimelineHeader.js +3 -2
  174. package/dist/components/Timeline/TimelineIcon.js +6 -5
  175. package/dist/components/Timeline/TimelineSection.js +3 -2
  176. package/dist/components/Timeline/TimelineSegment.js +6 -5
  177. package/dist/components/Timeline/index.js +2 -4
  178. package/dist/components/Toolbar/ToolbarAccountMenu.js +18 -17
  179. package/dist/components/Toolbar/ToolbarAdd.js +5 -4
  180. package/dist/components/Toolbar/ToolbarButton.js +94 -88
  181. package/dist/components/Toolbar/ToolbarDaterange.js +3 -2
  182. package/dist/components/Toolbar/ToolbarFilter.js +24 -23
  183. package/dist/components/Toolbar/ToolbarFilterBase.js +8 -8
  184. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  185. package/dist/components/Toolbar/ToolbarOptions.js +3 -2
  186. package/dist/components/Toolbar/ToolbarSearch.js +7 -6
  187. package/dist/components/Transmission/Transmission.js +8 -7
  188. package/dist/components/Transmission/TransmissionList.js +8 -7
  189. package/dist/components/Transmission/TransmissionType.js +3 -2
  190. package/dist/components/Typography/Heading.js +3 -2
  191. package/dist/components/UserListItem/UserListItem.js +12 -11
  192. package/dist/components/index.js +192 -195
  193. package/dist/hooks/useAccountSelector.js +46 -46
  194. package/dist/{index-Dg71_7ad.js → index-DttADHE1.js} +1 -1
  195. package/dist/index.js +204 -207
  196. package/dist/{textfield-B_OMMEbF.js → textfield-C_c2H05R.js} +25 -26
  197. package/dist/types/lib/components/Account/AccountListItemDetails.d.ts +5 -1
  198. package/dist/types/lib/components/Button/Button.d.ts +21 -10
  199. package/dist/types/lib/components/Button/Button.stories.d.ts +13 -10
  200. package/dist/types/lib/components/Button/ButtonGroup.d.ts +6 -6
  201. package/dist/types/lib/components/Button/ButtonGroup.stories.d.ts +3 -1
  202. package/dist/types/lib/components/Button/ButtonGroupDivider.d.ts +5 -1
  203. package/dist/types/lib/components/Button/ButtonIcon.d.ts +2 -1
  204. package/dist/types/lib/components/Button/ButtonLabel.d.ts +1 -1
  205. package/dist/types/lib/components/Button/ComboButton.d.ts +6 -15
  206. package/dist/types/lib/components/Button/ComboButton.stories.d.ts +0 -3
  207. package/dist/types/lib/components/Button/FloatingActionButton.d.ts +5 -12
  208. package/dist/types/lib/components/Button/IconButton.d.ts +4 -17
  209. package/dist/types/lib/components/Button/index.d.ts +4 -4
  210. package/dist/types/lib/components/Datepicker/Datepicker.stories.d.ts +6 -0
  211. package/dist/types/lib/components/Dialog/DialogActions.d.ts +1 -0
  212. package/dist/types/lib/components/Dropdown/FloatingDropdown.d.ts +2 -2
  213. package/dist/types/lib/components/GlobalHeader/HeaderLogo.d.ts +1 -2
  214. package/dist/types/lib/components/Header/HeaderButton.d.ts +0 -2
  215. package/dist/types/lib/components/Header/HeaderLogo.d.ts +1 -1
  216. package/dist/types/lib/components/Menu/MenuItem.d.ts +1 -1
  217. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +2 -2
  218. package/dist/types/lib/components/Modal/ModalBody.d.ts +2 -3
  219. package/dist/types/lib/components/Page/ContactButtons.d.ts +1 -0
  220. package/dist/types/lib/components/Page/Section.d.ts +1 -1
  221. package/dist/types/lib/components/Settings/SettingsModal.d.ts +1 -0
  222. package/dist/types/lib/components/Settings/VerifySettingsModal.stories.d.ts +14 -0
  223. package/dist/types/lib/components/Timeline/index.d.ts +0 -1
  224. package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +2 -3
  225. package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
  226. package/dist/types/lib/components/Toolbar/ToolbarFilterBase.d.ts +2 -2
  227. package/package.json +1 -1
  228. package/dist/assets/ButtonBase.css +0 -1
  229. package/dist/assets/ComboButton.css +0 -1
  230. package/dist/assets/TimelineLink.css +0 -1
  231. package/dist/button-MzZgmHyA.js +0 -23
  232. package/dist/components/Button/ButtonBase.js +0 -41
  233. package/dist/components/Timeline/TimelineLink.js +0 -36
  234. package/dist/spinner-0Qe_jRGB.js +0 -23
  235. package/dist/types/lib/components/Button/ButtonBase.d.ts +0 -26
  236. package/dist/types/lib/components/Button/IconButton.stories.d.ts +0 -7
  237. package/dist/types/lib/components/Timeline/TimelineLink.d.ts +0 -9
@@ -1,41 +0,0 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- import { c as p } from "../../index-p1eeF8LQ.js";
3
- import '../../assets/ButtonBase.css';const x = "_button_129q3_1", _ = {
4
- button: x
5
- }, j = ({
6
- as: a,
7
- color: o,
8
- className: e,
9
- children: s,
10
- disabled: t = !1,
11
- ariaLabel: n,
12
- size: r,
13
- selected: d,
14
- variant: c,
15
- reverse: l = !1,
16
- rounded: u = !1,
17
- tabIndex: i = 0,
18
- dataTestId: m,
19
- ...b
20
- }) => /* @__PURE__ */ f(
21
- a || "button",
22
- {
23
- tabIndex: i,
24
- "data-size": r,
25
- "data-color": o,
26
- "data-variant": c,
27
- "data-reverse": l,
28
- "data-rounded": u,
29
- "data-selected": d,
30
- "aria-disabled": t,
31
- disabled: t,
32
- className: p(_.button, e),
33
- "aria-label": n,
34
- "data-testid": m,
35
- ...b,
36
- children: s
37
- }
38
- );
39
- export {
40
- j as ButtonBase
41
- };
@@ -1,36 +0,0 @@
1
- import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
- import { c as i } from "../../index-p1eeF8LQ.js";
3
- import "react";
4
- import { ButtonBase as p } from "../Button/ButtonBase.js";
5
- import { ButtonLabel as b } from "../Button/ButtonLabel.js";
6
- import { ButtonIcon as u } from "../Button/ButtonIcon.js";
7
- import "../RootProvider/RootProvider.js";
8
- import "../Snackbar/useSnackbar.js";
9
- import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_87kyt_10", t = {
10
- button: _,
11
- label: f
12
- }, v = ({
13
- size: o = "xs",
14
- color: m = "company",
15
- icon: r,
16
- reverse: e,
17
- label: l,
18
- children: s,
19
- ...a
20
- }) => /* @__PURE__ */ c(
21
- p,
22
- {
23
- color: m,
24
- variant: "link",
25
- size: o,
26
- className: i(t.button, { [t.reverse]: e }),
27
- ...a,
28
- children: [
29
- r && /* @__PURE__ */ n(u, { className: t.icon, size: o, icon: r }),
30
- /* @__PURE__ */ n(b, { className: t.label, size: o, children: s || l })
31
- ]
32
- }
33
- );
34
- export {
35
- v as TimelineLink
36
- };
@@ -1,23 +0,0 @@
1
- "use client";
2
- import { jsxs as u, jsx as c } from "react/jsx-runtime";
3
- import { c as o } from "./lite-1fxw3LjI.js";
4
- import { useRef as l, useLayoutEffect as d, useEffect as p, forwardRef as g } from "react";
5
- import { u as y } from "./use-merge-refs-Cj4kTYVj.js";
6
- const T = typeof window < "u" ? d : p;
7
- function f(i) {
8
- const t = l(null);
9
- return T(() => {
10
- const s = document.getAnimations().filter((n) => "animationName" in n && n.animationName === i), r = s.find((n) => "animationName" in n && n.animationName === i), e = s.find((n) => n.effect?.target === t.current);
11
- return e && e === r && (e.currentTime = 0), e && r?.currentTime && e !== r && (e.currentTime = r.currentTime), () => {
12
- e && r?.currentTime && (e.currentTime = r.currentTime);
13
- };
14
- }, [i]), t;
15
- }
16
- const N = g(function({ "aria-label": t, className: s, ...r }, e) {
17
- const n = f("ds-spinner-rotate-animation"), a = f("ds-spinner-stroke-animation"), m = y([n, e]);
18
- return u("svg", { "aria-label": t, className: o("ds-spinner", s), ref: m, role: "img", viewBox: "0 0 50 50", ...r, children: [c("circle", { className: o("ds-spinner__background"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }), c("circle", { className: o("ds-spinner__circle"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", ref: a })] });
19
- });
20
- export {
21
- N as S,
22
- f as u
23
- };
@@ -1,26 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- import { Color } from '..';
3
- export type ButtonVariant = 'solid' | 'tinted' | 'outline' | 'dotted' | 'text' | 'link';
4
- export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
5
- export type ButtonColor = Color | 'inherit';
6
- export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
7
- /**
8
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
9
- * @default false
10
- */
11
- as?: ElementType;
12
- size?: ButtonSize;
13
- variant?: ButtonVariant;
14
- reverse?: boolean;
15
- rounded?: boolean;
16
- color?: ButtonColor;
17
- selected?: boolean;
18
- disabled?: boolean;
19
- href?: string;
20
- className?: string;
21
- children?: ReactNode;
22
- ariaLabel?: string;
23
- dataTestId?: string;
24
- ref?: React.Ref<HTMLElement>;
25
- }
26
- export declare const ButtonBase: ({ as, color, className, children, disabled, ariaLabel, size, selected, variant, reverse, rounded, tabIndex, dataTestId, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { IconButton, IconButtonProps } from './IconButton';
3
- declare const meta: Meta<typeof IconButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Sizes: (args: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ButtonBaseProps, SvgElement } from '..';
3
- export interface TimelineLinkProps extends Partial<ButtonBaseProps> {
4
- icon?: SvgElement;
5
- reverse?: boolean;
6
- label?: string | ReactNode;
7
- children?: ReactNode;
8
- }
9
- export declare const TimelineLink: ({ size, color, icon, reverse, label, children, ...rest }: TimelineLinkProps) => import("react/jsx-runtime").JSX.Element;