@rikstv/shared-components 1.1.96 → 2.0.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/components/accordion/Accordion-4b8edd28.mjs +669 -0
- package/dist/components/breadcrumb/Breadcrumb-1b579cc3.mjs +21 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/dist/components/button/ArrowButton-af5de307.mjs +48 -0
- package/dist/components/button/BaseButton-4f6e9dd4.mjs +46 -0
- package/dist/components/button/BaseButton.d.ts +2 -2
- package/dist/components/button/BaseDecoratedButton-c5799b0f.mjs +15 -0
- package/dist/components/button/BaseLinkButton-348be18c.mjs +42 -0
- package/dist/components/button/BaseLinkButton.d.ts +3 -3
- package/dist/components/button/Button-4e09c58d.mjs +17 -0
- package/dist/components/button/DecoratedButton-ab90a6bd.mjs +21 -0
- package/dist/components/button/IconButton-dd3478ff.mjs +15 -0
- package/dist/components/button/LinkButton-85fc759b.mjs +8 -0
- package/dist/components/button/LinkButton.d.ts +1 -1
- package/dist/components/checkbox/BaseCheckbox-6fed1663.mjs +41 -0
- package/dist/components/checkbox/Checkbox-cc58a275.mjs +22 -0
- package/dist/components/core/Core-ba0340f6.mjs +46 -0
- package/dist/components/core/Core.d.ts +3 -3
- package/dist/components/core/LightMode-b458f91d.mjs +9 -0
- package/dist/components/core/RiksTV-698a6154.mjs +6 -0
- package/dist/components/core/RiksTV.d.ts +2 -2
- package/dist/components/core/Strim-51ea8e08.mjs +6 -0
- package/dist/components/core/Strim.d.ts +2 -2
- package/dist/components/core/hooks/useBrowserPreferences.d.ts +1 -1
- package/dist/components/core/hooks/useIntersectionObserver.d.ts +2 -2
- package/dist/components/icons/{Arrow.js → Arrow-feb3e25e.mjs} +9 -10
- package/dist/components/icons/{Chevron.js → Chevron-ef147695.mjs} +9 -12
- package/dist/components/list/CheckmarkListItem-f9df7013.mjs +38 -0
- package/dist/components/list/CrossmarkListItem-348c226a.mjs +28 -0
- package/dist/components/list/List-86ad4810.mjs +27 -0
- package/dist/components/list/ListItem-4e47bb2e.mjs +5 -0
- package/dist/components/list/OrderedListItem-a70598a1.mjs +5 -0
- package/dist/components/loader/Loader-7ab4a8f0.mjs +21 -0
- package/dist/components/loader/RawLoader-7e00f143.mjs +47 -0
- package/dist/components/notificationDot/NotificationDot-b03fa811.mjs +26 -0
- package/dist/components/panel/{Info.js → Info-7fe85f53.mjs} +20 -12
- package/dist/components/panel/Panel-5cd1bda7.mjs +50 -0
- package/dist/components/panel/{Success.js → Success-c116cc05.mjs} +75 -23
- package/dist/components/panel/Warning-fa1839e3.mjs +11 -0
- package/dist/components/progress/CircularProgress-e4622fd6.mjs +52 -0
- package/dist/components/progress/Progress-ef42810b.mjs +26 -0
- package/dist/components/spacing/Gutter-32112716.mjs +5 -0
- package/dist/components/spacing/GutterPadding-6be6c9d9.mjs +5 -0
- package/dist/components/textfield/TextField-765a87bf.mjs +70 -0
- package/dist/components/toggle/FieldSet-4bdc4b7e.mjs +13 -0
- package/dist/components/toggle/RadioToggle-1528c002.mjs +17 -0
- package/dist/components/toggleButton/ToggleButton-a2d4302f.mjs +47 -0
- package/dist/components/toggleInlineButton/ToggleInlineButton-1e480eaa.mjs +40 -0
- package/dist/components/toggleLinkButton/ToggleLinkButton-08c60e4d.mjs +45 -0
- package/dist/components/typography/Typography-91af1c48.mjs +33 -0
- package/dist/components/typography/Typography.d.ts +2 -2
- package/dist/shared-components.mjs +199 -0
- package/dist/style.css +1 -1
- package/package.json +4 -5
- package/dist/components/accordion/Accordion.js +0 -34
- package/dist/components/breadcrumb/Breadcrumb.js +0 -39
- package/dist/components/button/ArrowButton.js +0 -44
- package/dist/components/button/BaseButton.js +0 -42
- package/dist/components/button/BaseDecoratedButton.js +0 -32
- package/dist/components/button/BaseLinkButton.js +0 -44
- package/dist/components/button/Button.js +0 -29
- package/dist/components/button/DecoratedButton.js +0 -23
- package/dist/components/button/IconButton.js +0 -24
- package/dist/components/button/LinkButton.js +0 -10
- package/dist/components/checkbox/BaseCheckbox.js +0 -35
- package/dist/components/checkbox/Checkbox.js +0 -26
- package/dist/components/core/Core.js +0 -76
- package/dist/components/core/LightMode.js +0 -14
- package/dist/components/core/RiksTV.js +0 -116
- package/dist/components/core/Strim.js +0 -10
- package/dist/components/list/CheckmarkListItem.js +0 -36
- package/dist/components/list/CrossmarkListItem.js +0 -27
- package/dist/components/list/List.js +0 -28
- package/dist/components/list/ListItem.js +0 -19
- package/dist/components/list/OrderedListItem.js +0 -19
- package/dist/components/loader/Loader.js +0 -31
- package/dist/components/loader/RawLoader.js +0 -30
- package/dist/components/notificationDot/NotificationDot.js +0 -22
- package/dist/components/panel/Panel.js +0 -55
- package/dist/components/panel/Warning.js +0 -14
- package/dist/components/progress/CircularProgress.js +0 -87
- package/dist/components/progress/Progress.js +0 -42
- package/dist/components/spacing/Gutter.js +0 -13
- package/dist/components/spacing/GutterPadding.js +0 -13
- package/dist/components/textfield/TextField.js +0 -63
- package/dist/components/toggle/FieldSet.js +0 -29
- package/dist/components/toggle/RadioToggle.js +0 -30
- package/dist/components/toggleButton/ToggleButton.js +0 -64
- package/dist/components/toggleInlineButton/ToggleInlineButton.js +0 -48
- package/dist/components/toggleLinkButton/ToggleLinkButton.js +0 -55
- package/dist/components/typography/Typography.js +0 -67
- package/dist/shared-components.es.js +0 -213
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { P as u, S as w, T as d } from "./DecoratedButton-ab90a6bd.mjs";
|
|
4
|
+
import { A as c } from "../icons/Arrow-feb3e25e.mjs";
|
|
5
|
+
const e = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
|
|
6
|
+
({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
|
|
7
|
+
u,
|
|
8
|
+
{
|
|
9
|
+
className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
|
|
10
|
+
arrow: e,
|
|
11
|
+
buttonStyle: "rds-arrow-button",
|
|
12
|
+
ref: a,
|
|
13
|
+
...o
|
|
14
|
+
}
|
|
15
|
+
)
|
|
16
|
+
);
|
|
17
|
+
m.displayName = "PrimaryArrowButton";
|
|
18
|
+
const b = n(
|
|
19
|
+
({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
|
|
20
|
+
w,
|
|
21
|
+
{
|
|
22
|
+
className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
|
|
23
|
+
arrow: e,
|
|
24
|
+
buttonStyle: "rds-arrow-button",
|
|
25
|
+
ref: a,
|
|
26
|
+
...o
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
);
|
|
30
|
+
b.displayName = "SecondaryArrowButton";
|
|
31
|
+
const y = n(
|
|
32
|
+
({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
|
|
33
|
+
d,
|
|
34
|
+
{
|
|
35
|
+
className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
|
|
36
|
+
arrow: e,
|
|
37
|
+
buttonStyle: "rds-arrow-button",
|
|
38
|
+
ref: a,
|
|
39
|
+
...o
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
);
|
|
43
|
+
y.displayName = "TertiaryArrowButton";
|
|
44
|
+
export {
|
|
45
|
+
m as P,
|
|
46
|
+
b as S,
|
|
47
|
+
y as T
|
|
48
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
const f = c(
|
|
4
|
+
({
|
|
5
|
+
children: d,
|
|
6
|
+
buttonType: r,
|
|
7
|
+
buttonStyle: n,
|
|
8
|
+
type: o = "button",
|
|
9
|
+
isLoading: t = !1,
|
|
10
|
+
lightBackground: a = !1,
|
|
11
|
+
transparent: i = !1,
|
|
12
|
+
disabled: l,
|
|
13
|
+
className: u = "",
|
|
14
|
+
"aria-busy": b,
|
|
15
|
+
icon: e,
|
|
16
|
+
iconClass: m = "",
|
|
17
|
+
...$
|
|
18
|
+
}, _) => /* @__PURE__ */ s.jsx(
|
|
19
|
+
"button",
|
|
20
|
+
{
|
|
21
|
+
type: o,
|
|
22
|
+
...$,
|
|
23
|
+
ref: _,
|
|
24
|
+
disabled: t || l,
|
|
25
|
+
"aria-busy": t || b,
|
|
26
|
+
className: `
|
|
27
|
+
${n}
|
|
28
|
+
rds-button__shared
|
|
29
|
+
rds-button__shared--${r}
|
|
30
|
+
rds-button--${r}
|
|
31
|
+
${t ? "rds-button--loading" : ""}
|
|
32
|
+
${a ? "rds-light" : ""}
|
|
33
|
+
${a === "white" ? "rds-white" : ""}
|
|
34
|
+
${i ? "rds-transparent" : ""}
|
|
35
|
+
${u}`,
|
|
36
|
+
children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
37
|
+
e && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${m}`, children: /* @__PURE__ */ s.jsx(e, {}) }),
|
|
38
|
+
d
|
|
39
|
+
] })
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
);
|
|
43
|
+
f.displayName = "BaseButton";
|
|
44
|
+
export {
|
|
45
|
+
f as B
|
|
46
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from "react";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type ButtonVariants = "primary" | "secondary" | "tertiary";
|
|
3
|
+
export type ButtonBackgroundStyles = boolean | "white";
|
|
4
4
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
5
|
isLoading?: boolean;
|
|
6
6
|
className?: string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
import { B as m } from "./BaseButton-4f6e9dd4.mjs";
|
|
4
|
+
const x = c(
|
|
5
|
+
({ children: n, buttonStyle: t, postfix: r, icon: a, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ s.jsx(m, { buttonStyle: t, ref: i, ...d, children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
6
|
+
a && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ s.jsx(a, {}) }),
|
|
7
|
+
o && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ s.jsx(o, {}) }),
|
|
8
|
+
n,
|
|
9
|
+
!!r && t !== "rds-icon-button" && /* @__PURE__ */ s.jsx("span", { className: "rds-button__postfix", children: r })
|
|
10
|
+
] }) })
|
|
11
|
+
);
|
|
12
|
+
x.displayName = "BaseDecoratedButton";
|
|
13
|
+
export {
|
|
14
|
+
x as B
|
|
15
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as b } from "react";
|
|
3
|
+
import "./ArrowButton-af5de307.mjs";
|
|
4
|
+
import { A as c } from "../icons/Arrow-feb3e25e.mjs";
|
|
5
|
+
const p = () => /* @__PURE__ */ s.jsx(c, {}), x = b(
|
|
6
|
+
({
|
|
7
|
+
element: a,
|
|
8
|
+
variant: t = "primary",
|
|
9
|
+
className: d = "",
|
|
10
|
+
withArrow: r,
|
|
11
|
+
arrowForward: o,
|
|
12
|
+
iconClass: e = "",
|
|
13
|
+
children: i,
|
|
14
|
+
lightBackground: n,
|
|
15
|
+
transparent: m = !1,
|
|
16
|
+
...u
|
|
17
|
+
}, l) => /* @__PURE__ */ s.jsx("div", { className: `rds-link-button ${d}`, children: /* @__PURE__ */ s.jsx(
|
|
18
|
+
a,
|
|
19
|
+
{
|
|
20
|
+
className: `
|
|
21
|
+
rds-button rds-button__shared
|
|
22
|
+
rds-button__shared--${t}
|
|
23
|
+
rds-button--${t}
|
|
24
|
+
${n ? "rds-light" : ""}
|
|
25
|
+
${n === "white" ? "rds-white" : ""}
|
|
26
|
+
${m ? "rds-transparent" : ""}
|
|
27
|
+
${r ? "rds-arrow-button" : ""}
|
|
28
|
+
${o === void 0 ? "" : o ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}
|
|
29
|
+
`,
|
|
30
|
+
ref: l,
|
|
31
|
+
...u,
|
|
32
|
+
children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
33
|
+
r && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ s.jsx(p, {}) }),
|
|
34
|
+
i
|
|
35
|
+
] })
|
|
36
|
+
}
|
|
37
|
+
) })
|
|
38
|
+
);
|
|
39
|
+
x.displayName = "BaseLinkButton";
|
|
40
|
+
export {
|
|
41
|
+
x as B
|
|
42
|
+
};
|
|
@@ -14,7 +14,7 @@ interface BaseLinkButtonPropsWithElement<ElementProps> {
|
|
|
14
14
|
arrowForward?: boolean;
|
|
15
15
|
iconClass?: string;
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
export
|
|
19
|
-
export declare const BaseLinkButton: import("react").ForwardRefExoticComponent<
|
|
17
|
+
type Props<ElementProps> = BaseLinkButtonPropsWithElement<ElementProps> & ElementProps;
|
|
18
|
+
export type BaseLinkButtonProps<ElementProps> = Omit<Props<ElementProps>, "element">;
|
|
19
|
+
export declare const BaseLinkButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
20
20
|
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { B as a } from "./BaseButton-4f6e9dd4.mjs";
|
|
4
|
+
import "./ArrowButton-af5de307.mjs";
|
|
5
|
+
import "./LinkButton-85fc759b.mjs";
|
|
6
|
+
import "./BaseLinkButton-348be18c.mjs";
|
|
7
|
+
const s = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "rds-button", buttonType: "primary", ref: o, ...t }));
|
|
8
|
+
s.displayName = "PrimaryButton";
|
|
9
|
+
const e = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "rds-button", buttonType: "secondary", ref: o, ...t }));
|
|
10
|
+
e.displayName = "SecondaryButton";
|
|
11
|
+
const y = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "rds-button", buttonType: "tertiary", ref: o, ...t }));
|
|
12
|
+
y.displayName = "TertiaryButton";
|
|
13
|
+
export {
|
|
14
|
+
s as P,
|
|
15
|
+
e as S,
|
|
16
|
+
y as T
|
|
17
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as e } from "react";
|
|
3
|
+
import { B as a } from "./BaseDecoratedButton-c5799b0f.mjs";
|
|
4
|
+
import "./ArrowButton-af5de307.mjs";
|
|
5
|
+
const s = e(
|
|
6
|
+
(t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "primary", ref: o, ...t })
|
|
7
|
+
);
|
|
8
|
+
s.displayName = "PrimaryDecoratedButton";
|
|
9
|
+
const n = e(
|
|
10
|
+
(t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "secondary", ref: o, ...t })
|
|
11
|
+
);
|
|
12
|
+
n.displayName = "SecondaryDecoratedButton";
|
|
13
|
+
const y = e(
|
|
14
|
+
(t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "tertiary", ref: o, ...t })
|
|
15
|
+
);
|
|
16
|
+
y.displayName = "TertiaryDecoratedButton";
|
|
17
|
+
export {
|
|
18
|
+
s as P,
|
|
19
|
+
n as S,
|
|
20
|
+
y as T
|
|
21
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { j as n } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as r } from "react";
|
|
3
|
+
import { P as a, S as s, T as e } from "./DecoratedButton-ab90a6bd.mjs";
|
|
4
|
+
import "./ArrowButton-af5de307.mjs";
|
|
5
|
+
const c = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonStyle: "rds-icon-button", ref: o, ...t }));
|
|
6
|
+
c.displayName = "PrimaryIconButton";
|
|
7
|
+
const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonStyle: "rds-icon-button", ref: o, ...t }));
|
|
8
|
+
i.displayName = "SecondaryIconButton";
|
|
9
|
+
const u = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonStyle: "rds-icon-button", ref: o, ...t }));
|
|
10
|
+
u.displayName = "TertiaryIconButton";
|
|
11
|
+
export {
|
|
12
|
+
c as P,
|
|
13
|
+
i as S,
|
|
14
|
+
u as T
|
|
15
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import { B as n } from "./BaseLinkButton-348be18c.mjs";
|
|
4
|
+
const s = m((t, o) => /* @__PURE__ */ r.jsx(n, { element: "a", ...t, ref: o }));
|
|
5
|
+
s.displayName = "LinkButton";
|
|
6
|
+
export {
|
|
7
|
+
s as L
|
|
8
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AnchorHTMLAttributes } from "react";
|
|
2
2
|
import { BaseLinkButtonProps } from "./BaseLinkButton";
|
|
3
|
-
|
|
3
|
+
type Props = BaseLinkButtonProps<AnchorHTMLAttributes<HTMLAnchorElement>>;
|
|
4
4
|
export declare const LinkButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
5
5
|
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as x } from "react";
|
|
3
|
+
const b = (e) => {
|
|
4
|
+
if (e)
|
|
5
|
+
return e;
|
|
6
|
+
const a = (Math.random() + 1).toString(36).substring(7);
|
|
7
|
+
return `${new Date().valueOf()}-${a}`;
|
|
8
|
+
}, h = x(
|
|
9
|
+
({
|
|
10
|
+
containerClassName: e = "",
|
|
11
|
+
inputClassName: a = "",
|
|
12
|
+
labelClassName: r = "",
|
|
13
|
+
dataTestId: n = "rds-checkbox__label",
|
|
14
|
+
id: o,
|
|
15
|
+
hasError: i,
|
|
16
|
+
style: c,
|
|
17
|
+
children: l,
|
|
18
|
+
...d
|
|
19
|
+
}, m) => {
|
|
20
|
+
const t = b(o);
|
|
21
|
+
return /* @__PURE__ */ s.jsxs("div", { style: c, className: e, children: [
|
|
22
|
+
/* @__PURE__ */ s.jsx(
|
|
23
|
+
"input",
|
|
24
|
+
{
|
|
25
|
+
ref: m,
|
|
26
|
+
className: a,
|
|
27
|
+
id: t,
|
|
28
|
+
type: "checkbox",
|
|
29
|
+
"aria-invalid": i,
|
|
30
|
+
...d
|
|
31
|
+
}
|
|
32
|
+
),
|
|
33
|
+
/* @__PURE__ */ s.jsx("label", { "data-testid": n, htmlFor: t, className: r, children: l })
|
|
34
|
+
] });
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
h.displayName = "BaseCheckbox";
|
|
38
|
+
export {
|
|
39
|
+
h as B,
|
|
40
|
+
b as g
|
|
41
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { j as x } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as b } from "react";
|
|
3
|
+
import { B as p } from "./BaseCheckbox-6fed1663.mjs";
|
|
4
|
+
const i = b(
|
|
5
|
+
({ className: o = "", id: r, lightBackground: s, hasError: e, style: a, children: c, ...m }, t) => /* @__PURE__ */ x.jsx(
|
|
6
|
+
p,
|
|
7
|
+
{
|
|
8
|
+
style: a,
|
|
9
|
+
id: r,
|
|
10
|
+
ref: t,
|
|
11
|
+
containerClassName: `rds-form-group-box ${o} ${e ? "rds-form-group-box--error" : ""}`,
|
|
12
|
+
inputClassName: `rds-checkbox rds-checkbox__input ${s ? "rds-light" : ""}`,
|
|
13
|
+
labelClassName: "rds-checkbox__label",
|
|
14
|
+
...m,
|
|
15
|
+
children: c
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
i.displayName = "Checkbox";
|
|
20
|
+
export {
|
|
21
|
+
i as C
|
|
22
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
let a = !1, n = !1, u = !1;
|
|
3
|
+
const s = {
|
|
4
|
+
mousedown: c,
|
|
5
|
+
keydown: d,
|
|
6
|
+
touchstart: f
|
|
7
|
+
};
|
|
8
|
+
function r() {
|
|
9
|
+
Object.keys(s).forEach((t) => {
|
|
10
|
+
document.removeEventListener(t, s[t]);
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function e(t) {
|
|
14
|
+
document.addEventListener(t, s[t]);
|
|
15
|
+
}
|
|
16
|
+
function c() {
|
|
17
|
+
if (!a && !u) {
|
|
18
|
+
a = !0, n = !1;
|
|
19
|
+
const t = document.querySelector("html");
|
|
20
|
+
t == null || t.setAttribute("data-mousenavigation", "true"), t == null || t.removeAttribute("data-touchnavigation"), r(), e("touchstart"), e("keydown");
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function d(t) {
|
|
24
|
+
if (t.key === "Tab") {
|
|
25
|
+
const o = document.querySelector("html");
|
|
26
|
+
r(), o == null || o.removeAttribute("data-mousenavigation"), o == null || o.removeAttribute("data-touchnavigation"), a = !1, n = !1, e("touchstart"), e("mousedown");
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
function f() {
|
|
30
|
+
if (!n) {
|
|
31
|
+
a = !1, n = !0;
|
|
32
|
+
const t = document.querySelector("html");
|
|
33
|
+
t == null || t.setAttribute("data-touchnavigation", "true"), t == null || t.removeAttribute("data-mousenavigation"), r(), e("touchstart"), e("keydown"), e("mousedown");
|
|
34
|
+
}
|
|
35
|
+
u = !0, setTimeout(() => {
|
|
36
|
+
u = !1;
|
|
37
|
+
}, 150);
|
|
38
|
+
}
|
|
39
|
+
function v() {
|
|
40
|
+
typeof document < "u" && (e("touchstart"), e("mousedown"));
|
|
41
|
+
}
|
|
42
|
+
v();
|
|
43
|
+
const m = ({ brand: t, children: o }) => /* @__PURE__ */ i.jsx("div", { "data-testid": "core-entry", className: t, children: o });
|
|
44
|
+
export {
|
|
45
|
+
m as C
|
|
46
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
export declare const Core: FC<{
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
|
+
export declare const Core: FC<PropsWithChildren<{
|
|
3
3
|
brand: "strm" | "rtv";
|
|
4
|
-
}
|
|
4
|
+
}>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as a } from "react";
|
|
3
|
+
const e = a(
|
|
4
|
+
({ children: o, className: s = "", ...r }, t) => /* @__PURE__ */ i.jsx("div", { ref: t, className: `rds-light ${s}`, ...r, children: o })
|
|
5
|
+
);
|
|
6
|
+
e.displayName = "LightMode";
|
|
7
|
+
export {
|
|
8
|
+
e as L
|
|
9
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
2
|
import "./rtv.scss";
|
|
3
|
-
export declare const RiksTVProvider: FC
|
|
3
|
+
export declare const RiksTVProvider: FC<PropsWithChildren>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
2
|
import "./strm.scss";
|
|
3
|
-
export declare const StrimProvider: FC
|
|
3
|
+
export declare const StrimProvider: FC<PropsWithChildren>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit, fallback?: VoidFunction, enabled?: boolean) => ((refNode:
|
|
2
|
-
export declare const useElementVisible: (options?: IntersectionObserverInit, enabled?: boolean) => readonly [(refNode:
|
|
1
|
+
export declare const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit, fallback?: VoidFunction, enabled?: boolean) => ((refNode: Element | null) => void)[];
|
|
2
|
+
export declare const useElementVisible: (options?: IntersectionObserverInit, enabled?: boolean) => readonly [(refNode: Element | null) => void, boolean];
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
const
|
|
3
|
-
"
|
|
4
|
-
|
|
5
|
-
fill: "none",
|
|
6
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
1
|
+
import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
const o = () => /* @__PURE__ */ l.jsx("svg", { "aria-label": "Pil", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx(
|
|
3
|
+
"path",
|
|
4
|
+
{
|
|
8
5
|
fill: "currentColor",
|
|
9
6
|
d: "M28.146 15.903a1.586 1.586 0 0 0-.078-.36 1.533 1.533 0 0 0-.233-.379L17.633 4.33a1.127 1.127 0 0 0-1.594 0 1.224 1.224 0 0 0 0 1.632l8.492 8.9H5.167a1.166 1.166 0 1 0 0 2.333h19.356l-8.483 8.852a1.224 1.224 0 0 0 0 1.603 1.058 1.058 0 0 0 .797.35 1.078 1.078 0 0 0 .806-.35l10.193-10.883c.106-.108.189-.237.243-.379.042-.109.068-.223.078-.34l-.01-.145Z"
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
export {
|
|
7
|
+
}
|
|
8
|
+
) });
|
|
9
|
+
export {
|
|
10
|
+
o as A
|
|
11
|
+
};
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
const
|
|
3
|
-
"
|
|
4
|
-
|
|
5
|
-
height: "25",
|
|
6
|
-
viewBox: "0 0 24 25",
|
|
7
|
-
fill: "none",
|
|
8
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
1
|
+
import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
const i = () => /* @__PURE__ */ e.jsx("svg", { "aria-label": "Pil", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
|
|
3
|
+
"path",
|
|
4
|
+
{
|
|
10
5
|
fillRule: "evenodd",
|
|
11
6
|
clipRule: "evenodd",
|
|
12
7
|
d: "M5.00962 7.91897C4.64323 7.53475 4.0374 7.52589 3.66026 7.89988C3.2872 8.26982 3.27911 8.87487 3.64154 9.25495L10.9543 16.9237C11.0883 17.0644 11.2493 17.1779 11.429 17.256C11.6089 17.3342 11.8031 17.375 12 17.375C12.1969 17.375 12.3911 17.3342 12.571 17.256C12.7508 17.1778 12.9121 17.0639 13.046 16.9234L20.3585 9.25495C20.7209 8.87486 20.7128 8.26982 20.3397 7.89988C19.9626 7.52589 19.3568 7.53475 18.9904 7.91897L12 15.2496L5.00962 7.91897Z",
|
|
13
8
|
fill: "white"
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
export {
|
|
9
|
+
}
|
|
10
|
+
) });
|
|
11
|
+
export {
|
|
12
|
+
i as C
|
|
13
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { j as e } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
const i = (r) => {
|
|
3
|
+
switch (r) {
|
|
4
|
+
case "error":
|
|
5
|
+
return { "--mark-color": "var(--rds-feedback-error-object)" };
|
|
6
|
+
case "success":
|
|
7
|
+
return { "--mark-color": "var(--rds-feedback-confirm)" };
|
|
8
|
+
default:
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const d = ({
|
|
13
|
+
color: r,
|
|
14
|
+
style: s,
|
|
15
|
+
className: t = "",
|
|
16
|
+
innerClassName: c = "",
|
|
17
|
+
children: a,
|
|
18
|
+
...o
|
|
19
|
+
}) => {
|
|
20
|
+
const m = {
|
|
21
|
+
...s,
|
|
22
|
+
...i(r)
|
|
23
|
+
};
|
|
24
|
+
return /* @__PURE__ */ e.jsx(
|
|
25
|
+
"li",
|
|
26
|
+
{
|
|
27
|
+
style: m,
|
|
28
|
+
className: `rds-list__item__checkmark ${t}`,
|
|
29
|
+
"data-testid": "rds-list-item--check",
|
|
30
|
+
...o,
|
|
31
|
+
children: /* @__PURE__ */ e.jsx("span", { className: `${c}`, children: a })
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
export {
|
|
36
|
+
d as C,
|
|
37
|
+
i as g
|
|
38
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { g as l } from "./CheckmarkListItem-f9df7013.mjs";
|
|
3
|
+
const d = ({
|
|
4
|
+
color: t,
|
|
5
|
+
style: r,
|
|
6
|
+
className: a = "",
|
|
7
|
+
innerClassName: e = "",
|
|
8
|
+
children: o,
|
|
9
|
+
...m
|
|
10
|
+
}) => {
|
|
11
|
+
const i = {
|
|
12
|
+
...r,
|
|
13
|
+
...l(t)
|
|
14
|
+
};
|
|
15
|
+
return /* @__PURE__ */ s.jsx(
|
|
16
|
+
"li",
|
|
17
|
+
{
|
|
18
|
+
style: i,
|
|
19
|
+
className: `rds-list__item__crossmark ${a}`,
|
|
20
|
+
"data-testid": "rds-list-item--cross",
|
|
21
|
+
...m,
|
|
22
|
+
children: /* @__PURE__ */ s.jsx("span", { className: `${e}`, children: o })
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
d as C
|
|
28
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as o } from "react";
|
|
3
|
+
const e = o(
|
|
4
|
+
({ className: s = "", ordered: a = !1, children: t, ...r }, d) => a ? /* @__PURE__ */ i.jsx(
|
|
5
|
+
"ol",
|
|
6
|
+
{
|
|
7
|
+
ref: d,
|
|
8
|
+
className: `rds-list ${s}`,
|
|
9
|
+
"data-testid": "rds-list--ordered",
|
|
10
|
+
...r,
|
|
11
|
+
children: t
|
|
12
|
+
}
|
|
13
|
+
) : /* @__PURE__ */ i.jsx(
|
|
14
|
+
"ul",
|
|
15
|
+
{
|
|
16
|
+
ref: d,
|
|
17
|
+
className: `rds-list ${s}`,
|
|
18
|
+
"data-testid": "rds-list--unordered",
|
|
19
|
+
...r,
|
|
20
|
+
children: t
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
);
|
|
24
|
+
e.displayName = "List";
|
|
25
|
+
export {
|
|
26
|
+
e as L
|
|
27
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
const r = ({ className: t = "", children: e, innerClassName: i = "", ...a }) => /* @__PURE__ */ s.jsx("li", { className: `rds-list__item ${t}`, "data-testid": "rds-list-item", ...a, children: /* @__PURE__ */ s.jsx("span", { className: `${i}`, children: e }) });
|
|
3
|
+
export {
|
|
4
|
+
r as L
|
|
5
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
const a = ({ className: e = "", innerClassName: t = "", children: r, ...d }) => /* @__PURE__ */ s.jsx("li", { className: `rds-list__item__ordered ${e}`, "data-testid": "rds-ordered-list-item", ...d, children: /* @__PURE__ */ s.jsx("span", { className: `${t}`, children: r }) });
|
|
3
|
+
export {
|
|
4
|
+
a as O
|
|
5
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { j as n } from "../accordion/Accordion-4b8edd28.mjs";
|
|
2
|
+
import { forwardRef as m, useState as u, useEffect as f } from "react";
|
|
3
|
+
import { R as s } from "./RawLoader-7e00f143.mjs";
|
|
4
|
+
const a = (r) => {
|
|
5
|
+
const [e, t] = u(r === 0);
|
|
6
|
+
return f(() => {
|
|
7
|
+
if (r === 0)
|
|
8
|
+
return;
|
|
9
|
+
const o = setTimeout(() => t(!0), r);
|
|
10
|
+
return () => {
|
|
11
|
+
clearTimeout(o);
|
|
12
|
+
};
|
|
13
|
+
}, [r]), [e];
|
|
14
|
+
}, p = m(({ delay: r = 200, ...e }, t) => {
|
|
15
|
+
const [o] = a(r);
|
|
16
|
+
return o ? /* @__PURE__ */ n.jsx(s, { ref: t, ...e }) : null;
|
|
17
|
+
});
|
|
18
|
+
p.displayName = "Loader";
|
|
19
|
+
export {
|
|
20
|
+
p as L
|
|
21
|
+
};
|