@rikstv/shared-components 3.0.25 → 3.0.26-0

package/dist/components/progress/CircularProgress.d.ts

@@ -1,4 +1,5 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes } from 'react';
+
 interface Props extends HTMLAttributes<HTMLDivElement> {
     progressRatio: number;
     label: string;
@@ -6,5 +7,5 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 export declare const calculateProgress: ({ progressRatio }: Pick<Props, "progressRatio">) => number;
-export declare const CircularProgress: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CircularProgress: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/progress/{Progress-c5ae3c43.mjs → Progress-ZSILwF-g.mjs}

@@ -1,16 +1,16 @@
-import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as g } from "react";
 const i = g(
-  ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: o = !1, ...t }, p) => {
+  ({ className: a = "", label: d, ratio: r, checkmarkOnDone: e = !1, animateIn: t = !1, ...o }, p) => {
     const l = { "--progress": r };
     return /* @__PURE__ */ s.jsxs(
       "div",
       {
         "data-testid": "rds-progress__wrapper",
-        className: `rds-progress ${o ? "rds-progress--animate" : ""} ${a}`,
+        className: `rds-progress ${t ? "rds-progress--animate" : ""} ${a}`,
         children: [
           /* @__PURE__ */ s.jsxs("label", { "data-testid": "rds-progress__label", className: "sr-only", children: [
-            /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__sr", max: 1, value: r, ref: p, ...t }),
+            /* @__PURE__ */ s.jsx("progress", { "data-testid": "rds-progress__sr", max: 1, value: r, ref: p, ...o }),
             d
           ] }),
           r === 1 && e && /* @__PURE__ */ s.jsx("div", { "data-testid": "rds-progress__mark", className: "rds-progress--done" }),

package/dist/components/progress/Progress.d.ts

@@ -1,4 +1,5 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes } from 'react';
+
 interface Props extends HTMLAttributes<HTMLProgressElement> {
     label: string;
     ratio: number;
@@ -6,5 +7,5 @@ interface Props extends HTMLAttributes<HTMLProgressElement> {
     animateIn?: boolean;
     className?: string;
 }
-export declare const Progress: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLProgressElement>>;
+export declare const Progress: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLProgressElement>>;
 export {};

package/dist/components/spacing/{Gutter-f31ec5ff.mjs → Gutter-CZQOVELR.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as e } from "../accordion/Accordion-CrPiD_81.mjs";
 const a = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ e.jsx("div", { className: `rds-gutter ${t}`, ...s, children: r });
 export {
   a as G

package/dist/components/spacing/{GutterPadding-eb4c4631.mjs → GutterPadding-Dm0Wv0tj.mjs}

@@ -1,4 +1,4 @@
-import { j as a } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as a } from "../accordion/Accordion-CrPiD_81.mjs";
 const e = ({ className: t = "", children: r, ...s }) => /* @__PURE__ */ a.jsx("div", { className: `rds-gutter-padding ${t}`, ...s, children: r });
 export {
   e as G

package/dist/components/textfield/{TextField-ea15493f.mjs → TextField-Cada_h0q.mjs}

@@ -1,6 +1,6 @@
-import { j as t } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as t } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as $ } from "react";
-import { g as c } from "../checkbox/BaseCheckbox-50df3aeb.mjs";
+import { g as c } from "../checkbox/BaseCheckbox-vLDQvJOz.mjs";
 const v = $(
   ({
     className: o = "",

package/dist/components/textfield/TextField.d.ts

@@ -1,4 +1,5 @@
-import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+
 interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     className?: string;
     name: string;
@@ -8,5 +9,5 @@ interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElem
     labelClass?: string;
     errorMessage?: string;
 }
-export declare const TextField: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextField: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/toggle/{FieldSet-35743deb.mjs → FieldSet-Bq2lhIzg.mjs}

@@ -1,4 +1,4 @@
-import { j as e } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as e } from "../accordion/Accordion-CrPiD_81.mjs";
 import { createContext as o, forwardRef as n } from "react";
 const m = o({ radioName: "" }), f = n(
   ({ 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: [

package/dist/components/toggle/FieldSet.d.ts

@@ -1,8 +1,9 @@
-import { FieldsetHTMLAttributes } from "react";
+import { FieldsetHTMLAttributes } from 'react';
+
 interface FieldSetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     legend: string;
     name: string;
     showLegend?: boolean;
 }
-export declare const FieldSet: import("react").ForwardRefExoticComponent<FieldSetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+export declare const FieldSet: import('react').ForwardRefExoticComponent<FieldSetProps & import('react').RefAttributes<HTMLFieldSetElement>>;
 export {};

package/dist/components/toggle/RadioContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const RadioContext: import("react").Context<{
+export declare const RadioContext: import('react').Context<{
     radioName: string;
 }>;

package/dist/components/toggle/{RadioToggle-33eef633.mjs → RadioToggle-BICr1hFE.mjs}

@@ -1,17 +1,17 @@
-import { j as o } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as o } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as d, useContext as l } from "react";
-import { R as n } from "./FieldSet-35743deb.mjs";
-import "../button/ArrowButton-fb6c0b61.mjs";
-const m = d(
+import { R as m } from "./FieldSet-Bq2lhIzg.mjs";
+import "../button/ArrowButton-C0WywcBN.mjs";
+const n = d(
   ({ label: a, name: e, className: r = "", ...s }, t) => {
-    const { radioName: i } = l(n);
+    const { radioName: i } = l(m);
     return /* @__PURE__ */ o.jsxs("label", { className: `rds-radio-toggle ${r}`, children: [
       /* @__PURE__ */ o.jsx("input", { className: "rds-radio-toggle__input", ...s, ref: t, type: "radio", name: i || e }),
       /* @__PURE__ */ o.jsx("span", { className: "rds-radio-toggle__label", children: a })
     ] });
   }
 );
-m.displayName = "RadioToggleInput";
+n.displayName = "RadioToggleInput";
 export {
-  m as R
+  n as R
 };

package/dist/components/toggle/RadioToggle.d.ts

@@ -1,6 +1,7 @@
-import { InputHTMLAttributes } from "react";
+import { InputHTMLAttributes } from 'react';
+
 interface RadioToggleInputProps extends InputHTMLAttributes<HTMLInputElement> {
     label: string;
 }
-export declare const RadioToggleInput: import("react").ForwardRefExoticComponent<RadioToggleInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioToggleInput: import('react').ForwardRefExoticComponent<RadioToggleInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/toggle/docs/Example.d.ts

@@ -1,2 +1,3 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 export declare const Example: FC;

package/dist/components/toggleButton/{ToggleButton-640707ba.mjs → ToggleButton-Cnjgoc3g.mjs}

@@ -1,11 +1,11 @@
-import { j as t } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as t } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as I, useRef as k, useState as C } from "react";
-import { B as N } from "../checkbox/BaseCheckbox-50df3aeb.mjs";
-const B = I(
+import { B as N } from "../checkbox/BaseCheckbox-vLDQvJOz.mjs";
+const R = I(
   ({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: i = "", id: h, onChange: a, alwaysShowLabel: x = !1, ...b }, f) => {
-    const m = 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 = f || m, p = (j) => {
-      var d;
-      typeof a == "function" && a(j), c(typeof o != "function" ? !!((d = o.current) != null && d.checked) : !n);
+    const m = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, d = e && "toggleIcon" in e ? e.toggleIcon : null, o = f || m, p = (j) => {
+      var u;
+      typeof a == "function" && a(j), c(typeof o != "function" ? !!((u = o.current) != null && u.checked) : !n);
     };
     return /* @__PURE__ */ t.jsx(
       N,
@@ -22,7 +22,7 @@ const B = I(
         children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-button__content", children: [
           e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             /* @__PURE__ */ t.jsxs("span", { className: `rds-toggle-button__icon ${i}`, children: [
-              u && /* @__PURE__ */ t.jsx(u, { checked: n }),
+              d && /* @__PURE__ */ t.jsx(d, { checked: n }),
               g && n && /* @__PURE__ */ t.jsx(g, {}),
               r && !n && /* @__PURE__ */ t.jsx(r, {})
             ] }),
@@ -41,7 +41,7 @@ const B = I(
     );
   }
 );
-B.displayName = "ToggleButton";
+R.displayName = "ToggleButton";
 export {
-  B as T
+  R as T
 };

package/dist/components/toggleButton/ToggleButton.d.ts

@@ -1,4 +1,5 @@
-import { FC, InputHTMLAttributes } from "react";
+import { FC, InputHTMLAttributes } from 'react';
+
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     alwaysShowLabel?: boolean;
@@ -12,5 +13,5 @@ interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     };
     iconClass?: string;
 }
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ToggleButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/toggleInlineButton/{ToggleInlineButton-abb231c4.mjs → ToggleInlineButton-BR5pxqVE.mjs}

@@ -1,7 +1,7 @@
-import { j as l } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as l } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as h, useRef as x, useState as C } from "react";
-import { B as k } from "../checkbox/BaseCheckbox-50df3aeb.mjs";
-const B = h(
+import { B as k } from "../checkbox/BaseCheckbox-vLDQvJOz.mjs";
+const N = h(
   ({
     defaultChecked: i,
     lightBackground: a,
@@ -9,8 +9,8 @@ const B = h(
     onChange: t,
     id: c,
     className: u = "",
-    inputClassName: g = "",
-    labelClassName: d = "",
+    inputClassName: d = "",
+    labelClassName: g = "",
     ...f
   }, m) => {
     const p = x(null), [n, o] = C(!!i), e = m || p, _ = (b) => {
@@ -26,15 +26,15 @@ const B = h(
         checked: n,
         dataTestId: "toggle-inline-button__label",
         containerClassName: `rds-toggle-inline-button ${u}`,
-        inputClassName: `rds-toggle-inline-button__input ${g}`,
-        labelClassName: `${a ? "rds-light" : ""} ${d}`,
+        inputClassName: `rds-toggle-inline-button__input ${d}`,
+        labelClassName: `${a ? "rds-light" : ""} ${g}`,
         ...f,
         children: /* @__PURE__ */ l.jsx("span", { "data-testid": "toggle-inline-button__label__text", className: "rds-toggle-inline-button__content", children: r })
       }
     );
   }
 );
-B.displayName = "ToggleInlineButton";
+N.displayName = "ToggleInlineButton";
 export {
-  B as T
+  N as T
 };

package/dist/components/toggleInlineButton/ToggleInlineButton.d.ts

@@ -1,8 +1,9 @@
-import { InputHTMLAttributes } from "react";
+import { InputHTMLAttributes } from 'react';
+
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     lightBackground?: boolean;
     inputClassName?: string;
     labelClassName?: string;
 }
-export declare const ToggleInlineButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ToggleInlineButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/toggleLinkButton/{ToggleLinkButton-b0d2f3b6.mjs → ToggleLinkButton-Ck1NEr07.mjs}

@@ -1,39 +1,39 @@
-import { j as t } from "../accordion/Accordion-b8669b7e.mjs";
-import { forwardRef as b, useRef as h, useState as x } from "react";
-import { B as C } from "../checkbox/BaseCheckbox-50df3aeb.mjs";
-import { C as j } from "../icons/Chevron-84c4ced9.mjs";
-const N = b(
+import { j as t } from "../accordion/Accordion-CrPiD_81.mjs";
+import { forwardRef as k, useRef as h, useState as x } from "react";
+import { B as C } from "../checkbox/BaseCheckbox-vLDQvJOz.mjs";
+import { C as j } from "../icons/Chevron-B0-9yMkO.mjs";
+const N = k(
   ({
     defaultChecked: a,
-    toggledContentId: i,
-    iconClass: r = "",
+    toggledContentId: r,
+    iconClass: i = "",
     lightBackground: c,
-    children: g,
+    children: d,
     onChange: n,
-    id: u,
-    className: d = "",
+    id: g,
+    className: u = "",
     ..._
   }, f) => {
-    const k = h(null), [o, s] = x(!!a), e = f || k, m = (p) => {
+    const m = h(null), [s, o] = x(!!a), e = f || m, p = (b) => {
       var l;
-      typeof n == "function" && n(p), s(typeof e != "function" ? !!((l = e.current) != null && l.checked) : !o);
+      typeof n == "function" && n(b), o(typeof e != "function" ? !!((l = e.current) != null && l.checked) : !s);
     };
     return /* @__PURE__ */ t.jsx(
       C,
       {
-        id: u,
+        id: g,
         ref: e,
-        onChange: m,
-        checked: o,
-        "aria-controls": i,
+        onChange: p,
+        checked: s,
+        "aria-controls": r,
         dataTestId: "toggle-link-button__label",
         containerClassName: "rds-toggle-link-button",
         inputClassName: "rds-toggle-link-button__input",
-        labelClassName: `rds-toggle-link-button__label ${c ? "rds-light" : ""} ${d}`,
+        labelClassName: `rds-toggle-link-button__label ${c ? "rds-light" : ""} ${u}`,
         ..._,
         children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-link-button__label__content", children: [
-          /* @__PURE__ */ t.jsx("span", { "data-testid": "toggle-link-button__label__text", children: g }),
-          /* @__PURE__ */ t.jsx("span", { className: `rds-toggle-link-button__label__chevron ${r}`, children: /* @__PURE__ */ t.jsx(j, {}) })
+          /* @__PURE__ */ t.jsx("span", { "data-testid": "toggle-link-button__label__text", children: d }),
+          /* @__PURE__ */ t.jsx("span", { className: `rds-toggle-link-button__label__chevron ${i}`, children: /* @__PURE__ */ t.jsx(j, {}) })
         ] })
       }
     );

package/dist/components/toggleLinkButton/ToggleLinkButton.d.ts

@@ -1,9 +1,10 @@
-import { InputHTMLAttributes } from "react";
+import { InputHTMLAttributes } from 'react';
+
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     toggledContentId: string;
     iconClass?: string;
     lightBackground?: boolean;
 }
-export declare const ToggleLinkButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ToggleLinkButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/typography/{Typography-563b6318.mjs → Typography-Ke8WLclR.mjs}

@@ -1,4 +1,4 @@
-import { j as c } from "../accordion/Accordion-b8669b7e.mjs";
+import { j as c } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as k } from "react";
 const e = (t) => (
   // eslint-disable-next-line react/display-name
@@ -16,16 +16,16 @@ const e = (t) => (
       );
     }
   )
-), L = e({ semanticElement: "h1", lookLike: "display-title" }), d = e({ semanticElement: "h1", lookLike: "title-1" }), r = e({ semanticElement: "h2", lookLike: "title-2" }), y = e({ semanticElement: "h3", lookLike: "title-3" }), h = e({ semanticElement: "h4", lookLike: "title-4" }), b = e({ semanticElement: "p", lookLike: "lead" }), g = e({ semanticElement: "p", lookLike: "body" }), H = e({ semanticElement: "p", lookLike: "sub-body" }), f = e({ semanticElement: "span", lookLike: "tag" }), u = e({ semanticElement: "strong", lookLike: "bold" }), x = e({ semanticElement: "span", lookLike: "meta" }), B = e({ semanticElement: "span", lookLike: "span" });
+), d = e({ semanticElement: "h1", lookLike: "display-title" }), p = e({ semanticElement: "h1", lookLike: "title-1" }), r = e({ semanticElement: "h2", lookLike: "title-2" }), y = e({ semanticElement: "h3", lookLike: "title-3" }), h = e({ semanticElement: "h4", lookLike: "title-4" }), b = e({ semanticElement: "p", lookLike: "lead" }), g = e({ semanticElement: "p", lookLike: "body" }), H = e({ semanticElement: "p", lookLike: "sub-body" }), f = e({ semanticElement: "span", lookLike: "tag" }), u = e({ semanticElement: "strong", lookLike: "bold" }), x = e({ semanticElement: "span", lookLike: "meta" }), B = e({ semanticElement: "span", lookLike: "span" });
 export {
   g as B,
-  L as D,
+  d as D,
   h as H,
   b as L,
   x as M,
   B as S,
   f as T,
-  d as a,
+  p as a,
   r as b,
   y as c,
   u as d,

package/dist/components/typography/Typography.d.ts

@@ -1,4 +1,5 @@
-import { ForwardRefExoticComponent, HTMLAttributes } from "react";
+import { ForwardRefExoticComponent, HTMLAttributes } from 'react';
+
 type HeadingLevels = 1 | 2 | 3 | 4;
 type SubHeadingLevels = 2 | 3;
 type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;
@@ -9,16 +10,16 @@ interface Props<T extends AcceptedHTMLElements> extends HTMLAttributes<T> {
     /** Used to create element "as" a DIV instead of semantic element, useful for wrapper-elements that has block level children */
     as?: "div" | "span";
 }
-export declare const DisplayTitle: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H1: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H2: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H3: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H4: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const Lead: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const Body: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const SubBody: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const Tag: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const Bold: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const Meta: ForwardRefExoticComponent<Props<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const Span: ForwardRefExoticComponent<Props<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DisplayTitle: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const H1: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const H2: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const H3: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const H4: ForwardRefExoticComponent<Props<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const Lead: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const Body: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const SubBody: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const Tag: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const Bold: ForwardRefExoticComponent<Props<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const Meta: ForwardRefExoticComponent<Props<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const Span: ForwardRefExoticComponent<Props<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
 export {};