@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.
Files changed (92) hide show
  1. package/dist/components/accordion/Accordion-4b8edd28.mjs +669 -0
  2. package/dist/components/breadcrumb/Breadcrumb-1b579cc3.mjs +21 -0
  3. package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
  4. package/dist/components/button/ArrowButton-af5de307.mjs +48 -0
  5. package/dist/components/button/BaseButton-4f6e9dd4.mjs +46 -0
  6. package/dist/components/button/BaseButton.d.ts +2 -2
  7. package/dist/components/button/BaseDecoratedButton-c5799b0f.mjs +15 -0
  8. package/dist/components/button/BaseLinkButton-348be18c.mjs +42 -0
  9. package/dist/components/button/BaseLinkButton.d.ts +3 -3
  10. package/dist/components/button/Button-4e09c58d.mjs +17 -0
  11. package/dist/components/button/DecoratedButton-ab90a6bd.mjs +21 -0
  12. package/dist/components/button/IconButton-dd3478ff.mjs +15 -0
  13. package/dist/components/button/LinkButton-85fc759b.mjs +8 -0
  14. package/dist/components/button/LinkButton.d.ts +1 -1
  15. package/dist/components/checkbox/BaseCheckbox-6fed1663.mjs +41 -0
  16. package/dist/components/checkbox/Checkbox-cc58a275.mjs +22 -0
  17. package/dist/components/core/Core-ba0340f6.mjs +46 -0
  18. package/dist/components/core/Core.d.ts +3 -3
  19. package/dist/components/core/LightMode-b458f91d.mjs +9 -0
  20. package/dist/components/core/RiksTV-698a6154.mjs +6 -0
  21. package/dist/components/core/RiksTV.d.ts +2 -2
  22. package/dist/components/core/Strim-51ea8e08.mjs +6 -0
  23. package/dist/components/core/Strim.d.ts +2 -2
  24. package/dist/components/core/hooks/useBrowserPreferences.d.ts +1 -1
  25. package/dist/components/core/hooks/useIntersectionObserver.d.ts +2 -2
  26. package/dist/components/icons/{Arrow.js → Arrow-feb3e25e.mjs} +9 -10
  27. package/dist/components/icons/{Chevron.js → Chevron-ef147695.mjs} +9 -12
  28. package/dist/components/list/CheckmarkListItem-f9df7013.mjs +38 -0
  29. package/dist/components/list/CrossmarkListItem-348c226a.mjs +28 -0
  30. package/dist/components/list/List-86ad4810.mjs +27 -0
  31. package/dist/components/list/ListItem-4e47bb2e.mjs +5 -0
  32. package/dist/components/list/OrderedListItem-a70598a1.mjs +5 -0
  33. package/dist/components/loader/Loader-7ab4a8f0.mjs +21 -0
  34. package/dist/components/loader/RawLoader-7e00f143.mjs +47 -0
  35. package/dist/components/notificationDot/NotificationDot-b03fa811.mjs +26 -0
  36. package/dist/components/panel/{Info.js → Info-7fe85f53.mjs} +20 -12
  37. package/dist/components/panel/Panel-5cd1bda7.mjs +50 -0
  38. package/dist/components/panel/{Success.js → Success-c116cc05.mjs} +75 -23
  39. package/dist/components/panel/Warning-fa1839e3.mjs +11 -0
  40. package/dist/components/progress/CircularProgress-e4622fd6.mjs +52 -0
  41. package/dist/components/progress/Progress-ef42810b.mjs +26 -0
  42. package/dist/components/spacing/Gutter-32112716.mjs +5 -0
  43. package/dist/components/spacing/GutterPadding-6be6c9d9.mjs +5 -0
  44. package/dist/components/textfield/TextField-765a87bf.mjs +70 -0
  45. package/dist/components/toggle/FieldSet-4bdc4b7e.mjs +13 -0
  46. package/dist/components/toggle/RadioToggle-1528c002.mjs +17 -0
  47. package/dist/components/toggleButton/ToggleButton-a2d4302f.mjs +47 -0
  48. package/dist/components/toggleInlineButton/ToggleInlineButton-1e480eaa.mjs +40 -0
  49. package/dist/components/toggleLinkButton/ToggleLinkButton-08c60e4d.mjs +45 -0
  50. package/dist/components/typography/Typography-91af1c48.mjs +33 -0
  51. package/dist/components/typography/Typography.d.ts +2 -2
  52. package/dist/shared-components.mjs +199 -0
  53. package/dist/style.css +1 -1
  54. package/package.json +4 -5
  55. package/dist/components/accordion/Accordion.js +0 -34
  56. package/dist/components/breadcrumb/Breadcrumb.js +0 -39
  57. package/dist/components/button/ArrowButton.js +0 -44
  58. package/dist/components/button/BaseButton.js +0 -42
  59. package/dist/components/button/BaseDecoratedButton.js +0 -32
  60. package/dist/components/button/BaseLinkButton.js +0 -44
  61. package/dist/components/button/Button.js +0 -29
  62. package/dist/components/button/DecoratedButton.js +0 -23
  63. package/dist/components/button/IconButton.js +0 -24
  64. package/dist/components/button/LinkButton.js +0 -10
  65. package/dist/components/checkbox/BaseCheckbox.js +0 -35
  66. package/dist/components/checkbox/Checkbox.js +0 -26
  67. package/dist/components/core/Core.js +0 -76
  68. package/dist/components/core/LightMode.js +0 -14
  69. package/dist/components/core/RiksTV.js +0 -116
  70. package/dist/components/core/Strim.js +0 -10
  71. package/dist/components/list/CheckmarkListItem.js +0 -36
  72. package/dist/components/list/CrossmarkListItem.js +0 -27
  73. package/dist/components/list/List.js +0 -28
  74. package/dist/components/list/ListItem.js +0 -19
  75. package/dist/components/list/OrderedListItem.js +0 -19
  76. package/dist/components/loader/Loader.js +0 -31
  77. package/dist/components/loader/RawLoader.js +0 -30
  78. package/dist/components/notificationDot/NotificationDot.js +0 -22
  79. package/dist/components/panel/Panel.js +0 -55
  80. package/dist/components/panel/Warning.js +0 -14
  81. package/dist/components/progress/CircularProgress.js +0 -87
  82. package/dist/components/progress/Progress.js +0 -42
  83. package/dist/components/spacing/Gutter.js +0 -13
  84. package/dist/components/spacing/GutterPadding.js +0 -13
  85. package/dist/components/textfield/TextField.js +0 -63
  86. package/dist/components/toggle/FieldSet.js +0 -29
  87. package/dist/components/toggle/RadioToggle.js +0 -30
  88. package/dist/components/toggleButton/ToggleButton.js +0 -64
  89. package/dist/components/toggleInlineButton/ToggleInlineButton.js +0 -48
  90. package/dist/components/toggleLinkButton/ToggleLinkButton.js +0 -55
  91. package/dist/components/typography/Typography.js +0 -67
  92. 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 declare type ButtonVariants = "primary" | "secondary" | "tertiary";
3
- export declare type ButtonBackgroundStyles = boolean | "white";
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
- declare type Props<ElementProps> = BaseLinkButtonPropsWithElement<ElementProps> & ElementProps;
18
- export declare type BaseLinkButtonProps<ElementProps> = Omit<Props<ElementProps>, "element">;
19
- export declare const BaseLinkButton: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<HTMLAnchorElement>>;
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
- declare type Props = BaseLinkButtonProps<AnchorHTMLAttributes<HTMLAnchorElement>>;
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
+ };
@@ -0,0 +1,6 @@
1
+ import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
2
+ import { C as s } from "./Core-ba0340f6.mjs";
3
+ const m = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "rtv", children: r });
4
+ export {
5
+ m as R
6
+ };
@@ -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>;
@@ -0,0 +1,6 @@
1
+ import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
2
+ import { C as s } from "./Core-ba0340f6.mjs";
3
+ const i = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "strm", children: r });
4
+ export {
5
+ i as S
6
+ };
@@ -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,4 +1,4 @@
1
- declare type BrowserPreferences = {
1
+ type BrowserPreferences = {
2
2
  prefersReducedMotion: boolean;
3
3
  };
4
4
  export declare const useBrowserPreferences: () => BrowserPreferences;
@@ -1,2 +1,2 @@
1
- export declare const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit, fallback?: VoidFunction, enabled?: boolean) => ((refNode: any) => void)[];
2
- export declare const useElementVisible: (options?: IntersectionObserverInit, enabled?: boolean) => readonly [(refNode: any) => void, boolean];
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 jsx } from "../core/RiksTV.js";
2
- const Arrow = () => /* @__PURE__ */ jsx("svg", {
3
- "aria-label": "Pil",
4
- viewBox: "0 0 32 32",
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 { Arrow as A };
7
+ }
8
+ ) });
9
+ export {
10
+ o as A
11
+ };
@@ -1,16 +1,13 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- const Chevron = () => /* @__PURE__ */ jsx("svg", {
3
- "aria-label": "Pil",
4
- width: "24",
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 { Chevron as C };
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
+ };