@rikstv/shared-components 3.0.30 → 3.0.31

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # 📖 Changelog
 
+## 3.0.31
+
+- Export `<SubTitle2>` and `<SubTitle3>` in build-bundle (forgotten when implemented)
+- Fix types for `<Accordion>`, was `HTMLDivElement` instead of `HTMLDetailsElement`
+
 ## 3.0.30
 
 - Avoid that alert captures other animationEnd-events and just disappears.

package/dist/components/accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
-import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from 'react';
+import { DetailedHTMLProps, FC, DetailsHTMLAttributes, ReactNode } from 'react';
 
-interface Props extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface Props extends DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> {
     heading: ReactNode;
     initialOpen?: boolean;
     lightBackground?: boolean | "white";

package/dist/components/alert/{Alert-B6_xaqjR.mjs → Alert-BdZa6EHq.mjs}

@@ -1,6 +1,6 @@
 import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as w, useState as a } from "react";
-import { H as y, B } from "../typography/Typography-DzdoqysL.mjs";
+import { H as y, B } from "../typography/Typography-C79Sp-ja.mjs";
 import "../icons/HeartToggle-BHSYQIN4.mjs";
 import { S as F, a as T, b as o, c as b } from "../icons/Icons-p9ZleYOo.mjs";
 const O = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79", E = "_rds-alert--content_m8jce_79", H = "_rds-alert--dismiss_m8jce_109", D = "_dismissed_m8jce_138", M = "_dismiss-fade-out_m8jce_1", e = {

package/dist/components/breadcrumb/{Breadcrumb-C-iHHmag.mjs → Breadcrumb-DqvEwkQ6.mjs}

@@ -1,6 +1,6 @@
 import { j as r } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as u } from "react";
-import { S as d } from "../typography/Typography-DzdoqysL.mjs";
+import { S as d } from "../typography/Typography-C79Sp-ja.mjs";
 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) => {
   const t = n === s.length - 1;
   return /* @__PURE__ */ r.jsx(

package/dist/components/index.d.ts

@@ -22,7 +22,7 @@ export { Checkbox } from './checkbox/Checkbox';
 export { RadioToggleInput } from './toggle/RadioToggle';
 export { FieldSet } from './toggle/FieldSet';
 export { TextField } from './textfield/TextField';
-export { DisplayTitle, H1, H2, H3, H4, Lead, Body, Bold, SubBody, Tag, Meta, Span } from './typography/Typography';
+export { DisplayTitle, H1, H2, H3, H4, Lead, Body, Bold, SubBody, Tag, Meta, Span, SubTitle2, SubTitle3, } from './typography/Typography';
 export { List } from './list/List';
 export { CheckmarkListItem } from './list/CheckmarkListItem';
 export { ListItem } from './list/ListItem';

package/dist/components/panel/{Panel-CWXQsCIE.mjs → Panel-DeeNKZdu.mjs}

@@ -1,6 +1,6 @@
 import { j as t } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as f } from "react";
-import { S as j } from "../typography/Typography-DzdoqysL.mjs";
+import { S as j } from "../typography/Typography-C79Sp-ja.mjs";
 import "../icons/HeartToggle-BHSYQIN4.mjs";
 import { b as c, c as u, a as v } from "../icons/Icons-p9ZleYOo.mjs";
 const N = "_rds-panel_1xnhs_1", b = "_content-and-buttons_1xnhs_33", P = "_content_1xnhs_33", y = "_title_1xnhs_59", A = "_icon_1xnhs_67", S = "_buttons_1xnhs_74", n = {

package/dist/components/progress/{CircularProgress-CZBV47Pb.mjs → CircularProgress-BfXMNsNM.mjs}

@@ -1,6 +1,6 @@
 import { j as s } from "../accordion/Accordion-CrPiD_81.mjs";
 import { forwardRef as x, useState as e, useEffect as g } from "react";
-import { S as u } from "../typography/Typography-DzdoqysL.mjs";
+import { S as u } from "../typography/Typography-C79Sp-ja.mjs";
 const m = ({ progressRatio: r }) => (1 - r) * 100 * Math.PI, j = x(
   ({ progressRatio: r, label: t, size: a = "small", className: l = "", children: c, ...d }, o) => {
     const [i, n] = e(0), [p] = e(a === "small" ? "160px" : "260px");

package/dist/components/typography/{Typography-DzdoqysL.mjs → Typography-C79Sp-ja.mjs}

@@ -38,23 +38,25 @@ const h = e({ semanticElement: "p", lookLike: "sub-body" });
 h.displayName = "sub-body";
 const g = e({ semanticElement: "span", lookLike: "tag" });
 g.displayName = "tag";
-const H = e({ semanticElement: "strong", lookLike: "bold" });
-H.displayName = "bold";
-const S = e({ semanticElement: "span", lookLike: "meta" });
-S.displayName = "meta";
-const T = e({ semanticElement: "span", lookLike: "span" });
-T.displayName = "span";
+const f = e({ semanticElement: "strong", lookLike: "bold" });
+f.displayName = "bold";
+const H = e({ semanticElement: "span", lookLike: "meta" });
+H.displayName = "meta";
+const S = e({ semanticElement: "span", lookLike: "span" });
+S.displayName = "span";
 export {
   u as B,
   p as D,
   N as H,
   r as L,
-  S as M,
-  T as S,
+  H as M,
+  S,
   g as T,
   k as a,
   y as b,
   E as c,
-  H as d,
-  h as e
+  f as d,
+  h as e,
+  b as f,
+  L as g
 };

package/dist/shared-components.mjs

@@ -5,50 +5,50 @@ import { G as k } from "./components/spacing/Gutter-CZQOVELR.mjs";
 import { G as N } from "./components/spacing/GutterPadding-Dm0Wv0tj.mjs";
 import { N as Q } from "./components/notificationDot/NotificationDot-C24-oy5e.mjs";
 import { A as _ } from "./components/accordion/Accordion-CrPiD_81.mjs";
-import { P as U } from "./components/panel/Panel-CWXQsCIE.mjs";
-import { A as z } from "./components/alert/Alert-B6_xaqjR.mjs";
-import { B as K, a as X } from "./components/breadcrumb/Breadcrumb-C-iHHmag.mjs";
+import { P as U } from "./components/panel/Panel-DeeNKZdu.mjs";
+import { A as z } from "./components/alert/Alert-BdZa6EHq.mjs";
+import { B as K, a as X } from "./components/breadcrumb/Breadcrumb-DqvEwkQ6.mjs";
 import { P as Z } from "./components/progress/Progress-ZSILwF-g.mjs";
 import { L as re } from "./components/loader/Loader-Bk0JZ1M5.mjs";
-import { C as ne } from "./components/progress/CircularProgress-CZBV47Pb.mjs";
+import { C as ne } from "./components/progress/CircularProgress-BfXMNsNM.mjs";
 import { D as se } from "./components/dropdown/Dropdown-iW7aS3jx.mjs";
 import { G as ae, P as ce, S as ue, T as de } from "./components/button/Button-Bs_Tl8uJ.mjs";
-import { G as fe, P as le, S as xe, T as he } from "./components/button/ArrowButton-C0WywcBN.mjs";
+import { G as fe, P as le, S as xe, T as ge } from "./components/button/ArrowButton-C0WywcBN.mjs";
 import { G as ye, P as Te, S as ve, T as Be } from "./components/button/IconButton-3TUWI6Mc.mjs";
 import { T as we } from "./components/toggleButton/ToggleButton-Cnjgoc3g.mjs";
 import { T as Ie } from "./components/toggleInlineButton/ToggleInlineButton-BR5pxqVE.mjs";
-import { T as Me } from "./components/toggleLinkButton/ToggleLinkButton-Ck1NEr07.mjs";
-import { C as be } from "./components/checkbox/Checkbox-D6f5jfzl.mjs";
-import { R as Ae } from "./components/toggle/RadioToggle-BICr1hFE.mjs";
+import { T as be } from "./components/toggleLinkButton/ToggleLinkButton-Ck1NEr07.mjs";
+import { C as Re } from "./components/checkbox/Checkbox-D6f5jfzl.mjs";
+import { R as Pe } from "./components/toggle/RadioToggle-BICr1hFE.mjs";
 import { F as Ce } from "./components/toggle/FieldSet-Bq2lhIzg.mjs";
 import { T as He } from "./components/textfield/TextField-Cada_h0q.mjs";
-import { B as De, d as Oe, D as ke, a as Ve, b as Ne, c as $e, H as Qe, L as We, M as _e, S as qe, e as Ue, T as je } from "./components/typography/Typography-DzdoqysL.mjs";
-import { L as Je } from "./components/list/List-CpfjceLN.mjs";
-import { C as Xe } from "./components/list/CheckmarkListItem-Dew6gW7B.mjs";
-import { L as Ze } from "./components/list/ListItem-JIUBy2_m.mjs";
-import { C as rr } from "./components/list/CrossmarkListItem-CxKgvELN.mjs";
-import { O as nr } from "./components/list/OrderedListItem-CmneHG3P.mjs";
-import { useState as x, useEffect as m, useRef as c, useCallback as h, useLayoutEffect as y } from "react";
-import { I as sr } from "./components/icons/Icons-p9ZleYOo.mjs";
-import { B as ar } from "./components/button/BaseLinkButton-CquLmqew.mjs";
-const g = "(prefers-reduced-motion: reduce)", T = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, v = (e, t) => {
+import { B as De, d as Oe, D as ke, a as Ve, b as Ne, c as $e, H as Qe, L as We, M as _e, S as qe, e as Ue, f as je, g as ze, T as Je } from "./components/typography/Typography-C79Sp-ja.mjs";
+import { L as Xe } from "./components/list/List-CpfjceLN.mjs";
+import { C as Ze } from "./components/list/CheckmarkListItem-Dew6gW7B.mjs";
+import { L as rr } from "./components/list/ListItem-JIUBy2_m.mjs";
+import { C as nr } from "./components/list/CrossmarkListItem-CxKgvELN.mjs";
+import { O as sr } from "./components/list/OrderedListItem-CmneHG3P.mjs";
+import { useState as x, useEffect as m, useRef as c, useCallback as g, useLayoutEffect as y } from "react";
+import { I as ar } from "./components/icons/Icons-p9ZleYOo.mjs";
+import { B as ur } from "./components/button/BaseLinkButton-CquLmqew.mjs";
+const h = "(prefers-reduced-motion: reduce)", T = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, v = (e, t) => {
   typeof e.addEventListener < "u" && e.addEventListener("change", t);
 }, B = () => {
-  const [e, t] = x(T(g));
+  const [e, t] = x(T(h));
   return m(() => {
-    typeof window < "u" && window.matchMedia && v(window.matchMedia(g), (n) => {
+    typeof window < "u" && window.matchMedia && v(window.matchMedia(h), (n) => {
       t(n.matches);
     });
   }, []), { prefersReducedMotion: e };
 };
-function M(e, t) {
+function b(e, t) {
   const n = c(), s = c(), o = c(null), a = c(!0), { prefersReducedMotion: u } = B();
   function d(r) {
     var l;
     const i = o.current;
     i && r.target === i && (i.removeAttribute("style"), (l = t == null ? void 0 : t.onTransitionEnd) == null || l.call(t, e));
   }
-  const f = h(() => {
+  const f = g(() => {
     var i, l;
     if (a.current)
       return;
@@ -86,8 +86,8 @@ function M(e, t) {
     };
   }, [n, s]), [o, f];
 }
-const R = ({ ref: e, callback: t, condition: n = !0 }) => {
-  const s = h(
+const M = ({ ref: e, callback: t, condition: n = !0 }) => {
+  const s = g(
     (o) => {
       e != null && e.current && !e.current.contains(o.target) && t(o);
     },
@@ -101,7 +101,7 @@ const R = ({ ref: e, callback: t, condition: n = !0 }) => {
   return "IntersectionObserver" in globalThis && e && "isIntersecting" in e.prototype;
 })(), w = () => {
 }, L = (e, t = {}, n = w, s = !0) => {
-  const [o, a] = x(null), u = h((r) => a(r), [a]), d = c(t), f = c(null);
+  const [o, a] = x(null), u = g((r) => a(r), [a]), d = c(t), f = c(null);
   return m(() => {
     if (!p) {
       n == null || n();
@@ -112,7 +112,7 @@ const R = ({ ref: e, callback: t, condition: n = !0 }) => {
       r == null || r.disconnect();
     };
   }, [o, e, n, s]), [u];
-}, b = (e = { rootMargin: "150px" }, t = !0) => {
+}, R = (e = { rootMargin: "150px" }, t = !0) => {
   const [n, s] = x(!1), [o] = L(
     (a) => {
       const u = a.some((d) => d.isIntersecting);
@@ -123,7 +123,7 @@ const R = ({ ref: e, callback: t, condition: n = !0 }) => {
     t
   );
   return [o, n];
-}, I = () => typeof window < "u" && typeof MutationObserver < "u", P = (e, t, n) => {
+}, I = () => typeof window < "u" && typeof MutationObserver < "u", S = (e, t, n) => {
   const s = c(n);
   m(() => {
     if (I() && e) {
@@ -135,15 +135,15 @@ const R = ({ ref: e, callback: t, condition: n = !0 }) => {
 export {
   _ as Accordion,
   z as Alert,
-  ar as BaseLinkButton,
+  ur as BaseLinkButton,
   De as Body,
   Oe as Bold,
   K as Breadcrumb,
   X as BreadcrumbCurrent,
-  be as Checkbox,
-  Xe as CheckmarkListItem,
+  Re as Checkbox,
+  Ze as CheckmarkListItem,
   ne as CircularProgress,
-  rr as CrossmarkListItem,
+  nr as CrossmarkListItem,
   ke as DisplayTitle,
   se as Dropdown,
   Ce as FieldSet,
@@ -156,21 +156,21 @@ export {
   Ne as H2,
   $e as H3,
   Qe as H4,
-  sr as Icons,
+  ar as Icons,
   We as Lead,
   D as LightMode,
-  Je as List,
-  Ze as ListItem,
+  Xe as List,
+  rr as ListItem,
   re as Loader,
   _e as Meta,
   Q as NotificationDot,
-  nr as OrderedListItem,
+  sr as OrderedListItem,
   U as Panel,
   le as PrimaryArrowButton,
   ce as PrimaryButton,
   Te as PrimaryIconButton,
   Z as Progress,
-  Ae as RadioToggleInput,
+  Pe as RadioToggleInput,
   C as RiksTVProvider,
   xe as SecondaryArrowButton,
   ue as SecondaryButton,
@@ -178,18 +178,20 @@ export {
   qe as Span,
   H as StrimProvider,
   Ue as SubBody,
-  je as Tag,
-  he as TertiaryArrowButton,
+  je as SubTitle2,
+  ze as SubTitle3,
+  Je as Tag,
+  ge as TertiaryArrowButton,
   de as TertiaryButton,
   Be as TertiaryIconButton,
   He as TextField,
   we as ToggleButton,
   Ie as ToggleInlineButton,
-  Me as ToggleLinkButton,
-  M as useAnimatedHeight,
+  be as ToggleLinkButton,
+  b as useAnimatedHeight,
   B as useBrowserPreferences,
-  R as useClickOutsideListener,
-  b as useElementVisible,
+  M as useClickOutsideListener,
+  R as useElementVisible,
   L as useIntersectionObserver,
-  P as useMutationObserver
+  S as useMutationObserver
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "3.0.30",
+  "version": "3.0.31",
   "publishConfig": {
     "access": "public"
   },