@tedi-design-system/react 15.0.0-rc.4 → 15.0.0-rc.5

package/src/community/components/layout/sidenav/sidenav.es.js

@@ -1,93 +1,98 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import g, { createElement as C } from "react";
+import y, { createElement as C } from "react";
 import { FloatingOverlay as F, FloatingFocusManager as L } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import v from "../../../../../external/classnames/index.es.js";
-import { Collapse as P } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
-import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
+import { Icon as P } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Collapse as A } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
+import { Print as j } from "../../../../tedi/components/misc/print/print.es.js";
 import { useLayout as k } from "../../../helpers/hooks/use-layout.es.js";
-import { Anchor as j } from "../../anchor/anchor.es.js";
-import { Icon as H } from "../../icon/icon.es.js";
+import { Anchor as H } from "../../anchor/anchor.es.js";
 import { LayoutContext as E } from "../layout-context.es.js";
 import a from "./sidenav.module.scss.es.js";
 import { useSidenavRendered as O } from "./utility.es.js";
-const R = (n) => requestAnimationFrame(n), Y = (n) => {
+const R = (s) => requestAnimationFrame(s), Y = (s) => {
   const {
     navItems: i,
-    ariaLabel: r,
-    linkAs: o,
-    breakToBottomContent: m,
+    ariaLabel: o,
+    linkAs: r,
+    breakToBottomContent: c,
     breakToHeader: f,
-    showDividers: c = !0,
-    hideSubItemIcons: d = !1,
+    showDividers: d = !0,
+    hideSubItemIcons: m = !1,
     className: u,
     ...h
-  } = n, _ = k(["mobile", "tablet"]), { menuOpen: N, context: b, getFloatingProps: p, floating: S, headerType: e, y: s } = g.useContext(E), { hasSidenav: l } = O(e, n);
+  } = s, _ = k(["mobile", "tablet"]), { menuOpen: N, context: b, getFloatingProps: p, floating: S, headerType: e, y: n } = y.useContext(E), { hasSidenav: l } = O(e, s);
   if (!l)
     return null;
-  const y = v(a.sidenav, u, {
-    [a["sidenav--has-dividers"]]: c,
-    [a["sidenav--hide-subitem-icons"]]: d
-  }), I = /* @__PURE__ */ t(A, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: y, "aria-label": r, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": r, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: o, ...T, key: B })) }) }) });
+  const g = v(a.sidenav, u, {
+    [a["sidenav--has-dividers"]]: d,
+    [a["sidenav--hide-subitem-icons"]]: m
+  }), I = /* @__PURE__ */ t(j, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: g, "aria-label": o, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": o, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: r, ...T, key: B })) }) }) });
   return _ ? N ? /* @__PURE__ */ t(F, { lockScroll: !0, className: a.sidenav__overlay, children: /* @__PURE__ */ t(L, { context: b, order: ["reference", "content"], children: /* @__PURE__ */ t(
     "div",
     {
       ...p({
         style: {
-          paddingTop: s ?? 0
+          paddingTop: n ?? 0
         },
         className: a.sidenav,
-        "aria-label": r
+        "aria-label": o
       }),
       ref: S,
       children: I
     }
   ) }) }) : null : I;
-}, M = (n) => {
-  const { icon: i, children: r, isActive: o, onClick: m, subItems: f, as: c, ...d } = n, { toggleMenu: u, onHeaderSidenavToggle: h } = g.useContext(E), _ = k(["mobile", "tablet"]), N = v(a.sidenav__item, { [a["sidenav__item--current"]]: o }), b = g.useId(), p = (e) => {
-    const l = { className: v(a.sidenav__icon) }, y = typeof e == "string" ? { ...l, name: e } : { ...l, ...e, className: v(l.className, e == null ? void 0 : e.className) };
-    return /* @__PURE__ */ t(H, { ...y });
+}, M = (s) => {
+  const { icon: i, children: o, isActive: r, onClick: c, subItems: f, as: d, ...m } = s, { toggleMenu: u, onHeaderSidenavToggle: h } = y.useContext(E), _ = k(["mobile", "tablet"]), N = v(a.sidenav__item, { [a["sidenav__item--current"]]: r }), b = y.useId(), p = (e) => {
+    const l = { className: v(a.sidenav__icon) }, g = typeof e == "string" ? { ...l, name: e, color: "inherit" } : {
+      ...l,
+      ...e,
+      className: v(l.className, e == null ? void 0 : e.className),
+      background: void 0
+    };
+    return /* @__PURE__ */ t(P, { ...g });
   };
   return /* @__PURE__ */ t("li", { "data-name": "sidenav-item", className: N, role: "presentation", children: f ? /* @__PURE__ */ t(
-    P,
+    A,
     {
       id: b,
       hideCollapseText: !0,
-      open: o,
+      open: r,
       title: /* @__PURE__ */ x(
         "span",
         {
-          ...(({ _href: e, ...s }) => s)(d),
+          ...(({ _href: e, ...n }) => n)(m),
           className: a.sidenav__link,
           noStyle: !0,
           role: "menuitem",
-          "aria-current": o ? "page" : void 0,
+          "aria-current": r ? "page" : void 0,
           children: [
             i && p(i),
-            /* @__PURE__ */ t("span", { className: a.sidenav__title, children: r })
+            /* @__PURE__ */ t("span", { className: a.sidenav__title, children: o })
           ]
         }
       ),
-      children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", children: f.map((e, s) => /* @__PURE__ */ C(M, { as: c, ...e, key: s })) })
+      children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", children: f.map((e, n) => /* @__PURE__ */ C(M, { as: d, ...e, key: n })) })
     }
   ) : (
     // // TODO: Remove ts-ignore
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     /* @__PURE__ */ x(
-      j,
+      H,
       {
-        ...d,
-        as: c,
+        ...m,
+        as: d,
         onClick: (e) => {
-          m == null || m(e), e.stopPropagation(), typeof h == "function" || (_ ? R(() => u()) : u());
+          c == null || c(e), e.stopPropagation(), typeof h == "function" || (_ ? R(() => u()) : u());
         },
         className: a.sidenav__link,
         noStyle: !0,
         role: "menuitem",
-        "aria-current": o ? "page" : void 0,
+        "aria-current": r ? "page" : void 0,
         children: [
           i && p(i),
-          /* @__PURE__ */ t("span", { className: a.sidenav__title, children: r })
+          /* @__PURE__ */ t("span", { className: a.sidenav__title, children: o })
         ]
       }
     )

package/src/community/components/placeholder/placeholder.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../tedi/components/misc/print/print.cjs.js"),C=require("../../helpers/hooks/use-layout.cjs.js"),v=require("../icon/icon.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:r,rowProps:p,...x}=d,n=C.useLayout(["mobile","tablet"]),{padding:j=r?0:n?1:1.5,background:q=r?void 0:n?"bg-subtle":"white",...b}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?t.jsx(v.Icon,{...c}):e};return t.jsx(y.Print,{breakInside:"avoid",children:t.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:r,padding:j,background:q,...b,children:t.jsx(N.CardContent,{children:t.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&t.jsx(i.Col,{width:"auto",children:g(o)}),t.jsx(i.Col,{width:"auto",children:t.jsx(f.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=d,n=v.useLayout(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(f.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(i.Col,{width:"auto",children:g(o)}),r.jsx(i.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;

package/src/community/components/placeholder/placeholder.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
+import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
-import { IconProps } from '../icon/icon';
 export interface PlaceholderProps {
     /**
      * Placeholder block content

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

@@ -1,40 +1,41 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import i from "../../../../external/classnames/index.es.js";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import d from "../../../../external/classnames/index.es.js";
 import P from "react";
-import { Text as y } from "../../../tedi/components/base/typography/text/text.es.js";
-import { Print as I } from "../../../tedi/components/misc/print/print.es.js";
-import { useLayout as w } from "../../helpers/hooks/use-layout.es.js";
-import { Icon as x } from "../icon/icon.es.js";
+import { Icon as y } from "../../../tedi/components/base/icon/icon.es.js";
+import { Text as I } from "../../../tedi/components/base/typography/text/text.es.js";
+import { Print as w } from "../../../tedi/components/misc/print/print.es.js";
+import { useLayout as x } from "../../helpers/hooks/use-layout.es.js";
 import { Card as C } from "../card/card.es.js";
 import { CardContent as v } from "../card/card-content/card-content.es.js";
 import { Row as j } from "../../../tedi/components/layout/grid/row.es.js";
-import { Col as d } from "../../../tedi/components/layout/grid/col.es.js";
+import { Col as i } from "../../../tedi/components/layout/grid/col.es.js";
 const D = (l) => {
-  const { icon: s = "spa", className: n, children: c, cardProps: p, isNested: t, rowProps: f, ...u } = l, a = w(["mobile", "tablet"]), {
-    padding: h = t ? 0 : a ? 1 : 1.5,
-    background: b = t ? void 0 : a ? "bg-subtle" : "white",
+  const { icon: s = "spa", className: n, children: c, cardProps: p, isNested: e, rowProps: f, ...u } = l, a = x(["mobile", "tablet"]), {
+    padding: h = e ? 0 : a ? 1 : 1.5,
+    background: b = e ? void 0 : a ? "bg-subtle" : "white",
     ...g
   } = p ?? {};
-  return /* @__PURE__ */ e(I, { breakInside: "avoid", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(w, { breakInside: "avoid", children: /* @__PURE__ */ o(
     C,
     {
       "data-name": "placeholder",
       ...u,
       className: n,
-      borderless: t,
+      borderless: e,
       padding: h,
       background: b,
       ...g,
-      children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ N(j, { direction: "column", alignItems: "center", gutter: 2, ...f, children: [
-        s && /* @__PURE__ */ e(d, { width: "auto", children: ((r) => {
-          const o = { size: 36, className: i("text-primary") }, m = typeof r == "string" ? { ...o, name: r } : typeof r == "object" && !P.isValidElement(r) ? {
-            ...o,
+      children: /* @__PURE__ */ o(v, { children: /* @__PURE__ */ N(j, { direction: "column", alignItems: "center", gutter: 2, ...f, children: [
+        s && /* @__PURE__ */ o(i, { width: "auto", children: ((r) => {
+          const t = { size: 36, className: d("text-primary") }, m = typeof r == "string" ? { ...t, name: r, color: "brand" } : typeof r == "object" && !P.isValidElement(r) ? {
+            ...t,
             ...r,
-            className: i(o.className, r == null ? void 0 : r.className)
+            color: "brand",
+            className: d(t.className, r == null ? void 0 : r.className)
           } : void 0;
-          return m ? /* @__PURE__ */ e(x, { ...m }) : r;
+          return m ? /* @__PURE__ */ o(y, { ...m }) : r;
         })(s) }),
-        /* @__PURE__ */ e(d, { width: "auto", children: /* @__PURE__ */ e(y, { color: "secondary", modifiers: "center", element: "div", children: c }) })
+        /* @__PURE__ */ o(i, { width: "auto", children: /* @__PURE__ */ o(I, { color: "secondary", modifiers: "center", element: "div", children: c }) })
       ] }) })
     }
   ) });

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

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"),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"),h=require("../icon/icon.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;
+"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,11 +1,11 @@
 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 { TableOfContentsContext as W } from "./table-of-contents.es.js";
 import v from "./table-of-contents.module.scss.es.js";
 import { TableOfContentsItems as q } from "./table-of-contents-items.es.js";

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

@@ -5,7 +5,6 @@ export * from './components/layout';
 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/community/components/icon/icon.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),q=require("react"),l=require("./icon.module.scss.cjs.js"),e=q.forwardRef((o,r)=>{const{className:s,name:c,filled:d=!1,label:a,type:i="outlined",size:n=24,display:u="block",color:t,...m}=o,f=p.default("notranslate","material-symbols",l.default.icon,l.default[`icon--${u}`],{[`material-symbols--${i}`]:i,[`text-${t}`]:t},s),b={...n?{"--icon-internal-variation-size":`${n/16}rem`}:{},...d?{"--icon-internal-variation-fill":1}:{}};return y.jsx("span",{"data-name":"icon",role:"img","aria-hidden":!a,...m,className:f,style:b,ref:r,"aria-label":a,children:c})});e.displayName="Icon";exports.Icon=e;exports.default=e;

package/src/community/components/icon/icon.d.ts

@@ -1,49 +0,0 @@
-import { default as React } from 'react';
-import { TextColor } from '../../../tedi/components/base/typography/text/text';
-export type IconSize = 12 | 14 | 16 | 18 | 24 | 36 | 48;
-export interface IconProps {
-    /**
-     * Name of material symbols icon.
-     * https://fonts.google.com/icons?icon.set=Material+Symbols
-     */
-    name: string;
-    /**
-     * Additional classes.
-     */
-    className?: string;
-    /**
-     * Type of icon.
-     * It is recommended to only use one type throughout your app.
-     * This ensures that only one icon font is downloaded.
-     * @default outlined
-     */
-    type?: 'outlined' | 'rounded' | 'sharp';
-    /**
-     * Render a filled variant of the icon.
-     * @default false
-     */
-    filled?: boolean;
-    /**
-     * Size of the icon.
-     * @default 24
-     */
-    size?: IconSize;
-    /**
-     * Which color Icon should be.
-     * Use 'positive', 'important' or 'warning' with caution, usually they should not be in application UI.
-     * @default default
-     */
-    color?: TextColor;
-    /**
-     * Type of display. block by default.
-     * @default block
-     */
-    display?: 'block' | 'inline';
-    /**
-     * Icons label for screen-readers.
-     * If omitted then the icon is hidden for screen-readers.
-     */
-    label?: string;
-}
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
-export default Icon;