@altinn/altinn-components 0.26.1 → 0.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/FieldsetLegend-Dwb3U0vQ.js +10 -0
  2. package/dist/Input-B_w6SBmg.js +12 -0
  3. package/dist/Label-DjSEhgyW.js +11 -0
  4. package/dist/Paragraph-CFjOkbXa.js +11 -0
  5. package/dist/Textarea-BBstVlPT.js +10 -0
  6. package/dist/altinn-ds-overrides.css +2 -2
  7. package/dist/altinn-ds.css +47 -101
  8. package/dist/assets/Button.css +1 -1
  9. package/dist/assets/ButtonBase.css +1 -1
  10. package/dist/assets/ButtonIcon.css +1 -1
  11. package/dist/assets/ButtonLabel.css +1 -1
  12. package/dist/assets/ComboButton.css +1 -1
  13. package/dist/assets/IconButton.css +1 -1
  14. package/dist/assets/ListItemHeader.css +1 -1
  15. package/dist/assets/MenuItemLabel.css +1 -1
  16. package/dist/components/Bookmarks/EditableBookmark.js +31 -30
  17. package/dist/components/Button/Button.js +41 -43
  18. package/dist/components/Button/ButtonBase.js +28 -26
  19. package/dist/components/Button/ButtonIcon.js +3 -3
  20. package/dist/components/Button/ButtonLabel.js +3 -3
  21. package/dist/components/Button/ComboButton.js +30 -28
  22. package/dist/components/Button/IconButton.js +24 -25
  23. package/dist/components/ContextMenu/ContextMenu.js +5 -6
  24. package/dist/components/Dialog/DialogActions.js +22 -21
  25. package/dist/components/Dialog/DialogListItem.js +65 -62
  26. package/dist/components/DsComponents/index.js +23 -21
  27. package/dist/components/Forms/Checkbox.js +16 -0
  28. package/dist/components/Forms/CheckboxOptions.js +12 -0
  29. package/dist/components/Forms/Field.js +6 -0
  30. package/dist/components/Forms/FieldBase.js +17 -0
  31. package/dist/components/Forms/Fieldset.js +28 -0
  32. package/dist/components/Forms/FieldsetBase.js +15 -0
  33. package/dist/components/Forms/Input.js +14 -0
  34. package/dist/components/Forms/Label.js +6 -0
  35. package/dist/components/Forms/Legend.js +14 -0
  36. package/dist/components/Forms/OptionsBase.js +18 -0
  37. package/dist/components/Forms/Radio.js +16 -0
  38. package/dist/components/Forms/RadioOptions.js +12 -0
  39. package/dist/components/Forms/Select.js +25 -0
  40. package/dist/components/Forms/SelectField.js +12 -0
  41. package/dist/components/Forms/Switch.js +16 -0
  42. package/dist/components/Forms/SwitchOptions.js +12 -0
  43. package/dist/components/Forms/TextField.js +12 -0
  44. package/dist/components/Forms/Textarea.js +6 -0
  45. package/dist/components/Forms/TextareaField.js +12 -0
  46. package/dist/components/Forms/index.js +40 -0
  47. package/dist/components/GlobalMenu/AccountMenu.js +2 -2
  48. package/dist/components/GlobalMenu/GlobalMenu.js +72 -65
  49. package/dist/components/List/ListItem.js +15 -13
  50. package/dist/components/List/ListItemBase.js +18 -16
  51. package/dist/components/List/ListItemHeader.js +30 -30
  52. package/dist/components/Menu/Menu.js +42 -38
  53. package/dist/components/Menu/MenuItemLabel.js +10 -10
  54. package/dist/components/Menu/MenuItemsVirtual.js +28 -27
  55. package/dist/components/Page/DashboardCard.js +10 -9
  56. package/dist/components/Page/PageDetails.js +1 -1
  57. package/dist/components/Page/PageNav.js +6 -6
  58. package/dist/components/Toolbar/ToolbarButton.js +23 -21
  59. package/dist/components/Toolbar/ToolbarFilter.js +27 -26
  60. package/dist/components/index.js +147 -113
  61. package/dist/{floating-ui.react-BQwG1HOM.js → floating-ui.react-DpzNAs2N.js} +26 -31
  62. package/dist/{index-DcykCrjD.js → index-B7UjMwQm.js} +13 -12
  63. package/dist/index-Bq6w9CqA.js +81 -0
  64. package/dist/index.js +177 -143
  65. package/dist/lite-1fxw3LjI.js +7 -0
  66. package/dist/tokens/README.md +1 -1
  67. package/dist/tokens/altinn-ds.css +48 -102
  68. package/dist/tokens/design-tokens-build/altinn-ds.css +48 -102
  69. package/dist/types/fields.js +1 -0
  70. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +0 -1
  71. package/dist/types/lib/components/Button/Button.d.ts +1 -2
  72. package/dist/types/lib/components/Button/Button.stories.d.ts +5 -1
  73. package/dist/types/lib/components/Button/ButtonBase.d.ts +3 -2
  74. package/dist/types/lib/components/Button/ComboButton.d.ts +1 -1
  75. package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -1
  76. package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts +1 -1
  77. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +1 -1
  78. package/dist/types/lib/components/Forms/Checkbox.d.ts +7 -0
  79. package/dist/types/lib/components/Forms/Checkbox.stories.d.ts +15 -0
  80. package/dist/types/lib/components/Forms/CheckboxOptions.d.ts +5 -0
  81. package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts +18 -0
  82. package/dist/types/lib/components/Forms/Field.d.ts +7 -0
  83. package/dist/types/lib/components/Forms/FieldBase.d.ts +8 -0
  84. package/dist/types/lib/components/Forms/Fieldset.d.ts +7 -0
  85. package/dist/types/lib/components/Forms/FieldsetBase.d.ts +8 -0
  86. package/dist/types/lib/components/Forms/Forms.stories.d.ts +7 -0
  87. package/dist/types/lib/components/Forms/Input.d.ts +10 -0
  88. package/dist/types/lib/components/Forms/Label.d.ts +7 -0
  89. package/dist/types/lib/components/Forms/Legend.d.ts +7 -0
  90. package/dist/types/lib/components/Forms/OptionsBase.d.ts +9 -0
  91. package/dist/types/lib/components/Forms/Radio.d.ts +7 -0
  92. package/dist/types/lib/components/Forms/Radio.stories.d.ts +15 -0
  93. package/dist/types/lib/components/Forms/RadioOptions.d.ts +6 -0
  94. package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts +18 -0
  95. package/dist/types/lib/components/Forms/Select.d.ts +9 -0
  96. package/dist/types/lib/components/Forms/SelectField.d.ts +8 -0
  97. package/dist/types/lib/components/Forms/SelectField.stories.d.ts +14 -0
  98. package/dist/types/lib/components/Forms/Switch.d.ts +7 -0
  99. package/dist/types/lib/components/Forms/Switch.stories.d.ts +15 -0
  100. package/dist/types/lib/components/Forms/SwitchOptions.d.ts +6 -0
  101. package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts +18 -0
  102. package/dist/types/lib/components/Forms/TextField.d.ts +6 -0
  103. package/dist/types/lib/components/Forms/TextField.stories.d.ts +15 -0
  104. package/dist/types/lib/components/Forms/Textarea.d.ts +7 -0
  105. package/dist/types/lib/components/Forms/TextareaField.d.ts +6 -0
  106. package/dist/types/lib/components/Forms/TextareaField.stories.d.ts +15 -0
  107. package/dist/types/lib/components/Forms/index.d.ts +19 -0
  108. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +4 -2
  109. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +3 -2
  110. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +1 -1
  111. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +3 -2
  112. package/dist/types/lib/components/Header/Header.stories.d.ts +1 -0
  113. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  114. package/dist/types/lib/components/List/ListItem.stories.d.ts +1 -1
  115. package/dist/types/lib/components/List/ListItemBase.d.ts +3 -1
  116. package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
  117. package/dist/types/lib/components/Menu/Examples.stories.d.ts +6 -6
  118. package/dist/types/lib/components/Menu/Menu.d.ts +3 -3
  119. package/dist/types/lib/components/Menu/Menu.stories.d.ts +1 -1
  120. package/dist/types/lib/components/Menu/MenuItems.d.ts +4 -0
  121. package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts +5 -1
  122. package/dist/types/lib/components/Page/DashboardHeader.stories.d.ts +12 -0
  123. package/dist/types/lib/components/Page/{Patterns.stories.d.ts → Examples.stories.d.ts} +2 -0
  124. package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +2 -1
  125. package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
  126. package/dist/types/lib/components/index.d.ts +1 -1
  127. package/dist/types/lib/types/fields.d.ts +2 -0
  128. package/dist/usePagination-B4GfH2GQ.js +1026 -0
  129. package/package.json +1 -1
  130. package/dist/assets/FieldBase.css +0 -1
  131. package/dist/assets/InputBase.css +0 -1
  132. package/dist/components/TextField/FieldBase.js +0 -16
  133. package/dist/components/TextField/InputBase.js +0 -33
  134. package/dist/components/TextField/TextField.js +0 -7
  135. package/dist/components/TextField/index.js +0 -8
  136. package/dist/types/lib/components/Button/Buttons.stories.d.ts +0 -18
  137. package/dist/types/lib/components/TextField/FieldBase.d.ts +0 -11
  138. package/dist/types/lib/components/TextField/InputBase.d.ts +0 -14
  139. package/dist/types/lib/components/TextField/TextField.d.ts +0 -7
  140. package/dist/types/lib/components/TextField/index.d.ts +0 -3
  141. package/dist/usePagination-BJD-uxk9.js +0 -1098
@@ -0,0 +1,81 @@
1
+ "use client";
2
+ import { jsx as c, jsxs as R, Fragment as E } from "react/jsx-runtime";
3
+ import { u as S } from "./floating-ui.react-DpzNAs2N.js";
4
+ import { c as F } from "./lite-1fxw3LjI.js";
5
+ import { forwardRef as m, useRef as L, useEffect as C, useState as D } from "react";
6
+ import { S as j } from "./index-C8BS_2GY.js";
7
+ import { P as O } from "./Paragraph-CFjOkbXa.js";
8
+ const T = m(function({ className: i, asChild: n, ...s }, o) {
9
+ return c(n ? j : "p", { className: F("ds-validation-message", i), "data-field": "validation", ref: o, ...s });
10
+ });
11
+ function $(t) {
12
+ if (!t)
13
+ return;
14
+ const i = /* @__PURE__ */ new Map(), n = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
15
+ let s = null, o = "";
16
+ const a = (g) => {
17
+ const l = [], p = [];
18
+ for (const e of g)
19
+ e.attributeName && l.push(e.target ?? t), l.push(...e.addedNodes || []), p.push(...e.removedNodes || []);
20
+ for (const e of l)
21
+ M(e) && (x(e) ? i.set(e, e.htmlFor) : e.hasAttribute("data-field") ? i.set(e, e.id) : N(e) && (s = e, o = e.getAttribute("aria-describedby") || ""));
22
+ for (const e of p)
23
+ M(e) && (s === e && (s = null), i.has(e) && (v(e, x(e) ? "for" : "id", i.get(e)), i.delete(e)));
24
+ const f = [o], r = (s == null ? void 0 : s.id) || n;
25
+ for (const [e, b] of i) {
26
+ const u = e.getAttribute("data-field"), h = u ? `${r}:${u}` : r;
27
+ b || v(e, x(e) ? "for" : "id", h), u === "validation" ? f.unshift(e.id) : u && f.push(e.id);
28
+ }
29
+ v(s, "id", r), v(s, "aria-describedby", f.join(" ").trim());
30
+ }, d = w(a);
31
+ return d.observe(t, {
32
+ attributeFilter: ["id", "for", "aria-describedby"],
33
+ attributes: !0,
34
+ childList: !0,
35
+ subtree: !0
36
+ }), a([{ addedNodes: t.querySelectorAll("*") }]), d.takeRecords(), () => d.disconnect();
37
+ }
38
+ const M = (t) => t instanceof Element, x = (t) => t instanceof HTMLLabelElement, N = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), v = (t, i, n) => n ? t == null ? void 0 : t.setAttribute(i, n) : t == null ? void 0 : t.removeAttribute(i);
39
+ function w(t) {
40
+ const i = [], n = new MutationObserver((o) => {
41
+ i.length || requestAnimationFrame(s), i.push(...o);
42
+ }), s = () => {
43
+ t(i, n), i.length = 0, n.takeRecords();
44
+ };
45
+ return n;
46
+ }
47
+ const I = m(function({ className: i, position: n, ...s }, o) {
48
+ const a = L(null), d = S([a, o]);
49
+ return C(() => $(a.current), []), c("div", { className: F("ds-field", i), "data-position": n, ref: d, ...s });
50
+ }), k = m(function({ className: i, ...n }, s) {
51
+ return c("div", { className: F("ds-field-affixes", i), ref: s, ...n });
52
+ }), q = m(function({ className: i, ...n }, s) {
53
+ return c("span", { className: F("ds-field-affix", i), "aria-hidden": "true", ref: s, ...n });
54
+ }), y = (t, i) => t.replace("%d", Math.abs(i).toString()), H = m(function({ limit: i, under: n = "%d tegn igjen", over: s = "%d tegn for mye", ...o }, a) {
55
+ const [d, g] = D(0), l = L(null), p = d > i, f = i - d;
56
+ return C(() => {
57
+ var u;
58
+ const r = (u = l.current) == null ? void 0 : u.closest(".ds-field"), e = Array.from((r == null ? void 0 : r.getElementsByTagName("*")) || []).find(N), b = ({ target: h }) => {
59
+ N(h) && g(h.value.length);
60
+ };
61
+ return e && b({ target: e }), r == null || r.addEventListener("input", b), () => r == null ? void 0 : r.removeEventListener("input", b);
62
+ }, [g]), R(E, { children: [c("div", { "data-field": "description", className: "ds-sr-only", "aria-live": "polite", ref: l, children: p && y(s, f) }), p ? c(T, { ref: a, ...o, children: y(s, f) }) : c(O, { ref: a, ...o, "data-field": "validation", children: y(n, f) })] });
63
+ }), V = m(function(i, n) {
64
+ return c("div", { "data-field": "description", ref: n, ...i });
65
+ }), A = Object.assign(I, {
66
+ Description: V,
67
+ Affixes: k,
68
+ Affix: q,
69
+ Counter: H
70
+ });
71
+ A.Description.displayName = "Field.Description";
72
+ A.Affixes.displayName = "Field.Affixes";
73
+ A.Affix.displayName = "Field.Affix";
74
+ A.Counter.displayName = "Field.Counter";
75
+ export {
76
+ A as F,
77
+ T as V,
78
+ V as a,
79
+ k as b,
80
+ q as c
81
+ };
package/dist/index.js CHANGED
@@ -4,19 +4,19 @@ import { AttachmentList as p } from "./components/Attachment/AttachmentList.js";
4
4
  import { Avatar as f } from "./components/Avatar/Avatar.js";
5
5
  import { AvatarGroup as i } from "./components/Avatar/AvatarGroup.js";
6
6
  import { Badge as c } from "./components/Badge/Badge.js";
7
- import { BookmarksListItem as l } from "./components/Bookmarks/BookmarksListItem.js";
8
- import { EditableBookmark as L } from "./components/Bookmarks/EditableBookmark.js";
9
- import { BookmarksSection as d } from "./components/Bookmarks/BookmarksSection.js";
7
+ import { BookmarksListItem as u } from "./components/Bookmarks/BookmarksListItem.js";
8
+ import { EditableBookmark as d } from "./components/Bookmarks/EditableBookmark.js";
9
+ import { BookmarksSection as g } from "./components/Bookmarks/BookmarksSection.js";
10
10
  import { ButtonBase as I } from "./components/Button/ButtonBase.js";
11
- import { ButtonLabel as S } from "./components/Button/ButtonLabel.js";
11
+ import { ButtonLabel as b } from "./components/Button/ButtonLabel.js";
12
12
  import { ButtonIcon as M } from "./components/Button/ButtonIcon.js";
13
- import { Button as y } from "./components/Button/Button.js";
13
+ import { Button as T } from "./components/Button/Button.js";
14
14
  import { ComboButton as h } from "./components/Button/ComboButton.js";
15
- import { IconButton as P } from "./components/Button/IconButton.js";
16
- import { Byline as w } from "./components/Byline/Byline.js";
15
+ import { IconButton as C } from "./components/Button/IconButton.js";
16
+ import { Byline as F } from "./components/Byline/Byline.js";
17
17
  import { ContextMenu as v } from "./components/ContextMenu/ContextMenu.js";
18
- import { Dialog as G } from "./components/Dialog/Dialog.js";
19
- import { DialogLayout as O } from "./components/Dialog/DialogLayout.js";
18
+ import { Dialog as R } from "./components/Dialog/Dialog.js";
19
+ import { DialogLayout as G } from "./components/Dialog/DialogLayout.js";
20
20
  import { DialogHeader as U } from "./components/Dialog/DialogHeader.js";
21
21
  import { DialogBody as j } from "./components/Dialog/DialogBody.js";
22
22
  import { DialogTabs as K } from "./components/Dialog/DialogTabs.js";
@@ -31,18 +31,18 @@ import { DialogListItem as po } from "./components/Dialog/DialogListItem.js";
31
31
  import { DialogMetadata as fo } from "./components/Dialog/DialogMetadata.js";
32
32
  import { DialogByline as io } from "./components/Dialog/DialogByline.js";
33
33
  import { DialogActions as co } from "./components/Dialog/DialogActions.js";
34
- import { DialogActivityLog as lo } from "./components/Dialog/DialogActivityLog.js";
34
+ import { DialogActivityLog as uo } from "./components/Dialog/DialogActivityLog.js";
35
35
  import { DialogSeenBy as Lo } from "./components/Dialog/DialogSeenBy.js";
36
36
  import { DialogSelect as Bo } from "./components/Dialog/DialogSelect.js";
37
- import { DialogStatus as bo, DialogStatusEnum as So } from "./components/Dialog/DialogStatus.js";
37
+ import { DialogStatus as So, DialogStatusEnum as bo } from "./components/Dialog/DialogStatus.js";
38
38
  import { DialogHeading as Mo } from "./components/Dialog/DialogHeading.js";
39
- import { DialogTouchedBy as yo } from "./components/Dialog/DialogTouchedBy.js";
39
+ import { DialogTouchedBy as To } from "./components/Dialog/DialogTouchedBy.js";
40
40
  import { DialogAttachments as ho } from "./components/Dialog/DialogAttachments.js";
41
- import { SeenByLog as Po } from "./components/Dialog/SeenByLog.js";
42
- import { DropdownBase as wo } from "./components/Dropdown/DropdownBase.js";
41
+ import { SeenByLog as Co } from "./components/Dialog/SeenByLog.js";
42
+ import { DropdownBase as Fo } from "./components/Dropdown/DropdownBase.js";
43
43
  import { Backdrop as vo } from "./components/Dropdown/Backdrop.js";
44
- import { DrawerBase as Go } from "./components/Dropdown/DrawerBase.js";
45
- import { DrawerHeader as Oo } from "./components/Dropdown/DrawerHeader.js";
44
+ import { DrawerBase as Ro } from "./components/Dropdown/DrawerBase.js";
45
+ import { DrawerHeader as Go } from "./components/Dropdown/DrawerHeader.js";
46
46
  import { DrawerFooter as Uo } from "./components/Dropdown/DrawerFooter.js";
47
47
  import { DrawerButton as jo } from "./components/Dropdown/DrawerButton.js";
48
48
  import { DrawerBody as Ko } from "./components/Dropdown/DrawerBody.js";
@@ -57,19 +57,19 @@ import { EndUserLabel as pr } from "./components/GlobalMenu/EndUserLabel.js";
57
57
  import { Header as fr } from "./components/Header/Header.js";
58
58
  import { HeaderBase as ir } from "./components/Header/HeaderBase.js";
59
59
  import { HeaderLogo as cr } from "./components/Header/HeaderLogo.js";
60
- import { HeaderButton as lr } from "./components/Header/HeaderButton.js";
61
- import { LocaleButton as Lr } from "./components/Header/LocaleButton.js";
62
- import { LocaleSwitcher as dr } from "./components/Header/LocaleSwitcher.js";
60
+ import { HeaderButton as ur } from "./components/Header/HeaderButton.js";
61
+ import { LocaleButton as dr } from "./components/Header/LocaleButton.js";
62
+ import { LocaleSwitcher as gr } from "./components/Header/LocaleSwitcher.js";
63
63
  import { Icon as Ir } from "./components/Icon/Icon.js";
64
- import { CheckboxIcon as Sr } from "./components/Icon/CheckboxIcon.js";
64
+ import { CheckboxIcon as br } from "./components/Icon/CheckboxIcon.js";
65
65
  import { RadioIcon as Mr } from "./components/Icon/RadioIcon.js";
66
- import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
66
+ import { ProgressIcon as Tr } from "./components/Icon/ProgressIcon.js";
67
67
  import { IconOrAvatar as hr } from "./components/Icon/IconOrAvatar.js";
68
- import { LayoutBase as Pr } from "./components/Layout/LayoutBase.js";
69
- import { LayoutBody as wr } from "./components/Layout/LayoutBody.js";
68
+ import { LayoutBase as Cr } from "./components/Layout/LayoutBase.js";
69
+ import { LayoutBody as Fr } from "./components/Layout/LayoutBody.js";
70
70
  import { LayoutContent as vr } from "./components/Layout/LayoutContent.js";
71
- import { LayoutSidebar as Gr } from "./components/Layout/LayoutSidebar.js";
72
- import { Layout as Or } from "./components/Layout/Layout.js";
71
+ import { LayoutSidebar as Rr } from "./components/Layout/LayoutSidebar.js";
72
+ import { Layout as Gr } from "./components/Layout/Layout.js";
73
73
  import { ActionHeader as Ur } from "./components/LayoutAction/ActionHeader.js";
74
74
  import { ActionFooter as jr } from "./components/LayoutAction/ActionFooter.js";
75
75
  import { LayoutAction as Kr } from "./components/LayoutAction/LayoutAction.js";
@@ -84,18 +84,18 @@ import { ListItem as pe } from "./components/List/ListItem.js";
84
84
  import { ListBase as fe } from "./components/List/ListBase.js";
85
85
  import { List as ie } from "./components/List/List.js";
86
86
  import { MenuItemBase as ce } from "./components/Menu/MenuItemBase.js";
87
- import { MenuItemLabel as le } from "./components/Menu/MenuItemLabel.js";
88
- import { MenuItemIcon as Le } from "./components/Menu/MenuItemIcon.js";
89
- import { MenuItem as de } from "./components/Menu/MenuItem.js";
87
+ import { MenuItemLabel as ue } from "./components/Menu/MenuItemLabel.js";
88
+ import { MenuItemIcon as de } from "./components/Menu/MenuItemIcon.js";
89
+ import { MenuItem as ge } from "./components/Menu/MenuItem.js";
90
90
  import { MenuInputField as Ie } from "./components/Menu/MenuInputField.js";
91
- import { MenuOption as Se } from "./components/Menu/MenuOption.js";
91
+ import { MenuOption as be } from "./components/Menu/MenuOption.js";
92
92
  import { MenuSearch as Me } from "./components/Menu/MenuSearch.js";
93
- import { MenuHeader as ye } from "./components/Menu/MenuHeader.js";
93
+ import { MenuHeader as Te } from "./components/Menu/MenuHeader.js";
94
94
  import { MenuItems as he } from "./components/Menu/MenuItems.js";
95
- import { MenuBase as Pe, MenuList as Ce, MenuListItem as we } from "./components/Menu/MenuBase.js";
95
+ import { MenuBase as Ce, MenuList as Pe, MenuListItem as Fe } from "./components/Menu/MenuBase.js";
96
96
  import { Menu as ve } from "./components/Menu/Menu.js";
97
- import { MetaBase as Ge } from "./components/Meta/MetaBase.js";
98
- import { MetaItemBase as Oe } from "./components/Meta/MetaItemBase.js";
97
+ import { MetaBase as Re } from "./components/Meta/MetaBase.js";
98
+ import { MetaItemBase as Ge } from "./components/Meta/MetaItemBase.js";
99
99
  import { MetaItemMedia as Ue } from "./components/Meta/MetaItemMedia.js";
100
100
  import { MetaItemLabel as je } from "./components/Meta/MetaItemLabel.js";
101
101
  import { MetaItem as Ke } from "./components/Meta/MetaItem.js";
@@ -109,17 +109,17 @@ import { Searchbar as pt } from "./components/Search/Searchbar.js";
109
109
  import { SearchbarBase as ft } from "./components/Search/SearchbarBase.js";
110
110
  import { SearchField as it } from "./components/Search/SearchField.js";
111
111
  import { AutocompleteBase as ct } from "./components/Search/AutocompleteBase.js";
112
- import { AutocompleteGroup as lt } from "./components/Search/AutocompleteGroup.js";
113
- import { Autocomplete as Lt } from "./components/Search/Autocomplete.js";
114
- import { AutocompleteItem as dt } from "./components/Search/AutocompleteItem.js";
112
+ import { AutocompleteGroup as ut } from "./components/Search/AutocompleteGroup.js";
113
+ import { Autocomplete as dt } from "./components/Search/Autocomplete.js";
114
+ import { AutocompleteItem as gt } from "./components/Search/AutocompleteItem.js";
115
115
  import { ScopeListItem as It } from "./components/Search/ScopeListItem.js";
116
- import { SuggestListItem as St } from "./components/Search/SuggestListItem.js";
116
+ import { SuggestListItem as bt } from "./components/Search/SuggestListItem.js";
117
117
  import { QueryItem as Mt, QueryLabel as kt } from "./components/Search/QueryLabel.js";
118
- import { Snackbar as Tt } from "./components/Snackbar/Snackbar.js";
119
- import { SnackbarColorEnum as Ht, SnackbarItem as Pt } from "./components/Snackbar/SnackbarItem.js";
120
- import { SnackbarDuration as wt, SnackbarProvider as Ft, useSnackbar as vt } from "./components/Snackbar/useSnackbar.js";
121
- import { Skeleton as Gt } from "./components/Skeleton/Skeleton.js";
122
- import { Timeline as Ot } from "./components/Timeline/Timeline.js";
118
+ import { Snackbar as yt } from "./components/Snackbar/Snackbar.js";
119
+ import { SnackbarColorEnum as Ht, SnackbarItem as Ct } from "./components/Snackbar/SnackbarItem.js";
120
+ import { SnackbarDuration as Ft, SnackbarProvider as wt, useSnackbar as vt } from "./components/Snackbar/useSnackbar.js";
121
+ import { Skeleton as Rt } from "./components/Skeleton/Skeleton.js";
122
+ import { Timeline as Gt } from "./components/Timeline/Timeline.js";
123
123
  import { TimelineSegment as Ut } from "./components/Timeline/TimelineSegment.js";
124
124
  import { TimelineActivity as jt } from "./components/Timeline/TimelineActivity.js";
125
125
  import { TimelineBase as Kt } from "./components/Timeline/TimelineBase.js";
@@ -134,19 +134,19 @@ import { ToolbarSearch as pm } from "./components/Toolbar/ToolbarSearch.js";
134
134
  import { ToolbarFilter as fm } from "./components/Toolbar/ToolbarFilter.js";
135
135
  import { ToolbarDaterange as im } from "./components/Toolbar/ToolbarDaterange.js";
136
136
  import { PageBase as cm } from "./components/Page/PageBase.js";
137
- import { PageNav as lm } from "./components/Page/PageNav.js";
138
- import { PageMenu as Lm } from "./components/Page/PageMenu.js";
139
- import { PageTabs as dm } from "./components/Page/PageTabs.js";
137
+ import { PageNav as um } from "./components/Page/PageNav.js";
138
+ import { PageMenu as dm } from "./components/Page/PageMenu.js";
139
+ import { PageTabs as gm } from "./components/Page/PageTabs.js";
140
140
  import { PageHeader as Im } from "./components/Page/PageHeader.js";
141
- import { PageDetails as Sm } from "./components/Page/PageDetails.js";
141
+ import { PageDetails as bm } from "./components/Page/PageDetails.js";
142
142
  import { ArticleHeader as Mm } from "./components/Page/ArticleHeader.js";
143
- import { Flex as ym } from "./components/Page/Flex.js";
143
+ import { Flex as Tm } from "./components/Page/Flex.js";
144
144
  import { Grid as hm } from "./components/Page/Grid.js";
145
- import { Breadcrumbs as Pm } from "./components/Page/Breadcrumbs.js";
146
- import { BreadcrumbsLink as wm } from "./components/Page/BreadcrumbsLink.js";
145
+ import { Breadcrumbs as Cm } from "./components/Page/Breadcrumbs.js";
146
+ import { BreadcrumbsLink as Fm } from "./components/Page/BreadcrumbsLink.js";
147
147
  import { Section as vm } from "./components/Page/Section.js";
148
- import { ContactSection as Gm } from "./components/Page/ContactSection.js";
149
- import { ContactButtons as Om } from "./components/Page/ContactButtons.js";
148
+ import { ContactSection as Rm } from "./components/Page/ContactSection.js";
149
+ import { ContactButtons as Gm } from "./components/Page/ContactButtons.js";
150
150
  import { AccordionSection as Um } from "./components/Page/AccordionSection.js";
151
151
  import { DashboardHeader as jm } from "./components/Page/DashboardHeader.js";
152
152
  import { DashboardCard as Km } from "./components/Page/DashboardCard.js";
@@ -160,14 +160,32 @@ import { AccessAreaListItem as ma } from "./components/AccessAreaList/AccessArea
160
160
  import { AccessAreaList as pa } from "./components/AccessAreaList/AccessAreaList.js";
161
161
  import { AccessPackageListItem as fa } from "./components/AccessPackageList/AccessPackageListItem.js";
162
162
  import { AccessPackageList as ia } from "./components/AccessPackageList/AccessPackageList.js";
163
- import { FieldBase as ca } from "./components/TextField/FieldBase.js";
164
- import { InputBase as la } from "./components/TextField/InputBase.js";
165
- import { TextField as La } from "./components/TextField/TextField.js";
166
- import { useClickOutside as da } from "./hooks/useClickOutside.js";
167
- import { useEscapeKey as Ia } from "./hooks/useEscapeKey.js";
168
- import { useMenu as Sa } from "./hooks/useMenu.js";
169
- import { A as Ma, B as ka, a as ya, C as Ta, b as ha, c as Ha, D as Pa, H as Ca, L as wa, d as Fa, e as va, P as Ea, f as Ga, g as Ra, h as Oa, i as Qa, j as Ua, S as Va, k as ja, T as za, V as Ka, u as Na } from "./usePagination-BJD-uxk9.js";
170
- import { D as Ja } from "./index-DcykCrjD.js";
163
+ import { Field as ca } from "./components/Forms/Field.js";
164
+ import { Fieldset as ua } from "./components/Forms/Fieldset.js";
165
+ import { Legend as da } from "./components/Forms/Legend.js";
166
+ import { Label as ga } from "./components/Forms/Label.js";
167
+ import { Input as Ia } from "./components/Forms/Input.js";
168
+ import { Textarea as ba } from "./components/Forms/Textarea.js";
169
+ import { Select as Ma } from "./components/Forms/Select.js";
170
+ import { Radio as Ta } from "./components/Forms/Radio.js";
171
+ import { Checkbox as ha } from "./components/Forms/Checkbox.js";
172
+ import { Switch as Ca } from "./components/Forms/Switch.js";
173
+ import { FieldBase as Fa } from "./components/Forms/FieldBase.js";
174
+ import { TextField as va } from "./components/Forms/TextField.js";
175
+ import { TextareaField as Ra } from "./components/Forms/TextareaField.js";
176
+ import { SelectField as Ga } from "./components/Forms/SelectField.js";
177
+ import { FieldsetBase as Ua } from "./components/Forms/FieldsetBase.js";
178
+ import { OptionsBase as ja } from "./components/Forms/OptionsBase.js";
179
+ import { RadioOptions as Ka } from "./components/Forms/RadioOptions.js";
180
+ import { SwitchOptions as qa } from "./components/Forms/SwitchOptions.js";
181
+ import { CheckboxOptions as Wa } from "./components/Forms/CheckboxOptions.js";
182
+ import { useClickOutside as Ya } from "./hooks/useClickOutside.js";
183
+ import { useEscapeKey as _a } from "./hooks/useEscapeKey.js";
184
+ import { useMenu as op } from "./hooks/useMenu.js";
185
+ import { A as ep, B as tp, a as mp, C as ap, b as pp, c as xp, D as fp, H as sp, L as ip, d as np, e as cp, P as lp, f as up, g as Dp, h as dp, i as Lp, S as gp, j as Bp, T as Ip, u as Sp } from "./usePagination-B4GfH2GQ.js";
186
+ import { D as Ap } from "./index-B7UjMwQm.js";
187
+ import { P as kp } from "./Paragraph-CFjOkbXa.js";
188
+ import { V as yp } from "./index-Bq6w9CqA.js";
171
189
  export {
172
190
  pa as AccessAreaList,
173
191
  ma as AccessAreaListItem,
@@ -183,34 +201,36 @@ export {
183
201
  Mm as ArticleHeader,
184
202
  m as AttachmentLink,
185
203
  p as AttachmentList,
186
- Lt as Autocomplete,
204
+ dt as Autocomplete,
187
205
  ct as AutocompleteBase,
188
- lt as AutocompleteGroup,
189
- dt as AutocompleteItem,
206
+ ut as AutocompleteGroup,
207
+ gt as AutocompleteItem,
190
208
  f as Avatar,
191
209
  i as AvatarGroup,
192
210
  er as BackButton,
193
211
  vo as Backdrop,
194
212
  c as Badge,
195
- l as BookmarksListItem,
196
- d as BookmarksSection,
197
- Pm as Breadcrumbs,
198
- wm as BreadcrumbsLink,
199
- y as Button,
213
+ u as BookmarksListItem,
214
+ g as BookmarksSection,
215
+ Cm as Breadcrumbs,
216
+ Fm as BreadcrumbsLink,
217
+ T as Button,
200
218
  I as ButtonBase,
201
219
  M as ButtonIcon,
202
- S as ButtonLabel,
203
- w as Byline,
204
- Sr as CheckboxIcon,
220
+ b as ButtonLabel,
221
+ F as Byline,
222
+ ha as Checkbox,
223
+ br as CheckboxIcon,
224
+ Wa as CheckboxOptions,
205
225
  h as ComboButton,
206
- Om as ContactButtons,
207
- Gm as ContactSection,
226
+ Gm as ContactButtons,
227
+ Rm as ContactSection,
208
228
  v as ContextMenu,
209
229
  Km as DashboardCard,
210
230
  jm as DashboardHeader,
211
- G as Dialog,
231
+ R as Dialog,
212
232
  co as DialogActions,
213
- lo as DialogActivityLog,
233
+ uo as DialogActivityLog,
214
234
  ho as DialogAttachments,
215
235
  j as DialogBody,
216
236
  io as DialogByline,
@@ -220,7 +240,7 @@ export {
220
240
  Y as DialogHistory,
221
241
  oo as DialogHistoryItem,
222
242
  _ as DialogHistorySegment,
223
- O as DialogLayout,
243
+ G as DialogLayout,
224
244
  eo as DialogList,
225
245
  mo as DialogListGroup,
226
246
  po as DialogListItem,
@@ -228,61 +248,66 @@ export {
228
248
  q as DialogSection,
229
249
  Lo as DialogSeenBy,
230
250
  Bo as DialogSelect,
231
- bo as DialogStatus,
232
- So as DialogStatusEnum,
251
+ So as DialogStatus,
252
+ bo as DialogStatusEnum,
233
253
  K as DialogTabs,
234
- yo as DialogTouchedBy,
235
- Go as DrawerBase,
254
+ To as DialogTouchedBy,
255
+ Ro as DrawerBase,
236
256
  Ko as DrawerBody,
237
257
  jo as DrawerButton,
238
258
  Uo as DrawerFooter,
239
- Oo as DrawerHeader,
259
+ Go as DrawerHeader,
240
260
  qo as DrawerOrDropdown,
241
- wo as DropdownBase,
242
- Ma as DsAlert,
243
- ka as DsBadge,
244
- ya as DsButton,
245
- Ta as DsCheckbox,
246
- ha as DsChip,
247
- Ha as DsCombobox,
248
- Ja as DsDetails,
249
- Pa as DsDialog,
250
- Ca as DsHeading,
251
- wa as DsLink,
252
- Fa as DsListItem,
253
- va as DsListUnordered,
254
- Ea as DsPagination,
255
- Ga as DsParagraph,
256
- Ra as DsPopover,
257
- Oa as DsSearch,
258
- Qa as DsSkeleton,
259
- Ua as DsSpinner,
260
- Va as DsSwitch,
261
- ja as DsTabs,
262
- za as DsTextfield,
263
- Ka as DsValidationMessage,
264
- L as EditableBookmark,
261
+ Fo as DropdownBase,
262
+ ep as DsAlert,
263
+ tp as DsBadge,
264
+ mp as DsButton,
265
+ ap as DsCheckbox,
266
+ pp as DsChip,
267
+ xp as DsCombobox,
268
+ Ap as DsDetails,
269
+ fp as DsDialog,
270
+ sp as DsHeading,
271
+ ip as DsLink,
272
+ np as DsListItem,
273
+ cp as DsListUnordered,
274
+ lp as DsPagination,
275
+ kp as DsParagraph,
276
+ up as DsPopover,
277
+ Dp as DsSearch,
278
+ dp as DsSkeleton,
279
+ Lp as DsSpinner,
280
+ gp as DsSwitch,
281
+ Bp as DsTabs,
282
+ Ip as DsTextfield,
283
+ yp as DsValidationMessage,
284
+ d as EditableBookmark,
265
285
  pr as EndUserLabel,
266
- ca as FieldBase,
267
- ym as Flex,
286
+ ca as Field,
287
+ Fa as FieldBase,
288
+ ua as Fieldset,
289
+ Ua as FieldsetBase,
290
+ Tm as Flex,
268
291
  Wo as Footer,
269
292
  _o as GlobalMenu,
270
293
  hm as Grid,
271
294
  fr as Header,
272
295
  ir as HeaderBase,
273
- lr as HeaderButton,
296
+ ur as HeaderButton,
274
297
  cr as HeaderLogo,
275
298
  _m as Heading,
276
299
  Ir as Icon,
277
- P as IconButton,
300
+ C as IconButton,
278
301
  hr as IconOrAvatar,
279
- la as InputBase,
280
- Or as Layout,
302
+ Ia as Input,
303
+ ga as Label,
304
+ Gr as Layout,
281
305
  Kr as LayoutAction,
282
- Pr as LayoutBase,
283
- wr as LayoutBody,
306
+ Cr as LayoutBase,
307
+ Fr as LayoutBody,
284
308
  vr as LayoutContent,
285
- Gr as LayoutSidebar,
309
+ Rr as LayoutSidebar,
310
+ da as Legend,
286
311
  ie as List,
287
312
  fe as ListBase,
288
313
  pe as ListItem,
@@ -293,41 +318,44 @@ export {
293
318
  _r as ListItemLabel,
294
319
  Wr as ListItemLink,
295
320
  me as ListItemSelect,
296
- Lr as LocaleButton,
297
- dr as LocaleSwitcher,
321
+ dr as LocaleButton,
322
+ gr as LocaleSwitcher,
298
323
  mr as LogoutButton,
299
324
  ve as Menu,
300
- Pe as MenuBase,
301
- ye as MenuHeader,
325
+ Ce as MenuBase,
326
+ Te as MenuHeader,
302
327
  Ie as MenuInputField,
303
- de as MenuItem,
328
+ ge as MenuItem,
304
329
  ce as MenuItemBase,
305
- Le as MenuItemIcon,
306
- le as MenuItemLabel,
330
+ de as MenuItemIcon,
331
+ ue as MenuItemLabel,
307
332
  he as MenuItems,
308
- Ce as MenuList,
309
- we as MenuListItem,
310
- Se as MenuOption,
333
+ Pe as MenuList,
334
+ Fe as MenuListItem,
335
+ be as MenuOption,
311
336
  Me as MenuSearch,
312
- Ge as MetaBase,
337
+ Re as MetaBase,
313
338
  Ke as MetaItem,
314
- Oe as MetaItemBase,
339
+ Ge as MetaItemBase,
315
340
  je as MetaItemLabel,
316
341
  Ue as MetaItemMedia,
317
342
  Ye as MetaListItem,
318
343
  qe as MetaProgress,
319
344
  We as MetaTimestamp,
320
345
  Ze as Metadata,
346
+ ja as OptionsBase,
321
347
  cm as PageBase,
322
- Sm as PageDetails,
348
+ bm as PageDetails,
323
349
  Im as PageHeader,
324
- Lm as PageMenu,
325
- lm as PageNav,
326
- dm as PageTabs,
327
- yr as ProgressIcon,
350
+ dm as PageMenu,
351
+ um as PageNav,
352
+ gm as PageTabs,
353
+ Tr as ProgressIcon,
328
354
  Mt as QueryItem,
329
355
  kt as QueryLabel,
356
+ Ta as Radio,
330
357
  Mr as RadioIcon,
358
+ Ka as RadioOptions,
331
359
  oa as ResourceList,
332
360
  ea as ResourceListItem,
333
361
  tt as RootProvider,
@@ -336,17 +364,23 @@ export {
336
364
  pt as Searchbar,
337
365
  ft as SearchbarBase,
338
366
  vm as Section,
339
- Po as SeenByLog,
367
+ Co as SeenByLog,
368
+ Ma as Select,
369
+ Ga as SelectField,
340
370
  e as SizeEnum,
341
- Gt as Skeleton,
342
- Tt as Snackbar,
371
+ Rt as Skeleton,
372
+ yt as Snackbar,
343
373
  Ht as SnackbarColorEnum,
344
- wt as SnackbarDuration,
345
- Pt as SnackbarItem,
346
- Ft as SnackbarProvider,
347
- St as SuggestListItem,
348
- La as TextField,
349
- Ot as Timeline,
374
+ Ft as SnackbarDuration,
375
+ Ct as SnackbarItem,
376
+ wt as SnackbarProvider,
377
+ bt as SuggestListItem,
378
+ Ca as Switch,
379
+ qa as SwitchOptions,
380
+ va as TextField,
381
+ ba as Textarea,
382
+ Ra as TextareaField,
383
+ Gt as Timeline,
350
384
  jt as TimelineActivity,
351
385
  Kt as TimelineBase,
352
386
  Yt as TimelineFooter,
@@ -363,10 +397,10 @@ export {
363
397
  qm as Transmission,
364
398
  Wm as TransmissionList,
365
399
  Ym as Typography,
366
- da as useClickOutside,
367
- Na as useDsPagination,
368
- Ia as useEscapeKey,
369
- Sa as useMenu,
400
+ Ya as useClickOutside,
401
+ Sp as useDsPagination,
402
+ _a as useEscapeKey,
403
+ op as useMenu,
370
404
  mt as useRootContext,
371
405
  vt as useSnackbar
372
406
  };
@@ -0,0 +1,7 @@
1
+ function a() {
2
+ for (var n, r = 0, t = "", s = arguments.length; r < s; r++) (n = arguments[r]) && typeof n == "string" && (t += (t && " ") + n);
3
+ return t;
4
+ }
5
+ export {
6
+ a as c
7
+ };
@@ -6,7 +6,7 @@ npx @digdir/designsystemet tokens create \
6
6
  --main-colors "company:#111d46" "person:#084826" \
7
7
  --neutral-color "#1E2B3C" \
8
8
  --support-colors "article:#0062ba" "alert:#d82c46" \
9
- --border-radius 4 \
9
+ --border-radius 2 \
10
10
  --theme "altinn-ds"
11
11
 
12
12
  ## Build colors