@altinn/altinn-components 0.9.1 → 0.10.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 (278) hide show
  1. package/dist/accesspackages-BI13BnDa.js +988 -0
  2. package/dist/assets/AccessAreaListItem.css +1 -0
  3. package/dist/assets/Backdrop.css +1 -1
  4. package/dist/assets/ButtonBase.css +1 -1
  5. package/dist/assets/ButtonIcon.css +1 -1
  6. package/dist/assets/ButtonLabel.css +1 -1
  7. package/dist/assets/Byline.css +1 -0
  8. package/dist/assets/DialogBorder.css +1 -1
  9. package/dist/assets/DialogHeading.css +1 -0
  10. package/dist/assets/DialogListItem.css +1 -1
  11. package/dist/assets/Heading.css +1 -1
  12. package/dist/assets/ListItemBase.css +1 -1
  13. package/dist/assets/ListItemHeader.css +1 -1
  14. package/dist/assets/ListItemLabel.css +1 -1
  15. package/dist/assets/ListItemSelect.css +1 -1
  16. package/dist/assets/MetaBase.css +1 -1
  17. package/dist/assets/MetaItemBase.css +1 -1
  18. package/dist/assets/MetaItemLabel.css +1 -1
  19. package/dist/assets/PageNav.css +1 -0
  20. package/dist/assets/Section.css +1 -0
  21. package/dist/assets/TimelineBase.css +1 -0
  22. package/dist/assets/TimelineSection.css +1 -0
  23. package/dist/assets/Typography.css +1 -1
  24. package/dist/components/AccessAreaList/AccessAreaList.js +12 -0
  25. package/dist/components/AccessAreaList/AccessAreaListItem.d.ts +8 -0
  26. package/dist/components/AccessAreaList/AccessAreaListItem.js +41 -0
  27. package/dist/components/AccessAreaList/AccessAreaListItem.stories.js +81 -0
  28. package/dist/components/AccessAreaList/index.d.ts +1 -0
  29. package/dist/components/AccessAreaList/index.js +4 -0
  30. package/dist/components/AccessPackageList/AccessPackageList.d.ts +6 -0
  31. package/dist/components/AccessPackageList/AccessPackageList.js +12 -0
  32. package/dist/components/AccessPackageList/AccessPackageList.stories.js +17 -0
  33. package/dist/components/AccessPackageList/AccessPackageListItem.d.ts +6 -0
  34. package/dist/components/AccessPackageList/AccessPackageListItem.js +25 -0
  35. package/dist/components/AccessPackageList/index.d.ts +2 -0
  36. package/dist/components/AccessPackageList/index.js +6 -0
  37. package/dist/components/Attachment/index.d.ts +0 -1
  38. package/dist/components/Attachment/index.js +3 -5
  39. package/dist/components/Autocomplete/AutocompleteItem.js +1 -1
  40. package/dist/components/Autocomplete/ScopeListItem.js +1 -1
  41. package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
  42. package/dist/components/Bookmarks/BookmarksSection.d.ts +7 -0
  43. package/dist/components/Bookmarks/BookmarksSection.js +8 -8
  44. package/dist/components/Bookmarks/index.d.ts +1 -0
  45. package/dist/components/Bookmarks/index.js +2 -0
  46. package/dist/components/Button/ButtonBase.d.ts +1 -1
  47. package/dist/components/Button/ButtonBase.js +8 -8
  48. package/dist/components/Button/ButtonIcon.js +1 -1
  49. package/dist/components/Button/ButtonLabel.js +3 -3
  50. package/dist/components/Button/Buttons.stories.js +7 -7
  51. package/dist/components/Button/IconButton.stories.js +1 -1
  52. package/dist/components/Byline/Byline.d.ts +13 -0
  53. package/dist/components/Byline/Byline.js +19 -0
  54. package/dist/components/Byline/Byline.stories.js +44 -0
  55. package/dist/components/Byline/index.d.ts +1 -0
  56. package/dist/components/Byline/index.js +4 -0
  57. package/dist/components/ContextMenu/ContextMenu.js +27 -24
  58. package/dist/components/Dialog/Dialog.d.ts +19 -22
  59. package/dist/components/Dialog/Dialog.js +60 -50
  60. package/dist/components/Dialog/Dialog.stories.js +64 -396
  61. package/dist/components/Dialog/DialogActions.stories.js +5 -5
  62. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  63. package/dist/components/Dialog/DialogAttachments.d.ts +6 -0
  64. package/dist/components/Dialog/DialogAttachments.js +12 -0
  65. package/dist/components/{Attachment/AttachmentSection.stories.d.ts → Dialog/DialogAttachments.stories.d.ts} +2 -2
  66. package/dist/components/Dialog/DialogAttachments.stories.js +17 -0
  67. package/dist/components/Dialog/DialogBorder.js +4 -4
  68. package/dist/components/Dialog/DialogByline.d.ts +11 -0
  69. package/dist/components/Dialog/DialogByline.js +24 -0
  70. package/dist/components/Dialog/{DialogHeader.stories.d.ts → DialogBylline.stories.d.ts} +4 -8
  71. package/dist/components/Dialog/DialogBylline.stories.js +25 -0
  72. package/dist/components/Dialog/DialogContent.d.ts +6 -4
  73. package/dist/components/Dialog/DialogContent.js +22 -10
  74. package/dist/components/Dialog/DialogContent.stories.js +31 -9
  75. package/dist/components/Dialog/DialogHeading.d.ts +19 -0
  76. package/dist/components/Dialog/DialogHeading.js +18 -0
  77. package/dist/components/Dialog/DialogHistory.d.ts +9 -4
  78. package/dist/components/Dialog/DialogHistory.js +24 -6
  79. package/dist/components/Dialog/DialogHistory.stories.d.ts +3 -41
  80. package/dist/components/Dialog/DialogHistory.stories.js +24 -66
  81. package/dist/components/Dialog/DialogHistoryDetails.d.ts +6 -0
  82. package/dist/components/Dialog/DialogHistoryDetails.js +22 -0
  83. package/dist/components/Dialog/DialogHistoryItem.d.ts +13 -0
  84. package/dist/components/Dialog/DialogHistoryItem.js +36 -0
  85. package/dist/components/Dialog/DialogLabel.d.ts +2 -2
  86. package/dist/components/Dialog/DialogLabel.js +1 -1
  87. package/dist/components/Dialog/DialogList.d.ts +2 -3
  88. package/dist/components/Dialog/DialogList.js +11 -11
  89. package/dist/components/Dialog/DialogList.stories.d.ts +1 -36
  90. package/dist/components/Dialog/DialogList.stories.js +27 -44
  91. package/dist/components/Dialog/DialogListGroup.d.ts +6 -0
  92. package/dist/components/Dialog/DialogListGroup.js +21 -0
  93. package/dist/components/Dialog/DialogListItem.d.ts +11 -14
  94. package/dist/components/Dialog/DialogListItem.js +87 -76
  95. package/dist/components/Dialog/DialogListItem.stories.js +43 -45
  96. package/dist/components/Dialog/DialogMetadata.d.ts +13 -3
  97. package/dist/components/Dialog/DialogMetadata.js +39 -24
  98. package/dist/components/Dialog/DialogMetadata.stories.d.ts +1 -1
  99. package/dist/components/Dialog/DialogMetadata.stories.js +3 -3
  100. package/dist/components/Dialog/DialogSection.d.ts +6 -0
  101. package/dist/components/Dialog/DialogSection.js +15 -0
  102. package/dist/components/Dialog/DialogSeenBy.js +1 -1
  103. package/dist/components/Dialog/DialogSeenBy.stories.js +5 -5
  104. package/dist/components/Dialog/DialogStatus.js +1 -1
  105. package/dist/components/Dialog/DialogStatus.stories.js +1 -1
  106. package/dist/components/Dialog/DialogTimeline.d.ts +6 -0
  107. package/dist/components/Dialog/DialogTimeline.js +17 -0
  108. package/dist/components/Dialog/DialogTimelineItem.d.ts +10 -0
  109. package/dist/components/Dialog/DialogTimelineItem.js +18 -0
  110. package/dist/components/Dialog/DialogTouchedBy.stories.js +1 -1
  111. package/dist/components/{Transmission/TransmissionSection.d.ts → Dialog/DialogTransmissions.d.ts} +2 -2
  112. package/dist/components/{Transmission/TransmissionSection.js → Dialog/DialogTransmissions.js} +6 -6
  113. package/dist/components/{Transmission/TransmissionSection.stories.js → Dialog/DialogTransmissions.stories.js} +2 -2
  114. package/dist/components/Dialog/DraftDialog.js +68 -0
  115. package/dist/components/Dialog/DraftDialog.stories.js +142 -0
  116. package/dist/components/Dialog/index.d.ts +12 -13
  117. package/dist/components/Dialog/index.js +47 -49
  118. package/dist/components/Dropdown/Backdrop.d.ts +3 -1
  119. package/dist/components/Dropdown/Backdrop.js +5 -5
  120. package/dist/components/Dropdown/DrawerButton.js +1 -1
  121. package/dist/components/Footer/Footer.stories.js +3 -3
  122. package/dist/components/GlobalMenu/AccountMenu.stories.js +10 -4
  123. package/dist/components/GlobalMenu/BackButton.d.ts +3 -1
  124. package/dist/components/GlobalMenu/BackButton.js +4 -4
  125. package/dist/components/GlobalMenu/GlobalMenu.stories.js +27 -21
  126. package/dist/components/Header/Header.stories.js +20 -14
  127. package/dist/components/Header/HeaderButton.stories.js +5 -5
  128. package/dist/components/Header/HeaderLogo.stories.js +7 -7
  129. package/dist/components/Layout/Layout.js +4 -4
  130. package/dist/components/Layout/Layout.stories.js +28 -22
  131. package/dist/components/List/List.stories.js +1 -1
  132. package/dist/components/List/ListItem.d.ts +2 -1
  133. package/dist/components/List/ListItem.stories.js +9 -9
  134. package/dist/components/List/ListItemBase.d.ts +4 -3
  135. package/dist/components/List/ListItemBase.js +23 -21
  136. package/dist/components/List/ListItemHeader.js +39 -39
  137. package/dist/components/List/ListItemHeader.stories.js +2 -2
  138. package/dist/components/List/ListItemLabel.js +4 -4
  139. package/dist/components/List/ListItemMedia.d.ts +1 -2
  140. package/dist/components/List/ListItemMedia.js +10 -10
  141. package/dist/components/List/ListItemSelect.js +8 -8
  142. package/dist/components/Menu/MenuItem.stories.js +5 -5
  143. package/dist/components/Menu/MenuItems.js +2 -2
  144. package/dist/components/Menu/MenuSearch.js +1 -1
  145. package/dist/components/Meta/MetaBase.d.ts +2 -1
  146. package/dist/components/Meta/MetaBase.js +6 -5
  147. package/dist/components/Meta/MetaItem.d.ts +2 -1
  148. package/dist/components/Meta/MetaItem.js +17 -9
  149. package/dist/components/Meta/MetaItem.stories.d.ts +1 -1
  150. package/dist/components/Meta/MetaItemBase.d.ts +2 -1
  151. package/dist/components/Meta/MetaItemBase.js +23 -21
  152. package/dist/components/Meta/MetaItemLabel.js +3 -3
  153. package/dist/components/Page/Article.d.ts +6 -0
  154. package/dist/components/Page/Article.js +6 -0
  155. package/dist/components/Page/PageBase.d.ts +2 -2
  156. package/dist/components/Page/PageBase.js +3 -3
  157. package/dist/components/Page/PageBase.stories.js +54 -0
  158. package/dist/components/Page/PageHeader.d.ts +6 -4
  159. package/dist/components/Page/PageHeader.js +11 -15
  160. package/dist/components/Page/PageHeader.stories.js +91 -0
  161. package/dist/components/Page/PageNav.d.ts +9 -10
  162. package/dist/components/Page/PageNav.js +22 -12
  163. package/dist/components/Page/PageNav.stories.js +41 -0
  164. package/dist/components/Page/Section.d.ts +29 -0
  165. package/dist/components/Page/Section.js +42 -0
  166. package/dist/components/Page/SectionHeader.d.ts +3 -4
  167. package/dist/components/Page/SectionHeader.js +10 -5
  168. package/dist/components/Page/index.d.ts +3 -1
  169. package/dist/components/Page/index.js +8 -4
  170. package/dist/components/ResourceList/ResourceListItem.d.ts +3 -5
  171. package/dist/components/ResourceList/ResourceListItem.js +11 -13
  172. package/dist/components/Timeline/Timeline.d.ts +5 -0
  173. package/dist/components/Timeline/Timeline.js +8 -0
  174. package/dist/components/Timeline/Timeline.stories.js +65 -0
  175. package/dist/components/Timeline/TimelineBase.d.ts +6 -0
  176. package/dist/components/Timeline/TimelineBase.js +8 -0
  177. package/dist/components/Timeline/TimelineSection.d.ts +14 -0
  178. package/dist/components/Timeline/TimelineSection.js +40 -0
  179. package/dist/components/Timeline/index.d.ts +3 -0
  180. package/dist/components/Timeline/index.js +8 -0
  181. package/dist/components/Toolbar/Toolbar.stories.js +32 -26
  182. package/dist/components/Toolbar/ToolbarAccountMenu.js +4 -4
  183. package/dist/components/Toolbar/ToolbarAdd.js +6 -6
  184. package/dist/components/Toolbar/ToolbarDaterange.js +7 -7
  185. package/dist/components/Toolbar/ToolbarFilter.js +4 -4
  186. package/dist/components/Toolbar/ToolbarMenu.js +6 -6
  187. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  188. package/dist/components/Transmission/TransmissionItem.d.ts +5 -3
  189. package/dist/components/Transmission/TransmissionItem.js +46 -33
  190. package/dist/components/Transmission/TransmissionItem.stories.d.ts +1 -1
  191. package/dist/components/Transmission/TransmissionList.js +1 -1
  192. package/dist/components/Transmission/TransmissionList.stories.d.ts +1 -43
  193. package/dist/components/Transmission/TransmissionList.stories.js +18 -54
  194. package/dist/components/Transmission/TransmissionType.d.ts +26 -0
  195. package/dist/components/Transmission/TransmissionType.js +8 -0
  196. package/dist/components/Transmission/index.d.ts +0 -1
  197. package/dist/components/Transmission/index.js +1 -3
  198. package/dist/components/Typography/Heading.d.ts +3 -1
  199. package/dist/components/Typography/Heading.js +6 -6
  200. package/dist/components/Typography/Typography.d.ts +2 -2
  201. package/dist/components/Typography/Typography.js +13 -6
  202. package/dist/components/index.d.ts +5 -1
  203. package/dist/components/index.js +224 -214
  204. package/dist/index.js +227 -217
  205. package/dist/theme-article.css +2 -2
  206. package/package.json +1 -1
  207. package/dist/PageHeaderMedia-DpZ09tLD.js +0 -15
  208. package/dist/assets/DialogArticleBase.css +0 -1
  209. package/dist/assets/DialogBase.css +0 -1
  210. package/dist/assets/DialogBodyBase.css +0 -1
  211. package/dist/assets/DialogHeaderBase.css +0 -1
  212. package/dist/assets/DialogHeadings.css +0 -1
  213. package/dist/assets/DialogNav.css +0 -1
  214. package/dist/assets/DialogSectionBase.css +0 -1
  215. package/dist/assets/DialogTitle.css +0 -1
  216. package/dist/assets/HistoryBorder.css +0 -1
  217. package/dist/assets/HistoryItemBase.css +0 -1
  218. package/dist/assets/HistoryItemMedia.css +0 -1
  219. package/dist/assets/HistoryList.css +0 -1
  220. package/dist/assets/PageHeaderMedia.css +0 -1
  221. package/dist/assets/SectionBase.css +0 -1
  222. package/dist/assets/SectionHeader.css +0 -1
  223. package/dist/components/Attachment/AttachmentSection.d.ts +0 -6
  224. package/dist/components/Attachment/AttachmentSection.js +0 -12
  225. package/dist/components/Attachment/AttachmentSection.stories.js +0 -17
  226. package/dist/components/Dialog/DialogArticleBase.d.ts +0 -6
  227. package/dist/components/Dialog/DialogArticleBase.js +0 -7
  228. package/dist/components/Dialog/DialogBase.d.ts +0 -7
  229. package/dist/components/Dialog/DialogBase.js +0 -9
  230. package/dist/components/Dialog/DialogBodyBase.d.ts +0 -5
  231. package/dist/components/Dialog/DialogBodyBase.js +0 -9
  232. package/dist/components/Dialog/DialogContent.stories.d.ts +0 -14
  233. package/dist/components/Dialog/DialogDescription.d.ts +0 -12
  234. package/dist/components/Dialog/DialogFooter.d.ts +0 -5
  235. package/dist/components/Dialog/DialogFooter.js +0 -8
  236. package/dist/components/Dialog/DialogGroup.d.ts +0 -6
  237. package/dist/components/Dialog/DialogGroup.js +0 -21
  238. package/dist/components/Dialog/DialogHeader.d.ts +0 -10
  239. package/dist/components/Dialog/DialogHeader.js +0 -11
  240. package/dist/components/Dialog/DialogHeader.stories.js +0 -24
  241. package/dist/components/Dialog/DialogHeaderBase.d.ts +0 -7
  242. package/dist/components/Dialog/DialogHeaderBase.js +0 -7
  243. package/dist/components/Dialog/DialogHeadings.d.ts +0 -24
  244. package/dist/components/Dialog/DialogHeadings.js +0 -49
  245. package/dist/components/Dialog/DialogHeadings.stories.d.ts +0 -21
  246. package/dist/components/Dialog/DialogHeadings.stories.js +0 -30
  247. package/dist/components/Dialog/DialogNav.d.ts +0 -21
  248. package/dist/components/Dialog/DialogNav.js +0 -34
  249. package/dist/components/Dialog/DialogNav.stories.d.ts +0 -15
  250. package/dist/components/Dialog/DialogNav.stories.js +0 -82
  251. package/dist/components/Dialog/DialogSectionBase.d.ts +0 -6
  252. package/dist/components/Dialog/DialogSectionBase.js +0 -11
  253. package/dist/components/Dialog/DialogTitle.d.ts +0 -19
  254. package/dist/components/Dialog/DialogTitle.js +0 -13
  255. package/dist/components/History/HistoryBorder.d.ts +0 -7
  256. package/dist/components/History/HistoryBorder.js +0 -8
  257. package/dist/components/History/HistoryItem.d.ts +0 -14
  258. package/dist/components/History/HistoryItem.js +0 -40
  259. package/dist/components/History/HistoryItem.stories.d.ts +0 -20
  260. package/dist/components/History/HistoryItem.stories.js +0 -101
  261. package/dist/components/History/HistoryItemBase.d.ts +0 -13
  262. package/dist/components/History/HistoryItemBase.js +0 -36
  263. package/dist/components/History/HistoryItemBase.stories.d.ts +0 -19
  264. package/dist/components/History/HistoryItemBase.stories.js +0 -48
  265. package/dist/components/History/HistoryItemMedia.d.ts +0 -9
  266. package/dist/components/History/HistoryItemMedia.js +0 -15
  267. package/dist/components/History/HistoryList.d.ts +0 -6
  268. package/dist/components/History/HistoryList.js +0 -10
  269. package/dist/components/History/HistoryList.stories.d.ts +0 -69
  270. package/dist/components/History/HistoryList.stories.js +0 -164
  271. package/dist/components/History/HistoryMetadata.d.ts +0 -11
  272. package/dist/components/History/HistoryMetadata.js +0 -32
  273. package/dist/components/History/index.d.ts +0 -3
  274. package/dist/components/History/index.js +0 -8
  275. package/dist/components/Page/PageHeaderMedia.d.ts +0 -10
  276. package/dist/components/Page/PageHeaderMedia.js +0 -10
  277. package/dist/components/Page/SectionBase.d.ts +0 -19
  278. package/dist/components/Page/SectionBase.js +0 -32
@@ -1,17 +0,0 @@
1
- import { attachments as t } from "../../examples/attachments.js";
2
- import { AttachmentSection as e } from "./AttachmentSection.js";
3
- const m = {
4
- title: "Attachment/AttachmentSection",
5
- component: e,
6
- tags: ["autodocs"],
7
- args: {
8
- title: "6 vedlegg",
9
- items: t
10
- }
11
- }, c = {
12
- args: {}
13
- };
14
- export {
15
- c as Default,
16
- m as default
17
- };
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface ArticleBaseProps {
3
- children?: ReactNode;
4
- }
5
- export declare const DialogArticleBase: ({ children }: ArticleBaseProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,7 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import '../../assets/DialogArticleBase.css';const r = "_article_2xah9_1", a = {
3
- article: r
4
- }, l = ({ children: t }) => /* @__PURE__ */ e("article", { className: a.article, children: t });
5
- export {
6
- l as DialogArticleBase
7
- };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
- export type DialogVariant = 'neutral' | 'draft' | 'trashed' | 'archived';
4
- export interface DialogBaseProps {
5
- children?: ReactNode;
6
- }
7
- export declare const DialogBase: ({ children }: DialogBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import '../../assets/DialogBase.css';const e = "_dialog_1hmc1_1", s = "_nav_1hmc1_9", c = "_header_1hmc1_16", n = {
3
- dialog: e,
4
- nav: s,
5
- header: c
6
- }, _ = ({ children: a }) => /* @__PURE__ */ o("div", { className: n.dialog, children: a });
7
- export {
8
- _ as DialogBase
9
- };
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface DialogBodyProps {
3
- children?: ReactNode;
4
- }
5
- export declare const DialogBodyBase: ({ children }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { DialogBorder as t } from "./DialogBorder.js";
3
- import '../../assets/DialogBodyBase.css';const d = "_border_tqcvm_1", s = "_body_tqcvm_9", r = {
4
- border: d,
5
- body: s
6
- }, m = ({ children: e }) => /* @__PURE__ */ o(t, { className: r.border, children: /* @__PURE__ */ o("div", { className: r.body, "data-theme": "article", children: e }) });
7
- export {
8
- m as DialogBodyBase
9
- };
@@ -1,14 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ updatedAt, updatedAtLabel, summary, body }: import('./DialogContent').DialogContentProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- args: {
7
- updatedAt: string;
8
- summary: string;
9
- body: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { DialogListItemSize } from './DialogListItem';
3
- export interface DialogDescriptionProps {
4
- size: DialogListItemSize;
5
- className?: string;
6
- loading?: boolean;
7
- children?: ReactNode;
8
- }
9
- /**
10
- * Dialog summary
11
- */
12
- export declare const DialogDescription: ({ size, loading, children }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface DialogFooterProps {
3
- additionalInfo?: ReactNode;
4
- }
5
- export declare const DialogFooter: ({ additionalInfo }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { Typography as i } from "../Typography/Typography.js";
3
- import "../../index-L8X2o7IH.js";
4
- import { DialogSectionBase as t } from "./DialogSectionBase.js";
5
- const a = ({ additionalInfo: r }) => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(i, { size: "md", children: r }) });
6
- export {
7
- a as DialogFooter
8
- };
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface DialogGroupProps {
3
- title?: string;
4
- children?: ReactNode;
5
- }
6
- export declare const DialogGroup: ({ title, children }: DialogGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +0,0 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "../Icon/SvgIcon.js";
4
- import { Heading as t } from "../Typography/Heading.js";
5
- import "react";
6
- import "../Autocomplete/AutocompleteBase.js";
7
- import "../RootProvider/RootProvider.js";
8
- import { ListBase as e } from "../List/ListBase.js";
9
- import { Button as n } from "../Button/Button.js";
10
- import { SectionBase as p } from "../Page/SectionBase.js";
11
- import { SectionHeader as a } from "../Page/SectionHeader.js";
12
- const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
13
- i && /* @__PURE__ */ o(a, { padding: !0, margin: !0, children: [
14
- /* @__PURE__ */ r(t, { children: i }),
15
- /* @__PURE__ */ r(n, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
16
- ] }),
17
- /* @__PURE__ */ r(e, { spacing: "md", children: m })
18
- ] });
19
- export {
20
- k as DialogGroup
21
- };
@@ -1,10 +0,0 @@
1
- import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings';
2
- import { DialogListItemVariant } from './DialogListItem.tsx';
3
- export interface DialogHeaderProps {
4
- title: string;
5
- variant: DialogListItemVariant;
6
- sender?: DialogSenderProps;
7
- seen?: boolean;
8
- recipient?: DialogRecipientProps;
9
- }
10
- export declare const DialogHeader: ({ title, sender, recipient, seen, variant }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
- import { DialogHeaderBase as m } from "./DialogHeaderBase.js";
3
- import { DialogHeadings as t } from "./DialogHeadings.js";
4
- import { DialogTitle as x } from "./DialogTitle.js";
5
- const D = ({ title: e, sender: o, recipient: i, seen: l = !1, variant: a }) => /* @__PURE__ */ s(m, { size: "xl", children: [
6
- /* @__PURE__ */ r(x, { seen: l, size: "xl", variant: a, children: e }),
7
- o && i && /* @__PURE__ */ r(t, { size: "xl", sender: o, recipient: i })
8
- ] });
9
- export {
10
- D as DialogHeader
11
- };
@@ -1,24 +0,0 @@
1
- import { DialogHeader as e } from "./DialogHeader.js";
2
- const a = {
3
- title: "Dialog/Sections/DialogHeader",
4
- component: e,
5
- tags: ["autodocs"],
6
- args: {
7
- title: "Title",
8
- variant: "neutral",
9
- sender: {
10
- name: "Sender",
11
- type: "company"
12
- },
13
- recipient: {
14
- name: "Recipient",
15
- type: "person"
16
- }
17
- }
18
- }, n = {
19
- args: {}
20
- };
21
- export {
22
- n as Default,
23
- a as default
24
- };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { DialogSize } from './DialogBase';
3
- export interface DialogHeaderBaseProps {
4
- size?: DialogSize;
5
- children?: ReactNode;
6
- }
7
- export declare const DialogHeaderBase: ({ size, children }: DialogHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import '../../assets/DialogHeaderBase.css';const s = "_header_45ink_1", t = {
3
- header: s
4
- }, o = ({ size: e, children: a }) => /* @__PURE__ */ r("header", { className: t.header, "data-size": e, children: a });
5
- export {
6
- o as DialogHeaderBase
7
- };
@@ -1,24 +0,0 @@
1
- import { DialogSize } from './DialogBase';
2
- export type DialogSenderType = 'company' | 'person';
3
- export type DialogRecipientType = 'company' | 'person';
4
- export interface DialogSenderProps {
5
- type?: DialogSenderType;
6
- name: string;
7
- imageUrl?: string;
8
- }
9
- export interface DialogRecipientProps {
10
- type?: DialogRecipientType;
11
- name: string;
12
- }
13
- export interface DialogHeadingsProps {
14
- /** Sender */
15
- sender: DialogSenderProps;
16
- /** Recipient */
17
- recipient: DialogRecipientProps;
18
- size?: DialogSize;
19
- /** Group sender and recipient avatars */
20
- grouped?: boolean;
21
- loading?: boolean;
22
- }
23
- /** Dialog headings for sender and recipient. Should present an avatar for the sender. */
24
- export declare const DialogHeadings: ({ loading, grouped, size, sender, recipient }: DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,49 +0,0 @@
1
- import { jsxs as m, jsx as a } from "react/jsx-runtime";
2
- import { Avatar as i } from "../Avatar/Avatar.js";
3
- import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
4
- import { Skeleton as l } from "../Skeleton/Skeleton.js";
5
- import '../../assets/DialogHeadings.css';const g = "_headings_qkf0g_1", h = "_text_qkf0g_21", x = "_sender_qkf0g_28", _ = "_recipient_qkf0g_33", s = {
6
- headings: g,
7
- text: h,
8
- sender: x,
9
- recipient: _
10
- }, e = {
11
- avatar: {
12
- xs: "xs",
13
- sm: "xs",
14
- md: "xs",
15
- lg: "xs",
16
- xl: "lg"
17
- }
18
- }, k = ({ loading: c, grouped: o, size: r = "lg", sender: t, recipient: n }) => /* @__PURE__ */ m("div", { className: s.headings, "data-size": r, children: [
19
- /* @__PURE__ */ a(l, { variant: "circle", className: s.avatar, loading: c, children: o ? /* @__PURE__ */ a(
20
- d,
21
- {
22
- items: [{ ...t, type: "company" }, n],
23
- size: e == null ? void 0 : e.avatar[r],
24
- className: s.avatar
25
- }
26
- ) : /* @__PURE__ */ a(
27
- i,
28
- {
29
- type: "company",
30
- imageUrl: t == null ? void 0 : t.imageUrl,
31
- name: t.name,
32
- size: e == null ? void 0 : e.avatar[r],
33
- className: s.avatar
34
- }
35
- ) }),
36
- /* @__PURE__ */ m("span", { "data-size": r, className: s.text, children: [
37
- /* @__PURE__ */ m("span", { className: s.sender, children: [
38
- " ",
39
- /* @__PURE__ */ a(l, { loading: c, children: t.name })
40
- ] }),
41
- (n == null ? void 0 : n.name) && /* @__PURE__ */ a("span", { className: s.recipient, children: /* @__PURE__ */ m(l, { loading: c, children: [
42
- /* @__PURE__ */ a("span", { children: "til" }),
43
- /* @__PURE__ */ a("span", { children: n.name })
44
- ] }) })
45
- ] })
46
- ] });
47
- export {
48
- k as DialogHeadings
49
- };
@@ -1,21 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ loading, grouped, size, sender, recipient }: import('./DialogHeadings').DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- sender: {
9
- name: string;
10
- };
11
- recipient: {
12
- type: "person";
13
- name: string;
14
- };
15
- };
16
- };
17
- export default meta;
18
- type Story = StoryObj<typeof meta>;
19
- export declare const Default: Story;
20
- export declare const Company: Story;
21
- export declare const Grouped: Story;
@@ -1,30 +0,0 @@
1
- import { DialogHeadings as e } from "./DialogHeadings.js";
2
- const o = {
3
- title: "Dialog/Sections/DialogHeadings",
4
- component: e,
5
- tags: ["autodocs"],
6
- parameters: {},
7
- args: {
8
- sender: {
9
- name: "Sender"
10
- },
11
- recipient: {
12
- type: "person",
13
- name: "Recipient"
14
- }
15
- }
16
- }, a = {}, n = {
17
- args: {
18
- grouped: !0
19
- }
20
- }, r = {
21
- args: {
22
- grouped: !0
23
- }
24
- };
25
- export {
26
- n as Company,
27
- a as Default,
28
- r as Grouped,
29
- o as default
30
- };
@@ -1,21 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { ContextMenuProps } from '../ContextMenu';
3
- import { DialogStatusProps } from './DialogStatus';
4
- import { DialogTouchedByActor } from './DialogTouchedBy';
5
- export interface DialogBackButtonProps {
6
- as?: ElementType;
7
- href?: string;
8
- label?: string;
9
- }
10
- export interface DialogNavProps {
11
- status?: DialogStatusProps;
12
- dueAt?: string;
13
- dueAtLabel?: string;
14
- touchedBy?: DialogTouchedByActor[];
15
- backButton?: DialogBackButtonProps;
16
- menu?: ContextMenuProps;
17
- }
18
- /**
19
- * Dialog navigation bar with Back button and possibly a context menu.
20
- */
21
- export declare const DialogNav: ({ backButton, status, dueAt, dueAtLabel, touchedBy, menu, }: DialogNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,34 +0,0 @@
1
- "use client";
2
- import { jsxs as m, jsx as o } from "react/jsx-runtime";
3
- import "../../index-L8X2o7IH.js";
4
- import "../Icon/SvgIcon.js";
5
- import { Button as c } from "../Button/Button.js";
6
- import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
7
- import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
8
- import { DialogStatus as d } from "./DialogStatus.js";
9
- import { DialogTouchedBy as v } from "./DialogTouchedBy.js";
10
- import '../../assets/DialogNav.css';const f = "_nav_678a5_1", x = "_action_678a5_8", t = {
11
- nav: f,
12
- action: x
13
- }, M = ({
14
- backButton: i = {
15
- as: "a",
16
- label: "Back"
17
- },
18
- status: a,
19
- dueAt: r,
20
- dueAtLabel: e,
21
- touchedBy: n,
22
- menu: s
23
- }) => /* @__PURE__ */ m("nav", { className: t.nav, children: [
24
- /* @__PURE__ */ o(c, { ...i, variant: "text", color: "secondary", icon: "arrow-left", children: (i == null ? void 0 : i.label) || "Back" }),
25
- /* @__PURE__ */ m("div", { className: t.action, children: [
26
- r && e && /* @__PURE__ */ o(p, { datetime: r, icon: "clock-dashed", size: "xs", children: e }),
27
- a && /* @__PURE__ */ o(d, { ...a }),
28
- n && /* @__PURE__ */ o(v, { touchedBy: n }),
29
- s && /* @__PURE__ */ o(l, { ...s, size: "md" })
30
- ] })
31
- ] });
32
- export {
33
- M as DialogNav
34
- };
@@ -1,15 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ backButton, status, dueAt, dueAtLabel, touchedBy, menu, }: import('./DialogNav').DialogNavProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {};
8
- };
9
- export default meta;
10
- type Story = StoryObj<typeof meta>;
11
- export declare const Draft: Story;
12
- export declare const Sent: Story;
13
- export declare const RequiresAttention: Story;
14
- export declare const InProgress: Story;
15
- export declare const ContextMenu: Story;
@@ -1,82 +0,0 @@
1
- import { DialogNav as t } from "./DialogNav.js";
2
- const e = {
3
- title: "Dialog/Sections/DialogNav",
4
- component: t,
5
- tags: ["autodocs"],
6
- parameters: {},
7
- args: {}
8
- }, s = {
9
- args: {
10
- status: {
11
- value: "draft",
12
- label: "Utkast"
13
- }
14
- }
15
- }, o = {
16
- args: {
17
- status: {
18
- value: "draft",
19
- label: "Utkast"
20
- }
21
- }
22
- }, l = {
23
- args: {
24
- status: {
25
- value: "requires-attention",
26
- label: "Utkast"
27
- }
28
- }
29
- }, r = {
30
- args: {
31
- status: {
32
- value: "in-progress",
33
- label: "Utkast"
34
- }
35
- }
36
- }, i = {
37
- args: {
38
- menu: {
39
- id: "context-menu-1",
40
- items: [
41
- {
42
- id: "1",
43
- groupId: "1",
44
- icon: "arrow-redo",
45
- label: "Del og gi tilgang"
46
- },
47
- {
48
- id: "2",
49
- groupId: "1",
50
- icon: "eye-closed",
51
- label: "Marker som ny"
52
- },
53
- {
54
- id: "3",
55
- groupId: "2",
56
- icon: "archive",
57
- label: "Flytt til arkiv"
58
- },
59
- {
60
- id: "4",
61
- groupId: "2",
62
- icon: "trash",
63
- label: "Flytt til papirkurv"
64
- },
65
- {
66
- id: "5",
67
- groupId: "3",
68
- icon: "clock-dashed",
69
- label: "Aktivitetslogg"
70
- }
71
- ]
72
- }
73
- }
74
- };
75
- export {
76
- i as ContextMenu,
77
- s as Draft,
78
- r as InProgress,
79
- l as RequiresAttention,
80
- o as Sent,
81
- e as default
82
- };
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface DialogSectionBaseProps {
3
- title?: string;
4
- children?: ReactNode;
5
- }
6
- export declare const DialogSectionBase: ({ title, children }: DialogSectionBaseProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,11 +0,0 @@
1
- import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
- import '../../assets/DialogSectionBase.css';const c = "_section_1mmel_1", i = "_title_1mmel_7", s = {
3
- section: c,
4
- title: i
5
- }, m = ({ title: t, children: e }) => e ? /* @__PURE__ */ n("section", { className: s.section, children: [
6
- t && /* @__PURE__ */ o("h2", { className: s.title, children: t }),
7
- e
8
- ] }) : null;
9
- export {
10
- m as DialogSectionBase
11
- };
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { DialogSize, DialogVariant } from './DialogBase';
3
- export type DialogTitleProps = {
4
- loading?: boolean;
5
- /** Size */
6
- size?: DialogSize;
7
- /** Variant */
8
- variant?: DialogVariant;
9
- /** Label */
10
- label?: string;
11
- /** Variant */
12
- seen?: boolean;
13
- /** Dialog title */
14
- children?: ReactNode;
15
- };
16
- /**
17
- * Dialog title
18
- */
19
- export declare const DialogTitle: ({ loading, size, seen, variant, label, children }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { Skeleton as d } from "../Skeleton/Skeleton.js";
3
- import { DialogLabel as c } from "./DialogLabel.js";
4
- import '../../assets/DialogTitle.css';const m = "_heading_1fk12_1", h = "_title_1fk12_7", a = {
5
- heading: m,
6
- title: h
7
- }, p = ({ loading: t, size: l = "sm", seen: n = !1, variant: i, label: s, children: o }) => /* @__PURE__ */ r("div", { className: a.heading, children: [
8
- /* @__PURE__ */ e("h2", { className: a.title, "data-seen": n, "data-size": l, "data-variant": i, children: /* @__PURE__ */ e(d, { loading: t, children: o }) }),
9
- !t && s && /* @__PURE__ */ e(c, { variant: i, size: "xs", children: s })
10
- ] });
11
- export {
12
- p as DialogTitle
13
- };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface HistoryBorderProps {
3
- seen?: boolean;
4
- className?: string;
5
- children?: ReactNode;
6
- }
7
- export declare const HistoryBorder: ({ seen, className, children }: HistoryBorderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { c as t } from "../../index-L8X2o7IH.js";
3
- import '../../assets/HistoryBorder.css';const c = "_border_1gycv_1", d = {
4
- border: c
5
- }, n = ({ seen: r = !0, className: o, children: e }) => /* @__PURE__ */ s("div", { className: t(d.border, o), "data-seen": r, children: e });
6
- export {
7
- n as HistoryBorder
8
- };
@@ -1,14 +0,0 @@
1
- import { AttachmentSectionProps } from '../Attachment';
2
- import { AvatarProps } from '../Avatar/';
3
- import { TransmissionSectionProps } from '../Transmission';
4
- import { TypographySize } from '../Typography';
5
- export interface HistoryItemProps {
6
- size?: TypographySize;
7
- createdBy?: AvatarProps;
8
- createdAt: string;
9
- createdAtLabel?: string;
10
- summary?: string;
11
- attachments?: AttachmentSectionProps;
12
- transmissions?: TransmissionSectionProps;
13
- }
14
- export declare const HistoryItem: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, }: HistoryItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,40 +0,0 @@
1
- "use client";
2
- import { jsxs as p, jsx as r, Fragment as x } from "react/jsx-runtime";
3
- import { useState as u } from "react";
4
- import "../../index-L8X2o7IH.js";
5
- import "../Icon/SvgIcon.js";
6
- import { AttachmentSection as E } from "../Attachment/AttachmentSection.js";
7
- import "../Autocomplete/AutocompleteBase.js";
8
- import { HistoryItemBase as H } from "./HistoryItemBase.js";
9
- import "../RootProvider/RootProvider.js";
10
- import { TransmissionSection as S } from "../Transmission/TransmissionSection.js";
11
- import { HistoryMetadata as b } from "./HistoryMetadata.js";
12
- const T = ({
13
- createdBy: i,
14
- createdAt: d,
15
- createdAtLabel: l,
16
- summary: t,
17
- attachments: o,
18
- transmissions: e
19
- }) => {
20
- const m = o == null ? void 0 : o.title, c = e == null ? void 0 : e.title, [n, f] = u(!1);
21
- return /* @__PURE__ */ p(H, { createdBy: i, createdAt: d, createdAtLabel: l, children: [
22
- t && /* @__PURE__ */ r("p", { children: t }),
23
- n ? /* @__PURE__ */ p(x, { children: [
24
- o && /* @__PURE__ */ r(E, { ...o }),
25
- e && /* @__PURE__ */ r(S, { ...e })
26
- ] }) : /* @__PURE__ */ r(
27
- b,
28
- {
29
- attachmentsLabel: m,
30
- transmissionsLabel: c,
31
- onClick: () => {
32
- f(!0);
33
- }
34
- }
35
- )
36
- ] });
37
- };
38
- export {
39
- T as HistoryItem
40
- };
@@ -1,20 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, }: import('./HistoryItem').HistoryItemProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- createdAt: string;
9
- createdAtLabel: string;
10
- createdBy: {
11
- name: string;
12
- };
13
- summary: string;
14
- };
15
- };
16
- export default meta;
17
- type Story = StoryObj<typeof meta>;
18
- export declare const Default: Story;
19
- export declare const Attachments: Story;
20
- export declare const Transmissions: Story;