@altinn/altinn-components 0.55.1 → 0.55.2
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
|
+
._container_nkg1g_1{position:relative;display:inline-flex;width:100%}._icon_nkg1g_7{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_nkg1g_7>*{pointer-events:none}._icon_nkg1g_7>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_nkg1g_31{padding-left:2.25em;padding-right:2.25em}._input_nkg1g_31[type=search]::-webkit-search-decoration,._input_nkg1g_31[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_nkg1g_43[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_nkg1g_50{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_nkg1g_62[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_nkg1g_62:focus-visible{outline-offset:0;outline-width:2px}._input_nkg1g_31[data-collapsible=true]{transition:width .5s ease-in-out}._input_nkg1g_31[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_nkg1g_31[data-collapsible=true]:focus,._input_nkg1g_31[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { Icon as
|
|
1
|
+
import { jsx as t, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "../../index-p1eeF8LQ.js";
|
|
3
|
+
import { Icon as f } from "../Icon/Icon.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as g } from "../Button/Button.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import { Input as
|
|
8
|
-
import { FieldBase as
|
|
7
|
+
import { Input as u } from "./Input.js";
|
|
8
|
+
import { FieldBase as d } from "./FieldBase.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
import { S as
|
|
11
|
-
import { S as
|
|
12
|
-
import '../../assets/SearchField.css';const
|
|
13
|
-
container:
|
|
14
|
-
icon:
|
|
10
|
+
import { S as k } from "../../MagnifyingGlass-bwVhw07z.js";
|
|
11
|
+
import { S as h } from "../../XMark-tKk6aExO.js";
|
|
12
|
+
import '../../assets/SearchField.css';const B = "_container_nkg1g_1", N = "_icon_nkg1g_7", x = "_input_nkg1g_31", S = "_field_nkg1g_43", v = "_clear_nkg1g_50", y = "_clearButton_nkg1g_62", n = {
|
|
13
|
+
container: B,
|
|
14
|
+
icon: N,
|
|
15
15
|
input: x,
|
|
16
16
|
field: S,
|
|
17
|
-
clear:
|
|
18
|
-
clearButton:
|
|
17
|
+
clear: v,
|
|
18
|
+
clearButton: y
|
|
19
19
|
}, w = ({
|
|
20
|
-
className:
|
|
21
|
-
collapsible:
|
|
22
|
-
size:
|
|
20
|
+
className: r,
|
|
21
|
+
collapsible: a,
|
|
22
|
+
size: i,
|
|
23
23
|
color: c = "neutral",
|
|
24
24
|
label: s,
|
|
25
25
|
value: o,
|
|
26
|
-
onClear:
|
|
26
|
+
onClear: e,
|
|
27
27
|
clearButtonAltText: l = "Clear search",
|
|
28
28
|
...m
|
|
29
|
-
}) => /* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
29
|
+
}) => /* @__PURE__ */ t(d, { size: i, color: c, label: s, className: _(n.field, r), children: /* @__PURE__ */ p("div", { className: n.container, children: [
|
|
30
|
+
/* @__PURE__ */ t(
|
|
31
|
+
u,
|
|
32
32
|
{
|
|
33
33
|
...m,
|
|
34
34
|
type: "search",
|
|
35
35
|
value: o,
|
|
36
|
-
className:
|
|
37
|
-
"data-collapsible":
|
|
36
|
+
className: n.input,
|
|
37
|
+
"data-collapsible": a,
|
|
38
38
|
autoCapitalize: "off",
|
|
39
39
|
autoComplete: "off"
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
/* @__PURE__ */ t(f, { svgElement: k, className: n.icon }),
|
|
43
|
+
e && !!o && /* @__PURE__ */ t("span", { className: n.clear, children: /* @__PURE__ */ t(
|
|
44
|
+
g,
|
|
45
45
|
{
|
|
46
46
|
size: "xs",
|
|
47
47
|
rounded: !0,
|
|
48
48
|
icon: !0,
|
|
49
49
|
variant: "tinted",
|
|
50
|
-
className:
|
|
51
|
-
onClick:
|
|
50
|
+
className: n.clearButton,
|
|
51
|
+
onClick: e,
|
|
52
52
|
"aria-label": l,
|
|
53
|
-
children: /* @__PURE__ */
|
|
53
|
+
children: /* @__PURE__ */ t(h, {})
|
|
54
54
|
}
|
|
55
55
|
) })
|
|
56
56
|
] }) });
|