@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.
- package/dist/components/accordion/{Accordion-99b76aba.mjs → Accordion-5e72e67b.mjs} +80 -82
- package/dist/components/breadcrumb/{Breadcrumb-e35d6c52.mjs → Breadcrumb-19678339.mjs} +2 -2
- package/dist/components/button/ArrowButton-470c0575.mjs +48 -0
- package/dist/components/button/{BaseButton-078de736.mjs → BaseButton-82123b7e.mjs} +9 -9
- package/dist/components/button/BaseButton.d.ts +3 -3
- package/dist/components/button/{BaseDecoratedButton-8e565d5c.mjs → BaseDecoratedButton-9280b7ce.mjs} +3 -3
- package/dist/components/button/BaseLinkButton-e79602f8.mjs +41 -0
- package/dist/components/button/BaseLinkButton.d.ts +18 -4
- package/dist/components/button/Button-ec434dd2.mjs +16 -0
- package/dist/components/button/Button.d.ts +1 -1
- package/dist/components/button/DecoratedButton-ab2e8ed4.mjs +21 -0
- package/dist/components/button/DecoratedButton.d.ts +3 -3
- package/dist/components/button/IconButton-537e3543.mjs +15 -0
- package/dist/components/button/baselink-button.scss +67 -0
- package/dist/components/button/button-shared.scss +0 -47
- package/dist/components/checkbox/{BaseCheckbox-7121b553.mjs → BaseCheckbox-9b7c43b3.mjs} +1 -1
- package/dist/components/checkbox/{Checkbox-1c4563e6.mjs → Checkbox-b534a84c.mjs} +2 -2
- package/dist/components/core/{Core-7125109d.mjs → Core-5cdbbcd4.mjs} +1 -1
- package/dist/components/core/{LightMode-e67119ed.mjs → LightMode-481a9782.mjs} +1 -1
- package/dist/components/core/{RiksTV-cc9756df.mjs → RiksTV-2cc96840.mjs} +2 -2
- package/dist/components/core/{Strim-aa5e0106.mjs → Strim-d7ebdcac.mjs} +2 -2
- package/dist/components/core/core.scss +1 -1
- package/dist/components/dropdown/{Dropdown-303a209f.mjs → Dropdown-3cf2ddf7.mjs} +1 -1
- package/dist/components/icons/{Arrow-99fd1aec.mjs → Arrow-48abbbdf.mjs} +1 -1
- package/dist/components/icons/{Chevron-53ae63f1.mjs → Chevron-4e0258de.mjs} +1 -1
- package/dist/components/icons/HeartToggle-a5a93ca7.mjs +2 -0
- package/dist/components/icons/{Icons-5a5dc9ba.mjs → Icons-32b173f0.mjs} +2 -2
- package/dist/components/index.d.ts +1 -1
- package/dist/components/list/{CheckmarkListItem-e5ed89b1.mjs → CheckmarkListItem-f97a2aae.mjs} +3 -3
- package/dist/components/list/{CrossmarkListItem-7cbcd904.mjs → CrossmarkListItem-60e093df.mjs} +2 -2
- package/dist/components/list/{List-bb36b86d.mjs → List-868fec40.mjs} +1 -1
- package/dist/components/list/{ListItem-8cbd4ee8.mjs → ListItem-fe58799f.mjs} +1 -1
- package/dist/components/list/{OrderedListItem-82670461.mjs → OrderedListItem-1a4b67c5.mjs} +1 -1
- package/dist/components/loader/{Loader-822d18a9.mjs → Loader-55215a54.mjs} +2 -2
- package/dist/components/loader/{RawLoader-56b0c399.mjs → RawLoader-15d14922.mjs} +1 -1
- package/dist/components/notificationDot/{NotificationDot-5b879a7c.mjs → NotificationDot-bec7aa7b.mjs} +1 -1
- package/dist/components/panel/{Info-c966d0cc.mjs → Info-3147cc01.mjs} +1 -1
- package/dist/components/panel/{Panel-36486e4c.mjs → Panel-c4bab68c.mjs} +5 -5
- package/dist/components/panel/{Success-0b604646.mjs → Success-590bfbb6.mjs} +1 -1
- package/dist/components/panel/{Warning-bc55935c.mjs → Warning-8b3edebd.mjs} +1 -1
- package/dist/components/progress/{CircularProgress-c7bca73a.mjs → CircularProgress-ac261d40.mjs} +2 -2
- package/dist/components/progress/{Progress-7ff6c26b.mjs → Progress-068e34f7.mjs} +1 -1
- package/dist/components/spacing/{Gutter-fdb118c7.mjs → Gutter-e0dfcdc5.mjs} +1 -1
- package/dist/components/spacing/{GutterPadding-8c480038.mjs → GutterPadding-bd018bd6.mjs} +1 -1
- package/dist/components/textfield/{TextField-b0018ce1.mjs → TextField-e187310b.mjs} +2 -2
- package/dist/components/toggle/{FieldSet-9a786292.mjs → FieldSet-00f1fc56.mjs} +1 -1
- package/dist/components/toggle/{RadioToggle-87e58815.mjs → RadioToggle-4df6de4c.mjs} +3 -3
- package/dist/components/toggleButton/{ToggleButton-2e961f34.mjs → ToggleButton-d50d64ec.mjs} +2 -2
- package/dist/components/toggleInlineButton/{ToggleInlineButton-f57f3fe9.mjs → ToggleInlineButton-ff76d094.mjs} +2 -2
- package/dist/components/toggleLinkButton/{ToggleLinkButton-09fe483c.mjs → ToggleLinkButton-c6127fa1.mjs} +3 -3
- package/dist/components/typography/{Typography-afd3a0a3.mjs → Typography-61ad3ca9.mjs} +1 -1
- package/dist/shared-components.mjs +51 -53
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/components/button/ArrowButton-0f3b0aa2.mjs +0 -48
- package/dist/components/button/BaseLinkButton-327f2203.mjs +0 -42
- package/dist/components/button/Button-eb600417.mjs +0 -17
- package/dist/components/button/DecoratedButton-5faedb72.mjs +0 -21
- package/dist/components/button/IconButton-6e1085a5.mjs +0 -15
- package/dist/components/button/LinkButton-3d2c5c0a.mjs +0 -8
- package/dist/components/button/LinkButton.d.ts +0 -5
- package/dist/components/button/link-button.scss +0 -22
- package/dist/components/icons/HeartToggle-b67f1fc7.mjs +0 -2
- /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, "
|
|
4
|
-
export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "
|
|
5
|
-
export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "
|
|
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,6 +1,6 @@
|
|
|
1
|
-
import { j as x } from "../accordion/Accordion-
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
import { C as s } from "./Core-
|
|
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-
|
|
2
|
-
import { C as s } from "./Core-
|
|
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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as l } from "../accordion/Accordion-
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
import "../accordion/Accordion-
|
|
3
|
-
import "./HeartToggle-
|
|
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,
|
|
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";
|
package/dist/components/list/{CheckmarkListItem-e5ed89b1.mjs → CheckmarkListItem-f97a2aae.mjs}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { j as r } from "../accordion/Accordion-
|
|
1
|
+
import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
|
|
2
2
|
import "react";
|
|
3
|
-
import "../icons/HeartToggle-
|
|
4
|
-
import { S as i } from "../icons/Icons-
|
|
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":
|
package/dist/components/list/{CrossmarkListItem-7cbcd904.mjs → CrossmarkListItem-60e093df.mjs}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as s } from "../accordion/Accordion-
|
|
2
|
-
import { g as l } from "./CheckmarkListItem-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 l } from "../accordion/Accordion-
|
|
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-
|
|
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-
|
|
4
|
-
import { S as j } from "./Success-
|
|
5
|
-
import { W as f } from "./Warning-
|
|
6
|
-
import { I as a } from "./Info-
|
|
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-
|
|
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-
|
|
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
|
{
|
package/dist/components/progress/{CircularProgress-c7bca73a.mjs → CircularProgress-ac261d40.mjs}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as s } from "../accordion/Accordion-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
-
import "../button/ArrowButton-
|
|
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);
|
package/dist/components/toggleButton/{ToggleButton-2e961f34.mjs → ToggleButton-d50d64ec.mjs}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as t } from "../accordion/Accordion-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
-
import { C as j } from "../icons/Chevron-
|
|
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,
|