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

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/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"),B=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),e=require("./card.module.scss.cjs.js"),R=require("./card-content/card-content.cjs.js"),v=require("./card-context.cjs.js"),x=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),i=require("./utility.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:s}=j.useBreakpointProps(t.defaultServerBreakpoint),{children:u,className:l,padding:f,background:C,borderRadius:b,borderless:m,border:p,...g}=s(t,{padding:1}),[d,a]=i.getCardBorderPlacementColor(p),r=i.resolveBorderRadius(b),q=B.default(e.default["tedi-card"],{[e.default[`tedi-card--border-${d}`]]:d,[e.default[`tedi-card--border--${a}`]]:a,[e.default["tedi-card--borderless"]]:m,[e.default["tedi-card--no-radius-tl"]]:!r.topLeft,[e.default["tedi-card--no-radius-tr"]]:!r.topRight,[e.default["tedi-card--no-radius-br"]]:!r.bottomRight,[e.default["tedi-card--no-radius-bl"]]:!r.bottomLeft},l);return o.jsx(v.CardContext.Provider,{value:{padding:f,background:C},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...g,className:q,ref:c,children:u})})});n.displayName="Card";const k=Object.assign(n,{Content:R.CardContent,Header:x.CardHeader,Notification:N.CardNotification});exports.Card=k;

package/src/tedi/components/cards/card/card.d.ts

@@ -1,7 +1,7 @@
 import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { CardContentProps } from './card-content/card-content';
-import { CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
+import { BorderRadius, CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
 export type CardContentPadding = CardContentPaddingNumber | {
     vertical: CardContentPaddingNumber;
     horizontal: CardContentPaddingNumber;
@@ -56,15 +56,20 @@ type CardBreakpointProps = {
      */
     className?: string;
     /**
-     * Follows the order in border-radius CSS property
-     * Top-left / Top-right / Bottom-right / Bottom-left
+     * Controls card border radius.
+     *
+     * Accepts `false` to remove all radius or an object to control sides or individual corners.
+     *
+     * Side values affect two corners while corner values take precedence.
+     *
+     * Examples:
+     * `false` → no radius
+     * `{ top:false }` → removes top corners
+     * `{ left:false }` → removes left corners
+     * `{ topLeft:false }` → removes one corner
+     * `{ bottom:false, bottomRight:true }` → corner override
      */
-    borderRadius?: false | {
-        top?: boolean;
-        right?: boolean;
-        bottom?: boolean;
-        left?: boolean;
-    };
+    borderRadius?: BorderRadius;
     /**
      * Remove border from card
      */

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

@@ -1,36 +1,35 @@
-import { jsx as d } from "react/jsx-runtime";
-import N from "../../../../../external/classnames/index.es.js";
-import { forwardRef as B } from "react";
-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 { 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(
-    e["tedi-card"],
+import { jsx as a } from "react/jsx-runtime";
+import B from "../../../../../external/classnames/index.es.js";
+import { forwardRef as N } from "react";
+import r from "./card.module.scss.es.js";
+import { CardContent as v } from "./card-content/card-content.es.js";
+import { CardContext as P } from "./card-context.es.js";
+import { CardHeader as R } from "./card-header/card-header.es.js";
+import { CardNotification as h } from "./card-notification/card-notification.es.js";
+import { getCardBorderPlacementColor as k, resolveBorderRadius as x } from "./utility.es.js";
+import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const i = N((t, s) => {
+  const { getCurrentBreakpointProps: n } = j(t.defaultServerBreakpoint), { children: c, className: m, padding: p, background: l, borderRadius: f, borderless: C, border: b, ...u } = n(t, { padding: 1 }), [e, d] = k(b), o = x(f), g = B(
+    r["tedi-card"],
     {
-      [e[`tedi-card--border-${o}`]]: o,
-      [e[`tedi-card--border--${a}`]]: a,
-      [e["tedi-card--borderless"]]: p,
-      [e["tedi-card--no-border-radius-top"]]: r === !1 || (r == null ? void 0 : r.top) === !1,
-      [e["tedi-card--no-border-radius-right"]]: r === !1 || (r == null ? void 0 : r.right) === !1,
-      [e["tedi-card--no-border-radius-bottom"]]: r === !1 || (r == null ? void 0 : r.bottom) === !1,
-      [e["tedi-card--no-border-radius-left"]]: r === !1 || (r == null ? void 0 : r.left) === !1
+      [r[`tedi-card--border-${e}`]]: e,
+      [r[`tedi-card--border--${d}`]]: d,
+      [r["tedi-card--borderless"]]: C,
+      [r["tedi-card--no-radius-tl"]]: !o.topLeft,
+      [r["tedi-card--no-radius-tr"]]: !o.topRight,
+      [r["tedi-card--no-radius-br"]]: !o.bottomRight,
+      [r["tedi-card--no-radius-bl"]]: !o.bottomLeft
     },
-    c
+    m
   );
-  return /* @__PURE__ */ d(h.Provider, { value: { padding: f, background: l }, children: /* @__PURE__ */ d("div", { "data-name": "card", "data-testid": "tedi-card", ...b, className: g, ref: n, children: m }) });
+  return /* @__PURE__ */ a(P.Provider, { value: { padding: p, background: l }, children: /* @__PURE__ */ a("div", { "data-name": "card", "data-testid": "tedi-card", ...u, className: g, ref: s, children: c }) });
 });
 i.displayName = "Card";
 const z = Object.assign(i, {
-  Content: P,
-  Header: k,
-  Notification: u
+  Content: v,
+  Header: R,
+  Notification: h
 });
 export {
-  z as Card,
-  z as default
+  z as Card
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-border-radius-top":"tedi-card--no-border-radius-top-d8b0071d","tedi-card__content":"tedi-card__content-a40bc648","tedi-card--no-border-radius-right":"tedi-card--no-border-radius-right-52a78320","tedi-card--no-border-radius-bottom":"tedi-card--no-border-radius-bottom-59e75b25","tedi-card--no-border-radius-left":"tedi-card--no-border-radius-left-ff9938cb","tedi-card__content--separator":"tedi-card__content--separator-0019d413","tedi-card__header":"tedi-card__header-f7a4ed63"};exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-radius-tl":"tedi-card--no-radius-tl-900ebe9c","tedi-card__header":"tedi-card__header-f7a4ed63","tedi-card__content":"tedi-card__content-a40bc648","tedi-card--no-radius-tr":"tedi-card--no-radius-tr-e87cc7aa","tedi-card--no-radius-br":"tedi-card--no-radius-br-0a933ce8","tedi-card--no-radius-bl":"tedi-card--no-radius-bl-b31d5f40","tedi-card__content--separator":"tedi-card__content--separator-0019d413"};exports.default=r;

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

@@ -39,13 +39,13 @@ const r = {
   "tedi-card--border-left": "tedi-card--border-left-d2bbe0cd",
   "tedi-card--border-top": "tedi-card--border-top-4199f286",
   "tedi-card--borderless": "tedi-card--borderless-8f44bb3f",
-  "tedi-card--no-border-radius-top": "tedi-card--no-border-radius-top-d8b0071d",
+  "tedi-card--no-radius-tl": "tedi-card--no-radius-tl-900ebe9c",
+  "tedi-card__header": "tedi-card__header-f7a4ed63",
   "tedi-card__content": "tedi-card__content-a40bc648",
-  "tedi-card--no-border-radius-right": "tedi-card--no-border-radius-right-52a78320",
-  "tedi-card--no-border-radius-bottom": "tedi-card--no-border-radius-bottom-59e75b25",
-  "tedi-card--no-border-radius-left": "tedi-card--no-border-radius-left-ff9938cb",
-  "tedi-card__content--separator": "tedi-card__content--separator-0019d413",
-  "tedi-card__header": "tedi-card__header-f7a4ed63"
+  "tedi-card--no-radius-tr": "tedi-card--no-radius-tr-e87cc7aa",
+  "tedi-card--no-radius-br": "tedi-card--no-radius-br-0a933ce8",
+  "tedi-card--no-radius-bl": "tedi-card--no-radius-bl-b31d5f40",
+  "tedi-card__content--separator": "tedi-card__content--separator-0019d413"
 };
 export {
   r as default

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=t=>{const n=t==null?void 0:t.replace(/(top-)|(left-)/s,"");return[t==null?void 0:t.replace(new RegExp(`(${n})|-`,"g"),""),n]},m=t=>{const n=e=>typeof e=="object"&&"vertical"in e&&"horizontal"in e;if(typeof t=="number")return{"--card-content-padding-top":`${t}rem`,"--card-content-padding-right":`${t}rem`,"--card-content-padding-bottom":`${t}rem`,"--card-content-padding-left":`${t}rem`};if(n(t)){const{vertical:e,horizontal:o}=t;return{"--card-content-padding-top":`${e}rem`,"--card-content-padding-right":`${o}rem`,"--card-content-padding-bottom":`${e}rem`,"--card-content-padding-left":`${o}rem`}}const{top:r=0,right:c=0,bottom:a=0,left:i=0}=t||{};return{"--card-content-padding-top":`${r}rem`,"--card-content-padding-right":`${c}rem`,"--card-content-padding-bottom":`${a}rem`,"--card-content-padding-left":`${i}rem`}};exports.getCardBorderPlacementColor=d;exports.getPaddingCssVariables=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=t=>{const o=t==null?void 0:t.replace(/(top-)|(left-)/s,"");return[t==null?void 0:t.replace(new RegExp(`(${o})|-`,"g"),""),o]},h=t=>{const o=e=>typeof e=="object"&&"vertical"in e&&"horizontal"in e;if(typeof t=="number")return{"--card-content-padding-top":`${t}rem`,"--card-content-padding-right":`${t}rem`,"--card-content-padding-bottom":`${t}rem`,"--card-content-padding-left":`${t}rem`};if(o(t)){const{vertical:e,horizontal:r}=t;return{"--card-content-padding-top":`${e}rem`,"--card-content-padding-right":`${r}rem`,"--card-content-padding-bottom":`${e}rem`,"--card-content-padding-left":`${r}rem`}}const{top:n=0,right:a=0,bottom:i=0,left:s=0}=t||{};return{"--card-content-padding-top":`${n}rem`,"--card-content-padding-right":`${a}rem`,"--card-content-padding-bottom":`${i}rem`,"--card-content-padding-left":`${s}rem`}},b=t=>{if(t===!1)return{topLeft:!1,topRight:!1,bottomRight:!1,bottomLeft:!1};const{top:o,right:n,bottom:a,left:i,topLeft:s,topRight:e,bottomRight:r,bottomLeft:g}=t??{},d=o!==!1,l=n!==!1,m=a!==!1,f=i!==!1,c={topLeft:d&&f,topRight:d&&l,bottomRight:m&&l,bottomLeft:m&&f};return{topLeft:s??c.topLeft,topRight:e??c.topRight,bottomRight:r??c.bottomRight,bottomLeft:g??c.bottomLeft}};exports.getCardBorderPlacementColor=p;exports.getPaddingCssVariables=h;exports.resolveBorderRadius=b;

package/src/tedi/components/cards/card/utility.d.ts

@@ -22,3 +22,20 @@ export declare const getPaddingCssVariables: (padding: CardContentProps["padding
     '--card-content-padding-bottom': string;
     '--card-content-padding-left': string;
 };
+export type BorderRadius = false | {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    topLeft?: boolean;
+    topRight?: boolean;
+    bottomRight?: boolean;
+    bottomLeft?: boolean;
+};
+export type ResolvedCorners = {
+    topLeft: boolean;
+    topRight: boolean;
+    bottomRight: boolean;
+    bottomLeft: boolean;
+};
+export declare const resolveBorderRadius: (config?: BorderRadius) => ResolvedCorners;

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

@@ -1,8 +1,8 @@
-const d = (t) => {
+const g = (t) => {
   const e = t == null ? void 0 : t.replace(/(top-)|(left-)/s, "");
   return [t == null ? void 0 : t.replace(new RegExp(`(${e})|-`, "g"), ""), e];
-}, m = (t) => {
-  const e = (n) => typeof n == "object" && "vertical" in n && "horizontal" in n;
+}, h = (t) => {
+  const e = (o) => typeof o == "object" && "vertical" in o && "horizontal" in o;
   if (typeof t == "number")
     return {
       "--card-content-padding-top": `${t}rem`,
@@ -11,23 +11,44 @@ const d = (t) => {
       "--card-content-padding-left": `${t}rem`
     };
   if (e(t)) {
-    const { vertical: n, horizontal: o } = t;
+    const { vertical: o, horizontal: r } = t;
     return {
-      "--card-content-padding-top": `${n}rem`,
-      "--card-content-padding-right": `${o}rem`,
-      "--card-content-padding-bottom": `${n}rem`,
-      "--card-content-padding-left": `${o}rem`
+      "--card-content-padding-top": `${o}rem`,
+      "--card-content-padding-right": `${r}rem`,
+      "--card-content-padding-bottom": `${o}rem`,
+      "--card-content-padding-left": `${r}rem`
     };
   }
-  const { top: c = 0, right: r = 0, bottom: a = 0, left: i = 0 } = t || {};
+  const { top: n = 0, right: i = 0, bottom: a = 0, left: s = 0 } = t || {};
   return {
-    "--card-content-padding-top": `${c}rem`,
-    "--card-content-padding-right": `${r}rem`,
+    "--card-content-padding-top": `${n}rem`,
+    "--card-content-padding-right": `${i}rem`,
     "--card-content-padding-bottom": `${a}rem`,
-    "--card-content-padding-left": `${i}rem`
+    "--card-content-padding-left": `${s}rem`
+  };
+}, b = (t) => {
+  if (t === !1)
+    return {
+      topLeft: !1,
+      topRight: !1,
+      bottomRight: !1,
+      bottomLeft: !1
+    };
+  const { top: e, right: n, bottom: i, left: a, topLeft: s, topRight: o, bottomRight: r, bottomLeft: l } = t ?? {}, m = e !== !1, f = n !== !1, p = i !== !1, d = a !== !1, c = {
+    topLeft: m && d,
+    topRight: m && f,
+    bottomRight: p && f,
+    bottomLeft: p && d
+  };
+  return {
+    topLeft: s ?? c.topLeft,
+    topRight: o ?? c.topRight,
+    bottomRight: r ?? c.bottomRight,
+    bottomLeft: l ?? c.bottomLeft
   };
 };
 export {
-  d as getCardBorderPlacementColor,
-  m as getPaddingCssVariables
+  g as getCardBorderPlacementColor,
+  h as getPaddingCssVariables,
+  b as resolveBorderRadius
 };

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;