@altinn/altinn-components 0.36.3 → 0.36.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_1v4fh_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1v4fh_1[data-interactive=true]{cursor:pointer}._header_1v4fh_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1v4fh_1[data-interactive=true]:hover ._label_1v4fh_27 h2{text-decoration:underline}._header_1v4fh_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._label_1v4fh_27{flex-grow:1}._link_1v4fh_39{outline:none}._badge_1v4fh_43{pointer-events:none}._linkIcon_1v4fh_47{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_1v4fh_57{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}._link_1v4fh_39:focus-visible ._linkFocus_1v4fh_57{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_1v4fh_39:focus-visible ._linkFocus_1v4fh_57 *{--_ds--focus: }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { useId as
|
|
4
|
-
import { Icon as
|
|
2
|
+
import { c as B } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import { useId as E, isValidElement as w } from "react";
|
|
4
|
+
import { Icon as z } from "../Icon/Icon.js";
|
|
5
5
|
import { Badge as A } from "../Badge/Badge.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { ListItemLink as D } from "./ListItemLink.js";
|
|
@@ -12,7 +12,7 @@ import { ListItemSelect as V } from "./ListItemSelect.js";
|
|
|
12
12
|
import "../Snackbar/useSnackbar.js";
|
|
13
13
|
import { S as q, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
|
|
14
14
|
import { S as J } from "../../ChevronRight-BbelnTke.js";
|
|
15
|
-
import '../../assets/ListItemHeader.css';const K = "
|
|
15
|
+
import '../../assets/ListItemHeader.css';const K = "_header_1v4fh_1", M = "_label_1v4fh_27", O = "_link_1v4fh_39", P = "_badge_1v4fh_43", Q = "_linkIcon_1v4fh_47", T = "_linkFocus_1v4fh_57", t = {
|
|
16
16
|
header: K,
|
|
17
17
|
label: M,
|
|
18
18
|
link: O,
|
|
@@ -20,14 +20,14 @@ import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_labe
|
|
|
20
20
|
linkIcon: Q,
|
|
21
21
|
linkFocus: T
|
|
22
22
|
}, ce = ({
|
|
23
|
-
as:
|
|
24
|
-
interactive:
|
|
25
|
-
color:
|
|
23
|
+
as: f,
|
|
24
|
+
interactive: h = !0,
|
|
25
|
+
color: p,
|
|
26
26
|
loading: o,
|
|
27
|
-
disabled:
|
|
28
|
-
collapsible:
|
|
29
|
-
linkIcon:
|
|
30
|
-
expanded:
|
|
27
|
+
disabled: v,
|
|
28
|
+
collapsible: _,
|
|
29
|
+
linkIcon: I,
|
|
30
|
+
expanded: k,
|
|
31
31
|
select: n,
|
|
32
32
|
href: u,
|
|
33
33
|
onClick: b,
|
|
@@ -35,52 +35,52 @@ import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_labe
|
|
|
35
35
|
tabIndex: N,
|
|
36
36
|
size: a,
|
|
37
37
|
title: s,
|
|
38
|
-
description:
|
|
39
|
-
icon:
|
|
38
|
+
description: S,
|
|
39
|
+
icon: x,
|
|
40
40
|
active: l,
|
|
41
41
|
badge: r,
|
|
42
42
|
controls: c,
|
|
43
|
-
className:
|
|
44
|
-
children:
|
|
43
|
+
className: y,
|
|
44
|
+
children: C,
|
|
45
45
|
ariaLabel: m
|
|
46
46
|
}) => {
|
|
47
|
-
const d =
|
|
47
|
+
const d = _ ? k ? q : G : I ? J : void 0, F = () => r && !o && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(A, { ...r, className: t.badge }) : w(r) ? r : null, j = m !== void 0 ? m : typeof s == "string" ? s : void 0, g = E();
|
|
48
48
|
return /* @__PURE__ */ i(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
|
-
className:
|
|
52
|
-
"data-color":
|
|
53
|
-
"data-interactive":
|
|
51
|
+
className: B(t.header, y),
|
|
52
|
+
"data-color": p,
|
|
53
|
+
"data-interactive": h,
|
|
54
54
|
"data-size": a,
|
|
55
55
|
"data-has-active-child": l,
|
|
56
56
|
children: [
|
|
57
57
|
/* @__PURE__ */ i(
|
|
58
58
|
D,
|
|
59
59
|
{
|
|
60
|
-
as:
|
|
60
|
+
as: f,
|
|
61
61
|
href: u,
|
|
62
62
|
onClick: b,
|
|
63
63
|
onKeyPress: L,
|
|
64
64
|
tabIndex: N,
|
|
65
65
|
loading: o,
|
|
66
|
-
disabled:
|
|
66
|
+
disabled: v || o,
|
|
67
67
|
active: l,
|
|
68
|
-
ariaLabel:
|
|
68
|
+
ariaLabel: j,
|
|
69
69
|
className: t.link,
|
|
70
70
|
children: [
|
|
71
71
|
/* @__PURE__ */ e("div", { className: t.linkFocus, "aria-hidden": "true" }),
|
|
72
72
|
n && /* @__PURE__ */ e(V, { ...n, className: t.select }),
|
|
73
|
-
/* @__PURE__ */ e(R, { loading: o, icon:
|
|
73
|
+
/* @__PURE__ */ e(R, { loading: o, icon: x }),
|
|
74
74
|
/* @__PURE__ */ e(
|
|
75
75
|
H,
|
|
76
76
|
{
|
|
77
77
|
size: a,
|
|
78
78
|
loading: o,
|
|
79
79
|
title: s,
|
|
80
|
-
description:
|
|
81
|
-
id:
|
|
80
|
+
description: S,
|
|
81
|
+
id: g,
|
|
82
82
|
className: t.label,
|
|
83
|
-
children:
|
|
83
|
+
children: C
|
|
84
84
|
}
|
|
85
85
|
)
|
|
86
86
|
]
|
|
@@ -88,9 +88,9 @@ import '../../assets/ListItemHeader.css';const K = "_header_1689z_1", M = "_labe
|
|
|
88
88
|
),
|
|
89
89
|
/* @__PURE__ */ i(U, { className: t.controls, children: [
|
|
90
90
|
c && !o && /* @__PURE__ */ e("span", { children: c }),
|
|
91
|
-
|
|
91
|
+
F(),
|
|
92
92
|
d && /* @__PURE__ */ e("span", { className: t.linkIcon, children: /* @__PURE__ */ e(
|
|
93
|
-
|
|
93
|
+
z,
|
|
94
94
|
{
|
|
95
95
|
svgElement: d,
|
|
96
96
|
style: {
|