@altinn/altinn-components 0.10.4 → 0.12.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 (168) hide show
  1. package/README.md +11 -1
  2. package/dist/assets/Breadcrumbs.css +1 -0
  3. package/dist/assets/BreadcrumbsLink.css +1 -0
  4. package/dist/assets/FieldBase.css +1 -0
  5. package/dist/assets/Flex.css +1 -0
  6. package/dist/assets/Grid.css +1 -0
  7. package/dist/assets/Heading.css +1 -1
  8. package/dist/assets/InputBase.css +1 -0
  9. package/dist/assets/ListItemBase.css +1 -1
  10. package/dist/assets/ListItemHeader.css +1 -1
  11. package/dist/assets/ListItemLabel.css +1 -1
  12. package/dist/assets/MenuItemMedia.css +1 -1
  13. package/dist/assets/QueryLabel.css +1 -1
  14. package/dist/assets/Section.css +1 -1
  15. package/dist/assets/SnackbarBase.css +1 -1
  16. package/dist/assets/SnackbarItem.css +1 -0
  17. package/dist/assets/Typography.css +1 -1
  18. package/dist/components/AccessAreaList/AccessAreaList.js +6 -5
  19. package/dist/components/AccessAreaList/AccessAreaListItem.js +13 -12
  20. package/dist/components/AccessPackageList/AccessPackageList.js +5 -4
  21. package/dist/components/AccessPackageList/AccessPackageListItem.js +6 -5
  22. package/dist/components/Autocomplete/AutocompleteItem.js +13 -12
  23. package/dist/components/Autocomplete/ScopeListItem.js +3 -2
  24. package/dist/components/Bookmarks/BookmarksListItem.js +69 -7
  25. package/dist/components/Bookmarks/BookmarksSection.js +33 -13
  26. package/dist/components/Bookmarks/QueryLabel.js +9 -9
  27. package/dist/components/Bookmarks/index.js +7 -9
  28. package/dist/components/Button/Button.js +16 -15
  29. package/dist/components/Button/IconButton.js +22 -10
  30. package/dist/components/Byline/Byline.js +4 -3
  31. package/dist/components/ContextMenu/ContextMenu.js +11 -10
  32. package/dist/components/Dialog/Dialog.js +16 -15
  33. package/dist/components/Dialog/DialogActions.js +3 -2
  34. package/dist/components/Dialog/DialogByline.js +5 -4
  35. package/dist/components/Dialog/DialogContent.js +8 -7
  36. package/dist/components/Dialog/DialogHeading.js +8 -7
  37. package/dist/components/Dialog/DialogHistory.js +6 -5
  38. package/dist/components/Dialog/DialogHistoryDetails.js +11 -10
  39. package/dist/components/Dialog/DialogHistoryItem.js +6 -5
  40. package/dist/components/Dialog/DialogList.js +3 -2
  41. package/dist/components/Dialog/DialogListGroup.js +8 -7
  42. package/dist/components/Dialog/DialogListItem.js +19 -18
  43. package/dist/components/Dialog/DialogMetadata.js +10 -9
  44. package/dist/components/Dialog/DialogSection.js +5 -4
  45. package/dist/components/Dialog/DialogTimeline.js +7 -6
  46. package/dist/components/Dialog/DialogTimelineItem.js +3 -2
  47. package/dist/components/Dialog/DialogTransmissions.js +3 -2
  48. package/dist/components/Dialog/DraftDialog.js +19 -18
  49. package/dist/components/Dropdown/DrawerButton.js +3 -2
  50. package/dist/components/Dropdown/DrawerOrDropdown.js +3 -2
  51. package/dist/components/Dropdown/DropdownBase.js +8 -7
  52. package/dist/components/GlobalMenu/AccountButton.js +3 -2
  53. package/dist/components/GlobalMenu/AccountMenu.js +12 -11
  54. package/dist/components/GlobalMenu/BackButton.js +3 -2
  55. package/dist/components/GlobalMenu/GlobalMenu.js +21 -20
  56. package/dist/components/Header/Header.js +3 -2
  57. package/dist/components/Header/HeaderBase.js +4 -3
  58. package/dist/components/Icon/iconsMap.js +16960 -739
  59. package/dist/components/Layout/Layout.js +7 -6
  60. package/dist/components/LayoutAction/ActionMenu.js +4 -3
  61. package/dist/components/List/List.js +5 -4
  62. package/dist/components/List/ListItemBase.js +11 -11
  63. package/dist/components/List/ListItemControls.js +15 -15
  64. package/dist/components/List/ListItemHeader.js +49 -49
  65. package/dist/components/List/ListItemLabel.js +8 -8
  66. package/dist/components/Menu/MenuItemMedia.js +5 -5
  67. package/dist/components/Menu/MenuItems.js +1 -0
  68. package/dist/components/Menu/MenuSearch.js +5 -4
  69. package/dist/components/Page/Article.js +4 -4
  70. package/dist/components/Page/Breadcrumbs.js +23 -0
  71. package/dist/components/Page/BreadcrumbsLink.js +28 -0
  72. package/dist/components/Page/Flex.js +42 -0
  73. package/dist/components/Page/Grid.js +34 -0
  74. package/dist/components/Page/PageHeader.js +11 -9
  75. package/dist/components/Page/PageNav.js +21 -17
  76. package/dist/components/Page/Section.js +12 -40
  77. package/dist/components/Page/index.js +18 -14
  78. package/dist/components/ResourceList/ResourceList.js +3 -2
  79. package/dist/components/ResourceList/ResourceListItem.js +3 -2
  80. package/dist/components/RootProvider/RootProvider.js +13 -12
  81. package/dist/components/Searchbar/SearchField.js +38 -28
  82. package/dist/components/Searchbar/Searchbar.js +3 -2
  83. package/dist/components/Snackbar/Snackbar.js +17 -8
  84. package/dist/components/Snackbar/SnackbarBase.js +5 -21
  85. package/dist/components/Snackbar/SnackbarItem.js +32 -0
  86. package/dist/components/Snackbar/index.js +2 -6
  87. package/dist/components/Snackbar/useSnackbar.js +47 -0
  88. package/dist/components/TextField/FieldBase.js +16 -0
  89. package/dist/components/TextField/InputBase.js +33 -0
  90. package/dist/components/TextField/TextField.js +7 -0
  91. package/dist/components/TextField/index.js +8 -0
  92. package/dist/components/Timeline/TimelineSection.js +3 -2
  93. package/dist/components/Toolbar/ToolbarAccountMenu.js +5 -4
  94. package/dist/components/Toolbar/ToolbarAdd.js +6 -5
  95. package/dist/components/Toolbar/ToolbarDaterange.js +11 -10
  96. package/dist/components/Toolbar/ToolbarFilter.js +12 -11
  97. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  98. package/dist/components/Toolbar/ToolbarOptions.js +10 -9
  99. package/dist/components/Toolbar/ToolbarSearch.js +5 -4
  100. package/dist/components/Transmission/TransmissionItem.js +3 -2
  101. package/dist/components/Transmission/TransmissionList.js +3 -2
  102. package/dist/components/Typography/Heading.js +3 -3
  103. package/dist/components/Typography/Typography.js +8 -9
  104. package/dist/components/index.js +270 -266
  105. package/dist/footer-BI7NNFeL.js +27 -0
  106. package/dist/globalMenu-A9dXKjrI.js +80 -0
  107. package/dist/header-B7oMg4iq.js +11 -0
  108. package/dist/inboxMenu-DXIoTtPz.js +48 -0
  109. package/dist/index.js +264 -260
  110. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +18 -2
  111. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +2 -4
  112. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +8 -3
  113. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +42 -3
  114. package/dist/types/lib/components/Bookmarks/index.d.ts +0 -1
  115. package/dist/types/lib/components/Button/Button.d.ts +2 -1
  116. package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
  117. package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
  118. package/dist/types/lib/components/Button/IconButton.stories.d.ts +1 -1
  119. package/dist/types/lib/components/Layout/LayoutBase.d.ts +1 -1
  120. package/dist/types/lib/components/LayoutAction/ActionFooter.stories.d.ts +0 -2
  121. package/dist/types/lib/components/List/ListItemControls.d.ts +2 -1
  122. package/dist/types/lib/components/List/ListItemHeader.d.ts +2 -2
  123. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
  124. package/dist/types/lib/components/Page/Article.d.ts +1 -1
  125. package/dist/types/lib/components/Page/Breadcrumbs.d.ts +5 -0
  126. package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +11 -0
  127. package/dist/types/lib/components/Page/{PageBase.stories.d.ts → Examples.stories.d.ts} +2 -1
  128. package/dist/types/lib/components/Page/Flex.d.ts +29 -0
  129. package/dist/types/lib/components/Page/Grid.d.ts +22 -0
  130. package/dist/types/lib/components/Page/PageNav.d.ts +6 -3
  131. package/dist/types/lib/components/Page/PageNav.stories.d.ts +2 -1
  132. package/dist/types/lib/components/Page/Section.d.ts +6 -26
  133. package/dist/types/lib/components/Page/index.d.ts +4 -2
  134. package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +6 -1
  135. package/dist/types/lib/components/Snackbar/Snackbar.d.ts +1 -16
  136. package/dist/types/lib/components/Snackbar/Snackbar.stories.d.ts +3 -8
  137. package/dist/types/lib/components/Snackbar/SnackbarBase.d.ts +6 -11
  138. package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts +16 -0
  139. package/dist/types/lib/components/Snackbar/index.d.ts +2 -4
  140. package/dist/types/lib/components/Snackbar/useSnackbar.d.ts +39 -0
  141. package/dist/types/lib/components/TextField/FieldBase.d.ts +11 -0
  142. package/dist/types/lib/components/TextField/InputBase.d.ts +14 -0
  143. package/dist/types/lib/components/TextField/TextField.d.ts +7 -0
  144. package/dist/types/lib/components/TextField/index.d.ts +3 -0
  145. package/dist/types/lib/components/Typography/Heading.d.ts +2 -2
  146. package/dist/types/lib/components/Typography/Typography.d.ts +1 -1
  147. package/dist/types/lib/components/index.d.ts +1 -0
  148. package/dist/{useAccountMenu-ImwZYwks.js → useAccountMenu-DgXhBMw4.js} +19 -27
  149. package/package.json +7 -2
  150. package/dist/ZoomPlusFill-xyiiemTy.js +0 -17126
  151. package/dist/assets/ListItemMenu.css +0 -1
  152. package/dist/assets/SectionFooter.css +0 -1
  153. package/dist/assets/SnackbarLabel.css +0 -1
  154. package/dist/assets/SnackbarMedia.css +0 -1
  155. package/dist/components/Bookmarks/BookmarksList.js +0 -12
  156. package/dist/components/Icon/__AkselIcon.js +0 -1042
  157. package/dist/components/List/ListItemMenu.js +0 -8
  158. package/dist/components/Page/SectionFooter.js +0 -8
  159. package/dist/components/Page/SectionHeader.js +0 -12
  160. package/dist/components/Snackbar/SnackbarLabel.js +0 -7
  161. package/dist/components/Snackbar/SnackbarMedia.js +0 -11
  162. package/dist/types/lib/components/Bookmarks/BookmarksList.d.ts +0 -5
  163. package/dist/types/lib/components/Bookmarks/BookmarksList.stories.d.ts +0 -34
  164. package/dist/types/lib/components/List/ListItemMenu.d.ts +0 -8
  165. package/dist/types/lib/components/Page/SectionFooter.d.ts +0 -6
  166. package/dist/types/lib/components/Page/SectionHeader.d.ts +0 -6
  167. package/dist/types/lib/components/Snackbar/SnackbarLabel.d.ts +0 -5
  168. package/dist/types/lib/components/Snackbar/SnackbarMedia.d.ts +0 -6
@@ -1,26 +1,19 @@
1
- import { g as d } from "./globalMenu-DY4uIQk2.js";
2
- import { jsxs as p, jsx as h } from "react/jsx-runtime";
3
- import { useState as c } from "react";
4
- const b = {
5
- menu: d,
6
- search: {
7
- name: "global-search",
8
- placeholder: "Søk i Altinn"
9
- }
10
- }, f = ({
1
+ import { jsxs as a, jsx as d } from "react/jsx-runtime";
2
+ import { useState as u } from "react";
3
+ const g = ({
11
4
  name: e = "inbox-search",
12
5
  placeholder: r = "Søk i innboks"
13
6
  }) => {
14
- const [t, n] = c(""), a = (s) => {
7
+ const [t, n] = u(""), p = (s) => {
15
8
  n(s.target.value);
16
- }, l = [
9
+ }, i = [
17
10
  {
18
11
  type: "scope",
19
12
  groupId: "1",
20
13
  id: "inbox",
21
14
  href: "#",
22
- label: t ? () => /* @__PURE__ */ p("span", { children: [
23
- /* @__PURE__ */ h("mark", { children: t }),
15
+ label: t ? () => /* @__PURE__ */ a("span", { children: [
16
+ /* @__PURE__ */ d("mark", { children: t }),
24
17
  " i innboksen"
25
18
  ] }) : "Alt i innboksen"
26
19
  },
@@ -29,8 +22,8 @@ const b = {
29
22
  groupId: "1",
30
23
  id: "global",
31
24
  href: "#",
32
- label: t ? () => /* @__PURE__ */ p("span", { children: [
33
- /* @__PURE__ */ h("mark", { children: t }),
25
+ label: t ? () => /* @__PURE__ */ a("span", { children: [
26
+ /* @__PURE__ */ d("mark", { children: t }),
34
27
  " i hele Altinn"
35
28
  ] }) : "Alt i hele Altinn"
36
29
  }
@@ -47,36 +40,35 @@ const b = {
47
40
  href: "http://www.altinn.no",
48
41
  title: "Skattemelding 2025"
49
42
  }
50
- ].filter((s) => s.title.toLowerCase().includes((t ?? "").toLowerCase())) : [], i = {
43
+ ].filter((s) => s.title.toLowerCase().includes((t ?? "").toLowerCase())) : [], l = {
51
44
  groups: {
52
45
  2: {
53
46
  title: `${o.length} treff i innboksen`
54
47
  }
55
48
  },
56
- items: [...l, ...o]
49
+ items: [...i, ...o]
57
50
  };
58
51
  return {
59
52
  name: e,
60
53
  placeholder: r,
61
54
  value: t,
62
- onChange: a,
55
+ onChange: p,
63
56
  onClear: () => n(""),
64
- autocomplete: i
57
+ autocomplete: l
65
58
  };
66
- }, k = ({ accounts: e, ...r }) => {
67
- const [t, n] = c(e == null ? void 0 : e[0]);
59
+ }, b = ({ accounts: e, ...r }) => {
60
+ const [t, n] = u(e == null ? void 0 : e[0]);
68
61
  return {
69
62
  ...r,
70
63
  accounts: e,
71
64
  currentAccount: t,
72
- onSelectAccount: (l) => {
73
- const o = e == null ? void 0 : e.find((i) => i.id === l);
65
+ onSelectAccount: (i) => {
66
+ const o = e == null ? void 0 : e.find((l) => l.id === i);
74
67
  n(o);
75
68
  }
76
69
  };
77
70
  };
78
71
  export {
79
- k as a,
80
- b as h,
81
- f as u
72
+ b as a,
73
+ g as u
82
74
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.10.4",
3
+ "version": "0.12.0",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -37,14 +37,17 @@
37
37
  "@storybook/react": "^8.4.4",
38
38
  "@storybook/react-vite": "^8.4.4",
39
39
  "@storybook/test": "^8.4.4",
40
+ "@storybook/test-runner": "^0.21.0",
40
41
  "@types/react": "^18.3.11",
41
42
  "@types/react-dom": "^18.3.1",
42
43
  "@vitejs/plugin-react-swc": "^3.7.1",
43
44
  "axe-core": "^4.10.2",
44
45
  "glob": "^11.0.0",
45
46
  "lint-staged": "^15.2.10",
47
+ "playwright": "^1.49.1",
46
48
  "rollup-preserve-directives": "^1.1.2",
47
49
  "storybook": "^8.4.4",
50
+ "storybook-addon-tag-badges": "^1.3.2",
48
51
  "storybook-addon-theme-provider": "^0.2.8",
49
52
  "typescript": "^5.6.3",
50
53
  "vite": "^5.4.9",
@@ -66,6 +69,8 @@
66
69
  "build": "tsc && vite build",
67
70
  "format": "lint-staged",
68
71
  "dev": "vite",
69
- "build-storybook": "storybook build"
72
+ "build-storybook": "storybook build",
73
+ "test-storybook": "test-storybook",
74
+ "install:browsers": "pnpm exec playwright install"
70
75
  }
71
76
  }