@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.
- package/dist/FieldsetLegend-Dwb3U0vQ.js +10 -0
- package/dist/Input-B_w6SBmg.js +12 -0
- package/dist/Label-DjSEhgyW.js +11 -0
- package/dist/Paragraph-CFjOkbXa.js +11 -0
- package/dist/Textarea-BBstVlPT.js +10 -0
- package/dist/altinn-ds-overrides.css +2 -2
- package/dist/altinn-ds.css +47 -101
- package/dist/assets/Button.css +1 -1
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/ButtonLabel.css +1 -1
- package/dist/assets/ComboButton.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/MenuItemLabel.css +1 -1
- package/dist/components/Bookmarks/EditableBookmark.js +31 -30
- package/dist/components/Button/Button.js +41 -43
- package/dist/components/Button/ButtonBase.js +28 -26
- package/dist/components/Button/ButtonIcon.js +3 -3
- package/dist/components/Button/ButtonLabel.js +3 -3
- package/dist/components/Button/ComboButton.js +30 -28
- package/dist/components/Button/IconButton.js +24 -25
- package/dist/components/ContextMenu/ContextMenu.js +5 -6
- package/dist/components/Dialog/DialogActions.js +22 -21
- package/dist/components/Dialog/DialogListItem.js +65 -62
- package/dist/components/DsComponents/index.js +23 -21
- package/dist/components/Forms/Checkbox.js +16 -0
- package/dist/components/Forms/CheckboxOptions.js +12 -0
- package/dist/components/Forms/Field.js +6 -0
- package/dist/components/Forms/FieldBase.js +17 -0
- package/dist/components/Forms/Fieldset.js +28 -0
- package/dist/components/Forms/FieldsetBase.js +15 -0
- package/dist/components/Forms/Input.js +14 -0
- package/dist/components/Forms/Label.js +6 -0
- package/dist/components/Forms/Legend.js +14 -0
- package/dist/components/Forms/OptionsBase.js +18 -0
- package/dist/components/Forms/Radio.js +16 -0
- package/dist/components/Forms/RadioOptions.js +12 -0
- package/dist/components/Forms/Select.js +25 -0
- package/dist/components/Forms/SelectField.js +12 -0
- package/dist/components/Forms/Switch.js +16 -0
- package/dist/components/Forms/SwitchOptions.js +12 -0
- package/dist/components/Forms/TextField.js +12 -0
- package/dist/components/Forms/Textarea.js +6 -0
- package/dist/components/Forms/TextareaField.js +12 -0
- package/dist/components/Forms/index.js +40 -0
- package/dist/components/GlobalMenu/AccountMenu.js +2 -2
- package/dist/components/GlobalMenu/GlobalMenu.js +72 -65
- package/dist/components/List/ListItem.js +15 -13
- package/dist/components/List/ListItemBase.js +18 -16
- package/dist/components/List/ListItemHeader.js +30 -30
- package/dist/components/Menu/Menu.js +42 -38
- package/dist/components/Menu/MenuItemLabel.js +10 -10
- package/dist/components/Menu/MenuItemsVirtual.js +28 -27
- package/dist/components/Page/DashboardCard.js +10 -9
- package/dist/components/Page/PageDetails.js +1 -1
- package/dist/components/Page/PageNav.js +6 -6
- package/dist/components/Toolbar/ToolbarButton.js +23 -21
- package/dist/components/Toolbar/ToolbarFilter.js +27 -26
- package/dist/components/index.js +147 -113
- package/dist/{floating-ui.react-BQwG1HOM.js → floating-ui.react-DpzNAs2N.js} +26 -31
- package/dist/{index-DcykCrjD.js → index-B7UjMwQm.js} +13 -12
- package/dist/index-Bq6w9CqA.js +81 -0
- package/dist/index.js +177 -143
- package/dist/lite-1fxw3LjI.js +7 -0
- package/dist/tokens/README.md +1 -1
- package/dist/tokens/altinn-ds.css +48 -102
- package/dist/tokens/design-tokens-build/altinn-ds.css +48 -102
- package/dist/types/fields.js +1 -0
- package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +0 -1
- package/dist/types/lib/components/Button/Button.d.ts +1 -2
- package/dist/types/lib/components/Button/Button.stories.d.ts +5 -1
- package/dist/types/lib/components/Button/ButtonBase.d.ts +3 -2
- package/dist/types/lib/components/Button/ComboButton.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -1
- package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogListItem.d.ts +1 -1
- package/dist/types/lib/components/Forms/Checkbox.d.ts +7 -0
- package/dist/types/lib/components/Forms/Checkbox.stories.d.ts +15 -0
- package/dist/types/lib/components/Forms/CheckboxOptions.d.ts +5 -0
- package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts +18 -0
- package/dist/types/lib/components/Forms/Field.d.ts +7 -0
- package/dist/types/lib/components/Forms/FieldBase.d.ts +8 -0
- package/dist/types/lib/components/Forms/Fieldset.d.ts +7 -0
- package/dist/types/lib/components/Forms/FieldsetBase.d.ts +8 -0
- package/dist/types/lib/components/Forms/Forms.stories.d.ts +7 -0
- package/dist/types/lib/components/Forms/Input.d.ts +10 -0
- package/dist/types/lib/components/Forms/Label.d.ts +7 -0
- package/dist/types/lib/components/Forms/Legend.d.ts +7 -0
- package/dist/types/lib/components/Forms/OptionsBase.d.ts +9 -0
- package/dist/types/lib/components/Forms/Radio.d.ts +7 -0
- package/dist/types/lib/components/Forms/Radio.stories.d.ts +15 -0
- package/dist/types/lib/components/Forms/RadioOptions.d.ts +6 -0
- package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts +18 -0
- package/dist/types/lib/components/Forms/Select.d.ts +9 -0
- package/dist/types/lib/components/Forms/SelectField.d.ts +8 -0
- package/dist/types/lib/components/Forms/SelectField.stories.d.ts +14 -0
- package/dist/types/lib/components/Forms/Switch.d.ts +7 -0
- package/dist/types/lib/components/Forms/Switch.stories.d.ts +15 -0
- package/dist/types/lib/components/Forms/SwitchOptions.d.ts +6 -0
- package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts +18 -0
- package/dist/types/lib/components/Forms/TextField.d.ts +6 -0
- package/dist/types/lib/components/Forms/TextField.stories.d.ts +15 -0
- package/dist/types/lib/components/Forms/Textarea.d.ts +7 -0
- package/dist/types/lib/components/Forms/TextareaField.d.ts +6 -0
- package/dist/types/lib/components/Forms/TextareaField.stories.d.ts +15 -0
- package/dist/types/lib/components/Forms/index.d.ts +19 -0
- package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +4 -2
- package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +3 -2
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +1 -1
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +3 -2
- package/dist/types/lib/components/Header/Header.stories.d.ts +1 -0
- package/dist/types/lib/components/List/ListItem.d.ts +1 -1
- package/dist/types/lib/components/List/ListItem.stories.d.ts +1 -1
- package/dist/types/lib/components/List/ListItemBase.d.ts +3 -1
- package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
- package/dist/types/lib/components/Menu/Examples.stories.d.ts +6 -6
- package/dist/types/lib/components/Menu/Menu.d.ts +3 -3
- package/dist/types/lib/components/Menu/Menu.stories.d.ts +1 -1
- package/dist/types/lib/components/Menu/MenuItems.d.ts +4 -0
- package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts +5 -1
- package/dist/types/lib/components/Page/DashboardHeader.stories.d.ts +12 -0
- package/dist/types/lib/components/Page/{Patterns.stories.d.ts → Examples.stories.d.ts} +2 -0
- package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +2 -1
- package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
- package/dist/types/lib/components/index.d.ts +1 -1
- package/dist/types/lib/types/fields.d.ts +2 -0
- package/dist/usePagination-B4GfH2GQ.js +1026 -0
- package/package.json +1 -1
- package/dist/assets/FieldBase.css +0 -1
- package/dist/assets/InputBase.css +0 -1
- package/dist/components/TextField/FieldBase.js +0 -16
- package/dist/components/TextField/InputBase.js +0 -33
- package/dist/components/TextField/TextField.js +0 -7
- package/dist/components/TextField/index.js +0 -8
- package/dist/types/lib/components/Button/Buttons.stories.d.ts +0 -18
- package/dist/types/lib/components/TextField/FieldBase.d.ts +0 -11
- package/dist/types/lib/components/TextField/InputBase.d.ts +0 -14
- package/dist/types/lib/components/TextField/TextField.d.ts +0 -7
- package/dist/types/lib/components/TextField/index.d.ts +0 -3
- 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
|
|
8
|
-
import { EditableBookmark as
|
|
9
|
-
import { BookmarksSection as
|
|
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
|
|
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
|
|
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
|
|
16
|
-
import { Byline as
|
|
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
|
|
19
|
-
import { DialogLayout as
|
|
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
|
|
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
|
|
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
|
|
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
|
|
42
|
-
import { DropdownBase as
|
|
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
|
|
45
|
-
import { DrawerHeader as
|
|
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
|
|
61
|
-
import { LocaleButton as
|
|
62
|
-
import { LocaleSwitcher as
|
|
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
|
|
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
|
|
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
|
|
69
|
-
import { LayoutBody as
|
|
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
|
|
72
|
-
import { Layout as
|
|
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
|
|
88
|
-
import { MenuItemIcon as
|
|
89
|
-
import { MenuItem as
|
|
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
|
|
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
|
|
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
|
|
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
|
|
98
|
-
import { MetaItemBase as
|
|
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
|
|
113
|
-
import { Autocomplete as
|
|
114
|
-
import { AutocompleteItem as
|
|
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
|
|
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
|
|
119
|
-
import { SnackbarColorEnum as Ht, SnackbarItem as
|
|
120
|
-
import { SnackbarDuration as
|
|
121
|
-
import { Skeleton as
|
|
122
|
-
import { Timeline as
|
|
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
|
|
138
|
-
import { PageMenu as
|
|
139
|
-
import { PageTabs as
|
|
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
|
|
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
|
|
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
|
|
146
|
-
import { BreadcrumbsLink as
|
|
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
|
|
149
|
-
import { ContactButtons as
|
|
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 {
|
|
164
|
-
import {
|
|
165
|
-
import {
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
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
|
-
|
|
204
|
+
dt as Autocomplete,
|
|
187
205
|
ct as AutocompleteBase,
|
|
188
|
-
|
|
189
|
-
|
|
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
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
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
|
-
|
|
203
|
-
|
|
204
|
-
|
|
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
|
-
|
|
207
|
-
|
|
226
|
+
Gm as ContactButtons,
|
|
227
|
+
Rm as ContactSection,
|
|
208
228
|
v as ContextMenu,
|
|
209
229
|
Km as DashboardCard,
|
|
210
230
|
jm as DashboardHeader,
|
|
211
|
-
|
|
231
|
+
R as Dialog,
|
|
212
232
|
co as DialogActions,
|
|
213
|
-
|
|
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
|
-
|
|
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
|
-
|
|
232
|
-
|
|
251
|
+
So as DialogStatus,
|
|
252
|
+
bo as DialogStatusEnum,
|
|
233
253
|
K as DialogTabs,
|
|
234
|
-
|
|
235
|
-
|
|
254
|
+
To as DialogTouchedBy,
|
|
255
|
+
Ro as DrawerBase,
|
|
236
256
|
Ko as DrawerBody,
|
|
237
257
|
jo as DrawerButton,
|
|
238
258
|
Uo as DrawerFooter,
|
|
239
|
-
|
|
259
|
+
Go as DrawerHeader,
|
|
240
260
|
qo as DrawerOrDropdown,
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
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
|
|
267
|
-
|
|
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
|
-
|
|
296
|
+
ur as HeaderButton,
|
|
274
297
|
cr as HeaderLogo,
|
|
275
298
|
_m as Heading,
|
|
276
299
|
Ir as Icon,
|
|
277
|
-
|
|
300
|
+
C as IconButton,
|
|
278
301
|
hr as IconOrAvatar,
|
|
279
|
-
|
|
280
|
-
|
|
302
|
+
Ia as Input,
|
|
303
|
+
ga as Label,
|
|
304
|
+
Gr as Layout,
|
|
281
305
|
Kr as LayoutAction,
|
|
282
|
-
|
|
283
|
-
|
|
306
|
+
Cr as LayoutBase,
|
|
307
|
+
Fr as LayoutBody,
|
|
284
308
|
vr as LayoutContent,
|
|
285
|
-
|
|
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
|
-
|
|
297
|
-
|
|
321
|
+
dr as LocaleButton,
|
|
322
|
+
gr as LocaleSwitcher,
|
|
298
323
|
mr as LogoutButton,
|
|
299
324
|
ve as Menu,
|
|
300
|
-
|
|
301
|
-
|
|
325
|
+
Ce as MenuBase,
|
|
326
|
+
Te as MenuHeader,
|
|
302
327
|
Ie as MenuInputField,
|
|
303
|
-
|
|
328
|
+
ge as MenuItem,
|
|
304
329
|
ce as MenuItemBase,
|
|
305
|
-
|
|
306
|
-
|
|
330
|
+
de as MenuItemIcon,
|
|
331
|
+
ue as MenuItemLabel,
|
|
307
332
|
he as MenuItems,
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
333
|
+
Pe as MenuList,
|
|
334
|
+
Fe as MenuListItem,
|
|
335
|
+
be as MenuOption,
|
|
311
336
|
Me as MenuSearch,
|
|
312
|
-
|
|
337
|
+
Re as MetaBase,
|
|
313
338
|
Ke as MetaItem,
|
|
314
|
-
|
|
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
|
-
|
|
348
|
+
bm as PageDetails,
|
|
323
349
|
Im as PageHeader,
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
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
|
-
|
|
367
|
+
Co as SeenByLog,
|
|
368
|
+
Ma as Select,
|
|
369
|
+
Ga as SelectField,
|
|
340
370
|
e as SizeEnum,
|
|
341
|
-
|
|
342
|
-
|
|
371
|
+
Rt as Skeleton,
|
|
372
|
+
yt as Snackbar,
|
|
343
373
|
Ht as SnackbarColorEnum,
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
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
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
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
|
};
|
package/dist/tokens/README.md
CHANGED
|
@@ -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
|
|
9
|
+
--border-radius 2 \
|
|
10
10
|
--theme "altinn-ds"
|
|
11
11
|
|
|
12
12
|
## Build colors
|