@rikstv/shared-components 3.0.25 → 3.0.26-0

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 (112) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/components/accordion/{Accordion-b8669b7e.mjs → Accordion-CrPiD_81.mjs} +195 -215
  3. package/dist/components/accordion/Accordion.d.ts +2 -1
  4. package/dist/components/alert/{Alert-f7feb089.mjs → Alert-hg91bRVY.mjs} +4 -4
  5. package/dist/components/alert/Alert.d.ts +3 -2
  6. package/dist/components/breadcrumb/{Breadcrumb-64b3a50e.mjs → Breadcrumb-D8mAlrde.mjs} +6 -6
  7. package/dist/components/breadcrumb/Breadcrumb.d.ts +3 -2
  8. package/dist/components/button/ArrowButton-C0WywcBN.mjs +62 -0
  9. package/dist/components/button/ArrowButton.d.ts +6 -6
  10. package/dist/components/button/{BaseButton-a5548ee7.mjs → BaseButton-B2fMKlSI.mjs} +1 -1
  11. package/dist/components/button/BaseButton.d.ts +3 -2
  12. package/dist/components/button/{BaseDecoratedButton-ffa6f719.mjs → BaseDecoratedButton-C0cesANX.mjs} +2 -2
  13. package/dist/components/button/BaseDecoratedButton.d.ts +3 -3
  14. package/dist/components/button/{BaseLinkButton-c574a1a3.mjs → BaseLinkButton-CquLmqew.mjs} +15 -15
  15. package/dist/components/button/BaseLinkButton.d.ts +3 -3
  16. package/dist/components/button/{Button-0fc6c6f0.mjs → Button-Bs_Tl8uJ.mjs} +4 -4
  17. package/dist/components/button/Button.d.ts +8 -8
  18. package/dist/components/button/{DecoratedButton-d1dbe30e.mjs → DecoratedButton-B1ElGmyl.mjs} +3 -3
  19. package/dist/components/button/DecoratedButton.d.ts +6 -6
  20. package/dist/components/button/{IconButton-59e46ff2.mjs → IconButton-3TUWI6Mc.mjs} +5 -5
  21. package/dist/components/button/IconButton.d.ts +6 -6
  22. package/dist/components/checkbox/{BaseCheckbox-50df3aeb.mjs → BaseCheckbox-vLDQvJOz.mjs} +2 -2
  23. package/dist/components/checkbox/BaseCheckbox.d.ts +3 -2
  24. package/dist/components/checkbox/Checkbox-D6f5jfzl.mjs +22 -0
  25. package/dist/components/checkbox/Checkbox.d.ts +3 -2
  26. package/dist/components/core/{Core-b450ba6c.mjs → Core-BrDaupPg.mjs} +1 -1
  27. package/dist/components/core/Core.d.ts +2 -1
  28. package/dist/components/core/{LightMode-2d123160.mjs → LightMode-DENdo5SC.mjs} +1 -1
  29. package/dist/components/core/LightMode.d.ts +3 -2
  30. package/dist/components/core/{RiksTV-ca623c12.mjs → RiksTV-DwRmJooI.mjs} +2 -2
  31. package/dist/components/core/RiksTV.d.ts +2 -1
  32. package/dist/components/core/{Strim-d2a5664c.mjs → Strim-DzoD2YI9.mjs} +2 -2
  33. package/dist/components/core/Strim.d.ts +2 -1
  34. package/dist/components/core/docs/BrandVariables.d.ts +2 -1
  35. package/dist/components/core/docs/Colors.d.ts +2 -1
  36. package/dist/components/core/docs/Spacing.d.ts +2 -1
  37. package/dist/components/core/docs/Variables.d.ts +2 -1
  38. package/dist/components/core/docs/componets/BrandColors/BrandColors.d.ts +2 -1
  39. package/dist/components/core/docs/componets/ColorSwatch/ColorSwatch.d.ts +2 -1
  40. package/dist/components/core/docs/componets/ColorSwatch/ColorSwatchBtn.d.ts +2 -1
  41. package/dist/components/core/docs/componets/ExampleGrid/ExampleGrid.d.ts +2 -1
  42. package/dist/components/core/docs/componets/SpacingBlock/SpacingBlock.d.ts +2 -1
  43. package/dist/components/core/docs/context/ExampleContext.d.ts +1 -2
  44. package/dist/components/core/docs/hooks/ClickOutside.d.ts +2 -1
  45. package/dist/components/core/docs/hooks/Intersection.d.ts +2 -1
  46. package/dist/components/core/docs/hooks/Mutation.d.ts +0 -1
  47. package/dist/components/core/docs/hooks/animated.d.ts +2 -1
  48. package/dist/components/core/docs/utils/PropertyList.d.ts +2 -1
  49. package/dist/components/core/hooks/useAnimatedHeight.d.ts +2 -1
  50. package/dist/components/core/hooks/useClickOutsideListener.d.ts +2 -1
  51. package/dist/components/core/hooks/useMutationObserver.d.ts +2 -1
  52. package/dist/components/core/spacing/Gutter.d.ts +2 -1
  53. package/dist/components/core/spacing/GutterPadding.d.ts +2 -1
  54. package/dist/components/dropdown/{Dropdown-86ff9c1f.mjs → Dropdown-iW7aS3jx.mjs} +14 -14
  55. package/dist/components/dropdown/Dropdown.d.ts +2 -1
  56. package/dist/components/icons/{Arrow-ff62ab24.mjs → Arrow-CHtynMwo.mjs} +1 -1
  57. package/dist/components/icons/Arrow.d.ts +2 -1
  58. package/dist/components/icons/{Chevron-84c4ced9.mjs → Chevron-B0-9yMkO.mjs} +1 -1
  59. package/dist/components/icons/Chevron.d.ts +2 -1
  60. package/dist/components/icons/{HeartToggle-54bb18c7.mjs → HeartToggle-BHSYQIN4.mjs} +2 -3
  61. package/dist/components/icons/HeartToggle.d.ts +2 -1
  62. package/dist/components/icons/{Icons-2b68875c.mjs → Icons-p9ZleYOo.mjs} +3 -3
  63. package/dist/components/icons/Icons.d.ts +13 -12
  64. package/dist/components/index.d.ts +36 -36
  65. package/dist/components/list/CheckmarkListItem-Dew6gW7B.mjs +9 -0
  66. package/dist/components/list/CheckmarkListItem.d.ts +3 -2
  67. package/dist/components/list/CrossmarkListItem-CxKgvELN.mjs +9 -0
  68. package/dist/components/list/CrossmarkListItem.d.ts +3 -2
  69. package/dist/components/list/{List-d60c4585.mjs → List-CpfjceLN.mjs} +7 -7
  70. package/dist/components/list/List.d.ts +3 -2
  71. package/dist/components/list/{ListItem-72dbd18f.mjs → ListItem-JIUBy2_m.mjs} +7 -7
  72. package/dist/components/list/ListItem.d.ts +2 -1
  73. package/dist/components/list/OrderedListItem-CmneHG3P.mjs +5 -0
  74. package/dist/components/list/OrderedListItem.d.ts +2 -1
  75. package/dist/components/loader/{Loader-ff2a99f4.mjs → Loader-Bk0JZ1M5.mjs} +2 -2
  76. package/dist/components/loader/Loader.d.ts +3 -3
  77. package/dist/components/loader/{RawLoader-864bb620.mjs → RawLoader-7qDMD85G.mjs} +6 -6
  78. package/dist/components/loader/RawLoader.d.ts +3 -2
  79. package/dist/components/notificationDot/{NotificationDot-630a5e23.mjs → NotificationDot-C24-oy5e.mjs} +9 -9
  80. package/dist/components/notificationDot/NotificationDot.d.ts +2 -1
  81. package/dist/components/panel/{Panel-c778384b.mjs → Panel-AExfPAQQ.mjs} +4 -4
  82. package/dist/components/panel/Panel.d.ts +3 -2
  83. package/dist/components/progress/{CircularProgress-64666695.mjs → CircularProgress-nyrk426K.mjs} +7 -7
  84. package/dist/components/progress/CircularProgress.d.ts +3 -2
  85. package/dist/components/progress/{Progress-c5ae3c43.mjs → Progress-ZSILwF-g.mjs} +4 -4
  86. package/dist/components/progress/Progress.d.ts +3 -2
  87. package/dist/components/spacing/{Gutter-f31ec5ff.mjs → Gutter-CZQOVELR.mjs} +1 -1
  88. package/dist/components/spacing/{GutterPadding-eb4c4631.mjs → GutterPadding-Dm0Wv0tj.mjs} +1 -1
  89. package/dist/components/textfield/{TextField-ea15493f.mjs → TextField-Cada_h0q.mjs} +2 -2
  90. package/dist/components/textfield/TextField.d.ts +3 -2
  91. package/dist/components/toggle/{FieldSet-35743deb.mjs → FieldSet-Bq2lhIzg.mjs} +1 -1
  92. package/dist/components/toggle/FieldSet.d.ts +3 -2
  93. package/dist/components/toggle/RadioContext.d.ts +1 -2
  94. package/dist/components/toggle/{RadioToggle-33eef633.mjs → RadioToggle-BICr1hFE.mjs} +7 -7
  95. package/dist/components/toggle/RadioToggle.d.ts +3 -2
  96. package/dist/components/toggle/docs/Example.d.ts +2 -1
  97. package/dist/components/toggleButton/{ToggleButton-640707ba.mjs → ToggleButton-Cnjgoc3g.mjs} +9 -9
  98. package/dist/components/toggleButton/ToggleButton.d.ts +3 -2
  99. package/dist/components/toggleInlineButton/{ToggleInlineButton-abb231c4.mjs → ToggleInlineButton-BR5pxqVE.mjs} +9 -9
  100. package/dist/components/toggleInlineButton/ToggleInlineButton.d.ts +3 -2
  101. package/dist/components/toggleLinkButton/{ToggleLinkButton-b0d2f3b6.mjs → ToggleLinkButton-Ck1NEr07.mjs} +19 -19
  102. package/dist/components/toggleLinkButton/ToggleLinkButton.d.ts +3 -2
  103. package/dist/components/typography/{Typography-563b6318.mjs → Typography-Ke8WLclR.mjs} +4 -4
  104. package/dist/components/typography/Typography.d.ts +14 -13
  105. package/dist/shared-components.mjs +104 -113
  106. package/dist/style.css +1 -1
  107. package/package.json +3 -4
  108. package/dist/components/button/ArrowButton-fb6c0b61.mjs +0 -62
  109. package/dist/components/checkbox/Checkbox-33bf3bf6.mjs +0 -22
  110. package/dist/components/list/CheckmarkListItem-fee95140.mjs +0 -9
  111. package/dist/components/list/CrossmarkListItem-815e3296.mjs +0 -9
  112. package/dist/components/list/OrderedListItem-6d493abc.mjs +0 -5
@@ -1,4 +1,5 @@
1
- import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from "react";
1
+ import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from 'react';
2
+
2
3
  interface Props extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
3
4
  heading: ReactNode;
4
5
  initialOpen?: boolean;
@@ -1,8 +1,8 @@
1
- import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as k, useState as i } from "react";
3
- import { H as w, B as y } from "../typography/Typography-563b6318.mjs";
4
- import "../icons/HeartToggle-54bb18c7.mjs";
5
- import { S as B, a as T, b as o, c as b } from "../icons/Icons-2b68875c.mjs";
3
+ import { H as w, B as y } from "../typography/Typography-Ke8WLclR.mjs";
4
+ import "../icons/HeartToggle-BHSYQIN4.mjs";
5
+ import { S as B, a as T, b as o, c as b } from "../icons/Icons-p9ZleYOo.mjs";
6
6
  const R = "_rds-alert--icon_1faur_67", E = "_rds-alert--content-title_1faur_79", H = "_rds-alert--content_1faur_79", O = "_rds-alert--dismiss_1faur_109", D = "_dismissed_1faur_138", F = "_fade-out_1faur_1", t = {
7
7
  rdsAlertIcon: R,
8
8
  rdsAlertContentTitle: E,
@@ -1,4 +1,5 @@
1
- import { HTMLAttributes, ReactElement, ReactNode } from "react";
1
+ import { HTMLAttributes, ReactElement, ReactNode } from 'react';
2
+
2
3
  /**
3
4
  * Alerts are styled by props "intent" (color), "variant" (background and padding) and take an optional heading.
4
5
  *
@@ -10,7 +11,7 @@ import { HTMLAttributes, ReactElement, ReactNode } from "react";
10
11
  *
11
12
  * An optional link to details can be passed as `LinkToDetails={JsxElement}`
12
13
  */
13
- export declare const Alert: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
14
+ export declare const Alert: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
14
15
  export interface Props extends HTMLAttributes<HTMLDivElement> {
15
16
  className?: string;
16
17
  /**
@@ -1,7 +1,7 @@
1
- import { j as r } from "../accordion/Accordion-b8669b7e.mjs";
2
- import { forwardRef as b } from "react";
3
- import { S as d } from "../typography/Typography-563b6318.mjs";
4
- const u = b(({ className: a = "", crumbs: s, render: c, ...m }, i) => /* @__PURE__ */ r.jsx("nav", { className: `rds-breadcrumb ${a}`, ref: i, ...m, children: /* @__PURE__ */ r.jsx(d, { children: /* @__PURE__ */ r.jsx("ol", { className: "rds-breadcrumb__list", children: s.map(({ name: e, href: l }, n) => {
1
+ import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { forwardRef as u } from "react";
3
+ import { S as d } from "../typography/Typography-Ke8WLclR.mjs";
4
+ const b = u(({ className: a = "", crumbs: s, render: c, ...m }, i) => /* @__PURE__ */ r.jsx("nav", { className: `rds-breadcrumb ${a}`, ref: i, ...m, children: /* @__PURE__ */ r.jsx(d, { children: /* @__PURE__ */ r.jsx("ol", { className: "rds-breadcrumb__list", children: s.map(({ name: e, href: l }, n) => {
5
5
  const t = n === s.length - 1;
6
6
  return /* @__PURE__ */ r.jsx(
7
7
  "li",
@@ -14,8 +14,8 @@ const u = b(({ className: a = "", crumbs: s, render: c, ...m }, i) => /* @__PURE
14
14
  e
15
15
  );
16
16
  }) }) }) })), _ = ({ children: a }) => /* @__PURE__ */ r.jsx(d, { className: "rds-breadcrumb__current", children: a });
17
- u.displayName = "Breadcrumb";
17
+ b.displayName = "Breadcrumb";
18
18
  export {
19
- u as B,
19
+ b as B,
20
20
  _ as a
21
21
  };
@@ -1,4 +1,5 @@
1
- import { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
1
+ import { FC, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
2
+
2
3
  interface Props extends HTMLAttributes<HTMLElement> {
3
4
  crumbs: Array<{
4
5
  name: string;
@@ -7,6 +8,6 @@ interface Props extends HTMLAttributes<HTMLElement> {
7
8
  render: (name: string, href: string, current: boolean) => ReactNode;
8
9
  className?: string;
9
10
  }
10
- export declare const Breadcrumb: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;
11
+ export declare const Breadcrumb: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLElement>>;
11
12
  export declare const BreadcrumbCurrent: FC<PropsWithChildren>;
12
13
  export {};
@@ -0,0 +1,62 @@
1
+ import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { forwardRef as n } from "react";
3
+ import { P as e, S as u, T as d, G as b } from "./DecoratedButton-B1ElGmyl.mjs";
4
+ import { A as c } from "../icons/Arrow-CHtynMwo.mjs";
5
+ const w = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
6
+ ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
7
+ e,
8
+ {
9
+ className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
10
+ arrow: w,
11
+ buttonType: "rds-arrow-button",
12
+ ref: a,
13
+ ...t
14
+ }
15
+ )
16
+ );
17
+ m.displayName = "PrimaryArrowButton";
18
+ const y = n(
19
+ ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
20
+ u,
21
+ {
22
+ className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
23
+ arrow: w,
24
+ buttonType: "rds-arrow-button",
25
+ ref: a,
26
+ ...t
27
+ }
28
+ )
29
+ );
30
+ y.displayName = "SecondaryArrowButton";
31
+ const i = n(
32
+ ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
33
+ d,
34
+ {
35
+ className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
36
+ arrow: w,
37
+ buttonType: "rds-arrow-button",
38
+ ref: a,
39
+ ...t
40
+ }
41
+ )
42
+ );
43
+ i.displayName = "TertiaryArrowButton";
44
+ const p = n(
45
+ ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
46
+ b,
47
+ {
48
+ className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
49
+ arrow: w,
50
+ buttonType: "rds-arrow-button",
51
+ ref: a,
52
+ ...t
53
+ }
54
+ )
55
+ );
56
+ p.displayName = "GhostArrowButton";
57
+ export {
58
+ p as G,
59
+ m as P,
60
+ y as S,
61
+ i as T
62
+ };
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { DecoratedButtonProps } from "./BaseDecoratedButton";
1
+ import { DecoratedButtonProps } from './BaseDecoratedButton';
2
+
3
3
  interface ArrowButtonProps extends Omit<DecoratedButtonProps, "arrow"> {
4
4
  forwards?: boolean;
5
5
  }
6
- export declare const PrimaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export declare const SecondaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
8
- export declare const TertiaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
- export declare const GhostArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ export declare const PrimaryArrowButton: import('react').ForwardRefExoticComponent<ArrowButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
7
+ export declare const SecondaryArrowButton: import('react').ForwardRefExoticComponent<ArrowButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
8
+ export declare const TertiaryArrowButton: import('react').ForwardRefExoticComponent<ArrowButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
9
+ export declare const GhostArrowButton: import('react').ForwardRefExoticComponent<ArrowButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
10
10
  export {};
@@ -1,4 +1,4 @@
1
- import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as c } from "react";
3
3
  const f = c(
4
4
  ({
@@ -1,4 +1,5 @@
1
- import { ButtonHTMLAttributes } from "react";
1
+ import { ButtonHTMLAttributes } from 'react';
2
+
2
3
  export type ButtonStyles = "primary" | "secondary" | "tertiary" | "ghost";
3
4
  export type ButtonBackgroundStyles = boolean | "white";
4
5
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -15,4 +16,4 @@ export interface BaseButtonProps extends ButtonProps {
15
16
  buttonStyle: ButtonStyles;
16
17
  buttonType: "rds-button" | "rds-arrow-button" | "rds-icon-button";
17
18
  }
18
- export declare const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
19
+ export declare const BaseButton: import('react').ForwardRefExoticComponent<BaseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,6 +1,6 @@
1
- import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as c } from "react";
3
- import { B as m } from "./BaseButton-a5548ee7.mjs";
3
+ import { B as m } from "./BaseButton-B2fMKlSI.mjs";
4
4
  const x = c(
5
5
  ({ children: n, buttonType: t, postfix: r, icon: a, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ s.jsx(m, { buttonType: t, ref: i, ...d, children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
6
6
  a && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ s.jsx(a, {}) }),
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { BaseButtonProps, ButtonProps } from "./BaseButton";
1
+ import { BaseButtonProps, ButtonProps } from './BaseButton';
2
+
3
3
  export interface DecoratedButtonProps extends ButtonProps {
4
4
  postfix?: string;
5
5
  icon?: () => JSX.Element;
@@ -8,4 +8,4 @@ export interface DecoratedButtonProps extends ButtonProps {
8
8
  }
9
9
  export interface BaseDecoratedButtonProps extends BaseButtonProps, DecoratedButtonProps {
10
10
  }
11
- export declare const BaseDecoratedButton: import("react").ForwardRefExoticComponent<BaseDecoratedButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
11
+ export declare const BaseDecoratedButton: import('react').ForwardRefExoticComponent<BaseDecoratedButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,20 +1,20 @@
1
- import { j as r } from "../accordion/Accordion-b8669b7e.mjs";
2
- import { forwardRef as h } from "react";
3
- import "./ArrowButton-fb6c0b61.mjs";
4
- import { A as l } from "../icons/Arrow-ff62ab24.mjs";
5
- const u = () => /* @__PURE__ */ r.jsx(l, {}), p = h(
1
+ import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { forwardRef as c } from "react";
3
+ import "./ArrowButton-C0WywcBN.mjs";
4
+ import { A as l } from "../icons/Arrow-CHtynMwo.mjs";
5
+ const p = () => /* @__PURE__ */ r.jsx(l, {}), u = c(
6
6
  ({
7
7
  element: o,
8
8
  buttonStyle: s = "primary",
9
- className: n = "",
9
+ className: d = "",
10
10
  withArrow: t,
11
- arrowBackward: d,
11
+ arrowBackward: n,
12
12
  iconClass: e = "",
13
13
  children: i,
14
14
  lightBackground: a,
15
15
  transparent: m,
16
- ...b
17
- }, c) => /* @__PURE__ */ r.jsx("div", { className: `rds-baselink-button ${n}`, children: /* @__PURE__ */ r.jsx(
16
+ ...h
17
+ }, b) => /* @__PURE__ */ r.jsx("div", { className: `rds-baselink-button ${d}`, children: /* @__PURE__ */ r.jsx(
18
18
  o,
19
19
  {
20
20
  className: `
@@ -24,18 +24,18 @@ const u = () => /* @__PURE__ */ r.jsx(l, {}), p = h(
24
24
  ${a === "white" ? "rds-white" : ""}
25
25
  ${m && s === "secondary" ? "rds-transparent" : ""}
26
26
  ${t ? "rds-arrow-button" : ""}
27
- ${t === void 0 ? "" : d ? "rds-arrow-button--backwards" : "rds-arrow-button--forwards"}
27
+ ${t === void 0 ? "" : n ? "rds-arrow-button--backwards" : "rds-arrow-button--forwards"}
28
28
  `,
29
- ref: c,
30
- ...b,
29
+ ref: b,
30
+ ...h,
31
31
  children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
32
- t && /* @__PURE__ */ r.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ r.jsx(u, {}) }),
32
+ t && /* @__PURE__ */ r.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ r.jsx(p, {}) }),
33
33
  i
34
34
  ] })
35
35
  }
36
36
  ) })
37
37
  );
38
- p.displayName = "BaseLinkButton";
38
+ u.displayName = "BaseLinkButton";
39
39
  export {
40
- p as B
40
+ u as B
41
41
  };
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { ButtonBackgroundStyles, ButtonStyles } from "./BaseButton";
1
+ import { ButtonBackgroundStyles, ButtonStyles } from './BaseButton';
2
+
3
3
  export type LinkButtonStyles = ButtonStyles | "highlighted";
4
4
  interface BaseLinkButtonPropsWithElement<ElementProps> {
5
5
  element: (props: ElementProps) => JSX.Element;
@@ -27,5 +27,5 @@ export type BaseLinkButtonProps<ElementProps> = Omit<Props<ElementProps>, "eleme
27
27
  * ))
28
28
  * const TestApp = () => <LinkBtn to="#">React Router Link</LinkBtn>
29
29
  */
30
- export declare const BaseLinkButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
30
+ export declare const BaseLinkButton: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
31
31
  export {};
@@ -1,8 +1,8 @@
1
- import { j as r } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as n } from "react";
3
- import { B as s } from "./BaseButton-a5548ee7.mjs";
4
- import "./ArrowButton-fb6c0b61.mjs";
5
- import "./BaseLinkButton-c574a1a3.mjs";
3
+ import { B as s } from "./BaseButton-B2fMKlSI.mjs";
4
+ import "./ArrowButton-C0WywcBN.mjs";
5
+ import "./BaseLinkButton-CquLmqew.mjs";
6
6
  const a = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
7
7
  a.displayName = "PrimaryButton";
8
8
  const e = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from "./BaseButton";
3
- export declare const PrimaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
4
- export declare const SecondaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- export declare const TertiaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
- export declare const GhostButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export { BaseLinkButton } from "./BaseLinkButton";
8
- export type { BaseLinkButtonProps } from "./BaseLinkButton";
1
+ import { ButtonProps } from './BaseButton';
2
+
3
+ export declare const PrimaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
4
+ export declare const SecondaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
5
+ export declare const TertiaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
6
+ export declare const GhostButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
7
+ export { BaseLinkButton } from './BaseLinkButton';
8
+ export type { BaseLinkButtonProps } from './BaseLinkButton';
@@ -1,7 +1,7 @@
1
- import { j as e } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as e } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as r } from "react";
3
- import { B as a } from "./BaseDecoratedButton-ffa6f719.mjs";
4
- import "./ArrowButton-fb6c0b61.mjs";
3
+ import { B as a } from "./BaseDecoratedButton-C0cesANX.mjs";
4
+ import "./ArrowButton-C0WywcBN.mjs";
5
5
  const s = r(
6
6
  (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "primary", ref: o, ...t })
7
7
  );
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { BaseDecoratedButtonProps } from "./BaseDecoratedButton";
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>>;
6
- export declare const GhostDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
1
+ import { BaseDecoratedButtonProps } from './BaseDecoratedButton';
2
+
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>>;
6
+ export declare const GhostDecoratedButton: import('react').ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,14 +1,14 @@
1
- import { j as n } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as n } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as r } from "react";
3
- import { P as a, S as s, T as c, G as e } from "./DecoratedButton-d1dbe30e.mjs";
4
- import "./ArrowButton-fb6c0b61.mjs";
3
+ import { P as a, S as s, T as e, G as c } from "./DecoratedButton-B1ElGmyl.mjs";
4
+ import "./ArrowButton-C0WywcBN.mjs";
5
5
  const u = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonType: "rds-icon-button", ref: o, ...t }));
6
6
  u.displayName = "PrimaryIconButton";
7
7
  const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonType: "rds-icon-button", ref: o, ...t }));
8
8
  i.displayName = "SecondaryIconButton";
9
- const y = r((t, o) => /* @__PURE__ */ n.jsx(c, { buttonType: "rds-icon-button", ref: o, ...t }));
9
+ const y = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonType: "rds-icon-button", ref: o, ...t }));
10
10
  y.displayName = "TertiaryIconButton";
11
- const d = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonType: "rds-icon-button", ref: o, ...t }));
11
+ const d = r((t, o) => /* @__PURE__ */ n.jsx(c, { buttonType: "rds-icon-button", ref: o, ...t }));
12
12
  d.displayName = "GhostIconButton";
13
13
  export {
14
14
  d as G,
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { DecoratedButtonProps } from "./BaseDecoratedButton";
1
+ import { DecoratedButtonProps } from './BaseDecoratedButton';
2
+
3
3
  interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
4
4
  icon: () => JSX.Element;
5
5
  }
6
- export declare const PrimaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export declare const SecondaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
8
- export declare const TertiaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
- export declare const GhostIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ export declare const PrimaryIconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
7
+ export declare const SecondaryIconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
8
+ export declare const TertiaryIconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
9
+ export declare const GhostIconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
10
10
  export {};
@@ -1,10 +1,10 @@
1
- import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  import { forwardRef as x } from "react";
3
3
  const b = (e) => {
4
4
  if (e)
5
5
  return e;
6
6
  const a = (Math.random() + 1).toString(36).substring(7);
7
- return `${new Date().valueOf()}-${a}`;
7
+ return `${(/* @__PURE__ */ new Date()).valueOf()}-${a}`;
8
8
  }, h = x(
9
9
  ({
10
10
  containerClassName: e = "",
@@ -1,4 +1,5 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes } from "react";
1
+ import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
2
+
2
3
  export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
3
4
  containerClassName?: string;
4
5
  inputClassName?: string;
@@ -7,4 +8,4 @@ export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLIn
7
8
  hasError?: boolean;
8
9
  dataTestId?: string;
9
10
  }
10
- export declare const BaseCheckbox: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
11
+ export declare const BaseCheckbox: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,22 @@
1
+ import { j as c } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { forwardRef as b } from "react";
3
+ import { B as p } from "./BaseCheckbox-vLDQvJOz.mjs";
4
+ const i = b(
5
+ ({ className: r = "", id: o, lightBackground: s, hasError: e, style: a, children: m, ...t }, x) => /* @__PURE__ */ c.jsx(
6
+ p,
7
+ {
8
+ style: a,
9
+ id: o,
10
+ ref: x,
11
+ containerClassName: `rds-form-group-box ${r} ${e ? "rds-form-group-box--error" : ""}`,
12
+ inputClassName: `rds-checkbox rds-checkbox__input ${s ? "rds-light" : ""}`,
13
+ labelClassName: "rds-checkbox__label",
14
+ ...t,
15
+ children: m
16
+ }
17
+ )
18
+ );
19
+ i.displayName = "Checkbox";
20
+ export {
21
+ i as C
22
+ };
@@ -1,8 +1,9 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes } from "react";
1
+ import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
2
+
2
3
  export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
3
4
  className?: string;
4
5
  lightBackground?: boolean;
5
6
  id?: string;
6
7
  hasError?: boolean;
7
8
  }
8
- export declare const Checkbox: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
9
+ export declare const Checkbox: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- import { j as i } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as i } from "../accordion/Accordion-CrPiD_81.mjs";
2
2
  let a = !1, n = !1, u = !1;
3
3
  const s = {
4
4
  mousedown: c,
@@ -1,4 +1,5 @@
1
- import { FC, PropsWithChildren } from "react";
1
+ import { FC, PropsWithChildren } from 'react';
2
+
2
3
  export declare const Core: FC<PropsWithChildren<{
3
4
  brand: "strm" | "rtv";
4
5
  }>>;
@@ -1,4 +1,4 @@
1
- import { j as i } from "../accordion/Accordion-b8669b7e.mjs";
1
+ import { j as i } from "../accordion/Accordion-CrPiD_81.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,2 +1,3 @@
1
- import { HtmlHTMLAttributes } from "react";
2
- export declare const LightMode: import("react").ForwardRefExoticComponent<HtmlHTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
1
+ import { HtmlHTMLAttributes } from 'react';
2
+
3
+ export declare const LightMode: import('react').ForwardRefExoticComponent<HtmlHTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,5 +1,5 @@
1
- import { j as o } from "../accordion/Accordion-b8669b7e.mjs";
2
- import { C as s } from "./Core-b450ba6c.mjs";
1
+ import { j as o } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { C as s } from "./Core-BrDaupPg.mjs";
3
3
  const m = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "rtv", children: r });
4
4
  export {
5
5
  m as R
@@ -1,2 +1,3 @@
1
- import { FC, PropsWithChildren } from "react";
1
+ import { FC, PropsWithChildren } from 'react';
2
+
2
3
  export declare const RiksTVProvider: FC<PropsWithChildren>;
@@ -1,5 +1,5 @@
1
- import { j as o } from "../accordion/Accordion-b8669b7e.mjs";
2
- import { C as s } from "./Core-b450ba6c.mjs";
1
+ import { j as o } from "../accordion/Accordion-CrPiD_81.mjs";
2
+ import { C as s } from "./Core-BrDaupPg.mjs";
3
3
  const i = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "strm", children: r });
4
4
  export {
5
5
  i as S
@@ -1,2 +1,3 @@
1
- import { FC, PropsWithChildren } from "react";
1
+ import { FC, PropsWithChildren } from 'react';
2
+
2
3
  export declare const StrimProvider: FC<PropsWithChildren>;
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const Roundness: FC;
3
4
  export declare const Font: FC;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const Colors: FC;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const Spacing: FC;
@@ -1,4 +1,5 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const Breakpoints: FC;
3
4
  export declare const Gutters: FC;
4
5
  export declare const Widths: FC;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const BrandColors: FC;
@@ -1,4 +1,5 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const ColorSwatch: FC<{
3
4
  color: string;
4
5
  }>;
@@ -1,4 +1,5 @@
1
- import { FC, ReactNode } from "react";
1
+ import { FC, ReactNode } from 'react';
2
+
2
3
  interface Props {
3
4
  onClick: () => void;
4
5
  children: ReactNode;
@@ -1,4 +1,5 @@
1
- import { FC, PropsWithChildren } from "react";
1
+ import { FC, PropsWithChildren } from 'react';
2
+
2
3
  export declare const ExampleGrid: FC<PropsWithChildren<{
3
4
  title: string;
4
5
  }>>;
@@ -1,4 +1,5 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const SpacingBlock: FC<{
3
4
  size: number;
4
5
  }>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
- export declare const ExampleContext: import("react").Context<{
1
+ export declare const ExampleContext: import('react').Context<{
3
2
  isStrim: boolean;
4
3
  }>;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const ClickOutside: FC;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const Intersection: FC;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const Mutation: () => JSX.Element;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const AnimationExample: FC;
@@ -1,4 +1,5 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const PropertyList: FC<{
3
4
  properties: string[];
4
5
  }>;