@rikstv/shared-components 2.0.21 → 3.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/button/{ArrowButton-4fa3c028.mjs → ArrowButton-470c0575.mjs} +13 -13
- package/dist/components/button/{BaseButton-4350803a.mjs → BaseButton-82123b7e.mjs} +8 -8
- package/dist/components/button/BaseButton.d.ts +3 -3
- package/dist/components/button/{BaseDecoratedButton-510bde9f.mjs → BaseDecoratedButton-9280b7ce.mjs} +2 -2
- 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-373af81a.mjs → DecoratedButton-ab2e8ed4.mjs} +5 -5
- package/dist/components/button/DecoratedButton.d.ts +3 -3
- package/dist/components/button/IconButton-537e3543.mjs +15 -0
- package/dist/components/button/button-shared.scss +0 -47
- package/dist/components/core/core.scss +1 -1
- package/dist/components/icons/Icons-4022b869.mjs +8 -0
- package/dist/components/icons/Icons.d.ts +2 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/list/CheckmarkListItem-b9d00a82.mjs +9 -0
- package/dist/components/list/CheckmarkListItem.d.ts +3 -6
- package/dist/components/list/CrossmarkListItem-f74a8cf6.mjs +9 -0
- package/dist/components/list/CrossmarkListItem.d.ts +3 -6
- package/dist/components/list/List.scss +3 -1
- package/dist/components/list/ListItem-748523c2.mjs +34 -0
- package/dist/components/list/ListItem.d.ts +5 -3
- package/dist/components/list/ListItem.scss +15 -16
- package/dist/components/list/OrderedListItem.scss +0 -5
- package/dist/components/list/internal/getMarkColor.d.ts +1 -1
- package/dist/components/panel/panel.scss +2 -1
- package/dist/components/toggle/{RadioToggle-5ddf1bfd.mjs → RadioToggle-4df6de4c.mjs} +1 -1
- package/dist/shared-components.mjs +21 -23
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/components/button/BaseLinkButton-d325fecb.mjs +0 -42
- package/dist/components/button/Button-3754ac0a.mjs +0 -17
- package/dist/components/button/IconButton-be3ae8eb.mjs +0 -15
- package/dist/components/button/LinkButton-3a3f73b6.mjs +0 -8
- package/dist/components/button/LinkButton.d.ts +0 -5
- package/dist/components/button/LinkButton.test.d.ts +0 -1
- package/dist/components/button/link-button.scss +0 -22
- package/dist/components/icons/Icons-32b173f0.mjs +0 -7
- package/dist/components/list/CheckmarkListItem-f97a2aae.mjs +0 -44
- package/dist/components/list/CheckmarkListItem.scss +0 -22
- package/dist/components/list/CrossmarkListItem-60e093df.mjs +0 -28
- package/dist/components/list/CrossmarkListItem.scss +0 -41
- package/dist/components/list/ListItem-fe58799f.mjs +0 -5
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
.rds-list__item__checkmark {
|
|
2
|
-
--mark-color: currentColor;
|
|
3
|
-
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: flex-start;
|
|
6
|
-
margin-bottom: var(--list-item__spacing);
|
|
7
|
-
|
|
8
|
-
&:last-child {
|
|
9
|
-
margin: 0;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&--svg-wrapper {
|
|
13
|
-
display: flex;
|
|
14
|
-
max-width: 1.125rem;
|
|
15
|
-
margin-right: 1rem;
|
|
16
|
-
|
|
17
|
-
& svg {
|
|
18
|
-
width: 100%;
|
|
19
|
-
color: var(--mark-color);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
|
|
2
|
-
import { g as l } from "./CheckmarkListItem-f97a2aae.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
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.rds-list__item__crossmark {
|
|
2
|
-
--mark-color: currentColor;
|
|
3
|
-
--unicode-cross: "\274C";
|
|
4
|
-
|
|
5
|
-
display: flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
margin-bottom: var(--list-item__spacing);
|
|
8
|
-
|
|
9
|
-
&:last-child {
|
|
10
|
-
margin: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&::before {
|
|
14
|
-
content: var(--unicode-cross);
|
|
15
|
-
// Safari handling of screen reader
|
|
16
|
-
alt: var(--unicode-cross);
|
|
17
|
-
// Move the text off screen
|
|
18
|
-
text-indent: -9999px;
|
|
19
|
-
|
|
20
|
-
display: block;
|
|
21
|
-
flex-shrink: 0;
|
|
22
|
-
width: 1rem;
|
|
23
|
-
height: 1rem;
|
|
24
|
-
margin-right: 1rem;
|
|
25
|
-
background-color: var(--mark-color);
|
|
26
|
-
clip-path: polygon(
|
|
27
|
-
10% 0%,
|
|
28
|
-
0% 10%,
|
|
29
|
-
40% 50%,
|
|
30
|
-
0% 90%,
|
|
31
|
-
10% 100%,
|
|
32
|
-
50% 60%,
|
|
33
|
-
90% 100%,
|
|
34
|
-
100% 90%,
|
|
35
|
-
60% 50%,
|
|
36
|
-
100% 10%,
|
|
37
|
-
90% 0%,
|
|
38
|
-
50% 40%
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { j as s } from "../accordion/Accordion-5e72e67b.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
|
-
};
|