@tedi-design-system/react 16.2.0-rc.1 → 17.0.0-rc.2

package/src/community/components/tooltip/tooltip.es.js

@@ -8,7 +8,7 @@ import { TooltipContext as B, ARROW_WIDTH as H, ARROW_HEIGHT as $ } from "./tool
 import { Card as j } from "../card/card.es.js";
 import { CardContent as I } from "../card/card-content/card-content.es.js";
 const L = (c) => {
-  const { children: m, maxWidth: e = "medium", cardProps: o, className: d } = c, { open: f, x: p, y: u, strategy: g, focusManager: h, floating: C, arrowRef: w, getFloatingProps: x, placement: _, context: n } = y.useContext(B), [k, l] = N(o == null ? void 0 : o.border), a = () => k && l ? `var(--color-${l})` : "none", i = a() !== "none", A = () => o != null && o.background ? `var(--color-${o == null ? void 0 : o.background})` : "var(--color-bg-default)";
+  const { children: m, maxWidth: e = "medium", cardProps: o, className: d } = c, { open: p, x: f, y: g, strategy: u, focusManager: h, floating: C, arrowRef: w, getFloatingProps: x, placement: _, context: n } = y.useContext(B), [k, l] = N(o == null ? void 0 : o.border), a = () => k && l ? `var(--color-${l})` : "none", i = a() !== "none", A = () => o != null && o.background ? `var(--color-${o == null ? void 0 : o.background})` : "var(--color-bg-default)";
   return /* @__PURE__ */ t(b, { "data-name": "tooltip", children: (() => {
     const F = /* @__PURE__ */ t(W, { ...h, context: n, children: /* @__PURE__ */ T(
       "div",
@@ -16,9 +16,9 @@ const L = (c) => {
         ...x({
           ref: C,
           style: {
-            position: g,
-            left: p ?? 0,
-            top: u ?? 0
+            position: u,
+            left: f ?? 0,
+            top: g ?? 0
           },
           className: s(r.tooltip, d, { [r[`tooltip--${e}`]]: e })
         }),
@@ -41,10 +41,9 @@ const L = (c) => {
         ]
       }
     ) });
-    return f ? F : null;
+    return p ? F : null;
   })() });
 };
 export {
-  L as Tooltip,
-  L as default
+  L as Tooltip
 };

package/src/community/components/vertical-progress/vertical-progress-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),j=require("../button/button.cjs.js"),b=require("../tag/tag.cjs.js"),v=require("./vertical-progress.cjs.js"),w=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(w.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:l,isToggable:u=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(v.VerticalProgressContext),{getLabel:g}=q.useLabels(),h=u&&!(t==="disabled")&&!(t==="active"),x=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},m=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},C=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(p.Icon,{name:C(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),h&&e.jsx(n.Col,{width:"auto",children:e.jsx(j.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=s;exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),C=require("../../../tedi/components/base/icon/icon.cjs.js"),p=require("../button/button.cjs.js"),j=require("../tag/tag.cjs.js"),b=require("./vertical-progress.cjs.js"),v=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),w=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),q=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(v.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:a,isToggable:l=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(b.VerticalProgressContext),{getLabel:u}=w.useLabels(),g=l&&!(t==="disabled")&&!(t==="active"),h=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},x=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},m=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(j.Tag,{iconOnly:!0,rounded:!0,color:h(),type:x(),children:e.jsx(C.Icon,{name:m(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),g&&e.jsx(n.Col,{width:"auto",children:e.jsx(p.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(a),children:u("vertical-progress.edit")})})]})};exports.VerticalProgressItem=q;exports.VerticalProgressItemContext=s;

package/src/community/components/vertical-progress/vertical-progress-item.es.js

@@ -66,6 +66,5 @@ const s = n.createContext({
 };
 export {
   H as VerticalProgressItem,
-  s as VerticalProgressItemContext,
-  H as default
+  s as VerticalProgressItemContext
 };

package/src/community/components/vertical-progress/vertical-progress.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),i=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=c.createContext({onItemOpen:()=>null}),t=n=>{const{children:s,onItemOpen:o}=n;return e.jsx(r.Provider,{value:{onItemOpen:o},children:e.jsx(i.VerticalSpacing,{size:.5,children:s})})};exports.VerticalProgress=t;exports.VerticalProgressContext=r;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=o.createContext({onItemOpen:()=>null}),i=t=>{const{children:n,onItemOpen:c}=t;return e.jsx(r.Provider,{value:{onItemOpen:c},children:e.jsx(s.VerticalSpacing,{size:.5,children:n})})};exports.VerticalProgress=i;exports.VerticalProgressContext=r;

package/src/community/components/vertical-progress/vertical-progress.es.js

@@ -9,6 +9,5 @@ const i = n.createContext({
 };
 export {
   m as VerticalProgress,
-  i as VerticalProgressContext,
-  m as default
+  i as VerticalProgressContext
 };

package/src/community/components/vertical-stepper/vertical-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),r=s=>{const{className:l,children:c,isCompact:a}=s,o=u.default(t.default.stepper,l,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:o,children:c})})};exports.VerticalStepper=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;

package/src/community/components/vertical-stepper/vertical-stepper.es.js

@@ -1,11 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import c from "../../../../external/classnames/index.es.js";
+import m from "../../../../external/classnames/index.es.js";
 import r from "./vertical-stepper.module.scss.es.js";
 const n = (t) => {
-  const { className: s, children: o, isCompact: p } = t, a = c(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: a, children: o }) });
+  const { className: s, children: o, isCompact: p } = t, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
 };
 export {
-  n as VerticalStepper,
-  n as default
+  n as VerticalStepper
 };

package/src/community/helpers/hooks/use-breakpoint-props.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=r.useBreakpoint(i),t=s.useMemo(()=>e?r.breakpoints.slice(0,r.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:x,md:f,lg:g,xl:m,xxl:b,...u}=o,c=[...t.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[t])}};exports.useBreakpointProps=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=t.default(i),r=s.useMemo(()=>e?t.breakpoints.slice(0,t.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:f,md:x,lg:g,xl:m,xxl:b,...u}=o,c=[...r.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[r])}};exports.useBreakpointProps=B;

package/src/community/helpers/hooks/use-breakpoint-props.es.js

@@ -1,5 +1,5 @@
 import n from "react";
-import { useBreakpoint as u, breakpoints as s } from "./use-breakpoint.es.js";
+import u, { breakpoints as s } from "./use-breakpoint.es.js";
 import k from "../../../../external/lodash-es/pickBy.es.js";
 import l from "../../../../external/lodash-es/omit.es.js";
 const O = (i = "xs") => {

package/src/community/helpers/hooks/use-layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=k.useBreakpoint(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=d.default(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;

package/src/community/helpers/hooks/use-layout.es.js

@@ -1,4 +1,4 @@
-import { useBreakpoint as o } from "./use-breakpoint.es.js";
+import o from "./use-breakpoint.es.js";
 const i = ["xs", "sm"], p = ["md"], k = ["lg", "xl", "xxl"], a = (t) => {
   const s = o(), r = t == null ? void 0 : t.reduce((e, n) => {
     switch (n) {

package/src/tedi/components/buttons/button-group/button-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),_=require("../button/button.cjs.js"),t=require("./button-group.module.scss.cjs.js"),n=l=>{const{children:d,className:p,type:b="primary",onSelectionChange:u,stretch:f=!1,ariaLabel:c,size:r="default"}=l;return m.jsx("div",{className:s.default(t.default["tedi-button-group"],t.default[`tedi-button-group--${b}`],{[t.default["tedi-button-group--stretch"]]:f},p),role:"group","aria-label":c,children:o.Children.map(d,e=>o.isValidElement(e)&&e.type===_.Button?o.cloneElement(e,{className:s.default(t.default["tedi-button-group__item"],{[t.default["tedi-button-group__item--active"]]:e.props.isActive,[t.default["tedi-button-group__item--disabled"]]:e.props.disabled,[t.default[`tedi-button-group__item--size-${r}`]]:r}),size:r,onClick:()=>{var i,a;e.props.disabled||((a=(i=e.props).onClick)==null||a.call(i),u==null||u(e.props.id))}}):null)})};exports.ButtonGroup=n;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),m=require("../button/button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),g=s=>{const{children:l,className:d,type:p="primary",onSelectionChange:u,stretch:b=!1,ariaLabel:c,size:r="default"}=s;return f.jsx("div",{className:n.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${p}`],{[e.default["tedi-button-group--stretch"]]:b},d),role:"group","aria-label":c,children:o.Children.map(l,t=>o.isValidElement(t)&&t.type===m.Button?o.cloneElement(t,{className:n.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled,[e.default[`tedi-button-group__item--size-${r}`]]:r}),size:r,onClick:()=>{var i,a;t.props.disabled||((a=(i=t.props).onClick)==null||a.call(i),u==null||u(t.props.id))}}):null)})};exports.ButtonGroup=g;

package/src/tedi/components/buttons/button-group/button-group.es.js

@@ -1,22 +1,22 @@
 import { jsx as b } from "react/jsx-runtime";
-import p from "../../../../../external/classnames/index.es.js";
+import s from "../../../../../external/classnames/index.es.js";
 import { Children as f, isValidElement as _, cloneElement as c } from "react";
 import { Button as g } from "../button/button.es.js";
 import e from "./button-group.module.scss.es.js";
-const z = (a) => {
+const z = (u) => {
   const {
-    children: u,
+    children: a,
     className: m,
     type: n = "primary",
     onSelectionChange: r,
     stretch: l = !1,
     ariaLabel: d,
     size: o = "default"
-  } = a;
+  } = u;
   return /* @__PURE__ */ b(
     "div",
     {
-      className: p(
+      className: s(
         e["tedi-button-group"],
         e[`tedi-button-group--${n}`],
         {
@@ -26,22 +26,21 @@ const z = (a) => {
       ),
       role: "group",
       "aria-label": d,
-      children: f.map(u, (t) => _(t) && t.type === g ? c(t, {
-        className: p(e["tedi-button-group__item"], {
+      children: f.map(a, (t) => _(t) && t.type === g ? c(t, {
+        className: s(e["tedi-button-group__item"], {
           [e["tedi-button-group__item--active"]]: t.props.isActive,
           [e["tedi-button-group__item--disabled"]]: t.props.disabled,
           [e[`tedi-button-group__item--size-${o}`]]: o
         }),
         size: o,
         onClick: () => {
-          var i, s;
-          t.props.disabled || ((s = (i = t.props).onClick) == null || s.call(i), r == null || r(t.props.id));
+          var i, p;
+          t.props.disabled || ((p = (i = t.props).onClick) == null || p.call(i), r == null || r(t.props.id));
         }
       }) : null)
     }
   );
 };
 export {
-  z as ButtonGroup,
-  z as default
+  z as ButtonGroup
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),K=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),A=require("../../base/icon/icon.cjs.js"),F=require("../../base/typography/text/text.cjs.js"),G=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),H=require("../../../helpers/hooks/use-print.cjs.js"),J=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),v=require("../../layout/grid/row.cjs.js"),i=require("../../layout/grid/col.cjs.js"),N=x=>{const{getCurrentBreakpointProps:P}=J.useBreakpointProps(x.defaultServerBreakpoint),{getLabel:h}=Q.useLabels(),{id:r,children:w,className:k,openText:j=h("open"),closeText:g=h("close"),hideCollapseText:I=!1,title:c,titleRowProps:O,defaultOpen:$,open:d,onToggle:u,arrowType:n="default",size:o="default",underline:S=!0,toggleLabel:y,iconOnly:B=!1,...M}=P(x),p=`${r}__trigger`,f=`${r}__content`,R=`${r}__animate`,[b,T]=_.useState(()=>$),m=H.usePrint(),a=_.useMemo(()=>m||(d!==void 0?d:b),[m,d,b]),L=B===!0&&!c,D=s.default(e.default["tedi-collapse"],o==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],L&&e.default["tedi-collapse--icon-only"],e.default[`tedi-collapse--arrow-${n}`],k),q=()=>{const l=!a;T(l),u==null||u(l)},z=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),q())},E=y||(a?g:j),C=_.useMemo(()=>t.jsx("div",{id:f,role:"region","aria-labelledby":p,className:e.default["tedi-collapse__content"],children:w}),[w,f,p]);return t.jsxs("div",{"data-name":"collapse",...M,className:D,children:[t.jsx("button",{id:p,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-label":E,"aria-expanded":a,"aria-controls":f,onKeyDown:z,onClick:q,children:t.jsxs(v.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...O,element:"span",children:[c&&t.jsx(i.Col,{"aria-hidden":"true",children:c}),t.jsx(i.Col,{width:"auto",children:t.jsxs(v.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(G.Print,{visibility:"hide",children:t.jsx(i.Col,{width:"auto",className:s.default({"visually-hidden":I}),children:t.jsx(F.Text,{element:"span",className:s.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:S}),children:a?g:j})})}),t.jsx(i.Col,{width:"auto",children:t.jsx("div",{className:s.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${n}`],o==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(A.Icon,{className:s.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${n}`],o==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",size:o==="small"||n==="secondary"?18:24})})})]})})]})}),m?C:t.jsx(K.default,{id:R,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:C})]})};exports.Collapse=N;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),K=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),A=require("../../../providers/printing-provider/printing-provider.cjs.js"),F=require("../../base/icon/icon.cjs.js"),G=require("../../base/typography/text/text.cjs.js"),H=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),J=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),v=require("../../layout/grid/row.cjs.js"),o=require("../../layout/grid/col.cjs.js"),N=x=>{const{getCurrentBreakpointProps:P}=J.useBreakpointProps(x.defaultServerBreakpoint),{getLabel:h}=Q.useLabels(),{id:r,children:w,className:k,openText:j=h("open"),closeText:g=h("close"),hideCollapseText:I=!1,title:c,titleRowProps:O,defaultOpen:$,open:d,onToggle:u,arrowType:n="default",size:i="default",underline:S=!0,toggleLabel:y,iconOnly:B=!1,...M}=P(x),p=`${r}__trigger`,f=`${r}__content`,R=`${r}__animate`,[b,T]=_.useState(()=>$),m=A.usePrint(),a=_.useMemo(()=>m||(d!==void 0?d:b),[m,d,b]),L=B===!0&&!c,D=s.default(e.default["tedi-collapse"],i==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],L&&e.default["tedi-collapse--icon-only"],e.default[`tedi-collapse--arrow-${n}`],k),q=()=>{const l=!a;T(l),u==null||u(l)},z=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),q())},E=y||(a?g:j),C=_.useMemo(()=>t.jsx("div",{id:f,role:"region","aria-labelledby":p,className:e.default["tedi-collapse__content"],children:w}),[w,f,p]);return t.jsxs("div",{"data-name":"collapse",...M,className:D,children:[t.jsx("button",{id:p,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-label":E,"aria-expanded":a,"aria-controls":f,onKeyDown:z,onClick:q,children:t.jsxs(v.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...O,element:"span",children:[c&&t.jsx(o.Col,{"aria-hidden":"true",children:c}),t.jsx(o.Col,{width:"auto",children:t.jsxs(v.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(H.Print,{visibility:"hide",children:t.jsx(o.Col,{width:"auto",className:s.default({"visually-hidden":I}),children:t.jsx(G.Text,{element:"span",className:s.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:S}),children:a?g:j})})}),t.jsx(o.Col,{width:"auto",children:t.jsx("div",{className:s.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${n}`],i==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(F.Icon,{className:s.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${n}`],i==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",size:i==="small"||n==="secondary"?18:24})})})]})})]})}),m?C:t.jsx(K.default,{id:R,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:C})]})};exports.Collapse=N;exports.default=N;

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

@@ -2,11 +2,11 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import o from "../../../../../external/classnames/index.es.js";
 import f from "react";
 import A from "../../../../../external/react-animate-height/dist/esm/index.es.js";
-import { Icon as H } from "../../base/icon/icon.es.js";
-import { Text as q } from "../../base/typography/text/text.es.js";
-import { Print as F } from "../../misc/print/print.es.js";
+import { usePrint as H } from "../../../providers/printing-provider/printing-provider.es.js";
+import { Icon as q } from "../../base/icon/icon.es.js";
+import { Text as F } from "../../base/typography/text/text.es.js";
+import { Print as G } from "../../misc/print/print.es.js";
 import e from "./collapse.module.scss.es.js";
-import { usePrint as G } from "../../../helpers/hooks/use-print.es.js";
 import { useBreakpointProps as J } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as Q } from "../../../providers/label-provider/use-labels.es.js";
 import { Row as k } from "../../layout/grid/row.es.js";
@@ -30,7 +30,7 @@ const se = (w) => {
     toggleLabel: N,
     iconOnly: j = !1,
     ...D
-  } = O(w), m = `${r}__trigger`, u = `${r}__content`, L = `${r}__animate`, [C, M] = f.useState(() => S), _ = G(), a = f.useMemo(
+  } = O(w), m = `${r}__trigger`, u = `${r}__content`, L = `${r}__animate`, [C, M] = f.useState(() => S), _ = H(), a = f.useMemo(
     () => _ || (d !== void 0 ? d : C),
     [_, d, C]
   ), R = j === !0 && !c, z = o(
@@ -65,8 +65,8 @@ const se = (w) => {
         children: /* @__PURE__ */ h(k, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...B, element: "span", children: [
           c && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: c }),
           /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ h(k, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
-            /* @__PURE__ */ t(F, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: o({ "visually-hidden": $ }), children: /* @__PURE__ */ t(
-              q,
+            /* @__PURE__ */ t(G, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: o({ "visually-hidden": $ }), children: /* @__PURE__ */ t(
+              F,
               {
                 element: "span",
                 className: o(e["tedi-collapse__text"], {
@@ -84,7 +84,7 @@ const se = (w) => {
                   i === "small" && e["tedi-collapse__icon-wrapper--small"]
                 ),
                 children: /* @__PURE__ */ t(
-                  H,
+                  q,
                   {
                     className: o(
                       e["tedi-collapse__icon"],

package/src/tedi/components/cards/card/card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),r=require("./card.module.scss.cjs.js"),v=require("./card-content/card-content.cjs.js"),x=require("./card-context.cjs.js"),B=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),j=require("./utility.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:s}=k.useBreakpointProps(t.defaultServerBreakpoint),{children:l,className:u,padding:f,background:C,borderRadius:e,borderless:m,border:p,...b}=s(t,{padding:1}),[a,d]=j.getCardBorderPlacementColor(p),g=q.default(r.default["tedi-card"],{[r.default[`tedi-card--border-${a}`]]:a,[r.default[`tedi-card--border--${d}`]]:d,[r.default["tedi-card--borderless"]]:m,[r.default["tedi-card--no-border-radius-top"]]:e===!1||(e==null?void 0:e.top)===!1,[r.default["tedi-card--no-border-radius-right"]]:e===!1||(e==null?void 0:e.right)===!1,[r.default["tedi-card--no-border-radius-bottom"]]:e===!1||(e==null?void 0:e.bottom)===!1,[r.default["tedi-card--no-border-radius-left"]]:e===!1||(e==null?void 0:e.left)===!1},u);return o.jsx(x.CardContext.Provider,{value:{padding:f,background:C},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...b,className:g,ref:c,children:l})})});n.displayName="Card";const i=Object.assign(n,{Content:v.CardContent,Header:B.CardHeader,Notification:N.CardNotification});exports.Card=i;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),q=require("react"),r=require("./card.module.scss.cjs.js"),P=require("./card-content/card-content.cjs.js"),x=require("./card-context.cjs.js"),B=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),j=require("./utility.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=q.forwardRef((t,i)=>{const{getCurrentBreakpointProps:c}=k.useBreakpointProps(t.defaultServerBreakpoint),{children:s,className:l,padding:u,background:f,borderRadius:e,borderless:C,border:m,...p}=c(t,{padding:1}),[a,d]=j.getCardBorderPlacementColor(m),b=g.default(r.default["tedi-card"],{[r.default[`tedi-card--border-${a}`]]:a,[r.default[`tedi-card--border--${d}`]]:d,[r.default["tedi-card--borderless"]]:C,[r.default["tedi-card--no-border-radius-top"]]:e===!1||(e==null?void 0:e.top)===!1,[r.default["tedi-card--no-border-radius-right"]]:e===!1||(e==null?void 0:e.right)===!1,[r.default["tedi-card--no-border-radius-bottom"]]:e===!1||(e==null?void 0:e.bottom)===!1,[r.default["tedi-card--no-border-radius-left"]]:e===!1||(e==null?void 0:e.left)===!1},l);return o.jsx(x.CardContext.Provider,{value:{padding:u,background:f},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...p,className:b,ref:i,children:s})})});n.displayName="Card";const v=Object.assign(n,{Content:P.CardContent,Header:B.CardHeader,Notification:N.CardNotification});exports.Card=v;

package/src/tedi/components/cards/card/card.es.js

@@ -5,11 +5,11 @@ import e from "./card.module.scss.es.js";
 import { CardContent as P } from "./card-content/card-content.es.js";
 import { CardContext as h } from "./card-context.es.js";
 import { CardHeader as k } from "./card-header/card-header.es.js";
-import { CardNotification as u } from "./card-notification/card-notification.es.js";
-import { getCardBorderPlacementColor as v } from "./utility.es.js";
+import { CardNotification as v } from "./card-notification/card-notification.es.js";
+import { getCardBorderPlacementColor as u } from "./utility.es.js";
 import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const i = B((t, n) => {
-  const { getCurrentBreakpointProps: s } = x(t.defaultServerBreakpoint), { children: m, className: c, padding: f, background: l, borderRadius: r, borderless: p, border: C, ...b } = s(t, { padding: 1 }), [o, a] = v(C), g = N(
+  const { getCurrentBreakpointProps: s } = x(t.defaultServerBreakpoint), { children: m, className: c, padding: f, background: l, borderRadius: r, borderless: p, border: C, ...b } = s(t, { padding: 1 }), [o, a] = u(C), g = N(
     e["tedi-card"],
     {
       [e[`tedi-card--border-${o}`]]: o,
@@ -28,9 +28,8 @@ i.displayName = "Card";
 const z = Object.assign(i, {
   Content: P,
   Header: k,
-  Notification: u
+  Notification: v
 });
 export {
-  z as Card,
-  z as default
+  z as Card
 };

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/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/truncate/truncate.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("react"),b=require("../../base/typography/text/text.cjs.js"),h=require("../../buttons/button/button.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),d=n=>{const{getCurrentBreakpointProps:p}=q.useBreakpointProps(n.defaultServerBreakpoint),{children:t,className:x,maxLength:r=200,ellipsis:c="...",expandable:T=!0,button:e}=p(n),{getLabel:u}=v.useLabels(),[s,k]=l.useState(!0),m=l.useMemo(()=>t.slice(0,r).trimEnd()+c+" ",[t,r,c]);return i.jsxs(b.Text,{element:"span",color:"secondary",className:x,children:[t.length>=r&&s?m:t,t.length>=r&&T&&i.jsx(h.Button,{style:{display:s?void 0:"block"},visualType:"link","aria-expanded":!s,...e,onClick:a=>{var o;(o=e==null?void 0:e.onClick)==null||o.call(e,a,s),k(g=>!g)},children:u(s?"truncate.see-more":"truncate.see-less")})]})};exports.Truncate=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),g=require("../../base/typography/text/text.cjs.js"),b=require("../../buttons/button/button.cjs.js"),h=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),y=n=>{const{getCurrentBreakpointProps:d}=h.useBreakpointProps(n.defaultServerBreakpoint),{children:t,className:p,maxLength:r=200,ellipsis:c="...",expandable:x=!0,button:e}=d(n),{getLabel:o}=q.useLabels(),[s,T]=l.useState(!0),k=l.useMemo(()=>t.slice(0,r).trimEnd()+c+" ",[t,r,c]);return u.jsxs(g.Text,{element:"span",color:"secondary",className:p,children:[t.length>=r&&s?k:t,t.length>=r&&x&&u.jsx(b.Button,{style:{display:s?void 0:"block"},visualType:"link","aria-expanded":!s,...e,onClick:a=>{var i;(i=e==null?void 0:e.onClick)==null||i.call(e,a,s),T(m=>!m)},children:o(s?"truncate.see-more":"truncate.see-less")})]})};exports.Truncate=y;

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

@@ -1,37 +1,36 @@
-import { jsxs as f, jsx as T } from "react/jsx-runtime";
+import { jsxs as T, jsx as f } from "react/jsx-runtime";
 import { useState as k, useMemo as h } from "react";
 import { Text as g } from "../../base/typography/text/text.es.js";
 import { Button as y } from "../../buttons/button/button.es.js";
 import { useBreakpointProps as B } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
 const E = (n) => {
-  const { getCurrentBreakpointProps: c } = B(n.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: l } = B(n.defaultServerBreakpoint), {
     children: t,
     className: m,
     maxLength: s = 200,
     ellipsis: o = "...",
     expandable: d = !0,
     button: e
-  } = c(n), { getLabel: a } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
-  return /* @__PURE__ */ f(g, { element: "span", color: "secondary", className: m, children: [
+  } = l(n), { getLabel: i } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
+  return /* @__PURE__ */ T(g, { element: "span", color: "secondary", className: m, children: [
     t.length >= s && r ? u : t,
-    t.length >= s && d && /* @__PURE__ */ T(
+    t.length >= s && d && /* @__PURE__ */ f(
       y,
       {
         style: { display: r ? void 0 : "block" },
         visualType: "link",
         "aria-expanded": !r,
         ...e,
-        onClick: (i) => {
-          var l;
-          (l = e == null ? void 0 : e.onClick) == null || l.call(e, i, r), p((x) => !x);
+        onClick: (a) => {
+          var c;
+          (c = e == null ? void 0 : e.onClick) == null || c.call(e, a, r), p((x) => !x);
         },
-        children: a(r ? "truncate.see-more" : "truncate.see-less")
+        children: i(r ? "truncate.see-more" : "truncate.see-less")
       }
     )
   ] });
 };
 export {
-  E as Truncate,
-  E as default
+  E as Truncate
 };

package/src/tedi/components/form/choice-group/choice-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),oe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=f=>{const{getLabel:m}=ne.useLabels(),I=B.useBreakpoint(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:C=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:S,inputType:i="radio",value:G,defaultValue:w,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:y="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(w)return w;if(i==="radio"){const e=n.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?n.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=f.value)=>!!a&&typeof e<"u",r=q(G)?G:Y,g=h.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=h.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=n==null?void 0:n.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,n]),z=h.useMemo(()=>!g&&!c,[c,g]),D=h.useMemo(()=>{const e=c?"all":g?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?m(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[m,s,c,g]),J={name:S,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=n==null?void 0:n.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return o.jsx(re.ChoiceGroupContext.Provider,{value:J,children:o.jsxs("fieldset",{...O,className:K,id:d,name:S,"aria-describedby":L,children:[p&&typeof p=="string"?o.jsx(ee.FormLabel,{id:d,label:p,required:H,hideLabel:P,renderWithoutLabel:!0}):o.jsx("label",{htmlFor:d,children:p}),o.jsx(F.Row,{children:o.jsx(ie.Col,{children:n!=null&&n.length?o.jsxs(o.Fragment,{children:[M&&o.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),o.jsx(F.Row,{direction:C,gutterX:y==="segmented"?0:2,gutterY:y==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||C==="row")?1:0,...b,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:n.map(e=>o.jsx(N.ChoiceGroupItem,{...e,color:E,variant:k,type:i,layout:y,showIndicator:$,direction:C},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),oe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),_=f=>{const{getLabel:m}=ne.useLabels(),I=B.default(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:y=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:v,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:C="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,w=(u==null?void 0:u.id)??`${d}-helper`,L=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(G)return G;if(i==="radio"){const e=n.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?n.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=f.value)=>!!a&&typeof e<"u",r=q(S)?S:Y,g=h.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=h.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=n==null?void 0:n.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,n]),z=h.useMemo(()=>!g&&!c,[c,g]),D=h.useMemo(()=>{const e=c?"all":g?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?m(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[m,s,c,g]),J={name:v,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=M.default(j.default["tedi-choice-group"],T),Q=M.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:L&&X}),U=()=>{var l;const e=c?[]:(l=n==null?void 0:n.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return o.jsx(re.ChoiceGroupContext.Provider,{value:J,children:o.jsxs("fieldset",{...O,className:K,id:d,name:v,"aria-describedby":w,children:[p&&typeof p=="string"?o.jsx(ee.FormLabel,{id:d,label:p,required:H,hideLabel:P,renderWithoutLabel:!0}):o.jsx("label",{htmlFor:d,children:p}),o.jsx(F.Row,{children:o.jsx(ie.Col,{children:n!=null&&n.length?o.jsxs(o.Fragment,{children:[L&&o.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),o.jsx(F.Row,{direction:y,gutterX:C==="segmented"?0:2,gutterY:C==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||y==="row")?1:0,...b,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:n.map(e=>o.jsx(N.ChoiceGroupItem,{...e,color:E,variant:k,type:i,layout:C,showIndicator:$,direction:y},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:w})]})})};_.Item=N.ChoiceGroupItem;exports.ChoiceGroup=_;

package/src/tedi/components/form/choice-group/choice-group.es.js

@@ -7,13 +7,13 @@ import { Checkbox as oe } from "../checkbox/checkbox.es.js";
 import I from "./choice-group.module.scss.es.js";
 import { ChoiceGroupContext as ne } from "./choice-group-context.es.js";
 import { ChoiceGroupItem as j } from "./components/choice-group-item/choice-group-item.es.js";
-import { useBreakpoint as ie, isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useLabels as ae } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpointProps as le } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ie } from "../../../providers/label-provider/use-labels.es.js";
+import le, { isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { Row as H } from "../../layout/grid/row.es.js";
 import { Col as de } from "../../layout/grid/col.es.js";
 const se = (f) => {
-  const { getLabel: u } = ae(), B = ie(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = le(f.defaultServerBreakpoint), {
+  const { getLabel: u } = ie(), B = le(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = ae(f.defaultServerBreakpoint), {
     id: s,
     className: R,
     label: p,
@@ -27,7 +27,7 @@ const se = (f) => {
     inputType: i = "radio",
     value: A,
     defaultValue: L,
-    onChange: l,
+    onChange: a,
     hideLabel: $,
     indeterminateCheck: d,
     indeterminateCheckProps: b = {},
@@ -38,14 +38,14 @@ const se = (f) => {
   } = E(f), { ...X } = b, Y = (b == null ? void 0 : b.indented) ?? !0, M = (m == null ? void 0 : m.id) ?? `${s}-helper`, N = d && i === "checkbox", [z, _] = ee(() => {
     if (L) return L;
     if (i === "radio") {
-      const e = o.find((a) => a.defaultChecked);
+      const e = o.find((l) => l.defaultChecked);
       return e ? e.value : null;
     }
     return i === "checkbox" ? o.filter((e) => e.defaultChecked).map((e) => e.value) : null;
-  }), v = (e = f.value) => !!l && typeof e < "u", r = v(A) ? A : z, g = k.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = k.useMemo(
+  }), v = (e = f.value) => !!a && typeof e < "u", r = v(A) ? A : z, g = k.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = k.useMemo(
     () => {
       var e;
-      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((a) => !a.disabled)) == null ? void 0 : e.length);
+      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((l) => !l.disabled)) == null ? void 0 : e.length);
     },
     [r == null ? void 0 : r.length, o]
   ), D = k.useMemo(() => !g && !c, [c, g]), J = k.useMemo(() => {
@@ -54,17 +54,17 @@ const se = (f) => {
   }, [u, d, c, g]), K = {
     name: S,
     inputType: i,
-    onChange: (e, a) => {
+    onChange: (e, l) => {
       let t = r;
-      i === "checkbox" && t ? t = a ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || _(Array.isArray(t) ? [...t] : t), l == null || l(t);
+      i === "checkbox" && t ? t = l ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || _(Array.isArray(t) ? [...t] : t), a == null || a(t);
     },
     currentValue: r
   }, O = F(I["tedi-choice-group"], R), Q = F(I["tedi-choice-group__inner"], h == null ? void 0 : h.className, {
     [I["tedi-choice-group__inner--indented"]]: N && Y
   }), U = () => {
-    var a;
-    const e = c ? [] : (a = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : a.map((t) => t.value);
-    v() || _([...e]), l == null || l(e);
+    var l;
+    const e = c ? [] : (l = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : l.map((t) => t.value);
+    v() || _([...e]), a == null || a(e);
   };
   return /* @__PURE__ */ n(ne.Provider, { value: K, children: /* @__PURE__ */ w("fieldset", { ...W, className: O, id: s, name: S, "aria-describedby": M, children: [
     p && typeof p == "string" ? /* @__PURE__ */ n(re, { id: s, label: p, required: T, hideLabel: $, renderWithoutLabel: !0 }) : /* @__PURE__ */ n("label", { htmlFor: s, children: p }),
@@ -114,6 +114,5 @@ const se = (f) => {
 };
 se.Item = j;
 export {
-  se as ChoiceGroup,
-  se as default
+  se as ChoiceGroup
 };