@tedi-design-system/react 18.0.0-rc.9 → 18.0.0

package/src/tedi/components/content/carousel/use-carousel.es.js

@@ -0,0 +1,228 @@
+import { useState as R, useRef as i, useEffect as G, useMemo as S, useCallback as s } from "react";
+import At from "../../../helpers/hooks/use-breakpoint.es.js";
+import { resolveBreakpointValue as ct } from "./carousel-utils.es.js";
+import { useLabels as Ft } from "../../../providers/label-provider/use-labels.es.js";
+const Xt = {
+  slidesPerView: { xs: 1 },
+  gap: { xs: 1 },
+  fade: !1,
+  transitionMs: 400,
+  loop: !0,
+  centered: !1
+}, X = (T, x) => (T % x + x) % x, $t = () => {
+  const { getLabel: T } = Ft(), x = At(), [u, at] = R(Xt), [e, it] = R(0), [l, w] = R(0), [h, J] = R(0), [Q, g] = R(!1), [C, ut] = R(0), [Z, lt] = R(16), [ft, dt] = R(""), N = i(null), tt = i(null), et = i([]), V = i(!1), y = i(!1), K = i(!1), O = i(0), A = i(0), rt = i(0), Y = i(0), U = i(0), j = i(), W = i(0), nt = i(!0), f = i(l), ot = i(h);
+  G(() => {
+    f.current = l;
+  }, [l]), G(() => {
+    ot.current = h;
+  }, [h]);
+  const c = S(
+    () => ct(u.slidesPerView, x),
+    [u.slidesPerView, x]
+  ), I = S(() => ct(u.gap, x), [u.gap, x]), P = S(() => I * Z, [I, Z]), n = u.loop, M = S(
+    () => Math.max(0, e - Math.ceil(c)),
+    [e, c]
+  ), b = s(
+    (t) => n ? t : Math.min(Math.max(t, 0), M),
+    [n, M]
+  ), m = n ? e : 0, mt = S(() => e === 0 ? 0 : n ? X(Math.floor(l), e) : Math.min(Math.max(Math.round(l), 0), e - 1), [l, e, n]), E = n ? l - h + m : l, ht = n || l > 1e-3, pt = n || l < M - 1e-3, Mt = S(() => {
+    if (!e) return [];
+    if (!n) return Array.from({ length: e }, (o, a) => a);
+    const t = 2 * m + Math.ceil(c), r = h - m;
+    return Array.from({ length: t }, (o, a) => X(r + a, e));
+  }, [e, m, c, h, n]), xt = S(
+    () => `0 0 calc((100% - ${(c - 1) * I}rem) / ${c})`,
+    [c, I]
+  ), wt = S(() => {
+    if (!C)
+      return { gap: `${I}rem`, transform: "translate3d(0,0,0)", transition: "none" };
+    const t = P * (c - 1), r = (C - t) / c, o = n ? l - h + m : l, a = u.centered ? (C - r) / 2 : 0, d = -o * (r + P) + a;
+    return {
+      gap: `${I}rem`,
+      transform: `translate3d(${d}px, 0, 0)`,
+      transition: Q ? `transform ${u.transitionMs}ms ease` : "none"
+    };
+  }, [
+    C,
+    I,
+    P,
+    c,
+    l,
+    h,
+    m,
+    Q,
+    u.transitionMs,
+    u.centered,
+    n
+  ]), gt = s(
+    (t) => {
+      const r = Math.ceil(c);
+      return t >= E && t < E + r;
+    },
+    [c, E]
+  ), bt = s(
+    (t, r, o) => {
+      const a = [t];
+      if (u.fade) {
+        const d = u.fade === "both" || u.fade !== "right" && c <= 1;
+        a.push(d ? o : r);
+      }
+      return a.join(" ");
+    },
+    [u.fade, c]
+  ), Rt = s((t, r) => {
+    et.current[t] = r;
+  }, []), D = s(() => {
+    setTimeout(() => {
+      if (!nt.current || !e) return;
+      const t = n ? X(Math.floor(f.current), e) : Math.min(Math.max(Math.round(f.current), 0), e - 1);
+      dt(T("carousel.slide", t + 1, e));
+    }, 100);
+  }, [T, e, n]), z = s(() => {
+    V.current = !0, setTimeout(() => {
+      V.current = !1;
+    }, u.transitionMs);
+  }, [u.transitionMs]), st = s(() => {
+    setTimeout(() => {
+      var r;
+      const t = f.current - ot.current + m;
+      (r = et.current[t]) == null || r.focus({ preventScroll: !0 });
+    });
+  }, [m]), H = s(() => {
+    !e || V.current || !n && f.current >= M - 1e-3 || (g(!0), w((t) => b(t + 1)), z(), D());
+  }, [e, n, M, b, z, D]), q = s(() => {
+    !e || V.current || !n && f.current <= 1e-3 || (g(!0), w((t) => b(t - 1)), z(), D());
+  }, [e, n, b, z, D]), $ = s(
+    (t, r) => {
+      if (!(!e || V.current)) {
+        if (g(!0), n) {
+          const o = X(Math.floor(f.current), e), d = X(t, e) - o;
+          w((p) => p + d);
+        } else
+          w(b(t));
+        r != null && r.focusSlide ? K.current = !0 : D();
+      }
+    },
+    [e, n, b, D]
+  ), St = s(
+    (t) => {
+      t.target !== tt.current || t.propertyName !== "transform" || y.current || (g(!1), J(Math.floor(f.current)), K.current && (K.current = !1, st()));
+    },
+    [st]
+  ), It = s(() => {
+    const t = N.current;
+    t && (t.scrollLeft = 0, t.scrollTop = 0);
+  }, []), L = s(() => (C - P * (c - 1)) / c + P, [C, P, c]), kt = s(
+    (t) => {
+      if (!e) return;
+      const r = Math.abs(t.deltaX) > Math.abs(t.deltaY) ? t.deltaX : t.shiftKey ? t.deltaY : 0;
+      if (!r) return;
+      const o = L();
+      if (!o) return;
+      const a = r / o;
+      W.current += a;
+      const d = m * 0.9, p = n ? h - d : 0, k = n ? h + d : M, v = f.current + a, B = Math.min(Math.max(v, p), k), Lt = B !== v;
+      g(!1), w(B), clearTimeout(j.current), j.current = setTimeout(() => {
+        g(!0);
+        const Vt = Math.sign(W.current), F = f.current;
+        let _ = Math.round(F);
+        Math.abs(W.current) > 0.3 && (_ = Vt > 0 ? Math.ceil(F) : Math.floor(F)), Lt && (F <= p && (_ = Math.ceil(p)), F >= k && (_ = Math.floor(k)));
+        const yt = Math.min(Math.max(_, p), k);
+        w(yt), W.current = 0;
+      }, 120);
+    },
+    [e, L, m, h, n, M]
+  ), Tt = s(
+    (t) => {
+      switch (t.key) {
+        case "ArrowRight":
+        case "PageDown":
+          t.preventDefault(), H();
+          break;
+        case "ArrowLeft":
+        case "PageUp":
+          t.preventDefault(), q();
+          break;
+        case "Home":
+          t.preventDefault(), $(0);
+          break;
+        case "End":
+          t.preventDefault(), $(e - 1);
+          break;
+      }
+    },
+    [H, q, $, e]
+  ), Ct = s(
+    (t) => {
+      var r;
+      e && ((r = N.current) == null || r.setPointerCapture(t.pointerId), y.current = !0, g(!1), O.current = t.clientX, A.current = f.current, rt.current = t.timeStamp, Y.current = t.clientX, U.current = t.timeStamp, n && J(Math.floor(f.current)));
+    },
+    [e, n]
+  ), Pt = s(
+    (t) => {
+      if (!y.current) return;
+      const r = L();
+      if (!r) return;
+      const o = t.clientX - O.current;
+      if (Number.isNaN(o)) return;
+      Y.current = t.clientX, U.current = t.timeStamp;
+      const a = o / r, d = A.current - a, p = m * 0.9, k = Math.floor(A.current), v = n ? k - p : 0, B = n ? k + p : M;
+      w(Math.min(Math.max(d, v), B));
+    },
+    [L, m, n, M]
+  ), Dt = s(() => {
+    if (!y.current) return;
+    y.current = !1, g(!0);
+    const t = L(), r = Math.round(f.current);
+    let o = r;
+    const a = U.current - rt.current, d = a > 0 && t ? -(Y.current - O.current) / t / a : 0;
+    Math.abs(d) > 15e-4 && r === Math.round(A.current) && (o = Math.round(A.current) + (d > 0 ? 1 : -1)), w(b(o));
+  }, [L, b]);
+  return G(() => {
+    const t = N.current;
+    if (!t) return;
+    const r = () => {
+      ut(t.clientWidth), lt(parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
+    };
+    r();
+    const o = new ResizeObserver(r);
+    return o.observe(t), () => o.disconnect();
+  }, []), G(
+    () => () => {
+      nt.current = !1, clearTimeout(j.current);
+    },
+    []
+  ), {
+    viewportRef: N,
+    trackRef: tt,
+    setSlideRef: Rt,
+    setConfig: at,
+    setSlidesCount: it,
+    slidesCount: e,
+    slideIndex: mt,
+    canPrev: ht,
+    canNext: pt,
+    renderedIndices: Mt,
+    renderedActiveIndex: E,
+    slideFlex: xt,
+    trackStyle: wt,
+    contentClassName: bt,
+    isSlideVisible: gt,
+    announcement: ft,
+    regionLabel: T("carousel"),
+    slideLabel: (t) => T("carousel.slide", t, e),
+    next: H,
+    prev: q,
+    goToIndex: $,
+    onTransitionEnd: St,
+    onScroll: It,
+    onWheel: kt,
+    onKeyDown: Tt,
+    onPointerDown: Ct,
+    onPointerMove: Pt,
+    onPointerUp: Dt
+  };
+};
+export {
+  $t as useCarousel
+};

package/src/tedi/components/content/collapse/collapse.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),J=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),K=require("../../../providers/printing-provider/printing-provider.cjs.js"),Q=require("../../buttons/collapse-button/collapse-button.cjs.js"),U=require("../../misc/print/print.cjs.js"),s=require("./collapse.module.scss.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),W=require("../../layout/grid/row.cjs.js"),R=require("../../layout/grid/col.cjs.js"),w=d=>{const{getCurrentBreakpointProps:O}=V.useBreakpointProps(d.defaultServerBreakpoint),{id:l,children:P,className:k,openText:y,closeText:I,hideCollapseText:T=!1,title:o,titleRowProps:B,defaultOpen:S,open:u,onToggle:i,arrowType:E="default",size:N="default",underline:$=!0,toggleLabel:p,iconOnly:L=!1,controlsId:f,inverted:M=!1,fullRowToggle:a=!1,...z}=O(d),g=f!==void 0,h=`${l}__trigger`,x=`${l}__content`,A=`${l}__animate`,[D,F]=n.useState(()=>S??!1),v=K.usePrint(),r=v||(u!==void 0?u:D),G=L===!0&&!o,_=n.useRef(null),c=t=>{F(t),i==null||i(t)},m=n.useRef(c);m.current=c;const j=n.useRef(r);j.current=r,n.useEffect(()=>{const t=_.current;if(!a||!t)return;const b=H=>{H.target.closest("a, button, input, select, textarea, label")||m.current(!j.current)};return t.addEventListener("click",b),()=>t.removeEventListener("click",b)},[a]);const C=e.jsx("div",{id:x,role:"region","aria-labelledby":h,className:s.default["tedi-collapse__content"],children:P});return e.jsxs("div",{"data-name":"collapse",...z,className:q.default(s.default["tedi-collapse"],k),children:[e.jsx("div",{ref:_,className:q.default(s.default["tedi-collapse__header"],{[s.default["tedi-collapse__header--clickable"]]:a}),children:e.jsxs(W.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...B,children:[o&&e.jsx(R.Col,{children:o}),e.jsx(R.Col,{width:"auto",children:e.jsx(U.Print,{visibility:"hide",children:e.jsx(Q.CollapseButton,{id:h,open:r,onOpenChange:c,openText:y,closeText:I,hideText:T||G,arrowType:E,size:N,inverted:M,underline:$,"aria-controls":g?f:x,...p?{"aria-label":p}:{}})})})]})}),!g&&(v?C:e.jsx(J.default,{id:A,duration:300,height:r?"auto":0,"data-testid":"collapse-inner",children:C}))]})};exports.Collapse=w;exports.default=w;

package/src/tedi/components/{buttons → content}/collapse/collapse.d.ts

@@ -27,12 +27,21 @@ type CollapseBreakpointProps = {
      * Custom class name for the root element
      */
     className?: string;
+    /**
+     * Visual style of the toggle chevron, intended for icon-only toggles:
+     * `secondary` wraps the chevron in a bordered secondary button, `default` renders a plain arrow.
+     * @default default
+     */
     arrowType?: 'default' | 'secondary';
     /**
      * Collapse text & icon size
      * @default default
      */
     size?: 'default' | 'small';
+    /**
+     * Display underline below the title
+     * @default true
+     */
     underline?: boolean;
     /**
      * Render collapse as icon-only toggle.
@@ -48,6 +57,14 @@ type CollapseBreakpointProps = {
      * @default false
      */
     inverted?: boolean;
+    /**
+     * Make the whole header row (title included) toggle on click, not just the chevron button.
+     * The chevron button stays the keyboard / screen-reader control; this only adds a mouse click
+     * target across the row. Clicks on interactive elements inside the title (links, buttons) are
+     * ignored, so they keep working.
+     * @default false
+     */
+    fullRowToggle?: boolean;
 };
 export interface CollapseProps extends BreakpointSupport<CollapseBreakpointProps> {
     /**

package/src/tedi/components/content/collapse/collapse.es.js

@@ -0,0 +1,84 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import y from "../../../../../external/classnames/index.es.js";
+import r from "react";
+import K from "../../../../../external/react-animate-height/dist/esm/index.es.js";
+import { usePrint as M } from "../../../providers/printing-provider/printing-provider.es.js";
+import { CollapseButton as Q } from "../../buttons/collapse-button/collapse-button.es.js";
+import { Print as U } from "../../misc/print/print.es.js";
+import o from "./collapse.module.scss.es.js";
+import { useBreakpointProps as V } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { Row as W } from "../../layout/grid/row.es.js";
+import { Col as O } from "../../layout/grid/col.es.js";
+const ae = (d) => {
+  const { getCurrentBreakpointProps: k } = V(d.defaultServerBreakpoint), {
+    id: i,
+    children: I,
+    className: P,
+    openText: T,
+    closeText: N,
+    hideCollapseText: B = !1,
+    title: l,
+    titleRowProps: E,
+    defaultOpen: j,
+    open: p,
+    onToggle: s,
+    arrowType: L = "default",
+    size: S = "default",
+    underline: $ = !0,
+    toggleLabel: f,
+    iconOnly: z = !1,
+    controlsId: u,
+    inverted: A = !1,
+    fullRowToggle: a = !1,
+    ...H
+  } = k(d), m = u !== void 0, h = `${i}__trigger`, g = `${i}__content`, q = `${i}__animate`, [D, F] = r.useState(() => j ?? !1), _ = M(), n = _ || (p !== void 0 ? p : D), G = z === !0 && !l, v = r.useRef(null), c = (t) => {
+    F(t), s == null || s(t);
+  }, C = r.useRef(c);
+  C.current = c;
+  const R = r.useRef(n);
+  R.current = n, r.useEffect(() => {
+    const t = v.current;
+    if (!a || !t) return;
+    const w = (J) => {
+      J.target.closest("a, button, input, select, textarea, label") || C.current(!R.current);
+    };
+    return t.addEventListener("click", w), () => t.removeEventListener("click", w);
+  }, [a]);
+  const b = /* @__PURE__ */ e("div", { id: g, role: "region", "aria-labelledby": h, className: o["tedi-collapse__content"], children: I });
+  return /* @__PURE__ */ x("div", { "data-name": "collapse", ...H, className: y(o["tedi-collapse"], P), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: v,
+        className: y(o["tedi-collapse__header"], {
+          [o["tedi-collapse__header--clickable"]]: a
+        }),
+        children: /* @__PURE__ */ x(W, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...E, children: [
+          l && /* @__PURE__ */ e(O, { children: l }),
+          /* @__PURE__ */ e(O, { width: "auto", children: /* @__PURE__ */ e(U, { visibility: "hide", children: /* @__PURE__ */ e(
+            Q,
+            {
+              id: h,
+              open: n,
+              onOpenChange: c,
+              openText: T,
+              closeText: N,
+              hideText: B || G,
+              arrowType: L,
+              size: S,
+              inverted: A,
+              underline: $,
+              "aria-controls": m ? u : g,
+              ...f ? { "aria-label": f } : {}
+            }
+          ) }) })
+        ] })
+      }
+    ),
+    !m && (_ ? b : /* @__PURE__ */ e(K, { id: q, duration: 300, height: n ? "auto" : 0, "data-testid": "collapse-inner", children: b }))
+  ] });
+};
+export {
+  ae as Collapse,
+  ae as default
+};

package/src/tedi/components/content/collapse/collapse.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-collapse__content":"tedi-collapse__content-d9c6f765","tedi-collapse__header--clickable":"tedi-collapse__header--clickable-c4721f94","tedi-collapse__header":"tedi-collapse__header-460b1508"};exports.default=e;

package/src/tedi/components/content/collapse/collapse.module.scss.es.js

@@ -0,0 +1,8 @@
+const e = {
+  "tedi-collapse__content": "tedi-collapse__content-d9c6f765",
+  "tedi-collapse__header--clickable": "tedi-collapse__header--clickable-c4721f94",
+  "tedi-collapse__header": "tedi-collapse__header-460b1508"
+};
+export {
+  e as default
+};

package/src/tedi/components/content/empty-state/empty-state.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),n=require("../../base/icon/icon.cjs.js"),y=require("../../base/typography/heading/heading.cjs.js"),f=require("../../base/typography/text/text.cjs.js"),t=require("./empty-state.module.scss.cjs.js"),l=({type:c="separate",size:o="default",icon:s="spa",heading:a,children:d,actions:r,className:m})=>{const u=p.default(t.default["tedi-empty-state"],t.default[`tedi-empty-state--${c}`],t.default[`tedi-empty-state--${o}`],m),i=s===null?null:typeof s=="string"?e.jsx(n.Icon,{name:s,size:36,color:"brand"}):e.jsx(n.Icon,{size:36,color:"brand",...s});return e.jsxs("div",{"data-name":"tedi-empty-state",className:u,children:[e.jsxs("div",{className:t.default["tedi-empty-state__text"],children:[i&&e.jsx("div",{className:t.default["tedi-empty-state__icon"],children:i}),(a||d)&&e.jsxs("div",{className:t.default["tedi-empty-state__content"],children:[a&&e.jsx(y.Heading,{className:t.default["tedi-empty-state__heading"],element:"h3",modifiers:"h3",color:"brand",children:a}),d&&e.jsx(f.Text,{className:t.default["tedi-empty-state__description"],color:"secondary",modifiers:"center",children:d})]})]}),r&&e.jsx("div",{className:t.default["tedi-empty-state__actions"],children:r})]})};l.displayName="EmptyState";exports.EmptyState=l;

package/src/tedi/components/{misc → content}/empty-state/empty-state.es.js

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import y from "../../../../../external/classnames/index.es.js";
-import { Icon as o } from "../../base/icon/icon.es.js";
+import { Icon as d } from "../../base/icon/icon.es.js";
 import { Heading as f } from "../../base/typography/heading/heading.es.js";
 import { Text as _ } from "../../base/typography/text/text.es.js";
 import e from "./empty-state.module.scss.es.js";
 const N = ({
-  type: l = "separate",
-  size: n = "default",
+  type: n = "separate",
+  size: l = "default",
   icon: s = "spa",
   heading: a,
   children: r,
@@ -15,13 +15,13 @@ const N = ({
 }) => {
   const c = y(
     e["tedi-empty-state"],
-    e[`tedi-empty-state--${l}`],
     e[`tedi-empty-state--${n}`],
+    e[`tedi-empty-state--${l}`],
     p
-  ), d = s === null ? null : typeof s == "string" ? /* @__PURE__ */ t(o, { name: s, size: 36, color: "brand" }) : /* @__PURE__ */ t(o, { size: 36, color: "brand", ...s });
+  ), o = s === null ? null : typeof s == "string" ? /* @__PURE__ */ t(d, { name: s, size: 36, color: "brand" }) : /* @__PURE__ */ t(d, { size: 36, color: "brand", ...s });
   return /* @__PURE__ */ m("div", { "data-name": "tedi-empty-state", className: c, children: [
     /* @__PURE__ */ m("div", { className: e["tedi-empty-state__text"], children: [
-      d && /* @__PURE__ */ t("div", { className: e["tedi-empty-state__icon"], children: d }),
+      o && /* @__PURE__ */ t("div", { className: e["tedi-empty-state__icon"], children: o }),
       (a || r) && /* @__PURE__ */ m("div", { className: e["tedi-empty-state__content"], children: [
         a && /* @__PURE__ */ t(f, { className: e["tedi-empty-state__heading"], element: "h3", modifiers: "h3", color: "brand", children: a }),
         r && /* @__PURE__ */ t(_, { className: e["tedi-empty-state__description"], color: "secondary", modifiers: "center", children: r })
@@ -32,6 +32,5 @@ const N = ({
 };
 N.displayName = "EmptyState";
 export {
-  N as EmptyState,
-  N as default
+  N as EmptyState
 };

package/src/tedi/components/content/empty-state/empty-state.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-empty-state":"tedi-empty-state-9d92e1a9","tedi-empty-state--small":"tedi-empty-state--small-6b1ea9f7","tedi-empty-state--attached":"tedi-empty-state--attached-f5b74320","tedi-empty-state--inside":"tedi-empty-state--inside-fdc4a845","tedi-empty-state__text":"tedi-empty-state__text-5e4bbf7d","tedi-empty-state__icon":"tedi-empty-state__icon-b89ebdb5","tedi-empty-state__content":"tedi-empty-state__content-02753e2d","tedi-empty-state__heading":"tedi-empty-state__heading-93aa062d","tedi-empty-state__description":"tedi-empty-state__description-744acc61","tedi-empty-state__actions":"tedi-empty-state__actions-c80df01b"};exports.default=t;

package/src/tedi/components/content/empty-state/empty-state.module.scss.es.js

@@ -0,0 +1,15 @@
+const t = {
+  "tedi-empty-state": "tedi-empty-state-9d92e1a9",
+  "tedi-empty-state--small": "tedi-empty-state--small-6b1ea9f7",
+  "tedi-empty-state--attached": "tedi-empty-state--attached-f5b74320",
+  "tedi-empty-state--inside": "tedi-empty-state--inside-fdc4a845",
+  "tedi-empty-state__text": "tedi-empty-state__text-5e4bbf7d",
+  "tedi-empty-state__icon": "tedi-empty-state__icon-b89ebdb5",
+  "tedi-empty-state__content": "tedi-empty-state__content-02753e2d",
+  "tedi-empty-state__heading": "tedi-empty-state__heading-93aa062d",
+  "tedi-empty-state__description": "tedi-empty-state__description-744acc61",
+  "tedi-empty-state__actions": "tedi-empty-state__actions-c80df01b"
+};
+export {
+  t as default
+};

package/src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),m=require("../../base/icon/icon.cjs.js"),p=require("../../base/typography/heading/heading.cjs.js"),q=require("./heading-with-icon.module.scss.cjs.js"),r=t=>{const{children:e,className:c,element:s="h4",name:n,size:a=24,headingColor:d="primary",iconColor:l="primary",...i}=t,u={children:e,element:s,className:g.default(q.default["tedi-heading-with-icon"],c),color:d,...i},h={name:n,color:l,size:a,...i};return o.jsxs(p.Heading,{...u,children:[n&&o.jsx(m.Icon,{...h}),e]})};exports.HeadingWithIcon=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),g=require("../../base/icon/icon.cjs.js"),m=require("../../base/typography/heading/heading.cjs.js"),p=require("./heading-with-icon.module.scss.cjs.js"),q=r=>{const{children:e,className:t,element:c="h4",name:n,size:s=24,headingColor:a="primary",iconColor:d="primary",...i}=r,l={children:e,element:c,className:h.default(p.default["tedi-heading-with-icon"],t),color:a,...i},u={name:n,color:d,size:s,...i};return o.jsxs(m.Heading,{...l,children:[n&&o.jsx(g.Icon,{...u}),e]})};exports.HeadingWithIcon=q;

package/src/tedi/components/content/heading-with-icon/heading-with-icon.es.js

@@ -3,29 +3,28 @@ import h from "../../../../../external/classnames/index.es.js";
 import { Icon as f } from "../../base/icon/icon.es.js";
 import { Heading as g } from "../../base/typography/heading/heading.es.js";
 import x from "./heading-with-icon.module.scss.es.js";
-const H = (i) => {
+const I = (e) => {
   const {
     children: o,
     className: s,
     element: n = "h4",
     name: r,
-    size: t = 24,
-    headingColor: m = "primary",
-    iconColor: a = "primary",
-    ...e
-  } = i, c = {
+    size: m = 24,
+    headingColor: t = "primary",
+    iconColor: c = "primary",
+    ...i
+  } = e, a = {
     children: o,
     element: n,
     className: h(x["tedi-heading-with-icon"], s),
-    color: m,
-    ...e
-  }, l = { name: r, color: a, size: t, ...e };
-  return /* @__PURE__ */ p(g, { ...c, children: [
+    color: t,
+    ...i
+  }, l = { name: r, color: c, size: m, ...i };
+  return /* @__PURE__ */ p(g, { ...a, children: [
     r && /* @__PURE__ */ d(f, { ...l }),
     o
   ] });
 };
 export {
-  H as HeadingWithIcon,
-  H as default
+  I as HeadingWithIcon
 };

package/src/tedi/components/content/label/label.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),j=require("react"),x=require("../../buttons/info-button/info-button.cjs.js"),l=require("../../overlays/tooltip/tooltip.cjs.js"),t=require("./label.module.scss.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../../providers/label-provider/use-labels.cjs.js"),i=j.forwardRef((r,s)=>{const{getCurrentBreakpointProps:n}=B.useBreakpointProps(r.defaultServerBreakpoint),{as:u="label",children:d,className:c,isBold:b,isSmall:o,required:p,tooltip:a,...f}=n(r),{getLabel:m}=g.useLabels(),q=h.default(t.default["tedi-label"],b&&t.default["tedi-label--bold"],o&&t.default["tedi-label--small"],c);return e.jsxs(u,{ref:s,className:q,...f,children:[d,p&&e.jsx("span",{className:t.default["tedi-label__required"],"aria-hidden":"true",children:"*"}),a&&e.jsx("span",{"aria-hidden":"true",children:e.jsxs(l.Tooltip,{children:[e.jsx(l.Tooltip.Trigger,{children:e.jsx(x.InfoButton,{isSmall:o,"aria-label":m("infoButton.moreInformation")})}),e.jsx(l.Tooltip.Content,{children:a})]})})]})});i.displayName="Label";exports.Label=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),j=require("react"),x=require("../../buttons/info-button/info-button.cjs.js"),l=require("../../overlays/tooltip/tooltip.cjs.js"),t=require("./label.module.scss.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../../providers/label-provider/use-labels.cjs.js"),o=j.forwardRef((r,s)=>{const{getCurrentBreakpointProps:n}=B.useBreakpointProps(r.defaultServerBreakpoint),{as:d="label",children:u,className:c,isBold:b,isSmall:a,required:f,tooltip:i,...p}=n(r),{getLabel:m}=g.useLabels(),q=h.default(t.default["tedi-label"],b&&t.default["tedi-label--bold"],a&&t.default["tedi-label--small"],c);return e.jsxs(d,{ref:s,className:q,...p,children:[u,f&&e.jsx("span",{className:t.default["tedi-label__required"],"aria-hidden":"true",children:"*"}),i&&e.jsx("span",{"aria-hidden":"true",className:t.default["tedi-label__info"],children:e.jsxs(l.Tooltip,{children:[e.jsx(l.Tooltip.Trigger,{children:e.jsx(x.InfoButton,{isSmall:a,"aria-label":m("infoButton.moreInformation")})}),e.jsx(l.Tooltip.Content,{children:i})]})})]})});o.displayName="Label";exports.Label=o;

package/src/tedi/components/content/label/label.es.js

@@ -5,33 +5,33 @@ import { InfoButton as g } from "../../buttons/info-button/info-button.es.js";
 import { Tooltip as l } from "../../overlays/tooltip/tooltip.es.js";
 import r from "./label.module.scss.es.js";
 import { useBreakpointProps as L } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as k } from "../../../providers/label-provider/use-labels.es.js";
-const x = N((o, s) => {
+import { useLabels as _ } from "../../../providers/label-provider/use-labels.es.js";
+const k = N((o, s) => {
   const { getCurrentBreakpointProps: n } = L(o.defaultServerBreakpoint), {
     as: m = "label",
     children: d,
-    className: p,
-    isBold: c,
+    className: c,
+    isBold: p,
     isSmall: t,
     required: f,
     tooltip: a,
     ...b
-  } = n(o), { getLabel: u } = k(), h = B(
+  } = n(o), { getLabel: u } = _(), h = B(
     r["tedi-label"],
-    c && r["tedi-label--bold"],
+    p && r["tedi-label--bold"],
     t && r["tedi-label--small"],
-    p
+    c
   );
   return /* @__PURE__ */ i(m, { ref: s, className: h, ...b, children: [
     d,
     f && /* @__PURE__ */ e("span", { className: r["tedi-label__required"], "aria-hidden": "true", children: "*" }),
-    a && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ i(l, { children: [
+    a && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: r["tedi-label__info"], children: /* @__PURE__ */ i(l, { children: [
       /* @__PURE__ */ e(l.Trigger, { children: /* @__PURE__ */ e(g, { isSmall: t, "aria-label": u("infoButton.moreInformation") }) }),
       /* @__PURE__ */ e(l.Content, { children: a })
     ] }) })
   ] });
 });
-x.displayName = "Label";
+k.displayName = "Label";
 export {
-  x as Label
+  k as Label
 };

package/src/tedi/components/content/label/label.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-label":"tedi-label-473ab627","tedi-label--small":"tedi-label--small-20e328dc","tedi-label--bold":"tedi-label--bold-9d758835","tedi-label__required":"tedi-label__required-414e3f9d"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-label":"tedi-label-473ab627","tedi-label--small":"tedi-label--small-20e328dc","tedi-label--bold":"tedi-label--bold-9d758835","tedi-label__required":"tedi-label__required-414e3f9d","tedi-label__info":"tedi-label__info-c9df19b4"};exports.default=e;

package/src/tedi/components/content/label/label.module.scss.es.js

@@ -2,7 +2,8 @@ const e = {
   "tedi-label": "tedi-label-473ab627",
   "tedi-label--small": "tedi-label--small-20e328dc",
   "tedi-label--bold": "tedi-label--bold-9d758835",
-  "tedi-label__required": "tedi-label__required-414e3f9d"
+  "tedi-label__required": "tedi-label__required-414e3f9d",
+  "tedi-label__info": "tedi-label__info-c9df19b4"
 };
 export {
   e as default

package/src/tedi/components/content/list/list-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("./list.module.scss.cjs.js"),o=require("../../layout/vertical-spacing/vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),a=t=>{const{getCurrentBreakpointProps:n}=m.useBreakpointProps(t.defaultServerBreakpoint),{children:i,verticalSpacingItem:e,className:l}=n(t),r=c.default(u.default["tedi-list__item"],e==null?void 0:e.className,l);return t.verticalSpacingItem?s.jsx(o.VerticalSpacingItem,{...e,element:"li",className:r,children:i}):s.jsx("li",{className:r,children:i})};exports.ListItem=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("./list.module.scss.cjs.js"),o=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=require("../../layout/vertical-spacing/vertical-spacing-item.cjs.js"),a=t=>{const{getCurrentBreakpointProps:n}=o.useBreakpointProps(t.defaultServerBreakpoint),{children:i,verticalSpacingItem:e,className:l}=n(t),r=c.default(u.default["tedi-list__item"],e==null?void 0:e.className,l);return t.verticalSpacingItem?s.jsx(m.VerticalSpacingItem,{...e,element:"li",className:r,children:i}):s.jsx("li",{className:r,children:i})};exports.ListItem=a;exports.default=a;

package/src/tedi/components/content/list/list-item.es.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import o from "../../../../../external/classnames/index.es.js";
 import l from "./list.module.scss.es.js";
-import { VerticalSpacingItem as n } from "../../layout/vertical-spacing/vertical-spacing-item.es.js";
-import { useBreakpointProps as c } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpointProps as n } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { VerticalSpacingItem as c } from "../../layout/vertical-spacing/vertical-spacing-item.es.js";
 const B = (e) => {
-  const { getCurrentBreakpointProps: i } = c(e.defaultServerBreakpoint), { children: r, verticalSpacingItem: t, className: a } = i(e), s = o(l["tedi-list__item"], t == null ? void 0 : t.className, a);
-  return e.verticalSpacingItem ? /* @__PURE__ */ m(n, { ...t, element: "li", className: s, children: r }) : /* @__PURE__ */ m("li", { className: s, children: r });
+  const { getCurrentBreakpointProps: i } = n(e.defaultServerBreakpoint), { children: r, verticalSpacingItem: t, className: a } = i(e), s = o(l["tedi-list__item"], t == null ? void 0 : t.className, a);
+  return e.verticalSpacingItem ? /* @__PURE__ */ m(c, { ...t, element: "li", className: s, children: r }) : /* @__PURE__ */ m("li", { className: s, children: r });
 };
 export {
   B as ListItem,

package/src/tedi/components/content/list/list.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("./list.module.scss.cjs.js"),p=require("./list-item.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),r=l=>{const{getCurrentBreakpointProps:u}=q.useBreakpointProps(l.defaultServerBreakpoint),{children:i,element:s="ul",style:a="none",verticalSpacing:e,className:c,color:d="brand"}=u(l),n=f.default(t.default["tedi-list"],t.default[`tedi-list--${s==="ul"?"unordered":"ordered"}`],t.default[`tedi-list--style-${a}`],t.default[`tedi-list--bullet-color-${d}`],e==null?void 0:e.className,c),m=s;return e?o.jsx(g.VerticalSpacing,{...e,element:s,className:n,children:i}):o.jsx(m,{className:n,children:i})};r.Item=p.ListItem;exports.List=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("./list.module.scss.cjs.js"),p=require("./list-item.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),o=s=>{const{getCurrentBreakpointProps:u}=q.useBreakpointProps(s.defaultServerBreakpoint),{children:i,element:r="ul",style:a="none",verticalSpacing:e,className:c,color:d="brand"}=u(s),l=f.default(t.default["tedi-list"],t.default[`tedi-list--${r==="ul"?"unordered":"ordered"}`],t.default[`tedi-list--style-${a}`],t.default[`tedi-list--bullet-color-${d}`],e==null?void 0:e.className,c),m=r;return e?n.jsx(g.VerticalSpacing,{...e,element:r,className:l,children:i}):n.jsx(m,{className:l,children:i})};o.Item=p.ListItem;exports.List=o;

package/src/tedi/components/content/list/list.es.js

@@ -24,6 +24,5 @@ const B = (s) => {
 };
 B.Item = u;
 export {
-  B as List,
-  B as default
+  B as List
 };

package/src/tedi/components/content/section/section.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),l=require("./section.module.scss.cjs.js"),e=t=>{const{children:s,className:n,as:o="section",...c}=t,i=a.default(l.default["tedi-section"],n),r=o;return u.jsx(r,{"data-name":"section",...c,className:i,children:s})};exports.Section=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),u=require("./section.module.scss.cjs.js"),l=e=>{const{children:t,className:n,as:s="section",...c}=e,o=a.default(u.default["tedi-section"],n),i=s;return r.jsx(i,{"data-name":"section",...c,className:o,children:t})};exports.Section=l;

package/src/tedi/components/content/section/section.es.js

@@ -1,11 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import r from "./section.module.scss.es.js";
-const p = (t) => {
-  const { children: e, className: s, as: o = "section", ...n } = t, c = m(r["tedi-section"], s);
-  return /* @__PURE__ */ a(o, { "data-name": "section", ...n, className: c, children: e });
+import { jsx as m } from "react/jsx-runtime";
+import r from "../../../../../external/classnames/index.es.js";
+import a from "./section.module.scss.es.js";
+const f = (t) => {
+  const { children: e, className: s, as: o = "section", ...n } = t, c = r(a["tedi-section"], s);
+  return /* @__PURE__ */ m(o, { "data-name": "section", ...n, className: c, children: e });
 };
 export {
-  p as Section,
-  p as default
+  f as Section
 };

package/src/tedi/components/content/table/table-header-button/table-header-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),q=require("react"),h=require("../../../base/icon/icon.cjs.js"),a=require("./table-header-button.module.scss.cjs.js"),e=q.forwardRef(({icon:o,filled:r=!1,selected:u=!1,disabled:n,onClick:l,className:d,iconSize:s=18,type:i="button",children:c,...b},f)=>t.jsxs("button",{...b,ref:f,type:i,disabled:n,onClick:l,className:m.default(a.default["tedi-table-header-button"],{[a.default["tedi-table-header-button--selected"]]:u},d),children:[c,t.jsx(h.Icon,{name:o,filled:r,color:"inherit",size:s})]}));e.displayName="TableHeaderButton";exports.TableHeaderButton=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),q=require("react"),h=require("../../../base/icon/icon.cjs.js"),t=require("./table-header-button.module.scss.cjs.js"),a=q.forwardRef(({icon:o,filled:r=!1,selected:n=!1,disabled:u,onClick:l,className:d,iconSize:i=18,type:s="button",children:c,...b},f)=>e.jsxs("button",{...b,ref:f,type:s,disabled:u,onClick:l,className:m.default(t.default["tedi-table-header-button"],{[t.default["tedi-table-header-button--selected"]]:n},d),children:[c,e.jsx(h.Icon,{name:o,filled:r,color:"inherit",size:i})]}));a.displayName="TableHeaderButton";exports.TableHeaderButton=a;