@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.
Files changed (44) hide show
  1. package/dist/components/button/{ArrowButton-4fa3c028.mjs → ArrowButton-470c0575.mjs} +13 -13
  2. package/dist/components/button/{BaseButton-4350803a.mjs → BaseButton-82123b7e.mjs} +8 -8
  3. package/dist/components/button/BaseButton.d.ts +3 -3
  4. package/dist/components/button/{BaseDecoratedButton-510bde9f.mjs → BaseDecoratedButton-9280b7ce.mjs} +2 -2
  5. package/dist/components/button/BaseLinkButton-e79602f8.mjs +41 -0
  6. package/dist/components/button/BaseLinkButton.d.ts +18 -4
  7. package/dist/components/button/Button-ec434dd2.mjs +16 -0
  8. package/dist/components/button/Button.d.ts +1 -1
  9. package/dist/components/button/{DecoratedButton-373af81a.mjs → DecoratedButton-ab2e8ed4.mjs} +5 -5
  10. package/dist/components/button/DecoratedButton.d.ts +3 -3
  11. package/dist/components/button/IconButton-537e3543.mjs +15 -0
  12. package/dist/components/button/button-shared.scss +0 -47
  13. package/dist/components/core/core.scss +1 -1
  14. package/dist/components/icons/Icons-4022b869.mjs +8 -0
  15. package/dist/components/icons/Icons.d.ts +2 -1
  16. package/dist/components/index.d.ts +1 -1
  17. package/dist/components/list/CheckmarkListItem-b9d00a82.mjs +9 -0
  18. package/dist/components/list/CheckmarkListItem.d.ts +3 -6
  19. package/dist/components/list/CrossmarkListItem-f74a8cf6.mjs +9 -0
  20. package/dist/components/list/CrossmarkListItem.d.ts +3 -6
  21. package/dist/components/list/List.scss +3 -1
  22. package/dist/components/list/ListItem-748523c2.mjs +34 -0
  23. package/dist/components/list/ListItem.d.ts +5 -3
  24. package/dist/components/list/ListItem.scss +15 -16
  25. package/dist/components/list/OrderedListItem.scss +0 -5
  26. package/dist/components/list/internal/getMarkColor.d.ts +1 -1
  27. package/dist/components/panel/panel.scss +2 -1
  28. package/dist/components/toggle/{RadioToggle-5ddf1bfd.mjs → RadioToggle-4df6de4c.mjs} +1 -1
  29. package/dist/shared-components.mjs +21 -23
  30. package/dist/style.css +1 -1
  31. package/package.json +1 -1
  32. package/dist/components/button/BaseLinkButton-d325fecb.mjs +0 -42
  33. package/dist/components/button/Button-3754ac0a.mjs +0 -17
  34. package/dist/components/button/IconButton-be3ae8eb.mjs +0 -15
  35. package/dist/components/button/LinkButton-3a3f73b6.mjs +0 -8
  36. package/dist/components/button/LinkButton.d.ts +0 -5
  37. package/dist/components/button/LinkButton.test.d.ts +0 -1
  38. package/dist/components/button/link-button.scss +0 -22
  39. package/dist/components/icons/Icons-32b173f0.mjs +0 -7
  40. package/dist/components/list/CheckmarkListItem-f97a2aae.mjs +0 -44
  41. package/dist/components/list/CheckmarkListItem.scss +0 -22
  42. package/dist/components/list/CrossmarkListItem-60e093df.mjs +0 -28
  43. package/dist/components/list/CrossmarkListItem.scss +0 -41
  44. 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
- };