@rikstv/shared-components 2.0.18 → 2.0.20

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 (64) hide show
  1. package/dist/components/accordion/{Accordion-99b76aba.mjs → Accordion-5e72e67b.mjs} +80 -82
  2. package/dist/components/breadcrumb/{Breadcrumb-e35d6c52.mjs → Breadcrumb-19678339.mjs} +2 -2
  3. package/dist/components/button/ArrowButton-470c0575.mjs +48 -0
  4. package/dist/components/button/{BaseButton-078de736.mjs → BaseButton-82123b7e.mjs} +9 -9
  5. package/dist/components/button/BaseButton.d.ts +3 -3
  6. package/dist/components/button/{BaseDecoratedButton-8e565d5c.mjs → BaseDecoratedButton-9280b7ce.mjs} +3 -3
  7. package/dist/components/button/BaseLinkButton-e79602f8.mjs +41 -0
  8. package/dist/components/button/BaseLinkButton.d.ts +18 -4
  9. package/dist/components/button/Button-ec434dd2.mjs +16 -0
  10. package/dist/components/button/Button.d.ts +1 -1
  11. package/dist/components/button/DecoratedButton-ab2e8ed4.mjs +21 -0
  12. package/dist/components/button/DecoratedButton.d.ts +3 -3
  13. package/dist/components/button/IconButton-537e3543.mjs +15 -0
  14. package/dist/components/button/baselink-button.scss +67 -0
  15. package/dist/components/button/button-shared.scss +0 -47
  16. package/dist/components/checkbox/{BaseCheckbox-7121b553.mjs → BaseCheckbox-9b7c43b3.mjs} +1 -1
  17. package/dist/components/checkbox/{Checkbox-1c4563e6.mjs → Checkbox-b534a84c.mjs} +2 -2
  18. package/dist/components/core/{Core-7125109d.mjs → Core-5cdbbcd4.mjs} +1 -1
  19. package/dist/components/core/{LightMode-e67119ed.mjs → LightMode-481a9782.mjs} +1 -1
  20. package/dist/components/core/{RiksTV-cc9756df.mjs → RiksTV-2cc96840.mjs} +2 -2
  21. package/dist/components/core/{Strim-aa5e0106.mjs → Strim-d7ebdcac.mjs} +2 -2
  22. package/dist/components/core/core.scss +1 -1
  23. package/dist/components/dropdown/{Dropdown-303a209f.mjs → Dropdown-3cf2ddf7.mjs} +1 -1
  24. package/dist/components/icons/{Arrow-99fd1aec.mjs → Arrow-48abbbdf.mjs} +1 -1
  25. package/dist/components/icons/{Chevron-53ae63f1.mjs → Chevron-4e0258de.mjs} +1 -1
  26. package/dist/components/icons/HeartToggle-a5a93ca7.mjs +2 -0
  27. package/dist/components/icons/{Icons-5a5dc9ba.mjs → Icons-32b173f0.mjs} +2 -2
  28. package/dist/components/index.d.ts +1 -1
  29. package/dist/components/list/{CheckmarkListItem-e5ed89b1.mjs → CheckmarkListItem-f97a2aae.mjs} +3 -3
  30. package/dist/components/list/{CrossmarkListItem-7cbcd904.mjs → CrossmarkListItem-60e093df.mjs} +2 -2
  31. package/dist/components/list/{List-bb36b86d.mjs → List-868fec40.mjs} +1 -1
  32. package/dist/components/list/{ListItem-8cbd4ee8.mjs → ListItem-fe58799f.mjs} +1 -1
  33. package/dist/components/list/{OrderedListItem-82670461.mjs → OrderedListItem-1a4b67c5.mjs} +1 -1
  34. package/dist/components/loader/{Loader-822d18a9.mjs → Loader-55215a54.mjs} +2 -2
  35. package/dist/components/loader/{RawLoader-56b0c399.mjs → RawLoader-15d14922.mjs} +1 -1
  36. package/dist/components/notificationDot/{NotificationDot-5b879a7c.mjs → NotificationDot-bec7aa7b.mjs} +1 -1
  37. package/dist/components/panel/{Info-c966d0cc.mjs → Info-3147cc01.mjs} +1 -1
  38. package/dist/components/panel/{Panel-36486e4c.mjs → Panel-c4bab68c.mjs} +5 -5
  39. package/dist/components/panel/{Success-0b604646.mjs → Success-590bfbb6.mjs} +1 -1
  40. package/dist/components/panel/{Warning-bc55935c.mjs → Warning-8b3edebd.mjs} +1 -1
  41. package/dist/components/progress/{CircularProgress-c7bca73a.mjs → CircularProgress-ac261d40.mjs} +2 -2
  42. package/dist/components/progress/{Progress-7ff6c26b.mjs → Progress-068e34f7.mjs} +1 -1
  43. package/dist/components/spacing/{Gutter-fdb118c7.mjs → Gutter-e0dfcdc5.mjs} +1 -1
  44. package/dist/components/spacing/{GutterPadding-8c480038.mjs → GutterPadding-bd018bd6.mjs} +1 -1
  45. package/dist/components/textfield/{TextField-b0018ce1.mjs → TextField-e187310b.mjs} +2 -2
  46. package/dist/components/toggle/{FieldSet-9a786292.mjs → FieldSet-00f1fc56.mjs} +1 -1
  47. package/dist/components/toggle/{RadioToggle-87e58815.mjs → RadioToggle-4df6de4c.mjs} +3 -3
  48. package/dist/components/toggleButton/{ToggleButton-2e961f34.mjs → ToggleButton-d50d64ec.mjs} +2 -2
  49. package/dist/components/toggleInlineButton/{ToggleInlineButton-f57f3fe9.mjs → ToggleInlineButton-ff76d094.mjs} +2 -2
  50. package/dist/components/toggleLinkButton/{ToggleLinkButton-09fe483c.mjs → ToggleLinkButton-c6127fa1.mjs} +3 -3
  51. package/dist/components/typography/{Typography-afd3a0a3.mjs → Typography-61ad3ca9.mjs} +1 -1
  52. package/dist/shared-components.mjs +51 -53
  53. package/dist/style.css +1 -1
  54. package/package.json +1 -1
  55. package/dist/components/button/ArrowButton-0f3b0aa2.mjs +0 -48
  56. package/dist/components/button/BaseLinkButton-327f2203.mjs +0 -42
  57. package/dist/components/button/Button-eb600417.mjs +0 -17
  58. package/dist/components/button/DecoratedButton-5faedb72.mjs +0 -21
  59. package/dist/components/button/IconButton-6e1085a5.mjs +0 -15
  60. package/dist/components/button/LinkButton-3d2c5c0a.mjs +0 -8
  61. package/dist/components/button/LinkButton.d.ts +0 -5
  62. package/dist/components/button/link-button.scss +0 -22
  63. package/dist/components/icons/HeartToggle-b67f1fc7.mjs +0 -2
  64. /package/dist/components/button/{LinkButton.test.d.ts → BaseLinkButton.test.d.ts} +0 -0
@@ -3,5 +3,5 @@ import { ButtonProps } from "./BaseButton";
3
3
  export declare const PrimaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  export declare const SecondaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
5
  export declare const TertiaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
- export { LinkButton } from "./LinkButton";
7
6
  export { BaseLinkButton } from "./BaseLinkButton";
7
+ export type { BaseLinkButtonProps } from "./BaseLinkButton";
@@ -0,0 +1,21 @@
1
+ import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as e } from "react";
3
+ import { B as a } from "./BaseDecoratedButton-9280b7ce.mjs";
4
+ import "./ArrowButton-470c0575.mjs";
5
+ const s = e(
6
+ (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "primary", ref: o, ...t })
7
+ );
8
+ s.displayName = "PrimaryDecoratedButton";
9
+ const n = e(
10
+ (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "secondary", ref: o, ...t })
11
+ );
12
+ n.displayName = "SecondaryDecoratedButton";
13
+ const y = e(
14
+ (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "tertiary", ref: o, ...t })
15
+ );
16
+ y.displayName = "TertiaryDecoratedButton";
17
+ export {
18
+ s as P,
19
+ n as S,
20
+ y as T
21
+ };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { BaseDecoratedButtonProps } from "./BaseDecoratedButton";
3
- export declare const PrimaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
4
- export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
5
- export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
3
+ export declare const PrimaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
5
+ export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,15 @@
1
+ import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as r } from "react";
3
+ import { P as a, S as s, T as e } from "./DecoratedButton-ab2e8ed4.mjs";
4
+ import "./ArrowButton-470c0575.mjs";
5
+ const c = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonType: "rds-icon-button", ref: o, ...t }));
6
+ c.displayName = "PrimaryIconButton";
7
+ const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonType: "rds-icon-button", ref: o, ...t }));
8
+ i.displayName = "SecondaryIconButton";
9
+ const u = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonType: "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,67 @@
1
+ .rds-baselink-button {
2
+ --highlighted-color: var(--rds-foreground-primary);
3
+ --highlighted-bg: transparent;
4
+ --highlighted-border-color: var(--rds-toggle-collapsed);
5
+ --highlighted-hover-border: var(--rds-heading-accent);
6
+ --highlighted-pressed-color: var(--rds-heading-accent);
7
+
8
+ width: fit-content;
9
+
10
+ & > * {
11
+ text-decoration: none;
12
+ }
13
+
14
+ > .rds-baselink-button--highlighted {
15
+ padding: 0 0 8px;
16
+ color: var(--highlighted-color);
17
+ background-color: var(--highlighted-bg);
18
+ border-bottom: 2px solid var(--highlighted-border-color);
19
+ border-radius: 0;
20
+ transition: color 125ms, border-color 125ms, box-shadow 125ms;
21
+
22
+ @media (hover: hover) {
23
+ &:hover {
24
+ border-color: var(--highlighted-hover-border);
25
+ box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
26
+ }
27
+ }
28
+
29
+ &:active {
30
+ color: var(--highlighted-pressed-color);
31
+ border-color: var(--highlighted-border-color-hover);
32
+ box-shadow: none;
33
+ }
34
+
35
+ &.rds-arrow-button {
36
+ &--forwards {
37
+ padding-right: 2px;
38
+ }
39
+
40
+ &--backwards {
41
+ padding-left: 2px;
42
+ }
43
+ }
44
+ }
45
+ }
46
+
47
+ .rds-light {
48
+ .rds-baselink-button--highlighted,
49
+ &.rds-baselink-button--highlighted {
50
+ --highlighted-color: var(--rds-surface-foreground);
51
+ --highlighted-border-color: var(--strim-romance-green-80); // Add variables in strm.scss and rtv.scss
52
+
53
+ @media (hover: hover) {
54
+ &:hover {
55
+ --highlighted-hover-border: var(--rds-surface-foreground);
56
+ }
57
+ }
58
+
59
+ &:active {
60
+ --highlighted-pressed-color: var(--rds-surface-foreground);
61
+ }
62
+
63
+ &:disabled {
64
+ --disabled-color: var(--rds-button-primary-fg);
65
+ }
66
+ }
67
+ }
@@ -21,12 +21,6 @@
21
21
  --common-button--tertiary-pressed-color: var(--rds-foreground-primary);
22
22
  --common-button--tertiary-pressed-bg: var(--rds-background-secondary);
23
23
 
24
- --common-button--highlighted-color: var(--rds-foreground-primary);
25
- --common-button--highlighted-bg: transparent;
26
- --common-button--highlighted-border-color: var(--rds-toggle-collapsed);
27
- --common-button--highlighted-hover-border: var(--rds-heading-accent);
28
- --common-button--highlighted-pressed-color: var(--rds-heading-accent);
29
-
30
24
  --common-button--disabled-color: var(--rds-foreground-tertiary);
31
25
  --common-button--disabled-bg: var(--rds-foreground-secondary);
32
26
 
@@ -113,27 +107,6 @@
113
107
  }
114
108
  }
115
109
 
116
- &--highlighted {
117
- color: var(--common-button--highlighted-color);
118
- background-color: var(--common-button--highlighted-bg);
119
- border-bottom: 2px solid var(--common-button--highlighted-border-color);
120
- border-radius: 0;
121
- transition: color 125ms, border-color 125ms, box-shadow 125ms;
122
-
123
- @media (hover: hover) {
124
- &:hover {
125
- border-color: var(--common-button--highlighted-hover-border);
126
- box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
127
- }
128
- }
129
-
130
- &:active {
131
- color: var(--common-button--highlighted-pressed-color);
132
- border-color: var(--common-button--highlighted-border-color-hover);
133
- box-shadow: none;
134
- }
135
- }
136
-
137
110
  &:disabled {
138
111
  color: var(--common-button--disabled-color);
139
112
  background-color: var(--common-button--disabled-bg);
@@ -189,26 +162,6 @@
189
162
  }
190
163
  }
191
164
 
192
- .rds-button__shared--highlighted,
193
- &.rds-button__shared--highlighted {
194
- --common-button--highlighted-color: var(--rds-surface-foreground);
195
- --common-button--highlighted-border-color: var(--strim-romance-green-80); // Add variables in strm.scss and rtv.scss
196
-
197
- @media (hover: hover) {
198
- &:hover {
199
- --common-button--highlighted-hover-border: var(--rds-surface-foreground);
200
- }
201
- }
202
-
203
- &:active {
204
- --common-button--highlighted-pressed-color: var(--rds-surface-foreground);
205
- }
206
-
207
- &:disabled {
208
- --common-button--disabled-color: var(--rds-button-primary-fg);
209
- }
210
- }
211
-
212
165
  &.rds-white {
213
166
  &.rds-button__shared--secondary {
214
167
  --common-button--secondary-bg: var(--rds-foreground-primary);
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as x } from "react";
3
3
  const b = (e) => {
4
4
  if (e)
@@ -1,6 +1,6 @@
1
- import { j as x } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as x } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as b } from "react";
3
- import { B as p } from "./BaseCheckbox-7121b553.mjs";
3
+ import { B as p } from "./BaseCheckbox-9b7c43b3.mjs";
4
4
  const i = b(
5
5
  ({ className: o = "", id: r, lightBackground: s, hasError: e, style: a, children: c, ...m }, t) => /* @__PURE__ */ x.jsx(
6
6
  p,
@@ -1,4 +1,4 @@
1
- import { j as i } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  let a = !1, n = !1, u = !1;
3
3
  const s = {
4
4
  mousedown: c,
@@ -1,4 +1,4 @@
1
- import { j as i } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as a } from "react";
3
3
  const e = a(
4
4
  ({ children: o, className: s = "", ...r }, t) => /* @__PURE__ */ i.jsx("div", { ref: t, className: `rds-light ${s}`, ...r, children: o })
@@ -1,5 +1,5 @@
1
- import { j as o } from "../accordion/Accordion-99b76aba.mjs";
2
- import { C as s } from "./Core-7125109d.mjs";
1
+ import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { C as s } from "./Core-5cdbbcd4.mjs";
3
3
  const m = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "rtv", children: r });
4
4
  export {
5
5
  m as R
@@ -1,5 +1,5 @@
1
- import { j as o } from "../accordion/Accordion-99b76aba.mjs";
2
- import { C as s } from "./Core-7125109d.mjs";
1
+ import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { C as s } from "./Core-5cdbbcd4.mjs";
3
3
  const i = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "strm", children: r });
4
4
  export {
5
5
  i as S
@@ -20,7 +20,7 @@
20
20
  --rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, 0.5);
21
21
 
22
22
  // Widths
23
- --rds-readability-width: 60ch;
23
+ --rds-readability-width: 70ch;
24
24
  --rds-content-width--default: 1070px;
25
25
 
26
26
  // Gutters
@@ -1,4 +1,4 @@
1
- import { j as e } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const u = ({
3
3
  label: r,
4
4
  id: d,
@@ -1,4 +1,4 @@
1
- import { j as l } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
2
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
3
  "path",
4
4
  {
@@ -1,4 +1,4 @@
1
- import { j as e } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const i = () => /* @__PURE__ */ e.jsx(
3
3
  "svg",
4
4
  {
@@ -0,0 +1,2 @@
1
+ import "react";
2
+ import "../accordion/Accordion-5e72e67b.mjs";
@@ -1,6 +1,6 @@
1
1
  import * as e from "react";
2
- import "../accordion/Accordion-99b76aba.mjs";
3
- import "./HeartToggle-b67f1fc7.mjs";
2
+ import "../accordion/Accordion-5e72e67b.mjs";
3
+ import "./HeartToggle-a5a93ca7.mjs";
4
4
  const l = (r) => /* @__PURE__ */ e.createElement("svg", { viewBox: "7 8 18 16", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Avmerking", ...r }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M13.461 23.777c-.23 0-.45-.09-.61-.26l-5.61-5.79a.842.842 0 0 1 .02-1.2c.34-.33.88-.32 1.2.02l4.91 5.07 9.8-13.27c.28-.38.81-.46 1.19-.18.38.28.46.81.18 1.19l-10.39 14.07c-.15.2-.38.33-.63.34h-.06v.01Z" }));
5
5
  export {
6
6
  l as S
@@ -11,7 +11,7 @@ export { Progress } from "./progress/Progress";
11
11
  export { Loader } from "./loader/Loader";
12
12
  export { CircularProgress } from "./progress/CircularProgress";
13
13
  export { Dropdown } from "./dropdown/Dropdown";
14
- export { PrimaryButton, SecondaryButton, TertiaryButton, LinkButton, BaseLinkButton } from "./button/Button";
14
+ export { PrimaryButton, SecondaryButton, TertiaryButton, BaseLinkButton } from "./button/Button";
15
15
  export { PrimaryArrowButton, SecondaryArrowButton, TertiaryArrowButton } from "./button/ArrowButton";
16
16
  export { PrimaryIconButton, SecondaryIconButton, TertiaryIconButton } from "./button/IconButton";
17
17
  export { ToggleButton } from "./toggleButton/ToggleButton";
@@ -1,7 +1,7 @@
1
- import { j as r } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import "react";
3
- import "../icons/HeartToggle-b67f1fc7.mjs";
4
- import { S as i } from "../icons/Icons-5a5dc9ba.mjs";
3
+ import "../icons/HeartToggle-a5a93ca7.mjs";
4
+ import { S as i } from "../icons/Icons-32b173f0.mjs";
5
5
  const l = (s) => {
6
6
  switch (s) {
7
7
  case "error":
@@ -1,5 +1,5 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
2
- import { g as l } from "./CheckmarkListItem-e5ed89b1.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { g as l } from "./CheckmarkListItem-f97a2aae.mjs";
3
3
  const d = ({
4
4
  color: t,
5
5
  style: r,
@@ -1,4 +1,4 @@
1
- import { j as i } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as o } from "react";
3
3
  const e = o(
4
4
  ({ className: s = "", ordered: a = !1, children: t, ...r }, d) => a ? /* @__PURE__ */ i.jsx(
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
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
3
  export {
4
4
  r as L
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
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
3
  export {
4
4
  a as O
@@ -1,6 +1,6 @@
1
- import { j as n } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as m, useState as u, useEffect as f } from "react";
3
- import { R as s } from "./RawLoader-56b0c399.mjs";
3
+ import { R as s } from "./RawLoader-15d14922.mjs";
4
4
  const a = (r) => {
5
5
  const [e, t] = u(r === 0);
6
6
  return f(() => {
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as i } from "react";
3
3
  const o = i(
4
4
  ({ size: r = "small", className: n = "", lightBackground: e, label: a = "Laster", politeness: p = "polite", ...t }, d) => /* @__PURE__ */ s.jsx(
@@ -1,4 +1,4 @@
1
- import { j as r } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const d = ({
3
3
  className: o = "",
4
4
  numberOfNotifications: t = 1,
@@ -1,4 +1,4 @@
1
- import { j as l } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const C = () => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
3
3
  /* @__PURE__ */ l.jsx(
4
4
  "path",
@@ -1,9 +1,9 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as m } from "react";
3
- import { S as x } from "../typography/Typography-afd3a0a3.mjs";
4
- import { S as j } from "./Success-0b604646.mjs";
5
- import { W as f } from "./Warning-bc55935c.mjs";
6
- import { I as a } from "./Info-c966d0cc.mjs";
3
+ import { S as x } from "../typography/Typography-61ad3ca9.mjs";
4
+ import { S as j } from "./Success-590bfbb6.mjs";
5
+ import { W as f } from "./Warning-8b3edebd.mjs";
6
+ import { I as a } from "./Info-3147cc01.mjs";
7
7
  const h = m(
8
8
  ({
9
9
  className: c = "",
@@ -1,4 +1,4 @@
1
- import { j as l } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const d = () => /* @__PURE__ */ l.jsxs("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: [
3
3
  /* @__PURE__ */ l.jsx(
4
4
  "path",
@@ -1,4 +1,4 @@
1
- import { j as r } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const t = () => /* @__PURE__ */ r.jsx("svg", { width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", children: /* @__PURE__ */ r.jsx(
3
3
  "path",
4
4
  {
@@ -1,6 +1,6 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as x, useState as e, useEffect as g } from "react";
3
- import { S as u } from "../typography/Typography-afd3a0a3.mjs";
3
+ import { S as u } from "../typography/Typography-61ad3ca9.mjs";
4
4
  const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, j = x(
5
5
  ({ progressRatio: r, label: t, size: a = "small", className: c = "", children: l, ...o }, d) => {
6
6
  const [i, n] = e(0), [p] = e(a === "small" ? "160px" : "260px");
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as g } from "react";
3
3
  const i = g(
4
4
  ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: o = !1, ...t }, p) => {
@@ -1,4 +1,4 @@
1
- import { j as e } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const a = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ e.jsx("div", { className: `rds-gutter ${t}`, ...s, children: r });
3
3
  export {
4
4
  a as G
@@ -1,4 +1,4 @@
1
- import { j as a } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as a } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  const e = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ a.jsx("div", { className: `rds-gutter-padding ${t}`, ...s, children: r });
3
3
  export {
4
4
  e as G
@@ -1,6 +1,6 @@
1
- import { j as t } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as $ } from "react";
3
- import { g as c } from "../checkbox/BaseCheckbox-7121b553.mjs";
3
+ import { g as c } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
4
4
  const v = $(
5
5
  ({
6
6
  className: o = "",
@@ -1,4 +1,4 @@
1
- import { j as e } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { createContext as o, forwardRef as n } from "react";
3
3
  const m = o({ radioName: "" }), f = n(
4
4
  ({ legend: s, children: t, name: d, className: r = "", showLegend: a = !1, ...i }, l) => /* @__PURE__ */ e.jsx(m.Provider, { value: { radioName: d }, children: /* @__PURE__ */ e.jsxs("fieldset", { "data-testid": "fieldset", ...i, className: `rds-field-set ${r}`, ref: l, children: [
@@ -1,7 +1,7 @@
1
- import { j as o } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as d, useContext as l } from "react";
3
- import { R as n } from "./FieldSet-9a786292.mjs";
4
- import "../button/ArrowButton-0f3b0aa2.mjs";
3
+ import { R as n } from "./FieldSet-00f1fc56.mjs";
4
+ import "../button/ArrowButton-470c0575.mjs";
5
5
  const m = d(
6
6
  ({ label: a, name: e, className: r = "", ...s }, t) => {
7
7
  const { radioName: i } = l(n);
@@ -1,6 +1,6 @@
1
- import { j as t } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as I, useRef as k, useState as C } from "react";
3
- import { B as N } from "../checkbox/BaseCheckbox-7121b553.mjs";
3
+ import { B as N } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
4
4
  const B = I(
5
5
  ({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: h = "", id: i, onChange: a, alwaysShowLabel: x = !1, ...f }, m) => {
6
6
  const p = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, u = e && "toggleIcon" in e ? e.toggleIcon : null, o = m || p, b = (j) => {
@@ -1,6 +1,6 @@
1
- import { j as l } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as h, useRef as x, useState as C } from "react";
3
- import { B as k } from "../checkbox/BaseCheckbox-7121b553.mjs";
3
+ import { B as k } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
4
4
  const B = h(
5
5
  ({
6
6
  defaultChecked: i,
@@ -1,7 +1,7 @@
1
- import { j as t } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as t } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as b, useRef as h, useState as x } from "react";
3
- import { B as C } from "../checkbox/BaseCheckbox-7121b553.mjs";
4
- import { C as j } from "../icons/Chevron-53ae63f1.mjs";
3
+ import { B as C } from "../checkbox/BaseCheckbox-9b7c43b3.mjs";
4
+ import { C as j } from "../icons/Chevron-4e0258de.mjs";
5
5
  const N = b(
6
6
  ({
7
7
  defaultChecked: a,
@@ -1,4 +1,4 @@
1
- import { j as c } from "../accordion/Accordion-99b76aba.mjs";
1
+ import { j as c } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as k } from "react";
3
3
  const e = (t) => (
4
4
  // eslint-disable-next-line react/display-name