@tedi-design-system/react 15.0.0-rc.1 → 15.0.0-rc.11

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;

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

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import v from "../../../../external/classnames/index.es.js";
 import g from "react";
-import { Icon as j } from "../icon/icon.es.js";
+import { Icon as j } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
 import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/table/components/helpers.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("../../form/check/check.cjs.js"),d=require("../../icon/icon.cjs.js"),g=require("../../tag/tag.cjs.js"),x=require("../table.module.scss.cjs.js"),o=require("../../../../tedi/providers/label-provider/label-provider.cjs.js");function S(t="expander",n){return{id:t,header:()=>n?s.jsx("span",{children:"all"}):null,cell:({row:e})=>e.getCanExpand()&&s.jsxs("button",{type:"button",className:x.default.table__expand,onClick:e.getToggleExpandedHandler(),children:[s.jsx("span",{className:"visually-hidden",children:s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>l("table.toggle-sub-row",e.getIsExpanded())})}),s.jsx(g.Tag,{color:"default",type:"ghost",children:s.jsx(d.Icon,{name:e.getIsExpanded()?"remove":"add",size:16})})]}),size:18,maxSize:18,minSize:18}}function h(t="row-selection",n){return{id:t,header:({table:e})=>n?s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>{const a=l("table.select-all",e.getIsAllRowsSelected());return s.jsx(c.Check,{id:`${t}-header`,label:a,hideLabel:!0,value:"row-expander-header",name:`${t}-header`,checked:e.getIsAllRowsSelected(),indeterminate:e.getIsSomeRowsSelected(),onChange:()=>e.toggleAllRowsSelected()})}}):null,cell:({row:e})=>s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>{const a=l("table.select-row",e.getIsSelected());return e.getCanSelect()?s.jsx(c.Check,{id:`${t}-${e.id}`,name:`${t}-${e.id}`,label:a,hideLabel:!0,value:`${t}-${e.id}`,checked:e.getIsSelected(),onChange:()=>e.toggleSelected()}):null}}),size:18,maxSize:18,minSize:18}}function m(t={pageIndex:0,pageSize:10},n){const[e,l]=i.useState(t);return i.useEffect(()=>{l(a=>({...a,pageIndex:0}))},[n,l]),{pagination:e,setPagination:l,size:e.pageSize,page:e.pageIndex+1}}function p(t=[]){const[n,e]=i.useState(t),l=n.length?n.map(a=>`${a.id}:${a.desc?"desc":"asc"}`):void 0;return{sorting:n,setSorting:e,sort:l}}function f(t=[]){const[n,e]=i.useState(t),[l,a]=i.useState({});return i.useEffect(()=>{let r={};n.forEach(u=>r={...r,[u.id]:u.value}),a(r)},[n]),{columnFilters:n,setColumnFilters:e,filter:l}}exports.getExpandColumn=S;exports.getRowSelectionColumn=h;exports.useDefaultFiltering=f;exports.useDefaultPagination=m;exports.useDefaultSorting=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),d=require("../../../../tedi/components/base/icon/icon.cjs.js"),c=require("../../form/check/check.cjs.js"),g=require("../../tag/tag.cjs.js"),x=require("../table.module.scss.cjs.js"),o=require("../../../../tedi/providers/label-provider/label-provider.cjs.js");function S(t="expander",n){return{id:t,header:()=>n?s.jsx("span",{children:"all"}):null,cell:({row:e})=>e.getCanExpand()&&s.jsxs("button",{type:"button",className:x.default.table__expand,onClick:e.getToggleExpandedHandler(),children:[s.jsx("span",{className:"visually-hidden",children:s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>l("table.toggle-sub-row",e.getIsExpanded())})}),s.jsx(g.Tag,{color:"default",type:"ghost",children:s.jsx(d.Icon,{name:e.getIsExpanded()?"remove":"add",size:16})})]}),size:18,maxSize:18,minSize:18}}function h(t="row-selection",n){return{id:t,header:({table:e})=>n?s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>{const a=l("table.select-all",e.getIsAllRowsSelected());return s.jsx(c.Check,{id:`${t}-header`,label:a,hideLabel:!0,value:"row-expander-header",name:`${t}-header`,checked:e.getIsAllRowsSelected(),indeterminate:e.getIsSomeRowsSelected(),onChange:()=>e.toggleAllRowsSelected()})}}):null,cell:({row:e})=>s.jsx(o.LabelContext.Consumer,{children:({getLabel:l})=>{const a=l("table.select-row",e.getIsSelected());return e.getCanSelect()?s.jsx(c.Check,{id:`${t}-${e.id}`,name:`${t}-${e.id}`,label:a,hideLabel:!0,value:`${t}-${e.id}`,checked:e.getIsSelected(),onChange:()=>e.toggleSelected()}):null}}),size:18,maxSize:18,minSize:18}}function m(t={pageIndex:0,pageSize:10},n){const[e,l]=i.useState(t);return i.useEffect(()=>{l(a=>({...a,pageIndex:0}))},[n,l]),{pagination:e,setPagination:l,size:e.pageSize,page:e.pageIndex+1}}function p(t=[]){const[n,e]=i.useState(t),l=n.length?n.map(a=>`${a.id}:${a.desc?"desc":"asc"}`):void 0;return{sorting:n,setSorting:e,sort:l}}function f(t=[]){const[n,e]=i.useState(t),[l,a]=i.useState({});return i.useEffect(()=>{let r={};n.forEach(u=>r={...r,[u.id]:u.value}),a(r)},[n]),{columnFilters:n,setColumnFilters:e,filter:l}}exports.getExpandColumn=S;exports.getRowSelectionColumn=h;exports.useDefaultFiltering=f;exports.useDefaultPagination=m;exports.useDefaultSorting=p;

package/src/community/components/table/components/helpers.es.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import o from "react";
+import { Icon as g } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Check as d } from "../../form/check/check.es.js";
-import { Icon as g } from "../../icon/icon.es.js";
 import { Tag as m } from "../../tag/tag.es.js";
 import p from "../table.module.scss.es.js";
 import { LabelContext as i } from "../../../../tedi/providers/label-provider/label-provider.es.js";

package/src/community/components/table/components/pagination/PaginationNextButton.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),g=require("../../../icon/icon.cjs.js"),x=require("../../table-context.cjs.js"),a=require("./pagination.module.scss.cjs.js"),b=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),p=({type:n})=>{const{table:s}=d.useContext(x.TableContext),{getLabel:o}=b.useLabels(),{getCanPreviousPage:i,getCanNextPage:r,nextPage:l,previousPage:u,toggleAllRowsExpanded:c}=s,e=n==="next";return t.jsx("li",{className:a.default["pagination__arrow-item"],children:t.jsxs("button",{type:"button",className:a.default.pagination__arrow,disabled:e?!r():!i(),onClick:()=>{e?l():u(),c(!1)},children:[t.jsx("span",{className:"visually-hidden",children:o(`pagination.${e?"next":"prev"}-page`)}),t.jsx(g.Icon,{name:e?"arrow_forward":"arrow_back",size:16})]})})};exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),g=require("../../../../../tedi/components/base/icon/icon.cjs.js"),x=require("../../table-context.cjs.js"),a=require("./pagination.module.scss.cjs.js"),b=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),p=({type:n})=>{const{table:s}=d.useContext(x.TableContext),{getLabel:o}=b.useLabels(),{getCanPreviousPage:i,getCanNextPage:r,nextPage:l,previousPage:u,toggleAllRowsExpanded:c}=s,e=n==="next";return t.jsx("li",{className:a.default["pagination__arrow-item"],children:t.jsxs("button",{type:"button",className:a.default.pagination__arrow,disabled:e?!r():!i(),onClick:()=>{e?l():u(),c(!1)},children:[t.jsx("span",{className:"visually-hidden",children:o(`pagination.${e?"next":"prev"}-page`)}),t.jsx(g.Icon,{name:e?"arrow_forward":"arrow_back",size:16})]})})};exports.default=p;

package/src/community/components/table/components/pagination/PaginationNextButton.es.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import g from "react";
-import { Icon as d } from "../../../icon/icon.es.js";
+import { Icon as d } from "../../../../../tedi/components/base/icon/icon.es.js";
 import { TableContext as x } from "../../table-context.es.js";
 import a from "./pagination.module.scss.es.js";
 import { useLabels as u } from "../../../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/table/components/pagination/pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../form/select/select.cjs.js"),m=require("../../../typography/text/text.cjs.js"),_=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=s=>{const{getLabel:i}=L.useLabels(),{table:u,id:r}=h.useContext(_.TableContext),c=i("pagination.results",s.totalRows),{setPageSize:g,getState:d,getPageCount:p}=u,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(s.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsxs(m.Text,{color:"muted",modifiers:"small",children:[s.totalRows," ",c]}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":i("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(j.Select,{id:`page-size-${r}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=s=>{const{getLabel:i}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=i("pagination.results",s.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(s.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsxs(j.Text,{color:"secondary",modifiers:"small",children:[s.totalRows," ",c]}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":i("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;

package/src/community/components/table/components/pagination/pagination.es.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import _ from "../../../../../../external/classnames/index.es.js";
 import x from "react";
-import { Select as y } from "../../../form/select/select.es.js";
-import { Text as z } from "../../../typography/text/text.es.js";
+import { Text as y } from "../../../../../tedi/components/base/typography/text/text.es.js";
+import { Select as z } from "../../../form/select/select.es.js";
 import { TableContext as N } from "../../table-context.es.js";
 import n from "./pagination.module.scss.es.js";
 import C from "./PaginationNextButton.es.js";
@@ -27,14 +27,14 @@ const D = (i) => {
     u(e);
   }, S = (a, e) => a.type === "previous" || a.type === "next" ? /* @__PURE__ */ t(C, { type: a.type }, e) : a.type === "ellipsis" ? /* @__PURE__ */ t("li", { className: _(n.pagination__page), children: "..." }, e) : /* @__PURE__ */ t(w, { item: a }, e);
   return /* @__PURE__ */ r("div", { className: n.pagination__wrapper, children: [
-    /* @__PURE__ */ r(z, { color: "muted", modifiers: "small", children: [
+    /* @__PURE__ */ r(y, { color: "secondary", modifiers: "small", children: [
       i.totalRows,
       " ",
       c
     ] }),
     f() > 1 && /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": o("pagination.title"), className: n.pagination, children: /* @__PURE__ */ t("ul", { className: n.pagination__pages, children: v.map((a, e) => S(a, e)) }) }),
     /* @__PURE__ */ t(
-      y,
+      z,
       {
         id: `page-size-${p}`,
         label: o("pagination.page-size"),

package/src/community/components/table/components/table-filter/components/table-date-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),y=require("../../../../button/button.cjs.js"),$=require("../../../../typography/text/text.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;

package/src/community/components/table/components/table-filter/components/table-date-filter.es.js

@@ -3,8 +3,8 @@ import a from "dayjs";
 import { useFormik as q } from "../../../../../../../external/formik/dist/formik.esm.es.js";
 import D from "react";
 import { object as x, string as T } from "../../../../../../../external/yup/index.esm.es.js";
+import { Text as z } from "../../../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as j } from "../../../../button/button.es.js";
-import { Text as z } from "../../../../typography/text/text.es.js";
 import { TableFilterContext as G } from "../table-filter-context.es.js";
 import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { useLabels as H } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/table/components/table-filter/components/table-select-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),F=require("../../../../button/button.cjs.js"),N=require("../../../../card/card.cjs.js"),z=require("../../../../card/card-content/card-content.cjs.js"),P=require("../../../../typography/heading/heading.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../form/choice-group/choice-group.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=M.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(A.VerticalSpacing,{children:[n.jsx(P.Heading,{element:"h6",children:s("table.filter")}),n.jsx(N.Card,{className:S.default.filter__content,children:n.jsx(z.CardContent,{children:n.jsx(I.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),N=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),F=require("../../../../button/button.cjs.js"),z=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../form/choice-group/choice-group.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=M.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(A.VerticalSpacing,{children:[n.jsx(N.Heading,{element:"h6",children:s("table.filter")}),n.jsx(z.Card,{className:S.default.filter__content,children:n.jsx(P.CardContent,{children:n.jsx(I.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;

package/src/community/components/table/components/table-filter/components/table-select-filter.es.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as y } from "react/jsx-runtime";
 import { useFormik as G } from "../../../../../../../external/formik/dist/formik.esm.es.js";
 import v from "react";
+import { Heading as H } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
 import { Button as _ } from "../../../../button/button.es.js";
-import { Card as H } from "../../../../card/card.es.js";
-import { CardContent as I } from "../../../../card/card-content/card-content.es.js";
-import { Heading as P } from "../../../../typography/heading/heading.es.js";
+import { Card as I } from "../../../../card/card.es.js";
+import { CardContent as P } from "../../../../card/card-content/card-content.es.js";
 import k from "../../../table.module.scss.es.js";
 import { TableFilterContext as q } from "../table-filter-context.es.js";
 import { ChoiceGroup as A } from "../../../../form/choice-group/choice-group.es.js";
@@ -46,8 +46,8 @@ const D = (o) => {
     }
   }), B = (t) => $(f, t);
   return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(J, { children: [
-    /* @__PURE__ */ n(P, { element: "h6", children: o("table.filter") }),
-    /* @__PURE__ */ n(H, { className: k.filter__content, children: /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(H, { element: "h6", children: o("table.filter") }),
+    /* @__PURE__ */ n(I, { className: k.filter__content, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
       A,
       {
         id: `filter-${f}-${e == null ? void 0 : e.id}`,

package/src/community/components/table-of-contents/table-of-contents-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../external/classnames/index.cjs.js"),g=require("react"),p=require("../../../tedi/components/misc/separator/separator.cjs.js"),u=require("../icon/icon.cjs.js"),w=require("../typography/text/text.cjs.js"),_=require("./table-of-contents.cjs.js"),l=require("./table-of-contents.module.scss.cjs.js"),r=require("../../../tedi/components/layout/grid/col.cjs.js"),x=require("../../../tedi/components/layout/grid/row.cjs.js");function f(m){const{children:s,content:n,isValid:c,separator:h,hideIcon:j,id:t,handleCloseModal:i}=m,{openItems:o,showIcons:C}=g.useContext(_.TableOfContentsContext),a=q.default(l.default["table-of-contents__icon"],{[l.default["table-of-contents__icon--hidden"]]:j});return e.jsxs(e.Fragment,{children:[e.jsx(r.Col,{role:"treeitem","aria-expanded":!!(t&&(o!=null&&o.includes(t))),children:e.jsxs(x.Row,{gutter:2,children:[C&&e.jsx(e.Fragment,{children:e.jsx(r.Col,{width:"auto",children:c===!1?e.jsx(u.Icon,{className:a,name:"warning",color:"important"}):e.jsx(u.Icon,{className:a,name:"check",color:c===!0?"positive":"disabled"})})}),e.jsx(r.Col,{children:e.jsx(w.Text,{element:"div",modifiers:"break-word",children:typeof n=="function"?n==null?void 0:n({closeModal:i}):n})})]})}),t&&(o==null?void 0:o.includes(t))&&(s==null?void 0:s.map((b,d)=>e.jsx(r.Col,{children:e.jsx(x.Row,{role:"treeitem",element:"ul",gutterX:0,gutterY:2,direction:"column",className:l.default["table-of-contents__child"],children:e.jsx(f,{...b,handleCloseModal:i},`${t}-${d}`)})},`${t}-${d}`))),h&&e.jsx(r.Col,{children:e.jsx(p.Separator,{})})]})}exports.TableOfContentsItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../external/classnames/index.cjs.js"),g=require("react"),u=require("../../../tedi/components/base/icon/icon.cjs.js"),w=require("../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../tedi/components/misc/separator/separator.cjs.js"),O=require("./table-of-contents.cjs.js"),l=require("./table-of-contents.module.scss.cjs.js"),r=require("../../../tedi/components/layout/grid/col.cjs.js"),x=require("../../../tedi/components/layout/grid/row.cjs.js");function f(h){const{children:s,content:o,isValid:c,separator:j,hideIcon:m,id:t,handleCloseModal:a}=h,{openItems:n,showIcons:C}=g.useContext(O.TableOfContentsContext),i=q.default(l.default["table-of-contents__icon"],{[l.default["table-of-contents__icon--hidden"]]:m});return e.jsxs(e.Fragment,{children:[e.jsx(r.Col,{role:"treeitem","aria-expanded":!!(t&&(n!=null&&n.includes(t))),children:e.jsxs(x.Row,{gutter:2,children:[C&&e.jsx(e.Fragment,{children:e.jsx(r.Col,{width:"auto",children:c===!1?e.jsx(u.Icon,{className:i,name:"warning",color:"danger"}):e.jsx(u.Icon,{className:i,name:"check",color:c===!0?"success":"tertiary"})})}),e.jsx(r.Col,{children:e.jsx(w.Text,{element:"div",modifiers:"break-word",children:typeof o=="function"?o==null?void 0:o({closeModal:a}):o})})]})}),t&&(n==null?void 0:n.includes(t))&&(s==null?void 0:s.map((b,d)=>e.jsx(r.Col,{children:e.jsx(x.Row,{role:"treeitem",element:"ul",gutterX:0,gutterY:2,direction:"column",className:l.default["table-of-contents__child"],children:e.jsx(f,{...b,handleCloseModal:a},`${t}-${d}`)})},`${t}-${d}`))),j&&e.jsx(r.Col,{children:e.jsx(_.Separator,{})})]})}exports.TableOfContentsItem=f;

package/src/community/components/table-of-contents/table-of-contents-item.es.js

@@ -1,24 +1,24 @@
 import { jsxs as d, Fragment as f, jsx as e } from "react/jsx-runtime";
-import g from "../../../../external/classnames/index.es.js";
+import _ from "../../../../external/classnames/index.es.js";
 import { useContext as w } from "react";
-import { Separator as N } from "../../../tedi/components/misc/separator/separator.es.js";
-import { Icon as h } from "../icon/icon.es.js";
-import { Text as $ } from "../typography/text/text.es.js";
-import { TableOfContentsContext as T } from "./table-of-contents.es.js";
+import { Icon as h } from "../../../tedi/components/base/icon/icon.es.js";
+import { Text as N } from "../../../tedi/components/base/typography/text/text.es.js";
+import { Separator as $ } from "../../../tedi/components/misc/separator/separator.es.js";
+import { TableOfContentsContext as y } from "./table-of-contents.es.js";
 import l from "./table-of-contents.module.scss.es.js";
-import { Col as i } from "../../../tedi/components/layout/grid/col.es.js";
-import { Row as p } from "../../../tedi/components/layout/grid/row.es.js";
-function j(u) {
-  const { children: n, content: r, isValid: a, separator: b, hideIcon: x, id: o, handleCloseModal: c } = u, { openItems: t, showIcons: C } = w(T), s = g(l["table-of-contents__icon"], {
-    [l["table-of-contents__icon--hidden"]]: x
+import { Col as n } from "../../../tedi/components/layout/grid/col.es.js";
+import { Row as u } from "../../../tedi/components/layout/grid/row.es.js";
+function T(p) {
+  const { children: i, content: t, isValid: c, separator: x, hideIcon: C, id: o, handleCloseModal: a } = p, { openItems: r, showIcons: b } = w(y), s = _(l["table-of-contents__icon"], {
+    [l["table-of-contents__icon--hidden"]]: C
   });
   return /* @__PURE__ */ d(f, { children: [
-    /* @__PURE__ */ e(i, { role: "treeitem", "aria-expanded": !!(o && (t != null && t.includes(o))), children: /* @__PURE__ */ d(p, { gutter: 2, children: [
-      C && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(i, { width: "auto", children: a === !1 ? /* @__PURE__ */ e(h, { className: s, name: "warning", color: "important" }) : /* @__PURE__ */ e(h, { className: s, name: "check", color: a === !0 ? "positive" : "disabled" }) }) }),
-      /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e($, { element: "div", modifiers: "break-word", children: typeof r == "function" ? r == null ? void 0 : r({ closeModal: c }) : r }) })
+    /* @__PURE__ */ e(n, { role: "treeitem", "aria-expanded": !!(o && (r != null && r.includes(o))), children: /* @__PURE__ */ d(u, { gutter: 2, children: [
+      b && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n, { width: "auto", children: c === !1 ? /* @__PURE__ */ e(h, { className: s, name: "warning", color: "danger" }) : /* @__PURE__ */ e(h, { className: s, name: "check", color: c === !0 ? "success" : "tertiary" }) }) }),
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(N, { element: "div", modifiers: "break-word", children: typeof t == "function" ? t == null ? void 0 : t({ closeModal: a }) : t }) })
     ] }) }),
-    o && (t == null ? void 0 : t.includes(o)) && (n == null ? void 0 : n.map((_, m) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-      p,
+    o && (r == null ? void 0 : r.includes(o)) && (i == null ? void 0 : i.map((g, m) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+      u,
       {
         role: "treeitem",
         element: "ul",
@@ -26,12 +26,12 @@ function j(u) {
         gutterY: 2,
         direction: "column",
         className: l["table-of-contents__child"],
-        children: /* @__PURE__ */ e(j, { ..._, handleCloseModal: c }, `${o}-${m}`)
+        children: /* @__PURE__ */ e(T, { ...g, handleCloseModal: a }, `${o}-${m}`)
       }
     ) }, `${o}-${m}`))),
-    b && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(N, {}) })
+    x && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e($, {}) })
   ] });
 }
 export {
-  j as TableOfContentsItem
+  T as TableOfContentsItem
 };

package/src/community/components/table-of-contents/table-of-contents-items.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;

package/src/community/components/table-of-contents/table-of-contents-items.es.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import r from "react";
 import { flushSync as x } from "react-dom";
-import { Heading as C } from "../typography/heading/heading.es.js";
+import { Heading as C } from "../../../tedi/components/base/typography/heading/heading.es.js";
 import { TableOfContentsItem as g } from "./table-of-contents-item.es.js";
 import { ModalContext as y } from "../modal/modal-provider.es.js";
 import { useLayout as I } from "../../helpers/hooks/use-layout.es.js";

package/src/community/components/table-of-contents/table-of-contents-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("../../../../external/classnames/index.cjs.js"),d=require("react"),S=require("../button/button.cjs.js"),k=require("../button-content/button-content.cjs.js"),h=require("../icon/icon.cjs.js"),f=require("../typography/heading/heading.cjs.js"),t=require("../typography/text/text.cjs.js"),B=require("./table-of-contents.cjs.js"),C=require("./table-of-contents.module.scss.cjs.js"),F=require("./table-of-contents-items.cjs.js"),$=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),V=require("../modal/modal-provider.cjs.js"),W=require("../modal/modal-trigger.cjs.js"),z=require("../card/card.cjs.js"),b=require("../card/card-content/card-content.cjs.js"),A=require("../modal/modal.cjs.js"),D=require("../card/card-header/card-header.cjs.js"),E=x=>{const{getLabel:o}=$.useLabels(),{items:l,modalProps:p,modalProviderProps:q,heading:w,open:m,defaultOpen:T,onToggle:i,className:v}=x,a=l.map(s=>s.isValid===!0).filter(Boolean).length,c=l.map(s=>s.isValid===!1).filter(Boolean).length,j=d.useId(),[O,y]=d.useState(!0),[I,R]=d.useState(T),{showIcons:u}=d.useContext(B.TableOfContentsContext),N=i&&typeof m<"u"?m:I,L=o("table-of-contents.valid",`${a} / ${l.length}`),M=o("table-of-contents.valid",a),P=o("table-of-contents.invalid",c),_=s=>{R(s),i==null||i(s)},g=e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{element:"span",modifiers:["normal","bold"],className:H.default({"sr-only":u}),children:w}),u&&c===0?e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"positive"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsxs(t.Text,{element:"span","aria-hidden":!0,children:[a," / ",l.length]}),e.jsx(t.Text,{element:"span",className:"sr-only",children:L})]})]}):u?e.jsxs(r.Row,{gutter:3,children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"positive"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:a}),e.jsx(t.Text,{element:"span",className:"sr-only",children:M})]})]})}),e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"warning",color:"important"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:c}),e.jsx(t.Text,{element:"span",className:"sr-only",children:P})]})]})})]}):null]});return e.jsxs(V.ModalProvider,{open:N,onToggle:_,...q,children:[e.jsx(f.Heading,{element:"h2",modifiers:"normal",className:v,children:e.jsx(W.ModalTrigger,{children:e.jsx(S.Button,{fullWidth:!0,noStyle:!0,className:C.default["table-of-contents__trigger"],children:e.jsx(z.Card,{className:C.default["table-of-contents__trigger-card"],children:e.jsx(b.CardContent,{children:e.jsxs(r.Row,{children:[e.jsx(n.Col,{children:g}),e.jsx(n.Col,{width:"auto","aria-hidden":!0,children:e.jsx(k.default,{as:"span",visualType:"link",iconRight:"expand_more",children:o("open")})})]})})})})})}),e.jsxs(A.Modal,{"aria-labelledby":j,position:"bottom",returnFocus:O,...p,children:[e.jsx(D.CardHeader,{variant:"white",id:j,children:e.jsx(f.Heading,{element:"h2",modifiers:"normal",children:g})}),e.jsx(b.CardContent,{children:e.jsx(F.TableOfContentsItems,{...x,setReturnFocus:y})})]})]})};exports.TableOfContentsModal=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("../../../../external/classnames/index.cjs.js"),d=require("react"),h=require("../../../tedi/components/base/icon/icon.cjs.js"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),t=require("../../../tedi/components/base/typography/text/text.cjs.js"),S=require("../button/button.cjs.js"),k=require("../button-content/button-content.cjs.js"),B=require("./table-of-contents.cjs.js"),C=require("./table-of-contents.module.scss.cjs.js"),F=require("./table-of-contents-items.cjs.js"),$=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),V=require("../modal/modal-provider.cjs.js"),W=require("../modal/modal-trigger.cjs.js"),z=require("../card/card.cjs.js"),b=require("../card/card-content/card-content.cjs.js"),A=require("../modal/modal.cjs.js"),D=require("../card/card-header/card-header.cjs.js"),E=x=>{const{getLabel:o}=$.useLabels(),{items:l,modalProps:p,modalProviderProps:q,heading:w,open:m,defaultOpen:T,onToggle:i,className:v}=x,a=l.map(s=>s.isValid===!0).filter(Boolean).length,c=l.map(s=>s.isValid===!1).filter(Boolean).length,j=d.useId(),[O,y]=d.useState(!0),[I,R]=d.useState(T),{showIcons:u}=d.useContext(B.TableOfContentsContext),N=i&&typeof m<"u"?m:I,L=o("table-of-contents.valid",`${a} / ${l.length}`),M=o("table-of-contents.valid",a),P=o("table-of-contents.invalid",c),_=s=>{R(s),i==null||i(s)},g=e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{element:"span",modifiers:["normal","bold"],className:H.default({"sr-only":u}),children:w}),u&&c===0?e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"success"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsxs(t.Text,{element:"span","aria-hidden":!0,children:[a," / ",l.length]}),e.jsx(t.Text,{element:"span",className:"sr-only",children:L})]})]}):u?e.jsxs(r.Row,{gutter:3,children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"success"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:a}),e.jsx(t.Text,{element:"span",className:"sr-only",children:M})]})]})}),e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"warning",color:"danger"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:c}),e.jsx(t.Text,{element:"span",className:"sr-only",children:P})]})]})})]}):null]});return e.jsxs(V.ModalProvider,{open:N,onToggle:_,...q,children:[e.jsx(f.Heading,{element:"h2",modifiers:"normal",className:v,children:e.jsx(W.ModalTrigger,{children:e.jsx(S.Button,{fullWidth:!0,noStyle:!0,className:C.default["table-of-contents__trigger"],children:e.jsx(z.Card,{className:C.default["table-of-contents__trigger-card"],children:e.jsx(b.CardContent,{children:e.jsxs(r.Row,{children:[e.jsx(n.Col,{children:g}),e.jsx(n.Col,{width:"auto","aria-hidden":!0,children:e.jsx(k.default,{as:"span",visualType:"link",iconRight:"expand_more",children:o("open")})})]})})})})})}),e.jsxs(A.Modal,{"aria-labelledby":j,position:"bottom",returnFocus:O,...p,children:[e.jsx(D.CardHeader,{variant:"white",id:j,children:e.jsx(f.Heading,{element:"h2",modifiers:"normal",children:g})}),e.jsx(b.CardContent,{children:e.jsx(F.TableOfContentsItems,{...x,setReturnFocus:y})})]})]})};exports.TableOfContentsModal=E;

package/src/community/components/table-of-contents/table-of-contents-modal.es.js

@@ -1,13 +1,13 @@
 import { jsxs as t, Fragment as H, jsx as e } from "react/jsx-runtime";
 import S from "../../../../external/classnames/index.es.js";
 import h, { useContext as j } from "react";
+import { Icon as p } from "../../../tedi/components/base/icon/icon.es.js";
+import { Heading as w } from "../../../tedi/components/base/typography/heading/heading.es.js";
+import { Text as r } from "../../../tedi/components/base/typography/text/text.es.js";
 import { Button as V } from "../button/button.es.js";
 import $ from "../button-content/button-content.es.js";
-import { Icon as p } from "../icon/icon.es.js";
-import { Heading as v } from "../typography/heading/heading.es.js";
-import { Text as r } from "../typography/text/text.es.js";
 import { TableOfContentsContext as W } from "./table-of-contents.es.js";
-import w from "./table-of-contents.module.scss.es.js";
+import v from "./table-of-contents.module.scss.es.js";
 import { TableOfContentsItems as q } from "./table-of-contents-items.es.js";
 import { useLabels as z } from "../../../tedi/providers/label-provider/use-labels.es.js";
 import { Row as i } from "../../../tedi/components/layout/grid/row.es.js";
@@ -18,13 +18,13 @@ import { Card as E } from "../card/card.es.js";
 import { CardContent as C } from "../card/card-content/card-content.es.js";
 import { Modal as G } from "../modal/modal.es.js";
 import { CardHeader as J } from "../card/card-header/card-header.es.js";
-const fe = (f) => {
-  const { getLabel: l } = z(), { items: a, modalProps: y, modalProviderProps: N, heading: x, open: u, defaultOpen: I, onToggle: d, className: O } = f, s = a.map((o) => o.isValid === !0).filter(Boolean).length, c = a.map((o) => o.isValid === !1).filter(Boolean).length, g = h.useId(), [T, _] = h.useState(!0), [L, B] = h.useState(I), { showIcons: m } = j(W), M = d && typeof u < "u" ? u : L, P = l("table-of-contents.valid", `${s} / ${a.length}`), R = l("table-of-contents.valid", s), k = l("table-of-contents.invalid", c), F = (o) => {
+const ue = (u) => {
+  const { getLabel: l } = z(), { items: a, modalProps: y, modalProviderProps: N, heading: x, open: f, defaultOpen: I, onToggle: d, className: O } = u, s = a.map((o) => o.isValid === !0).filter(Boolean).length, c = a.map((o) => o.isValid === !1).filter(Boolean).length, g = h.useId(), [T, _] = h.useState(!0), [L, B] = h.useState(I), { showIcons: m } = j(W), M = d && typeof f < "u" ? f : L, P = l("table-of-contents.valid", `${s} / ${a.length}`), R = l("table-of-contents.valid", s), k = l("table-of-contents.invalid", c), F = (o) => {
     B(o), d == null || d(o);
   }, b = /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e(r, { element: "span", modifiers: ["normal", "bold"], className: S({ "sr-only": m }), children: x }),
     m && c === 0 ? /* @__PURE__ */ t(i, { gutter: 1, children: [
-      /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "positive" }) }),
+      /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "success" }) }),
       /* @__PURE__ */ t(n, { width: "auto", children: [
         /* @__PURE__ */ t(r, { element: "span", "aria-hidden": !0, children: [
           s,
@@ -35,14 +35,14 @@ const fe = (f) => {
       ] })
     ] }) : m ? /* @__PURE__ */ t(i, { gutter: 3, children: [
       /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ t(i, { gutter: 1, children: [
-        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "positive" }) }),
+        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "success" }) }),
         /* @__PURE__ */ t(n, { width: "auto", children: [
           /* @__PURE__ */ e(r, { element: "span", "aria-hidden": !0, children: s }),
           /* @__PURE__ */ e(r, { element: "span", className: "sr-only", children: R })
         ] })
       ] }) }),
       /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ t(i, { gutter: 1, children: [
-        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "warning", color: "important" }) }),
+        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "warning", color: "danger" }) }),
         /* @__PURE__ */ t(n, { width: "auto", children: [
           /* @__PURE__ */ e(r, { element: "span", "aria-hidden": !0, children: c }),
           /* @__PURE__ */ e(r, { element: "span", className: "sr-only", children: k })
@@ -51,16 +51,16 @@ const fe = (f) => {
     ] }) : null
   ] });
   return /* @__PURE__ */ t(A, { open: M, onToggle: F, ...N, children: [
-    /* @__PURE__ */ e(v, { element: "h2", modifiers: "normal", className: O, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(V, { fullWidth: !0, noStyle: !0, className: w["table-of-contents__trigger"], children: /* @__PURE__ */ e(E, { className: w["table-of-contents__trigger-card"], children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ e(w, { element: "h2", modifiers: "normal", className: O, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(V, { fullWidth: !0, noStyle: !0, className: v["table-of-contents__trigger"], children: /* @__PURE__ */ e(E, { className: v["table-of-contents__trigger-card"], children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { children: b }),
       /* @__PURE__ */ e(n, { width: "auto", "aria-hidden": !0, children: /* @__PURE__ */ e($, { as: "span", visualType: "link", iconRight: "expand_more", children: l("open") }) })
     ] }) }) }) }) }) }),
     /* @__PURE__ */ t(G, { "aria-labelledby": g, position: "bottom", returnFocus: T, ...y, children: [
-      /* @__PURE__ */ e(J, { variant: "white", id: g, children: /* @__PURE__ */ e(v, { element: "h2", modifiers: "normal", children: b }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(q, { ...f, setReturnFocus: _ }) })
+      /* @__PURE__ */ e(J, { variant: "white", id: g, children: /* @__PURE__ */ e(w, { element: "h2", modifiers: "normal", children: b }) }),
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(q, { ...u, setReturnFocus: _ }) })
     ] })
   ] });
 };
 export {
-  fe as TableOfContentsModal
+  ue as TableOfContentsModal
 };

package/src/community/components/toggle-open/toggle-open.d.ts

@@ -1,5 +1,5 @@
+import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { ButtonProps } from '../button/button';
-import { IconProps } from '../icon/icon';
 export interface ToggleOpenProps extends Omit<ButtonProps, 'children' | 'iconRight'> {
     /**
      * Name on the button to open the item

package/src/community/components/tooltip/tooltip-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;

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

@@ -1,7 +1,7 @@
 import { useMergeRefs as m } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import n from "../../../../external/classnames/index.es.js";
 import o from "react";
-import { Icon as f } from "../icon/icon.es.js";
+import { Icon as f } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./tooltip.module.scss.es.js";
 import { TooltipContext as a } from "./tooltip-provider.es.js";
 import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";

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"),n=require("react"),p=require("../button/button.cjs.js"),j=require("../icon/icon.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"),s=require("../../../tedi/components/layout/grid/col.cjs.js"),o=n.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(o.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}=n.useContext(o),{onItemOpen:d}=n.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(s.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(s.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(j.Icon,{name:C(),size:16})})}),e.jsx(s.Col,{width:"auto",children:r})]})}),h&&e.jsx(s.Col,{width:"auto",children:e.jsx(p.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=o;exports.default=a;
+"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;

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import n from "react";
-import { Button as C } from "../button/button.es.js";
-import { Icon as v } from "../icon/icon.es.js";
+import { Icon as C } from "../../../tedi/components/base/icon/icon.es.js";
+import { Button as v } from "../button/button.es.js";
 import { Tag as w } from "../tag/tag.es.js";
 import { VerticalProgressContext as x } from "./vertical-progress.es.js";
 import { Card as b } from "../card/card.es.js";
@@ -58,10 +58,10 @@ const s = n.createContext({
   };
   return /* @__PURE__ */ i(a, { alignItems: "center", justifyContent: "between", children: [
     /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ i(a, { gutterX: 3, gutterY: 0, alignItems: "center", wrap: "nowrap", children: [
-      /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(w, { iconOnly: !0, rounded: !0, color: p(), type: h(), children: /* @__PURE__ */ t(v, { name: f(), size: 16 }) }) }),
+      /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(w, { iconOnly: !0, rounded: !0, color: p(), type: h(), children: /* @__PURE__ */ t(C, { name: f(), size: 16, color: "inherit" }) }) }),
       /* @__PURE__ */ t(o, { width: "auto", children: r })
     ] }) }),
-    g && /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(C, { visualType: "link", iconRight: "edit", onClick: () => m(l), children: u("vertical-progress.edit") }) })
+    g && /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(v, { visualType: "link", iconRight: "edit", onClick: () => m(l), children: u("vertical-progress.edit") }) })
   ] });
 };
 export {

package/src/community/index.d.ts

@@ -1,14 +1,10 @@
 export * from './components/commonTypes';
-export * from './components/typography/heading/heading';
-export * from './components/typography/text/text';
 export * from './components/button/button';
 export * from './components/anchor/anchor';
 export * from './components/layout';
-export * from './components/ellipsis/ellipsis';
 export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';
-export * from './components/icon/icon';
 export * from './components/feedback/feedback';
 export * from './components/form/hidden-field/hidden-field';
 export * from './components/form/choice-group';

package/src/tedi/components/base/icon/icon.d.ts

@@ -1,6 +1,6 @@
 export type IconSize = 8 | 12 | 16 | 18 | 24 | 36 | 48;
 export type IconType = 'outlined' | 'sharp' | 'rounded';
-export type IconColor = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'brand-dark' | 'success' | 'warning' | 'warning-dark' | 'danger' | 'white';
+export type IconColor = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'brand-dark' | 'success' | 'warning' | 'warning-dark' | 'danger' | 'white' | 'inherit';
 export type IconBackgroundColor = 'primary' | 'secondary' | 'brand-primary' | 'brand-secondary';
 export interface IconSharedProps {
     /**

package/src/tedi/components/base/icon/icon.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-icon__wrapper":"tedi-icon__wrapper-9ebcd2b9","tedi-icon__wrapper--block":"tedi-icon__wrapper--block-c6569c9a","tedi-icon__wrapper--bg":"tedi-icon__wrapper--bg-eecdf75d","tedi-icon__wrapper--inline":"tedi-icon__wrapper--inline-3b529220","tedi-icon__wrapper--bg-primary":"tedi-icon__wrapper--bg-primary-610f32c0","tedi-icon__wrapper--bg-secondary":"tedi-icon__wrapper--bg-secondary-0162c3f4","tedi-icon__wrapper--bg-brand-primary":"tedi-icon__wrapper--bg-brand-primary-b81804e6","tedi-icon__wrapper--bg-brand-secondary":"tedi-icon__wrapper--bg-brand-secondary-f1e0ad91","tedi-icon__wrapper--size-8":"tedi-icon__wrapper--size-8-9d2b31c8","tedi-icon__wrapper--size-12":"tedi-icon__wrapper--size-12-fbbccf16","tedi-icon__wrapper--size-16":"tedi-icon__wrapper--size-16-79f6d6a4","tedi-icon__wrapper--size-18":"tedi-icon__wrapper--size-18-19e79f0c","tedi-icon__wrapper--size-24":"tedi-icon__wrapper--size-24-dad0e422","tedi-icon__wrapper--size-36":"tedi-icon__wrapper--size-36-5db5f717","tedi-icon__wrapper--size-48":"tedi-icon__wrapper--size-48-72e74510","tedi-icon":"tedi-icon-af01e6fb","tedi-icon--block":"tedi-icon--block-b39b3868","tedi-icon--inline":"tedi-icon--inline-f36dc36f","tedi-icon--color-primary":"tedi-icon--color-primary-007b893c","tedi-icon--color-secondary":"tedi-icon--color-secondary-33a32ecf","tedi-icon--color-tertiary":"tedi-icon--color-tertiary-ca6b8bff","tedi-icon--color-brand":"tedi-icon--color-brand-c34b5f15","tedi-icon--color-brand-dark":"tedi-icon--color-brand-dark-b9a4ebc2","tedi-icon--color-success":"tedi-icon--color-success-12a4bdac","tedi-icon--color-warning":"tedi-icon--color-warning-22d5317b","tedi-icon--color-warning-dark":"tedi-icon--color-warning-dark-57a93663","tedi-icon--color-danger":"tedi-icon--color-danger-22384ab6","tedi-icon--color-white":"tedi-icon--color-white-449bf36d","tedi-icon--size-8":"tedi-icon--size-8-5ae94c2a","tedi-icon--size-12":"tedi-icon--size-12-761e2145","tedi-icon--size-16":"tedi-icon--size-16-1921977d","tedi-icon--size-18":"tedi-icon--size-18-53872167","tedi-icon--size-24":"tedi-icon--size-24-a0bf69ef","tedi-icon--size-36":"tedi-icon--size-36-7ca033a7","tedi-icon--size-48":"tedi-icon--size-48-4839c0a5","tedi-icon--filled":"tedi-icon--filled-acd33902"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-icon__wrapper":"tedi-icon__wrapper-9ebcd2b9","tedi-icon__wrapper--block":"tedi-icon__wrapper--block-c6569c9a","tedi-icon__wrapper--bg":"tedi-icon__wrapper--bg-eecdf75d","tedi-icon__wrapper--inline":"tedi-icon__wrapper--inline-3b529220","tedi-icon__wrapper--bg-primary":"tedi-icon__wrapper--bg-primary-610f32c0","tedi-icon__wrapper--bg-secondary":"tedi-icon__wrapper--bg-secondary-0162c3f4","tedi-icon__wrapper--bg-brand-primary":"tedi-icon__wrapper--bg-brand-primary-b81804e6","tedi-icon__wrapper--bg-brand-secondary":"tedi-icon__wrapper--bg-brand-secondary-f1e0ad91","tedi-icon__wrapper--size-8":"tedi-icon__wrapper--size-8-9d2b31c8","tedi-icon__wrapper--size-12":"tedi-icon__wrapper--size-12-fbbccf16","tedi-icon__wrapper--size-16":"tedi-icon__wrapper--size-16-79f6d6a4","tedi-icon__wrapper--size-18":"tedi-icon__wrapper--size-18-19e79f0c","tedi-icon__wrapper--size-24":"tedi-icon__wrapper--size-24-dad0e422","tedi-icon__wrapper--size-36":"tedi-icon__wrapper--size-36-5db5f717","tedi-icon__wrapper--size-48":"tedi-icon__wrapper--size-48-72e74510","tedi-icon":"tedi-icon-af01e6fb","tedi-icon--block":"tedi-icon--block-b39b3868","tedi-icon--inline":"tedi-icon--inline-f36dc36f","tedi-icon--color-primary":"tedi-icon--color-primary-007b893c","tedi-icon--color-secondary":"tedi-icon--color-secondary-33a32ecf","tedi-icon--color-tertiary":"tedi-icon--color-tertiary-ca6b8bff","tedi-icon--color-brand":"tedi-icon--color-brand-c34b5f15","tedi-icon--color-brand-dark":"tedi-icon--color-brand-dark-b9a4ebc2","tedi-icon--color-success":"tedi-icon--color-success-12a4bdac","tedi-icon--color-warning":"tedi-icon--color-warning-22d5317b","tedi-icon--color-warning-dark":"tedi-icon--color-warning-dark-57a93663","tedi-icon--color-danger":"tedi-icon--color-danger-22384ab6","tedi-icon--color-white":"tedi-icon--color-white-449bf36d","tedi-icon--size-8":"tedi-icon--size-8-5ae94c2a","tedi-icon--size-12":"tedi-icon--size-12-761e2145","tedi-icon--size-16":"tedi-icon--size-16-1921977d","tedi-icon--size-18":"tedi-icon--size-18-53872167","tedi-icon--size-24":"tedi-icon--size-24-a0bf69ef","tedi-icon--size-36":"tedi-icon--size-36-7ca033a7","tedi-icon--size-48":"tedi-icon--size-48-4839c0a5","tedi-icon--color-inherit":"tedi-icon--color-inherit-5cac9c1f","tedi-icon--filled":"tedi-icon--filled-acd33902"};exports.default=i;

package/src/tedi/components/base/icon/icon.module.scss.es.js

@@ -34,6 +34,7 @@ const i = {
   "tedi-icon--size-24": "tedi-icon--size-24-a0bf69ef",
   "tedi-icon--size-36": "tedi-icon--size-36-7ca033a7",
   "tedi-icon--size-48": "tedi-icon--size-48-4839c0a5",
+  "tedi-icon--color-inherit": "tedi-icon--color-inherit-5cac9c1f",
   "tedi-icon--filled": "tedi-icon--filled-acd33902"
 };
 export {

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

package/src/tedi/components/buttons/collapse/collapse.d.ts

@@ -34,6 +34,12 @@ type CollapseBreakpointProps = {
      */
     size?: 'default' | 'small';
     underline?: boolean;
+    /**
+     * Render collapse as icon-only toggle.
+     * Icon-only styles are applied ONLY when no title is provided.
+     * @default false
+     */
+    iconOnly?: boolean;
 };
 export interface CollapseProps extends BreakpointSupport<CollapseBreakpointProps> {
     /**