@oslokommune/punkt-react 6.0.2 → 6.0.3
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/CHANGELOG.md +18 -0
- package/dist/button/Button.d.ts +1 -0
- package/dist/punkt-react.es.js +51 -49
- package/dist/punkt-react.umd.js +5 -5
- package/package.json +3 -3
- package/src/components/button/Button.tsx +3 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [6.0.3](https://github.com/oslokommune/punkt/compare/6.0.2...6.0.3) (2023-08-30)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
Ingen
|
|
18
|
+
|
|
19
|
+
### Chores
|
|
20
|
+
* [1030](https://github.com/oslokommune/punkt/issues/1030) Button colors.
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [6.0.2](https://github.com/oslokommune/punkt/compare/6.0.1...6.0.2) (2023-08-28)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
package/dist/button/Button.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export interface IPktButton extends React.ButtonHTMLAttributes<HTMLButtonElement
|
|
|
4
4
|
secondIconName?: string;
|
|
5
5
|
mode?: 'light' | 'dark';
|
|
6
6
|
size?: 'small' | 'medium' | 'large';
|
|
7
|
+
color?: 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';
|
|
7
8
|
skin?: 'primary' | 'secondary' | 'tertiary';
|
|
8
9
|
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left';
|
|
9
10
|
state?: 'normal' | 'focus' | 'hover' | 'active';
|
package/dist/punkt-react.es.js
CHANGED
|
@@ -19,14 +19,14 @@ function bt() {
|
|
|
19
19
|
Ue = 1;
|
|
20
20
|
var n = D, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
21
21
|
function m(o, p, y) {
|
|
22
|
-
var N,
|
|
22
|
+
var N, x = {}, T = null, j = null;
|
|
23
23
|
y !== void 0 && (T = "" + y), p.key !== void 0 && (T = "" + p.key), p.ref !== void 0 && (j = p.ref);
|
|
24
24
|
for (N in p)
|
|
25
|
-
u.call(p, N) && !f.hasOwnProperty(N) && (
|
|
25
|
+
u.call(p, N) && !f.hasOwnProperty(N) && (x[N] = p[N]);
|
|
26
26
|
if (o && o.defaultProps)
|
|
27
27
|
for (N in p = o.defaultProps, p)
|
|
28
|
-
|
|
29
|
-
return { $$typeof: c, type: o, key: T, ref: j, props:
|
|
28
|
+
x[N] === void 0 && (x[N] = p[N]);
|
|
29
|
+
return { $$typeof: c, type: o, key: T, ref: j, props: x, _owner: l.current };
|
|
30
30
|
}
|
|
31
31
|
return te.Fragment = i, te.jsx = m, te.jsxs = m, te;
|
|
32
32
|
}
|
|
@@ -43,7 +43,7 @@ var re = {};
|
|
|
43
43
|
var Ve;
|
|
44
44
|
function Nt() {
|
|
45
45
|
return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
|
-
var n = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"),
|
|
46
|
+
var n = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), I = Symbol.iterator, O = "@@iterator";
|
|
47
47
|
function F(e) {
|
|
48
48
|
if (e === null || typeof e != "object")
|
|
49
49
|
return null;
|
|
@@ -51,7 +51,7 @@ function Nt() {
|
|
|
51
51
|
return typeof r == "function" ? r : null;
|
|
52
52
|
}
|
|
53
53
|
var C = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
54
|
-
function
|
|
54
|
+
function E(e) {
|
|
55
55
|
{
|
|
56
56
|
for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
|
|
57
57
|
a[d - 1] = arguments[d];
|
|
@@ -71,7 +71,7 @@ function Nt() {
|
|
|
71
71
|
var M = !1, J = !1, H = !1, W = !1, A = !1, Y;
|
|
72
72
|
Y = Symbol.for("react.module.reference");
|
|
73
73
|
function q(e) {
|
|
74
|
-
return !!(typeof e == "string" || typeof e == "function" || e === u || e === f || A || e === l || e === y || e === N || W || e === j || M || J || H || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof ===
|
|
74
|
+
return !!(typeof e == "string" || typeof e == "function" || e === u || e === f || A || e === l || e === y || e === N || W || e === j || M || J || H || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === x || e.$$typeof === m || e.$$typeof === o || e.$$typeof === p || // This needs to include all possible module reference object
|
|
75
75
|
// types supported by any Flight configuration anywhere since
|
|
76
76
|
// we don't know which Flight build this will end up being used
|
|
77
77
|
// with.
|
|
@@ -90,7 +90,7 @@ function Nt() {
|
|
|
90
90
|
function P(e) {
|
|
91
91
|
if (e == null)
|
|
92
92
|
return null;
|
|
93
|
-
if (typeof e.tag == "number" &&
|
|
93
|
+
if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
94
94
|
return e.displayName || e.name || null;
|
|
95
95
|
if (typeof e == "string")
|
|
96
96
|
return e;
|
|
@@ -118,7 +118,7 @@ function Nt() {
|
|
|
118
118
|
return k(a._context) + ".Provider";
|
|
119
119
|
case p:
|
|
120
120
|
return z(e, e.render, "ForwardRef");
|
|
121
|
-
case
|
|
121
|
+
case x:
|
|
122
122
|
var d = e.displayName || null;
|
|
123
123
|
return d !== null ? d : P(e.type) || "Memo";
|
|
124
124
|
case T: {
|
|
@@ -191,7 +191,7 @@ function Nt() {
|
|
|
191
191
|
})
|
|
192
192
|
});
|
|
193
193
|
}
|
|
194
|
-
K < 0 &&
|
|
194
|
+
K < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
var me = C.ReactCurrentDispatcher, ke;
|
|
@@ -308,7 +308,7 @@ function Nt() {
|
|
|
308
308
|
switch (e.$$typeof) {
|
|
309
309
|
case p:
|
|
310
310
|
return Ke(e.render);
|
|
311
|
-
case
|
|
311
|
+
case x:
|
|
312
312
|
return oe(e.type, r, a);
|
|
313
313
|
case T: {
|
|
314
314
|
var d = e, v = d._payload, b = d._init;
|
|
@@ -343,7 +343,7 @@ function Nt() {
|
|
|
343
343
|
} catch (w) {
|
|
344
344
|
h = w;
|
|
345
345
|
}
|
|
346
|
-
h && !(h instanceof Error) && (ie(v),
|
|
346
|
+
h && !(h instanceof Error) && (ie(v), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", a, _, typeof h), ie(null)), h instanceof Error && !(h.message in Ce) && (Ce[h.message] = !0, ie(v), E("Failed %s type: %s", a, h.message), ie(null));
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
}
|
|
@@ -369,7 +369,7 @@ function Nt() {
|
|
|
369
369
|
}
|
|
370
370
|
function Oe(e) {
|
|
371
371
|
if (tt(e))
|
|
372
|
-
return
|
|
372
|
+
return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", et(e)), Se(e);
|
|
373
373
|
}
|
|
374
374
|
var ee = C.ReactCurrentOwner, rt = {
|
|
375
375
|
key: !0,
|
|
@@ -397,13 +397,13 @@ function Nt() {
|
|
|
397
397
|
function lt(e, r) {
|
|
398
398
|
if (typeof e.ref == "string" && ee.current && r && ee.current.stateNode !== r) {
|
|
399
399
|
var a = P(ee.current.type);
|
|
400
|
-
ve[a] || (
|
|
400
|
+
ve[a] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(ee.current.type), e.ref), ve[a] = !0);
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
403
|
function ot(e, r) {
|
|
404
404
|
{
|
|
405
405
|
var a = function() {
|
|
406
|
-
$e || ($e = !0,
|
|
406
|
+
$e || ($e = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
407
407
|
};
|
|
408
408
|
a.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
409
409
|
get: a,
|
|
@@ -414,7 +414,7 @@ function Nt() {
|
|
|
414
414
|
function st(e, r) {
|
|
415
415
|
{
|
|
416
416
|
var a = function() {
|
|
417
|
-
Ie || (Ie = !0,
|
|
417
|
+
Ie || (Ie = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
418
418
|
};
|
|
419
419
|
a.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
420
420
|
get: a,
|
|
@@ -528,7 +528,7 @@ Check the top-level render call using <` + a + ">.");
|
|
|
528
528
|
return;
|
|
529
529
|
Ae[a] = !0;
|
|
530
530
|
var d = "";
|
|
531
|
-
e && e._owner && e._owner !== ge.current && (d = " It was passed a child from " + P(e._owner.type) + "."), X(e),
|
|
531
|
+
e && e._owner && e._owner !== ge.current && (d = " It was passed a child from " + P(e._owner.type) + "."), X(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, d), X(null);
|
|
532
532
|
}
|
|
533
533
|
}
|
|
534
534
|
function Me(e, r) {
|
|
@@ -560,7 +560,7 @@ Check the top-level render call using <` + a + ">.");
|
|
|
560
560
|
a = r.propTypes;
|
|
561
561
|
else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
|
|
562
562
|
// Inner props are checked in the reconciler.
|
|
563
|
-
r.$$typeof ===
|
|
563
|
+
r.$$typeof === x))
|
|
564
564
|
a = r.propTypes;
|
|
565
565
|
else
|
|
566
566
|
return;
|
|
@@ -570,9 +570,9 @@ Check the top-level render call using <` + a + ">.");
|
|
|
570
570
|
} else if (r.PropTypes !== void 0 && !be) {
|
|
571
571
|
be = !0;
|
|
572
572
|
var v = P(r);
|
|
573
|
-
|
|
573
|
+
E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
|
|
574
574
|
}
|
|
575
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved &&
|
|
575
|
+
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
578
|
function dt(e) {
|
|
@@ -580,11 +580,11 @@ Check the top-level render call using <` + a + ">.");
|
|
|
580
580
|
for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
|
|
581
581
|
var d = r[a];
|
|
582
582
|
if (d !== "children" && d !== "key") {
|
|
583
|
-
X(e),
|
|
583
|
+
X(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), X(null);
|
|
584
584
|
break;
|
|
585
585
|
}
|
|
586
586
|
}
|
|
587
|
-
e.ref !== null && (X(e),
|
|
587
|
+
e.ref !== null && (X(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
590
|
function We(e, r, a, d, v, b) {
|
|
@@ -596,7 +596,7 @@ Check the top-level render call using <` + a + ">.");
|
|
|
596
596
|
var S = ut(v);
|
|
597
597
|
S ? h += S : h += De();
|
|
598
598
|
var w;
|
|
599
|
-
e === null ? w = "null" : _e(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e,
|
|
599
|
+
e === null ? w = "null" : _e(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, h);
|
|
600
600
|
}
|
|
601
601
|
var R = ct(e, r, a, v, b);
|
|
602
602
|
if (R == null)
|
|
@@ -610,7 +610,7 @@ Check the top-level render call using <` + a + ">.");
|
|
|
610
610
|
Me($[Z], e);
|
|
611
611
|
Object.freeze && Object.freeze($);
|
|
612
612
|
} else
|
|
613
|
-
|
|
613
|
+
E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
614
614
|
else
|
|
615
615
|
Me($, e);
|
|
616
616
|
}
|
|
@@ -659,10 +659,10 @@ const g = ({ name: n, path: c, className: i = "", ...u }) => {
|
|
|
659
659
|
ariaLive: o = "polite",
|
|
660
660
|
...p
|
|
661
661
|
}, y) => {
|
|
662
|
-
const N = [c, "pkt-alert", i && `pkt-alert--${i}`].filter(Boolean).join(" "), [
|
|
662
|
+
const N = [c, "pkt-alert", i && `pkt-alert--${i}`].filter(Boolean).join(" "), [x, T] = ue(!0), j = () => {
|
|
663
663
|
T(!1), l && l();
|
|
664
664
|
};
|
|
665
|
-
return
|
|
665
|
+
return x ? /* @__PURE__ */ s("div", { ...p, className: N, "aria-live": o, ref: y, children: [
|
|
666
666
|
/* @__PURE__ */ t(
|
|
667
667
|
g,
|
|
668
668
|
{
|
|
@@ -699,16 +699,18 @@ const g = ({ name: n, path: c, className: i = "", ...u }) => {
|
|
|
699
699
|
skin: f = "primary",
|
|
700
700
|
type: m = "button",
|
|
701
701
|
variant: o = "label-only",
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
702
|
+
color: p,
|
|
703
|
+
...y
|
|
704
|
+
}, N) => {
|
|
705
|
+
const x = [
|
|
705
706
|
c,
|
|
706
707
|
"pkt-btn",
|
|
707
708
|
l && `pkt-btn--${l}`,
|
|
708
709
|
f && `pkt-btn--${f}`,
|
|
709
|
-
o && `pkt-btn--${o}
|
|
710
|
+
o && `pkt-btn--${o}`,
|
|
711
|
+
p && `pkt-btn--${p}`
|
|
710
712
|
].filter(Boolean).join(" ");
|
|
711
|
-
return /* @__PURE__ */ s("button", { ...
|
|
713
|
+
return /* @__PURE__ */ s("button", { ...y, className: x, type: m, ref: N, children: [
|
|
712
714
|
o !== "label-only" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: i }),
|
|
713
715
|
/* @__PURE__ */ t("span", { className: "pkt-btn__text", children: n }),
|
|
714
716
|
o === "icons-right-and-left" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: u })
|
|
@@ -896,7 +898,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
896
898
|
userMenuFooter: p,
|
|
897
899
|
canChangeRepresentation: y = !0,
|
|
898
900
|
showMenuButton: N = !1,
|
|
899
|
-
showLogOutButton:
|
|
901
|
+
showLogOutButton: x = !1,
|
|
900
902
|
openMenu: T,
|
|
901
903
|
logOut: j,
|
|
902
904
|
changeRepresentation: I,
|
|
@@ -906,7 +908,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
906
908
|
year: "numeric",
|
|
907
909
|
month: "long",
|
|
908
910
|
day: "numeric"
|
|
909
|
-
}) : "", [l]), [
|
|
911
|
+
}) : "", [l]), [E, Q] = D.useState(!1), [M, J] = D.useState(0), [H, W] = D.useState(!1), A = D.useRef(null);
|
|
910
912
|
D.useEffect(() => (document.addEventListener("mouseup", q), window.addEventListener("scroll", z), () => {
|
|
911
913
|
document.removeEventListener("mouseup", q), window.removeEventListener("scroll", z);
|
|
912
914
|
}));
|
|
@@ -932,7 +934,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
932
934
|
className: Ge("pkt-header", {
|
|
933
935
|
"pkt-header--fixed": i,
|
|
934
936
|
"pkt-header--scroll-to-hide": u,
|
|
935
|
-
"pkt-header--hidden":
|
|
937
|
+
"pkt-header--hidden": E
|
|
936
938
|
}),
|
|
937
939
|
ref: F,
|
|
938
940
|
children: [
|
|
@@ -964,7 +966,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
964
966
|
"li",
|
|
965
967
|
{
|
|
966
968
|
"data-testid": "usermenu",
|
|
967
|
-
className: `pkt-header--has-dropdown ${H && !
|
|
969
|
+
className: `pkt-header--has-dropdown ${H && !E ? "pkt-header--open-dropdown" : ""}`,
|
|
968
970
|
ref: A,
|
|
969
971
|
children: [
|
|
970
972
|
/* @__PURE__ */ s(
|
|
@@ -1022,7 +1024,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
1022
1024
|
}
|
|
1023
1025
|
) }) })
|
|
1024
1026
|
] }),
|
|
1025
|
-
/* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (o || !
|
|
1027
|
+
/* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (o || !x) && /* @__PURE__ */ s(V, { children: [
|
|
1026
1028
|
o == null ? void 0 : o.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
|
|
1027
1029
|
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1028
1030
|
k.title
|
|
@@ -1030,7 +1032,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
1030
1032
|
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1031
1033
|
k.title
|
|
1032
1034
|
] }) }, `userOptions-${P}`)),
|
|
1033
|
-
!
|
|
1035
|
+
!x && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: j, children: [
|
|
1034
1036
|
/* @__PURE__ */ t(g, { name: "exit", className: "pkt-link__icon" }),
|
|
1035
1037
|
"Logg ut"
|
|
1036
1038
|
] }) })
|
|
@@ -1040,7 +1042,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
1040
1042
|
]
|
|
1041
1043
|
}
|
|
1042
1044
|
),
|
|
1043
|
-
|
|
1045
|
+
x && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
|
|
1044
1046
|
ce,
|
|
1045
1047
|
{
|
|
1046
1048
|
className: "pkt-header__user-btn pkt-header__user-btn-logout",
|
|
@@ -1146,7 +1148,7 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1146
1148
|
onClick: y = () => {
|
|
1147
1149
|
}
|
|
1148
1150
|
}, N) => {
|
|
1149
|
-
const [
|
|
1151
|
+
const [x, T] = ue(!1), j = (C) => {
|
|
1150
1152
|
T(!0), y(C);
|
|
1151
1153
|
}, I = [
|
|
1152
1154
|
"pkt-tag",
|
|
@@ -1164,7 +1166,7 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1164
1166
|
m && f ? "pkt-btn--icons-right-and-left" : null,
|
|
1165
1167
|
f && !m ? "pkt-btn--icon-right" : null,
|
|
1166
1168
|
c
|
|
1167
|
-
].filter(Boolean).join(" "), F = !
|
|
1169
|
+
].filter(Boolean).join(" "), F = !x;
|
|
1168
1170
|
return f && m ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
|
|
1169
1171
|
"button",
|
|
1170
1172
|
{
|
|
@@ -1218,14 +1220,14 @@ const Wt = B(
|
|
|
1218
1220
|
required: p = !1,
|
|
1219
1221
|
hasError: y = !1,
|
|
1220
1222
|
errorMessage: N,
|
|
1221
|
-
placeholder:
|
|
1223
|
+
placeholder: x,
|
|
1222
1224
|
type: T = "text",
|
|
1223
1225
|
autocomplete: j = "off",
|
|
1224
1226
|
value: I,
|
|
1225
1227
|
suffix: O,
|
|
1226
1228
|
prefix: F,
|
|
1227
1229
|
iconNameRight: C,
|
|
1228
|
-
disabled:
|
|
1230
|
+
disabled: E = !1,
|
|
1229
1231
|
inline: Q = !1,
|
|
1230
1232
|
ariaLabelledby: M,
|
|
1231
1233
|
ariaDescribedby: J,
|
|
@@ -1234,7 +1236,7 @@ const Wt = B(
|
|
|
1234
1236
|
}, A) => {
|
|
1235
1237
|
const [Y, q] = ue(!1), z = () => {
|
|
1236
1238
|
q(!Y);
|
|
1237
|
-
}, k = () => o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : p ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", P = o ? "Valgfritt" : p ? "Må fylles ut" : "", ae = [H, "pkt-textinput",
|
|
1239
|
+
}, k = () => o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : p ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", P = o ? "Valgfritt" : p ? "Må fylles ut" : "", ae = [H, "pkt-textinput", E ? "pkt-textinput--disabled" : "", Q ? "pkt-textinput--inline" : "", y ? "pkt-textinput--error" : ""].join(
|
|
1238
1240
|
" "
|
|
1239
1241
|
), G = !!f && f !== "";
|
|
1240
1242
|
return /* @__PURE__ */ s("div", { className: ae, children: [
|
|
@@ -1293,10 +1295,10 @@ const Wt = B(
|
|
|
1293
1295
|
type: T,
|
|
1294
1296
|
name: i || n,
|
|
1295
1297
|
id: n,
|
|
1296
|
-
placeholder:
|
|
1298
|
+
placeholder: x,
|
|
1297
1299
|
autoComplete: j,
|
|
1298
1300
|
value: I,
|
|
1299
|
-
disabled:
|
|
1301
|
+
disabled: E,
|
|
1300
1302
|
"aria-required": p,
|
|
1301
1303
|
"aria-invalid": y,
|
|
1302
1304
|
"aria-labelledby": M,
|
|
@@ -1313,10 +1315,10 @@ const Wt = B(
|
|
|
1313
1315
|
type: T,
|
|
1314
1316
|
name: i || n,
|
|
1315
1317
|
id: n,
|
|
1316
|
-
placeholder:
|
|
1318
|
+
placeholder: x,
|
|
1317
1319
|
autoComplete: j,
|
|
1318
1320
|
value: I,
|
|
1319
|
-
disabled:
|
|
1321
|
+
disabled: E,
|
|
1320
1322
|
"aria-required": p,
|
|
1321
1323
|
"aria-invalid": y,
|
|
1322
1324
|
"aria-labelledby": M,
|
|
@@ -1337,10 +1339,10 @@ const Wt = B(
|
|
|
1337
1339
|
type: T,
|
|
1338
1340
|
name: i || n,
|
|
1339
1341
|
id: n,
|
|
1340
|
-
placeholder:
|
|
1342
|
+
placeholder: x,
|
|
1341
1343
|
autoComplete: j,
|
|
1342
1344
|
value: I,
|
|
1343
|
-
disabled:
|
|
1345
|
+
disabled: E,
|
|
1344
1346
|
"aria-required": p,
|
|
1345
1347
|
"aria-invalid": y,
|
|
1346
1348
|
"aria-labelledby": M,
|
package/dist/punkt-react.umd.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Pe;function Ze(){if(Pe)return Q;Pe=1;var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function m(o,p,E){var y,
|
|
9
|
+
*/var Pe;function Ze(){if(Pe)return Q;Pe=1;var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function m(o,p,E){var y,P={},S=null,O=null;E!==void 0&&(S=""+E),p.key!==void 0&&(S=""+p.key),p.ref!==void 0&&(O=p.ref);for(y in p)u.call(p,y)&&!f.hasOwnProperty(y)&&(P[y]=p[y]);if(o&&o.defaultProps)for(y in p=o.defaultProps,p)P[y]===void 0&&(P[y]=p[y]);return{$$typeof:c,type:o,key:S,ref:O,props:P,_owner:l.current}}return Q.Fragment=s,Q.jsx=m,Q.jsxs=m,Q}var ee={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var xe;function Qe(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),o=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),
|
|
17
|
+
*/var xe;function Qe(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),o=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),D=Symbol.iterator,I="@@iterator";function A(e){if(e===null||typeof e!="object")return null;var r=D&&e[D]||e[I];return typeof r=="function"?r:null}var j=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),d=1;d<r;d++)n[d-1]=arguments[d];re("error",e,n)}}function re(e,r,n){{var d=j.ReactDebugCurrentFrame,v=d.getStackAddendum();v!==""&&(r+="%s",n=n.concat([v]));var N=n.map(function(_){return String(_)});N.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,N)}}var Y=!1,q=!1,H=!1,U=!1,L=!1,B;B=Symbol.for("react.module.reference");function J(e){return!!(typeof e=="string"||typeof e=="function"||e===u||e===f||L||e===l||e===E||e===y||U||e===O||Y||q||H||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===P||e.$$typeof===m||e.$$typeof===o||e.$$typeof===p||e.$$typeof===B||e.getModuleId!==void 0))}function z(e,r,n){var d=e.displayName;if(d)return d;var v=r.displayName||r.name||"";return v!==""?n+"("+v+")":n}function k(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case s:return"Portal";case f:return"Profiler";case l:return"StrictMode";case E:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case o:var r=e;return k(r)+".Consumer";case m:var n=e;return k(n._context)+".Provider";case p:return z(e,e.render,"ForwardRef");case P:var d=e.displayName||null;return d!==null?d:C(e.type)||"Memo";case S:{var v=e,N=v._payload,_=v._init;try{return C(_(N))}catch{return null}}}return null}var V=Object.assign,K=0,me,ae,G,ke,he,Ie,Fe;function De(){}De.__reactDisabledLog=!0;function dt(){{if(K===0){me=console.log,ae=console.info,G=console.warn,ke=console.error,he=console.group,Ie=console.groupCollapsed,Fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:De,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}K++}}function mt(){{if(K--,K===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},e,{value:me}),info:V({},e,{value:ae}),warn:V({},e,{value:G}),error:V({},e,{value:ke}),group:V({},e,{value:he}),groupCollapsed:V({},e,{value:Ie}),groupEnd:V({},e,{value:Fe})})}K<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var _e=j.ReactCurrentDispatcher,ve;function le(e,r,n){{if(ve===void 0)try{throw Error()}catch(v){var d=v.stack.trim().match(/\n( *(at )?)/);ve=d&&d[1]||""}return`
|
|
18
18
|
`+ve+e}}var ge=!1,oe;{var kt=typeof WeakMap=="function"?WeakMap:Map;oe=new kt}function Ae(e,r){if(!e||ge)return"";{var n=oe.get(e);if(n!==void 0)return n}var d;ge=!0;var v=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var N;N=_e.current,_e.current=null,dt();try{if(r){var _=function(){throw Error()};if(Object.defineProperty(_.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(_,[])}catch(M){d=M}Reflect.construct(e,[],_)}else{try{_.call()}catch(M){d=M}e.call(_.prototype)}}else{try{throw Error()}catch(M){d=M}e()}}catch(M){if(M&&d&&typeof M.stack=="string"){for(var h=M.stack.split(`
|
|
19
19
|
`),$=d.stack.split(`
|
|
20
20
|
`),T=h.length-1,R=$.length-1;T>=1&&R>=0&&h[T]!==$[R];)R--;for(;T>=1&&R>=0;T--,R--)if(h[T]!==$[R]){if(T!==1||R!==1)do if(T--,R--,R<0||h[T]!==$[R]){var F=`
|
|
21
|
-
`+h[T].replace(" at new "," at ");return e.displayName&&F.includes("<anonymous>")&&(F=F.replace("<anonymous>",e.displayName)),typeof e=="function"&&oe.set(e,F),F}while(T>=1&&R>=0);break}}}finally{ge=!1,_e.current=N,mt(),Error.prepareStackTrace=v}var Z=e?e.displayName||e.name:"",Ke=Z?le(Z):"";return typeof e=="function"&&oe.set(e,Ke),Ke}function ht(e,r,n){return Ae(e,!1)}function _t(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ie(e,r,n){if(e==null)return"";if(typeof e=="function")return Ae(e,_t(e));if(typeof e=="string")return le(e);switch(e){case E:return le("Suspense");case y:return le("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return ht(e.render);case
|
|
21
|
+
`+h[T].replace(" at new "," at ");return e.displayName&&F.includes("<anonymous>")&&(F=F.replace("<anonymous>",e.displayName)),typeof e=="function"&&oe.set(e,F),F}while(T>=1&&R>=0);break}}}finally{ge=!1,_e.current=N,mt(),Error.prepareStackTrace=v}var Z=e?e.displayName||e.name:"",Ke=Z?le(Z):"";return typeof e=="function"&&oe.set(e,Ke),Ke}function ht(e,r,n){return Ae(e,!1)}function _t(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ie(e,r,n){if(e==null)return"";if(typeof e=="function")return Ae(e,_t(e));if(typeof e=="string")return le(e);switch(e){case E:return le("Suspense");case y:return le("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return ht(e.render);case P:return ie(e.type,r,n);case S:{var d=e,v=d._payload,N=d._init;try{return ie(N(v),r,n)}catch{}}}return""}var se=Object.prototype.hasOwnProperty,Le={},Me=j.ReactDebugCurrentFrame;function ce(e){if(e){var r=e._owner,n=ie(e.type,e._source,r?r.type:null);Me.setExtraStackFrame(n)}else Me.setExtraStackFrame(null)}function vt(e,r,n,d,v){{var N=Function.call.bind(se);for(var _ in e)if(N(e,_)){var h=void 0;try{if(typeof e[_]!="function"){var $=Error((d||"React class")+": "+n+" type `"+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[_]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw $.name="Invariant Violation",$}h=e[_](r,_,d,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){h=T}h&&!(h instanceof Error)&&(ce(v),x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",d||"React class",n,_,typeof h),ce(null)),h instanceof Error&&!(h.message in Le)&&(Le[h.message]=!0,ce(v),x("Failed %s type: %s",n,h.message),ce(null))}}}var gt=Array.isArray;function be(e){return gt(e)}function bt(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Nt(e){try{return We(e),!1}catch{return!0}}function We(e){return""+e}function Ye(e){if(Nt(e))return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",bt(e)),We(e)}var ne=j.ReactCurrentOwner,yt={key:!0,ref:!0,__self:!0,__source:!0},Ue,Be,Ne;Ne={};function wt(e){if(se.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Et(e){if(se.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Pt(e,r){if(typeof e.ref=="string"&&ne.current&&r&&ne.current.stateNode!==r){var n=C(ne.current.type);Ne[n]||(x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(ne.current.type),e.ref),Ne[n]=!0)}}function xt(e,r){{var n=function(){Ue||(Ue=!0,x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Tt(e,r){{var n=function(){Be||(Be=!0,x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var Rt=function(e,r,n,d,v,N,_){var h={$$typeof:c,type:e,key:r,ref:n,props:_,_owner:N};return h._store={},Object.defineProperty(h._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(h,"_self",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.defineProperty(h,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(h.props),Object.freeze(h)),h};function Ct(e,r,n,d,v){{var N,_={},h=null,$=null;n!==void 0&&(Ye(n),h=""+n),Et(r)&&(Ye(r.key),h=""+r.key),wt(r)&&($=r.ref,Pt(r,v));for(N in r)se.call(r,N)&&!yt.hasOwnProperty(N)&&(_[N]=r[N]);if(e&&e.defaultProps){var T=e.defaultProps;for(N in T)_[N]===void 0&&(_[N]=T[N])}if(h||$){var R=typeof e=="function"?e.displayName||e.name||"Unknown":e;h&&xt(_,R),$&&Tt(_,R)}return Rt(e,h,$,v,d,ne.current,_)}}var ye=j.ReactCurrentOwner,Ve=j.ReactDebugCurrentFrame;function X(e){if(e){var r=e._owner,n=ie(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(n)}else Ve.setExtraStackFrame(null)}var we;we=!1;function Ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===c}function He(){{if(ye.current){var e=C(ye.current.type);if(e)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+e+"`."}return""}}function St(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),n=e.lineNumber;return`
|
|
24
24
|
|
|
25
25
|
Check your code at `+r+":"+n+"."}return""}}var Ge={};function jt(e){{var r=He();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
|
|
26
26
|
|
|
27
|
-
Check the top-level render call using <`+n+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=jt(r);if(Ge[n])return;Ge[n]=!0;var d="";e&&e._owner&&e._owner!==ye.current&&(d=" It was passed a child from "+C(e._owner.type)+"."),X(e),
|
|
27
|
+
Check the top-level render call using <`+n+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=jt(r);if(Ge[n])return;Ge[n]=!0;var d="";e&&e._owner&&e._owner!==ye.current&&(d=" It was passed a child from "+C(e._owner.type)+"."),X(e),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,d),X(null)}}function Je(e,r){{if(typeof e!="object")return;if(be(e))for(var n=0;n<e.length;n++){var d=e[n];Ee(d)&&qe(d,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var v=A(e);if(typeof v=="function"&&v!==e.entries)for(var N=v.call(e),_;!(_=N.next()).done;)Ee(_.value)&&qe(_.value,r)}}}function Ot(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===P))n=r.propTypes;else return;if(n){var d=C(r);vt(n,e.props,"prop",d,e)}else if(r.PropTypes!==void 0&&!we){we=!0;var v=C(r);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $t(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var d=r[n];if(d!=="children"&&d!=="key"){X(e),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",d),X(null);break}}e.ref!==null&&(X(e),x("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}function ze(e,r,n,d,v,N){{var _=J(e);if(!_){var h="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(h+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var $=St(v);$?h+=$:h+=He();var T;e===null?T="null":be(e)?T="array":e!==void 0&&e.$$typeof===c?(T="<"+(C(e.type)||"Unknown")+" />",h=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,h)}var R=Ct(e,r,n,v,N);if(R==null)return R;if(_){var F=r.children;if(F!==void 0)if(d)if(be(F)){for(var Z=0;Z<F.length;Z++)Je(F[Z],e);Object.freeze&&Object.freeze(F)}else x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Je(F,e)}return e===u?$t(R):Ot(R),R}}function It(e,r,n){return ze(e,r,n,!0)}function Ft(e,r,n){return ze(e,r,n,!1)}var Dt=Ft,At=It;ee.Fragment=u,ee.jsx=Dt,ee.jsxs=At}()),ee}process.env.NODE_ENV==="production"?ue.exports=Ze():ue.exports=Qe();var fe=ue.exports;const W=fe.Fragment,t=fe.jsx,i=fe.jsxs,pe={},et='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function tt(a,c){return!pe[a]&&typeof window.fetch=="function"&&(pe[a]=window.fetch(c+a+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+c+a+".svg"),et)).then(s=>s)),Promise.resolve(pe[a])}const g=({name:a,path:c,className:s="",...u})=>{const l="https://punkt-cdn.oslo.kommune.no/6.0/icons/",[f,m]=b.useState(null);return b.useEffect(()=>{if(!a)return;tt(a,c||l).then(p=>m(p))},[a,c,l]),f?t("span",{className:`pkt-icon ${s}`,dangerouslySetInnerHTML:{__html:f},...u}):null},de=b.forwardRef(({children:a,className:c,skin:s="info",closeAlert:u=!1,onClose:l,title:f,date:m,ariaLive:o="polite",...p},E)=>{const y=[c,"pkt-alert",s&&`pkt-alert--${s}`].filter(Boolean).join(" "),[P,S]=b.useState(!0),O=()=>{S(!1),l&&l()};return P?i("div",{...p,className:y,"aria-live":o,ref:E,children:[t(g,{className:"pkt-alert__icon",name:s==="info"?"alert-information":`alert-${s}`}),u&&t("div",{className:"pkt-alert__close",children:t("button",{type:"button",className:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",tabIndex:0,"aria-label":"close",onClick:O,children:t(g,{name:"close",className:"pkt-btn__icon","aria-hidden":"true"})})}),f&&t("div",{className:"pkt-alert__title",children:f}),t("div",{className:"pkt-alert__text",children:a}),m&&i("div",{className:"pkt-alert__date",children:["Sist oppdatert: ",m]})]}):null}),te=b.forwardRef(({children:a,className:c,iconName:s="user",secondIconName:u="user",size:l="medium",skin:f="primary",type:m="button",variant:o="label-only",color:p,...E},y)=>{const P=[c,"pkt-btn",l&&`pkt-btn--${l}`,f&&`pkt-btn--${f}`,o&&`pkt-btn--${o}`,p&&`pkt-btn--${p}`].filter(Boolean).join(" ");return i("button",{...E,className:P,type:m,ref:y,children:[o!=="label-only"&&t(g,{className:"pkt-btn__icon",name:s}),t("span",{className:"pkt-btn__text",children:a}),o==="icons-right-and-left"&&t(g,{className:"pkt-btn__icon",name:u})]})});te.displayName="PktButton";const rt=({columnOne:a,columnTwo:c,socialLinks:s,className:u})=>{var f,m;const l=[u,"pkt-footer"].filter(Boolean).join(" ");return t("footer",{className:l,"data-mode":"dark",children:i("div",{className:"pkt-footer__container",children:[i("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:a.title}),i("ul",{className:"pkt-footer__list",children:[a.text&&t("li",{className:"pkt-footer__text",children:a.text}),(f=a.links)==null?void 0:f.map((o,p)=>t("li",{className:"pkt-footer__list-item",children:i("a",{className:`pkt-footer__link ${o.external?"pkt-link--external":""}`,href:o.href,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:[t(g,{className:"pkt-footer__link-icon",name:"chevron-right"}),o.text]})},`links-${p}`))]})]}),i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:c.title}),i("ul",{className:"pkt-footer__list",children:[c.text&&t("li",{className:"pkt-footer__text",children:c.text}),(m=c.links)==null?void 0:m.map((o,p)=>t("li",{className:"pkt-footer__list-item",children:i("a",{className:`pkt-footer__link ${o.external?"pkt-link--external":""}`,href:o.href,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:[t(g,{className:"pkt-footer__link-icon",name:"chevron-right"}),o.text]})},`links-${p}`))]})]}),i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),i("ul",{className:"pkt-footer__list",children:[t("li",{className:"pkt-footer__list-item",children:i("a",{className:"pkt-footer__link",href:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",children:[t(g,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),t("li",{className:"pkt-footer__list-item",children:i("a",{className:"pkt-footer__link",href:"https://www.oslo.kommune.no/tilgjengelighet/",children:[t(g,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})]})]}),s&&i("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[t("div",{className:"pkt-footer__social-languages",children:s.filter(o=>o.language).map((o,p)=>t("div",{className:"pkt-footer__social-language",children:t("a",{href:o.href,"aria-label":`til ${o.language} versjon av nettsiden`,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:o.language})},`sociallinks-language-${p}`))}),t("div",{className:"pkt-footer__social-icons",children:s.filter(o=>o.iconName).map((o,p)=>t(b.Fragment,{children:t("a",{href:o.href,"aria-label":`til ${o.iconName}`,className:"pkt-footer__social-icon-link",target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:t(g,{className:"pkt-footer__social-icon",name:o.iconName})})},`sociallinks-${p}`))})]})]})})},nt=({links:a=[],className:c})=>{const s=[c,"pkt-footer-simple"].filter(Boolean).join(" ");return t("footer",{className:s,"data-mode":"dark",children:t("div",{className:"pkt-footer-simple__container",children:i("ul",{className:"pkt-footer-simple__list",children:[a.map((u,l)=>t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:`pkt-footer-simple__link ${u.external?" pkt-link--external":""}`,href:u.href,target:u.openInNewTab?"_blank":"_self",rel:u.openInNewTab?"noopener noreferrer":void 0,children:[t(g,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),u.text]})},l)),t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:"pkt-footer-simple__link",href:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",children:[t(g,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:"pkt-footer-simple__link",href:"https://www.oslo.kommune.no/tilgjengelighet/",children:[t(g,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})})})};var Te={exports:{}};/*!
|
|
28
28
|
Copyright (c) 2018 Jed Watson.
|
|
29
29
|
Licensed under the MIT License (MIT), see
|
|
30
30
|
http://jedwatson.github.io/classnames
|
|
31
|
-
*/(function(a){(function(){var c={}.hasOwnProperty;function s(){for(var u=[],l=0;l<arguments.length;l++){var f=arguments[l];if(f){var m=typeof f;if(m==="string"||m==="number")u.push(f);else if(Array.isArray(f)){if(f.length){var o=s.apply(null,f);o&&u.push(o)}}else if(m==="object"){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){u.push(f.toString());continue}for(var p in f)c.call(f,p)&&f[p]&&u.push(p)}}}return u.join(" ")}a.exports?(s.default=s,a.exports=s):window.classNames=s})()})(Te);var at=Te.exports;const Re=Xe(at),lt=b.forwardRef(({logoLink:a="https://www.oslo.kommune.no/",serviceName:c,fixed:s=!0,scrollToHide:u=!0,user:l,userMenu:f,representing:m,userOptions:o,userMenuFooter:p,canChangeRepresentation:E=!0,showMenuButton:y=!1,showLogOutButton:x=!1,openMenu:S,logOut:O,changeRepresentation:D,...I},A)=>{const j=b.useMemo(()=>typeof(l==null?void 0:l.lastLoggedIn)=="string"?l.lastLoggedIn:l!=null&&l.lastLoggedIn?new Date(l.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[l]),[P,re]=b.useState(!1),[Y,q]=b.useState(0),[H,U]=b.useState(!1),L=b.useRef(null);b.useEffect(()=>(document.addEventListener("mouseup",J),window.addEventListener("scroll",z),()=>{document.removeEventListener("mouseup",J),window.removeEventListener("scroll",z)}));const B=()=>{U(!H)},J=k=>{L.current&&!L.current.contains(k.target)&&U(!1)},z=()=>{if(u){const k=window.pageYOffset||document.documentElement.scrollTop;if(k<0||Math.abs(k-Y)<60)return;re(k>Y),q(k)}};return i("header",{...I,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Re("pkt-header",{"pkt-header--fixed":s,"pkt-header--scroll-to-hide":u,"pkt-header--hidden":P}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:a,children:t(g,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}),t("span",{className:"pkt-header__logo-service",children:c})]}),t("nav",{className:"pkt-header__actions",children:i("ul",{className:"pkt-header__actions-row",children:[y&&t("li",{children:t(te,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:S,children:"Meny"})}),(l||m)&&i("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${H&&!P?"pkt-header--open-dropdown":""}`,ref:L,children:[i("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":H,onClick:B,children:[t(g,{name:"user",className:"pkt-btn__icon"}),t("span",{className:"pkt-header__user-fullname",children:(m==null?void 0:m.name)||(l==null?void 0:l.name)}),t("span",{className:"pkt-header__user-shortname",children:(m==null?void 0:m.shortname)||(l==null?void 0:l.shortname)}),t(g,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(g,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),i("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[l&&i("li",{children:[t("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),t("div",{className:"pkt-user-menu__name",children:l.name}),l.lastLoggedIn&&i("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",t("time",{children:j})]})]}),f&&t("li",{children:t("ul",{className:"pkt-list",children:f.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userMenu-${C}`))})}),(m||E)&&i("li",{children:[m&&i(W,{children:[t("div",{className:"pkt-user-menu__label",children:"Representerer"}),t("div",{className:"pkt-user-menu__name",children:m.name}),m.orgNumber&&i("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",m.orgNumber]})]}),t("ul",{className:"pkt-list mt-size-16",children:E&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:D,children:[t(g,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!x)&&i(W,{children:[o==null?void 0:o.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!x&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:O,children:[t(g,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),p&&t("li",{className:"footer",children:t("ul",{className:"pkt-list-horizontal bordered",children:p.map((k,C)=>t("li",{children:typeof k.target=="string"?t("a",{href:k.target,className:"pkt-link",children:k.title}):t("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:k.title})},`userMenuFooter-${C}`))})})]})]}),x&&t("li",{children:t(te,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:O,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),Ce=b.forwardRef(({label:a,id:c,children:s,...u},l)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:c,className:"pkt-form-label",children:a}),t("input",{className:"pkt-form-input",id:c,...u,ref:l}),s]}));Ce.displayName="PktInput";const Se=b.forwardRef(({children:a,className:c,iconName:s="user",openInNewTab:u=!1,skin:l="normal",href:f="#",external:m=!1,title:o},p)=>{const E=[c,"pkt-linkcard",l&&`pkt-linkcard--${l}`].filter(Boolean).join(" ");return i("a",{href:f,className:`pkt-linkcard pkt-link ${E}`,target:u?"_blank":"_self",rel:u?"noopener noreferrer":void 0,ref:p,children:[t(g,{className:"pkt-link__icon",name:s}),i("div",{className:"pkt-linkcard__content",children:[t("div",{className:`pkt-linkcard__title ${m?"pkt-link pkt-link--external":""}`,children:o}),t("div",{className:"pkt-linkcard__text",children:a})]})]})});Se.displayName="PktLinkCard";const ot=({children:a,skin:c="beige",title:s,...u})=>{const l=["pkt-messagebox",c&&`pkt-messagebox--${c}`].filter(Boolean).join(" ");return i("div",{...u,className:l,children:[t("div",{className:"pkt-messagebox__title",children:s}),t("div",{className:"pkt-messagebox__text",children:a})]})},je=b.forwardRef(({id:a,name:c,label:s,value:u,...l},f)=>i("div",{className:"pkt-form-group",children:[t("input",{type:"radio",className:"pkt-form-check-input",id:a,name:c,value:u,ref:f,...l}),t("label",{className:"pkt-form-label",htmlFor:a,children:s})]}));je.displayName="PktRadio";const it=({label:a,children:c})=>i(W,{children:[t("p",{children:a}),t("div",{className:"pkt-form-group",children:c})]}),st=({isResponsive:a,children:c})=>a?t("div",{className:"pkt-table-container",children:c}):t(W,{children:c}),ct=({isResponsive:a,modifiers:{info:c=!1,success:s=!1,strong:u=!1,shadow:l=!1}={},children:f})=>t(st,{isResponsive:a,children:t("table",{className:Re("pkt-table",{"pkt-table--info":c,"pkt-table--success":s,"pkt-table--strong":u,"pkt-table--shadow":l}),children:f})}),ut=({children:a})=>t("td",{className:"pkt-table__th",children:a}),ft=({children:a})=>t("th",{className:"pkt-table__th",children:a}),Oe=b.forwardRef(({children:a,className:c,skin:s="blue",textStyle:u="normal-text",size:l="medium",closeTag:f=!1,iconName:m="",type:o="button",ariaLabel:p="close",onClick:E=()=>{}},y)=>{const[x,S]=b.useState(!1),O=j=>{S(!0),E(j)},D=["pkt-tag",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,c].filter(Boolean).join(" "),I=["pkt-tag","pkt-btn","pkt-btn--tertiary",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,m&&f?"pkt-btn--icons-right-and-left":null,f&&!m?"pkt-btn--icon-right":null,c].filter(Boolean).join(" "),A=!x;return f&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__icon",name:m}),a,t(g,{className:"pkt-tag__close-btn",name:"close"})]})}):f?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__close-btn",name:"close"}),a]})}):m?i("span",{className:D,children:[t(g,{className:"pkt-tag__icon",name:m}),a]}):t("span",{className:D,children:a})});Oe.displayName="PktTag";const $e=b.forwardRef(({id:a,label:c,...s},u)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:a,className:"pkt-form-label",children:c}),t("textarea",{className:"pkt-form-textarea",id:a,ref:u,...s})]}));$e.displayName="PktTextarea";const pt=b.forwardRef(({id:a,label:c,name:s,srOnlyLabel:u=!1,helptext:l,helptextDropdown:f,helptextDropdownButton:m,optional:o=!1,required:p=!1,hasError:E=!1,errorMessage:y,placeholder:x,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:P=!1,inline:re=!1,ariaLabelledby:Y,ariaDescribedby:q,className:H,...U},L)=>{const[B,J]=b.useState(!1),z=()=>{J(!B)},k=()=>o?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":p?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":"",C=o?"Valgfritt":p?"Må fylles ut":"",ae=[H,"pkt-textinput",P?"pkt-textinput--disabled":"",re?"pkt-textinput--inline":"",E?"pkt-textinput--error":""].join(" "),G=!!f&&f!=="";return i("div",{className:ae,children:[i(G?"div":"label",{htmlFor:a,className:`pkt-textinput__label ${u?"pkt-sr-only":""}`,"aria-describedby":G?"":q,children:[i(G?"h2":"span",{children:[c,C!==""&&t("span",{className:k(),children:C})]}),l&&t("div",{className:"pkt-textinput__helptext",children:l}),G&&i(W,{children:[t(te,{skin:"tertiary",size:"small",variant:"icon-right",iconName:B?"chevron-thin-up":"chevron-thin-down",className:"pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",onClick:z,children:m||i(W,{children:["Les mer ",t("span",{className:"pkt-sr-only",children:"om inputfeltet"})]})}),t("div",{className:`pkt-textinput__helptext ${B?"pkt-textinput__helptext-expandable-open":"pkt-textinput__helptext-expandable-closed"}`,children:t(de,{children:f})}),t("label",{htmlFor:a,className:"pkt-textinput__label pkt-sr-only","aria-describedby":q,children:c})]}),A&&i("div",{className:"pkt-textinput__input-prefix-wrapper",children:[t("div",{className:"pkt-textinput__input-prefix",children:A}),t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),!A&&(I||j)&&i("div",{className:"pkt-textinput__input-suffix-wrapper",children:[t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(g,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(g,{className:"pkt-textinput__input-icon",name:j})]}),!A&&!I&&!j&&!f&&t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),E&&t(de,{skin:"error","aria-live":"assertive",children:y})]})});w.PktAlert=de,w.PktButton=te,w.PktFooter=rt,w.PktFooterSimple=nt,w.PktHeader=lt,w.PktIcon=g,w.PktInput=Ce,w.PktLinkCard=Se,w.PktMessagebox=ot,w.PktRadio=je,w.PktRadioGroup=it,w.PktTable=ct,w.PktTableData=ut,w.PktTableHeader=ft,w.PktTag=Oe,w.PktTextarea=$e,w.PktTextinput=pt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
|
31
|
+
*/(function(a){(function(){var c={}.hasOwnProperty;function s(){for(var u=[],l=0;l<arguments.length;l++){var f=arguments[l];if(f){var m=typeof f;if(m==="string"||m==="number")u.push(f);else if(Array.isArray(f)){if(f.length){var o=s.apply(null,f);o&&u.push(o)}}else if(m==="object"){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){u.push(f.toString());continue}for(var p in f)c.call(f,p)&&f[p]&&u.push(p)}}}return u.join(" ")}a.exports?(s.default=s,a.exports=s):window.classNames=s})()})(Te);var at=Te.exports;const Re=Xe(at),lt=b.forwardRef(({logoLink:a="https://www.oslo.kommune.no/",serviceName:c,fixed:s=!0,scrollToHide:u=!0,user:l,userMenu:f,representing:m,userOptions:o,userMenuFooter:p,canChangeRepresentation:E=!0,showMenuButton:y=!1,showLogOutButton:P=!1,openMenu:S,logOut:O,changeRepresentation:D,...I},A)=>{const j=b.useMemo(()=>typeof(l==null?void 0:l.lastLoggedIn)=="string"?l.lastLoggedIn:l!=null&&l.lastLoggedIn?new Date(l.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[l]),[x,re]=b.useState(!1),[Y,q]=b.useState(0),[H,U]=b.useState(!1),L=b.useRef(null);b.useEffect(()=>(document.addEventListener("mouseup",J),window.addEventListener("scroll",z),()=>{document.removeEventListener("mouseup",J),window.removeEventListener("scroll",z)}));const B=()=>{U(!H)},J=k=>{L.current&&!L.current.contains(k.target)&&U(!1)},z=()=>{if(u){const k=window.pageYOffset||document.documentElement.scrollTop;if(k<0||Math.abs(k-Y)<60)return;re(k>Y),q(k)}};return i("header",{...I,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Re("pkt-header",{"pkt-header--fixed":s,"pkt-header--scroll-to-hide":u,"pkt-header--hidden":x}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:a,children:t(g,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}),t("span",{className:"pkt-header__logo-service",children:c})]}),t("nav",{className:"pkt-header__actions",children:i("ul",{className:"pkt-header__actions-row",children:[y&&t("li",{children:t(te,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:S,children:"Meny"})}),(l||m)&&i("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${H&&!x?"pkt-header--open-dropdown":""}`,ref:L,children:[i("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":H,onClick:B,children:[t(g,{name:"user",className:"pkt-btn__icon"}),t("span",{className:"pkt-header__user-fullname",children:(m==null?void 0:m.name)||(l==null?void 0:l.name)}),t("span",{className:"pkt-header__user-shortname",children:(m==null?void 0:m.shortname)||(l==null?void 0:l.shortname)}),t(g,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(g,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),i("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[l&&i("li",{children:[t("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),t("div",{className:"pkt-user-menu__name",children:l.name}),l.lastLoggedIn&&i("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",t("time",{children:j})]})]}),f&&t("li",{children:t("ul",{className:"pkt-list",children:f.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userMenu-${C}`))})}),(m||E)&&i("li",{children:[m&&i(W,{children:[t("div",{className:"pkt-user-menu__label",children:"Representerer"}),t("div",{className:"pkt-user-menu__name",children:m.name}),m.orgNumber&&i("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",m.orgNumber]})]}),t("ul",{className:"pkt-list mt-size-16",children:E&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:D,children:[t(g,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!P)&&i(W,{children:[o==null?void 0:o.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!P&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:O,children:[t(g,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),p&&t("li",{className:"footer",children:t("ul",{className:"pkt-list-horizontal bordered",children:p.map((k,C)=>t("li",{children:typeof k.target=="string"?t("a",{href:k.target,className:"pkt-link",children:k.title}):t("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:k.title})},`userMenuFooter-${C}`))})})]})]}),P&&t("li",{children:t(te,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:O,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),Ce=b.forwardRef(({label:a,id:c,children:s,...u},l)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:c,className:"pkt-form-label",children:a}),t("input",{className:"pkt-form-input",id:c,...u,ref:l}),s]}));Ce.displayName="PktInput";const Se=b.forwardRef(({children:a,className:c,iconName:s="user",openInNewTab:u=!1,skin:l="normal",href:f="#",external:m=!1,title:o},p)=>{const E=[c,"pkt-linkcard",l&&`pkt-linkcard--${l}`].filter(Boolean).join(" ");return i("a",{href:f,className:`pkt-linkcard pkt-link ${E}`,target:u?"_blank":"_self",rel:u?"noopener noreferrer":void 0,ref:p,children:[t(g,{className:"pkt-link__icon",name:s}),i("div",{className:"pkt-linkcard__content",children:[t("div",{className:`pkt-linkcard__title ${m?"pkt-link pkt-link--external":""}`,children:o}),t("div",{className:"pkt-linkcard__text",children:a})]})]})});Se.displayName="PktLinkCard";const ot=({children:a,skin:c="beige",title:s,...u})=>{const l=["pkt-messagebox",c&&`pkt-messagebox--${c}`].filter(Boolean).join(" ");return i("div",{...u,className:l,children:[t("div",{className:"pkt-messagebox__title",children:s}),t("div",{className:"pkt-messagebox__text",children:a})]})},je=b.forwardRef(({id:a,name:c,label:s,value:u,...l},f)=>i("div",{className:"pkt-form-group",children:[t("input",{type:"radio",className:"pkt-form-check-input",id:a,name:c,value:u,ref:f,...l}),t("label",{className:"pkt-form-label",htmlFor:a,children:s})]}));je.displayName="PktRadio";const it=({label:a,children:c})=>i(W,{children:[t("p",{children:a}),t("div",{className:"pkt-form-group",children:c})]}),st=({isResponsive:a,children:c})=>a?t("div",{className:"pkt-table-container",children:c}):t(W,{children:c}),ct=({isResponsive:a,modifiers:{info:c=!1,success:s=!1,strong:u=!1,shadow:l=!1}={},children:f})=>t(st,{isResponsive:a,children:t("table",{className:Re("pkt-table",{"pkt-table--info":c,"pkt-table--success":s,"pkt-table--strong":u,"pkt-table--shadow":l}),children:f})}),ut=({children:a})=>t("td",{className:"pkt-table__th",children:a}),ft=({children:a})=>t("th",{className:"pkt-table__th",children:a}),Oe=b.forwardRef(({children:a,className:c,skin:s="blue",textStyle:u="normal-text",size:l="medium",closeTag:f=!1,iconName:m="",type:o="button",ariaLabel:p="close",onClick:E=()=>{}},y)=>{const[P,S]=b.useState(!1),O=j=>{S(!0),E(j)},D=["pkt-tag",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,c].filter(Boolean).join(" "),I=["pkt-tag","pkt-btn","pkt-btn--tertiary",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,m&&f?"pkt-btn--icons-right-and-left":null,f&&!m?"pkt-btn--icon-right":null,c].filter(Boolean).join(" "),A=!P;return f&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__icon",name:m}),a,t(g,{className:"pkt-tag__close-btn",name:"close"})]})}):f?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__close-btn",name:"close"}),a]})}):m?i("span",{className:D,children:[t(g,{className:"pkt-tag__icon",name:m}),a]}):t("span",{className:D,children:a})});Oe.displayName="PktTag";const $e=b.forwardRef(({id:a,label:c,...s},u)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:a,className:"pkt-form-label",children:c}),t("textarea",{className:"pkt-form-textarea",id:a,ref:u,...s})]}));$e.displayName="PktTextarea";const pt=b.forwardRef(({id:a,label:c,name:s,srOnlyLabel:u=!1,helptext:l,helptextDropdown:f,helptextDropdownButton:m,optional:o=!1,required:p=!1,hasError:E=!1,errorMessage:y,placeholder:P,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:x=!1,inline:re=!1,ariaLabelledby:Y,ariaDescribedby:q,className:H,...U},L)=>{const[B,J]=b.useState(!1),z=()=>{J(!B)},k=()=>o?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":p?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":"",C=o?"Valgfritt":p?"Må fylles ut":"",ae=[H,"pkt-textinput",x?"pkt-textinput--disabled":"",re?"pkt-textinput--inline":"",E?"pkt-textinput--error":""].join(" "),G=!!f&&f!=="";return i("div",{className:ae,children:[i(G?"div":"label",{htmlFor:a,className:`pkt-textinput__label ${u?"pkt-sr-only":""}`,"aria-describedby":G?"":q,children:[i(G?"h2":"span",{children:[c,C!==""&&t("span",{className:k(),children:C})]}),l&&t("div",{className:"pkt-textinput__helptext",children:l}),G&&i(W,{children:[t(te,{skin:"tertiary",size:"small",variant:"icon-right",iconName:B?"chevron-thin-up":"chevron-thin-down",className:"pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",onClick:z,children:m||i(W,{children:["Les mer ",t("span",{className:"pkt-sr-only",children:"om inputfeltet"})]})}),t("div",{className:`pkt-textinput__helptext ${B?"pkt-textinput__helptext-expandable-open":"pkt-textinput__helptext-expandable-closed"}`,children:t(de,{children:f})}),t("label",{htmlFor:a,className:"pkt-textinput__label pkt-sr-only","aria-describedby":q,children:c})]}),A&&i("div",{className:"pkt-textinput__input-prefix-wrapper",children:[t("div",{className:"pkt-textinput__input-prefix",children:A}),t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),!A&&(I||j)&&i("div",{className:"pkt-textinput__input-suffix-wrapper",children:[t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(g,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(g,{className:"pkt-textinput__input-icon",name:j})]}),!A&&!I&&!j&&!f&&t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),E&&t(de,{skin:"error","aria-live":"assertive",children:y})]})});w.PktAlert=de,w.PktButton=te,w.PktFooter=rt,w.PktFooterSimple=nt,w.PktHeader=lt,w.PktIcon=g,w.PktInput=Ce,w.PktLinkCard=Se,w.PktMessagebox=ot,w.PktRadio=je,w.PktRadioGroup=it,w.PktTable=ct,w.PktTableData=ut,w.PktTableHeader=ft,w.PktTag=Oe,w.PktTextarea=$e,w.PktTextinput=pt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-react",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.3",
|
|
4
4
|
"description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@oslokommune/punkt-assets": "^6.0.0",
|
|
35
|
-
"@oslokommune/punkt-css": "^6.0.
|
|
35
|
+
"@oslokommune/punkt-css": "^6.0.3",
|
|
36
36
|
"@testing-library/jest-dom": "^5.16.5",
|
|
37
37
|
"@testing-library/react": "^14.0.0",
|
|
38
38
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
91
91
|
},
|
|
92
92
|
"license": "MIT",
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "444ca29bd6d5e8c3dcf5ba81a808a312c9cf40b3"
|
|
94
94
|
}
|
|
@@ -7,6 +7,7 @@ export interface IPktButton extends React.ButtonHTMLAttributes<HTMLButtonElement
|
|
|
7
7
|
secondIconName?: string
|
|
8
8
|
mode?: 'light' | 'dark'
|
|
9
9
|
size?: 'small' | 'medium' | 'large'
|
|
10
|
+
color?: 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline'
|
|
10
11
|
skin?: 'primary' | 'secondary' | 'tertiary'
|
|
11
12
|
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left'
|
|
12
13
|
state?: 'normal' | 'focus' | 'hover' | 'active'
|
|
@@ -25,6 +26,7 @@ export const PktButton = forwardRef(
|
|
|
25
26
|
skin = 'primary',
|
|
26
27
|
type = 'button',
|
|
27
28
|
variant = 'label-only',
|
|
29
|
+
color,
|
|
28
30
|
...props
|
|
29
31
|
}: IPktButton,
|
|
30
32
|
ref: ForwardedRef<HTMLButtonElement>,
|
|
@@ -35,6 +37,7 @@ export const PktButton = forwardRef(
|
|
|
35
37
|
size && `pkt-btn--${size}`,
|
|
36
38
|
skin && `pkt-btn--${skin}`,
|
|
37
39
|
variant && `pkt-btn--${variant}`,
|
|
40
|
+
color && `pkt-btn--${color}`,
|
|
38
41
|
]
|
|
39
42
|
.filter(Boolean)
|
|
40
43
|
.join(' ')
|