@altinn/altinn-components 0.11.0 → 0.13.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 (253) hide show
  1. package/dist/assets/Badge.css +1 -1
  2. package/dist/assets/DialogListItem.css +1 -1
  3. package/dist/assets/Flex.css +1 -1
  4. package/dist/assets/LayoutBase.css +1 -1
  5. package/dist/assets/MenuItemMedia.css +1 -1
  6. package/dist/assets/Section.css +1 -1
  7. package/dist/assets/SnackbarBase.css +1 -1
  8. package/dist/assets/SnackbarItem.css +1 -0
  9. package/dist/components/AccessAreaList/AccessAreaList.js +6 -5
  10. package/dist/components/AccessAreaList/AccessAreaListItem.js +13 -12
  11. package/dist/components/AccessPackageList/AccessPackageList.js +5 -4
  12. package/dist/components/AccessPackageList/AccessPackageListItem.js +6 -5
  13. package/dist/components/Autocomplete/AutocompleteItem.js +7 -6
  14. package/dist/components/Autocomplete/ScopeListItem.js +3 -2
  15. package/dist/components/Badge/Badge.js +6 -5
  16. package/dist/components/Bookmarks/BookmarksListItem.js +17 -14
  17. package/dist/components/Bookmarks/BookmarksSection.js +18 -21
  18. package/dist/components/Byline/Byline.js +5 -4
  19. package/dist/components/ContextMenu/ContextMenu.js +11 -10
  20. package/dist/components/Dialog/Dialog.js +22 -21
  21. package/dist/components/Dialog/DialogActions.js +3 -2
  22. package/dist/components/Dialog/DialogByline.js +5 -4
  23. package/dist/components/Dialog/DialogContent.js +3 -2
  24. package/dist/components/Dialog/DialogHeading.js +8 -7
  25. package/dist/components/Dialog/DialogHistory.js +6 -5
  26. package/dist/components/Dialog/DialogHistoryDetails.js +11 -10
  27. package/dist/components/Dialog/DialogHistoryItem.js +6 -5
  28. package/dist/components/Dialog/DialogList.js +3 -2
  29. package/dist/components/Dialog/DialogListGroup.js +3 -2
  30. package/dist/components/Dialog/DialogListItem.js +48 -47
  31. package/dist/components/Dialog/DialogMetadata.js +10 -9
  32. package/dist/components/Dialog/DialogSection.js +4 -3
  33. package/dist/components/Dialog/DialogTimeline.js +7 -6
  34. package/dist/components/Dialog/DialogTimelineItem.js +3 -2
  35. package/dist/components/Dialog/DialogTransmissions.js +3 -2
  36. package/dist/components/Dialog/DraftDialog.js +15 -14
  37. package/dist/components/Dropdown/DrawerButton.js +3 -2
  38. package/dist/components/Dropdown/DrawerOrDropdown.js +3 -2
  39. package/dist/components/GlobalMenu/AccountButton.js +3 -2
  40. package/dist/components/GlobalMenu/AccountMenu.js +4 -2
  41. package/dist/components/GlobalMenu/BackButton.js +4 -3
  42. package/dist/components/GlobalMenu/GlobalMenu.js +21 -20
  43. package/dist/components/Header/Header.js +3 -2
  44. package/dist/components/Header/HeaderBase.js +4 -3
  45. package/dist/components/Layout/Layout.js +7 -6
  46. package/dist/components/Layout/LayoutBase.js +3 -3
  47. package/dist/components/LayoutAction/ActionMenu.js +5 -4
  48. package/dist/components/List/List.js +5 -4
  49. package/dist/components/Menu/MenuItem.js +28 -17
  50. package/dist/components/Menu/MenuItemMedia.js +27 -12
  51. package/dist/components/Menu/MenuItems.js +1 -0
  52. package/dist/components/Menu/MenuSearch.js +5 -4
  53. package/dist/components/Page/Breadcrumbs.js +9 -8
  54. package/dist/components/Page/Flex.js +29 -33
  55. package/dist/components/Page/PageHeader.js +5 -4
  56. package/dist/components/Page/PageNav.js +10 -9
  57. package/dist/components/Page/Section.js +17 -5
  58. package/dist/components/ResourceList/ResourceList.js +3 -2
  59. package/dist/components/ResourceList/ResourceListItem.js +3 -2
  60. package/dist/components/RootProvider/RootProvider.js +13 -12
  61. package/dist/components/Searchbar/Searchbar.js +3 -2
  62. package/dist/components/Snackbar/Snackbar.js +17 -8
  63. package/dist/components/Snackbar/SnackbarBase.js +5 -21
  64. package/dist/components/Snackbar/SnackbarItem.js +35 -0
  65. package/dist/components/Snackbar/index.js +3 -6
  66. package/dist/components/Snackbar/useSnackbar.js +47 -0
  67. package/dist/components/Timeline/TimelineSection.js +3 -2
  68. package/dist/components/Toolbar/ToolbarAccountMenu.js +5 -4
  69. package/dist/components/Toolbar/ToolbarAdd.js +6 -5
  70. package/dist/components/Toolbar/ToolbarDaterange.js +11 -10
  71. package/dist/components/Toolbar/ToolbarFilter.js +12 -11
  72. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  73. package/dist/components/Toolbar/ToolbarOptions.js +12 -11
  74. package/dist/components/Toolbar/ToolbarSearch.js +5 -4
  75. package/dist/components/Transmission/TransmissionItem.js +3 -2
  76. package/dist/components/Transmission/TransmissionList.js +3 -2
  77. package/dist/components/index.js +125 -128
  78. package/dist/global.css +2 -1
  79. package/dist/{globalMenu-A9dXKjrI.js → globalMenu-XcVgsnCz.js} +8 -9
  80. package/dist/index.js +128 -131
  81. package/dist/tokens/$metadata.json +20 -0
  82. package/dist/tokens/$themes.json +105 -0
  83. package/dist/tokens/Figma/components.json +22 -0
  84. package/dist/tokens/README.md +13 -0
  85. package/dist/tokens/accent.css +23 -0
  86. package/dist/tokens/alert.css +23 -0
  87. package/dist/tokens/alert.json +66 -0
  88. package/dist/tokens/altinn-ds/builtin-colors.css +87 -0
  89. package/dist/tokens/altinn-ds/color/accent.css +23 -0
  90. package/dist/tokens/altinn-ds/color/alert.css +23 -0
  91. package/dist/tokens/altinn-ds/color/article.css +23 -0
  92. package/dist/tokens/altinn-ds/color/company.css +25 -0
  93. package/dist/tokens/altinn-ds/color/person.css +23 -0
  94. package/dist/tokens/altinn-ds/color-scheme/dark.css +471 -0
  95. package/dist/tokens/altinn-ds/color-scheme/light.css +472 -0
  96. package/dist/tokens/altinn-ds/semantic.css +70 -0
  97. package/dist/tokens/altinn-ds/typography/primary.css +128 -0
  98. package/dist/tokens/altinn-ds/typography/secondary.css +127 -0
  99. package/dist/tokens/altinn-ds.css +1484 -0
  100. package/dist/tokens/altinn-ds.json +20 -0
  101. package/dist/tokens/article.css +23 -0
  102. package/dist/tokens/article.json +66 -0
  103. package/dist/tokens/builtin-colors.css +87 -0
  104. package/dist/tokens/color/accent.css +23 -0
  105. package/dist/tokens/color/alert.css +23 -0
  106. package/dist/tokens/color/article.css +23 -0
  107. package/dist/tokens/color/company.css +25 -0
  108. package/dist/tokens/color/person.css +23 -0
  109. package/dist/tokens/color-scheme/dark/altinn-ds.json +314 -0
  110. package/dist/tokens/color-scheme/dark/global.json +376 -0
  111. package/dist/tokens/color-scheme/dark.css +471 -0
  112. package/dist/tokens/color-scheme/light/altinn-ds.json +314 -0
  113. package/dist/tokens/color-scheme/light/global.json +376 -0
  114. package/dist/tokens/color-scheme/light.css +472 -0
  115. package/dist/tokens/color.json +572 -0
  116. package/dist/tokens/colors.d.ts +10 -0
  117. package/dist/tokens/company.css +25 -0
  118. package/dist/tokens/company.json +66 -0
  119. package/dist/tokens/components.json +22 -0
  120. package/dist/tokens/dark/altinn-ds.json +314 -0
  121. package/dist/tokens/dark/global.json +376 -0
  122. package/dist/tokens/dark.css +471 -0
  123. package/dist/tokens/default.json +175 -0
  124. package/dist/tokens/design-tokens/$metadata.json +20 -0
  125. package/dist/tokens/design-tokens/$themes.json +105 -0
  126. package/dist/tokens/design-tokens/Figma/components.json +22 -0
  127. package/dist/tokens/design-tokens/primitives/globals.json +155 -0
  128. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/altinn-ds.json +314 -0
  129. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/global.json +376 -0
  130. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/altinn-ds.json +314 -0
  131. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/global.json +376 -0
  132. package/dist/tokens/design-tokens/primitives/modes/typography/primary/altinn-ds.json +20 -0
  133. package/dist/tokens/design-tokens/primitives/modes/typography/secondary/altinn-ds.json +20 -0
  134. package/dist/tokens/design-tokens/primitives/size/default.json +175 -0
  135. package/dist/tokens/design-tokens/semantic/color.json +572 -0
  136. package/dist/tokens/design-tokens/semantic/modes/main-color/company.json +66 -0
  137. package/dist/tokens/design-tokens/semantic/modes/main-color/person.json +66 -0
  138. package/dist/tokens/design-tokens/semantic/modes/support-color/alert.json +66 -0
  139. package/dist/tokens/design-tokens/semantic/modes/support-color/article.json +66 -0
  140. package/dist/tokens/design-tokens/semantic/style.json +456 -0
  141. package/dist/tokens/design-tokens/themes/altinn-ds.json +364 -0
  142. package/dist/tokens/design-tokens-build/altinn-ds/builtin-colors.css +87 -0
  143. package/dist/tokens/design-tokens-build/altinn-ds/color/accent.css +23 -0
  144. package/dist/tokens/design-tokens-build/altinn-ds/color/alert.css +23 -0
  145. package/dist/tokens/design-tokens-build/altinn-ds/color/article.css +23 -0
  146. package/dist/tokens/design-tokens-build/altinn-ds/color/company.css +25 -0
  147. package/dist/tokens/design-tokens-build/altinn-ds/color/person.css +23 -0
  148. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/dark.css +471 -0
  149. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/light.css +472 -0
  150. package/dist/tokens/design-tokens-build/altinn-ds/semantic.css +70 -0
  151. package/dist/tokens/design-tokens-build/altinn-ds/typography/primary.css +128 -0
  152. package/dist/tokens/design-tokens-build/altinn-ds/typography/secondary.css +127 -0
  153. package/dist/tokens/design-tokens-build/altinn-ds.css +1484 -0
  154. package/dist/tokens/design-tokens-build/colors.d.ts +10 -0
  155. package/dist/tokens/global.json +376 -0
  156. package/dist/tokens/globals.json +155 -0
  157. package/dist/tokens/light/altinn-ds.json +314 -0
  158. package/dist/tokens/light/global.json +376 -0
  159. package/dist/tokens/light.css +472 -0
  160. package/dist/tokens/main-color/company.json +66 -0
  161. package/dist/tokens/main-color/person.json +66 -0
  162. package/dist/tokens/modes/color-scheme/dark/altinn-ds.json +314 -0
  163. package/dist/tokens/modes/color-scheme/dark/global.json +376 -0
  164. package/dist/tokens/modes/color-scheme/light/altinn-ds.json +314 -0
  165. package/dist/tokens/modes/color-scheme/light/global.json +376 -0
  166. package/dist/tokens/modes/main-color/company.json +66 -0
  167. package/dist/tokens/modes/main-color/person.json +66 -0
  168. package/dist/tokens/modes/support-color/alert.json +66 -0
  169. package/dist/tokens/modes/support-color/article.json +66 -0
  170. package/dist/tokens/modes/typography/primary/altinn-ds.json +20 -0
  171. package/dist/tokens/modes/typography/secondary/altinn-ds.json +20 -0
  172. package/dist/tokens/person.css +23 -0
  173. package/dist/tokens/person.json +66 -0
  174. package/dist/tokens/primary/altinn-ds.json +20 -0
  175. package/dist/tokens/primary.css +128 -0
  176. package/dist/tokens/primitives/globals.json +155 -0
  177. package/dist/tokens/primitives/modes/color-scheme/dark/altinn-ds.json +314 -0
  178. package/dist/tokens/primitives/modes/color-scheme/dark/global.json +376 -0
  179. package/dist/tokens/primitives/modes/color-scheme/light/altinn-ds.json +314 -0
  180. package/dist/tokens/primitives/modes/color-scheme/light/global.json +376 -0
  181. package/dist/tokens/primitives/modes/typography/primary/altinn-ds.json +20 -0
  182. package/dist/tokens/primitives/modes/typography/secondary/altinn-ds.json +20 -0
  183. package/dist/tokens/primitives/size/default.json +175 -0
  184. package/dist/tokens/secondary/altinn-ds.json +20 -0
  185. package/dist/tokens/secondary.css +127 -0
  186. package/dist/tokens/semantic/color.json +572 -0
  187. package/dist/tokens/semantic/modes/main-color/company.json +66 -0
  188. package/dist/tokens/semantic/modes/main-color/person.json +66 -0
  189. package/dist/tokens/semantic/modes/support-color/alert.json +66 -0
  190. package/dist/tokens/semantic/modes/support-color/article.json +66 -0
  191. package/dist/tokens/semantic/style.json +456 -0
  192. package/dist/tokens/semantic.css +70 -0
  193. package/dist/tokens/size/default.json +175 -0
  194. package/dist/tokens/style.json +456 -0
  195. package/dist/tokens/support-color/alert.json +66 -0
  196. package/dist/tokens/support-color/article.json +66 -0
  197. package/dist/tokens/themes/altinn-ds.json +364 -0
  198. package/dist/tokens/typography/primary/altinn-ds.json +20 -0
  199. package/dist/tokens/typography/primary.css +128 -0
  200. package/dist/tokens/typography/secondary/altinn-ds.json +20 -0
  201. package/dist/tokens/typography/secondary.css +127 -0
  202. package/dist/types/lib/components/Autocomplete/AutocompleteItem.d.ts +1 -1
  203. package/dist/types/lib/components/Autocomplete/ScopeListItem.d.ts +1 -1
  204. package/dist/types/lib/components/Badge/Badge.d.ts +2 -2
  205. package/dist/types/lib/components/Badge/Badge.stories.d.ts +2 -0
  206. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +3 -1
  207. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +1 -2
  208. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +2 -4
  209. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +30 -7
  210. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +2 -0
  211. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +2 -1
  212. package/dist/types/lib/components/Header/Header.d.ts +1 -1
  213. package/dist/types/lib/components/Header/Header.stories.d.ts +1 -1
  214. package/dist/types/lib/components/Header/HeaderButton.d.ts +1 -1
  215. package/dist/types/lib/components/LayoutAction/ActionFooter.stories.d.ts +0 -2
  216. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  217. package/dist/types/lib/components/List/ListItemControls.d.ts +1 -1
  218. package/dist/types/lib/components/List/ListItemHeader.d.ts +1 -1
  219. package/dist/types/lib/components/Menu/MenuItem.d.ts +3 -2
  220. package/dist/types/lib/components/Menu/MenuItem.stories.d.ts +3 -2
  221. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
  222. package/dist/types/lib/components/Menu/MenuItemMedia.d.ts +3 -4
  223. package/dist/types/lib/components/Menu/MenuOption.d.ts +1 -1
  224. package/dist/types/lib/components/Page/Flex.d.ts +1 -5
  225. package/dist/types/lib/components/Page/Section.d.ts +4 -2
  226. package/dist/types/lib/components/Snackbar/Snackbar.d.ts +1 -16
  227. package/dist/types/lib/components/Snackbar/Snackbar.stories.d.ts +3 -8
  228. package/dist/types/lib/components/Snackbar/SnackbarBase.d.ts +6 -11
  229. package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts +24 -0
  230. package/dist/types/lib/components/Snackbar/SnackbarItem.stories.d.ts +15 -0
  231. package/dist/types/lib/components/Snackbar/index.d.ts +2 -4
  232. package/dist/types/lib/components/Snackbar/useSnackbar.d.ts +39 -0
  233. package/dist/types/lib/components/Transmission/TransmissionItem.d.ts +1 -1
  234. package/package.json +1 -1
  235. package/dist/accesspackages-BI13BnDa.js +0 -988
  236. package/dist/accountMenu-MvAYkqv1.js +0 -68
  237. package/dist/assets/SnackbarLabel.css +0 -1
  238. package/dist/assets/SnackbarMedia.css +0 -1
  239. package/dist/attachments-Bpqu8-fZ.js +0 -25
  240. package/dist/components/Snackbar/SnackbarLabel.js +0 -7
  241. package/dist/components/Snackbar/SnackbarMedia.js +0 -11
  242. package/dist/dialogContextMenu-CvlJE9ba.js +0 -38
  243. package/dist/footer-BI7NNFeL.js +0 -27
  244. package/dist/globalMenu-DY4uIQk2.js +0 -63
  245. package/dist/header-B7oMg4iq.js +0 -11
  246. package/dist/inboxMenu-DXIoTtPz.js +0 -48
  247. package/dist/menuItems-DWpXjKEX.js +0 -90
  248. package/dist/nav-CZ8x72yY.js +0 -8
  249. package/dist/skatt-Bc2at6fO.js +0 -8
  250. package/dist/transmissionsCompletedDialog-DOK3nF7d.js +0 -672
  251. package/dist/types/lib/components/Snackbar/SnackbarLabel.d.ts +0 -5
  252. package/dist/types/lib/components/Snackbar/SnackbarMedia.d.ts +0 -6
  253. package/dist/useAccountMenu-DgXhBMw4.js +0 -74
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface SnackbarLabelProps {
3
- children?: ReactNode;
4
- }
5
- export declare const SnackbarLabel: ({ children }: SnackbarLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { IconName } from '../Icon';
2
- interface SnackbarMediaProps {
3
- icon?: IconName;
4
- }
5
- export declare const SnackbarMedia: ({ icon }: SnackbarMediaProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,74 +0,0 @@
1
- import { jsxs as a, jsx as d } from "react/jsx-runtime";
2
- import { useState as u } from "react";
3
- const g = ({
4
- name: e = "inbox-search",
5
- placeholder: r = "Søk i innboks"
6
- }) => {
7
- const [t, n] = u(""), p = (s) => {
8
- n(s.target.value);
9
- }, i = [
10
- {
11
- type: "scope",
12
- groupId: "1",
13
- id: "inbox",
14
- href: "#",
15
- label: t ? () => /* @__PURE__ */ a("span", { children: [
16
- /* @__PURE__ */ d("mark", { children: t }),
17
- " i innboksen"
18
- ] }) : "Alt i innboksen"
19
- },
20
- {
21
- type: "scope",
22
- groupId: "1",
23
- id: "global",
24
- href: "#",
25
- label: t ? () => /* @__PURE__ */ a("span", { children: [
26
- /* @__PURE__ */ d("mark", { children: t }),
27
- " i hele Altinn"
28
- ] }) : "Alt i hele Altinn"
29
- }
30
- ], o = t ? [
31
- {
32
- type: "dialog",
33
- groupId: "2",
34
- href: "http://www.altinn.no",
35
- title: "Skattemelding 2024"
36
- },
37
- {
38
- type: "dialog",
39
- groupId: "2",
40
- href: "http://www.altinn.no",
41
- title: "Skattemelding 2025"
42
- }
43
- ].filter((s) => s.title.toLowerCase().includes((t ?? "").toLowerCase())) : [], l = {
44
- groups: {
45
- 2: {
46
- title: `${o.length} treff i innboksen`
47
- }
48
- },
49
- items: [...i, ...o]
50
- };
51
- return {
52
- name: e,
53
- placeholder: r,
54
- value: t,
55
- onChange: p,
56
- onClear: () => n(""),
57
- autocomplete: l
58
- };
59
- }, b = ({ accounts: e, ...r }) => {
60
- const [t, n] = u(e == null ? void 0 : e[0]);
61
- return {
62
- ...r,
63
- accounts: e,
64
- currentAccount: t,
65
- onSelectAccount: (i) => {
66
- const o = e == null ? void 0 : e.find((l) => l.id === i);
67
- n(o);
68
- }
69
- };
70
- };
71
- export {
72
- b as a,
73
- g as u
74
- };