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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "15.0.0-rc.4",
+  "version": "15.0.0-rc.6",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -22,7 +22,7 @@
     "build": "rm -rf dist && vite build --config vite.config.ts && replace-in-file //fonts//g \"./fonts/\" dist/index.css --isRegex",
     "build:sb": "storybook build -c .storybook -o dist/storybook-static",
     "lint": "npx stylelint \"src/**/*.scss\" --fix && eslint \"src/**/*.{ts,tsx}\" --no-ignore --fix",
-    "lint:ci": "npx stylelint \"src/**/*.scss\" && eslint --quiet",
+    "lint:ci": "npx stylelint \"src/**/*.scss\" --quiet && npx eslint . --quiet",
     "test": "jest --config ./jest.config.ts --passWithNoTests",
     "test:coverage": "jest --config ./jest.config.ts --coverage",
     "release": "npx semantic-release",
@@ -43,7 +43,7 @@
     "@mui/material": "^5.15.13",
     "@mui/x-date-pickers": "^5.0.20",
     "@tanstack/react-table": "^8.13.2",
-    "@tedi-design-system/core": "3.0.0",
+    "@tedi-design-system/core": "3.0.1",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",

package/src/community/components/button-content/button-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../external/classnames/index.cjs.js"),H=require("react"),q=require("../../../tedi/components/loaders/spinner/spinner.cjs.js"),O=require("../../../tedi/components/misc/print/print.cjs.js"),R=require("../icon/icon.cjs.js"),t=require("./button-content.module.scss.cjs.js"),C=H.forwardRef(({children:f,as:y,text:$,className:i,visualType:B="primary",color:h="default",size:b,icon:s,iconLeft:r,iconRight:u,underline:v=!1,isHovered:I,isActive:M,isLoading:n=!1,noStyle:m,renderWrapperElement:z,fullWidth:p,onClick:_,...x},E)=>{const P=y||"button",N=s||r||u,w=m?l.default(t.default["btn--no-style"],i,{[t.default["btn--full-width"]]:p}):l.default(t.default.btn,t.default[`btn--${B}`],t.default[`btn--${h}`],i,{[t.default[`btn--${b}`]]:b},{[t.default["btn--underline"]]:v},{[t.default["btn--is-hovered"]]:I},{[t.default["btn--is-active"]]:M},{[t.default["btn--is-loading"]]:n},{[t.default["btn--icon-only"]]:s},{[t.default["btn--icon"]]:N},{[t.default["btn--full-width"]]:p}),d=(o,a)=>{const c={size:16,className:l.default(t.default.btn__icon,t.default[`btn__icon--${o}`],{[t.default.btn__spinner]:n})},j=typeof a=="string"?{...c,name:a}:{...c,...a,className:l.default(c.className,a==null?void 0:a.className)};return n?e.jsx(q.Spinner,{className:j.className}):e.jsx(R.Icon,{...j})},S=()=>e.jsxs("span",{className:t.default.btn__inner,children:[s&&d("centre",s),r&&d("left",r),e.jsx("span",{className:t.default.btn__text,children:f}),n&&!N&&e.jsx(q.Spinner,{position:"absolute",className:t.default.btn__spinner}),u&&d("right",u)]}),k=o=>{_&&!n&&_(o)};return e.jsx(O.Print,{visibility:"hide",children:e.jsx(P,{"data-name":"button-content",...x,"aria-disabled":n||x["aria-disabled"],onClick:k,ref:E,className:w,children:m?f:S()})})});C.displayName="ButtonContent";const T=C;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../external/classnames/index.cjs.js"),H=require("react"),O=require("../../../tedi/components/base/icon/icon.cjs.js"),h=require("../../../tedi/components/loaders/spinner/spinner.cjs.js"),R=require("../../../tedi/components/misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),q=H.forwardRef(({children:i,as:C,text:$,className:f,visualType:v="primary",color:y="default",size:b,icon:s,iconLeft:r,iconRight:u,underline:B=!1,isHovered:I,isActive:M,isLoading:n=!1,noStyle:m,renderWrapperElement:g,fullWidth:p,onClick:_,...x},E)=>{const P=C||"button",N=s||r||u,w=m?l.default(t.default["btn--no-style"],f,{[t.default["btn--full-width"]]:p}):l.default(t.default.btn,t.default[`btn--${v}`],t.default[`btn--${y}`],f,{[t.default[`btn--${b}`]]:b},{[t.default["btn--underline"]]:B},{[t.default["btn--is-hovered"]]:I},{[t.default["btn--is-active"]]:M},{[t.default["btn--is-loading"]]:n},{[t.default["btn--icon-only"]]:s},{[t.default["btn--icon"]]:N},{[t.default["btn--full-width"]]:p}),o=(d,a)=>{const c={size:16,className:l.default(t.default.btn__icon,t.default[`btn__icon--${d}`],{[t.default.btn__spinner]:n})},j=typeof a=="string"?{...c,name:a,color:"inherit"}:{...c,...a,color:"inherit",background:void 0,className:l.default(c.className,a==null?void 0:a.className)};return n?e.jsx(h.Spinner,{className:j.className}):e.jsx(O.Icon,{...j})},S=()=>e.jsxs("span",{className:t.default.btn__inner,children:[s&&o("centre",s),r&&o("left",r),e.jsx("span",{className:t.default.btn__text,children:i}),n&&!N&&e.jsx(h.Spinner,{position:"absolute",className:t.default.btn__spinner}),u&&o("right",u)]}),k=d=>{_&&!n&&_(d)};return e.jsx(R.Print,{visibility:"hide",children:e.jsx(P,{"data-name":"button-content",...x,"aria-disabled":n||x["aria-disabled"],onClick:k,ref:E,className:w,children:m?i:S()})})});q.displayName="ButtonContent";const T=q;exports.default=T;

package/src/community/components/button-content/button-content.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
+import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { AllowedHTMLTags, PolymorphicComponentPropWithRef } from '../../helpers/polymorphic/types';
 import { IntentionalAny } from '../../types';
 import { ButtonColor, ButtonType } from '../button/button';
-import { IconProps } from '../icon/icon';
 export type ButtonContentProps<C extends React.ElementType, P extends Record<string, IntentionalAny>, A> = PolymorphicComponentPropWithRef<AllowedHTMLTags<C, A>, {
     /**
      * Button children

package/src/community/components/button-content/button-content.es.js

@@ -1,60 +1,66 @@
 import { jsx as s, jsxs as q } from "react/jsx-runtime";
-import a from "../../../../external/classnames/index.es.js";
+import o from "../../../../external/classnames/index.es.js";
 import { forwardRef as z } from "react";
-import { Spinner as C } from "../../../tedi/components/loaders/spinner/spinner.es.js";
-import { Print as A } from "../../../tedi/components/misc/print/print.es.js";
-import { Icon as D } from "../icon/icon.es.js";
+import { Icon as A } from "../../../tedi/components/base/icon/icon.es.js";
+import { Spinner as B } from "../../../tedi/components/loaders/spinner/spinner.es.js";
+import { Print as D } from "../../../tedi/components/misc/print/print.es.js";
 import t from "./button-content.module.scss.es.js";
-const h = z(
+const C = z(
   ({
-    children: p,
+    children: i,
     as: x,
     text: F,
-    className: i,
+    className: p,
     visualType: I = "primary",
-    color: E = "default",
-    size: f,
+    color: v = "default",
+    size: d,
     icon: r,
-    iconLeft: o,
+    iconLeft: a,
     iconRight: l,
-    underline: $ = !1,
-    isHovered: v,
+    underline: E = !1,
+    isHovered: $,
     isActive: w,
     isLoading: n = !1,
-    noStyle: d,
+    noStyle: f,
     renderWrapperElement: G,
     fullWidth: u,
     onClick: _,
     ...N
   }, M) => {
-    const P = x || "button", y = r || o || l, j = d ? a(t["btn--no-style"], i, { [t["btn--full-width"]]: u }) : a(
+    const P = x || "button", h = r || a || l, j = f ? o(t["btn--no-style"], p, { [t["btn--full-width"]]: u }) : o(
       t.btn,
       t[`btn--${I}`],
-      t[`btn--${E}`],
-      i,
-      { [t[`btn--${f}`]]: f },
-      { [t["btn--underline"]]: $ },
-      { [t["btn--is-hovered"]]: v },
+      t[`btn--${v}`],
+      p,
+      { [t[`btn--${d}`]]: d },
+      { [t["btn--underline"]]: E },
+      { [t["btn--is-hovered"]]: $ },
       { [t["btn--is-active"]]: w },
       { [t["btn--is-loading"]]: n },
       { [t["btn--icon-only"]]: r },
-      { [t["btn--icon"]]: y },
+      { [t["btn--icon"]]: h },
       { [t["btn--full-width"]]: u }
-    ), m = (b, e) => {
-      const c = { size: 16, className: a(t.btn__icon, t[`btn__icon--${b}`], {
+    ), m = (c, e) => {
+      const b = { size: 16, className: o(t.btn__icon, t[`btn__icon--${c}`], {
         [t.btn__spinner]: n
-      }) }, B = typeof e == "string" ? { ...c, name: e } : { ...c, ...e, className: a(c.className, e == null ? void 0 : e.className) };
-      return n ? /* @__PURE__ */ s(C, { className: B.className }) : /* @__PURE__ */ s(D, { ...B });
+      }) }, y = typeof e == "string" ? { ...b, name: e, color: "inherit" } : {
+        ...b,
+        ...e,
+        color: "inherit",
+        background: void 0,
+        className: o(b.className, e == null ? void 0 : e.className)
+      };
+      return n ? /* @__PURE__ */ s(B, { className: y.className }) : /* @__PURE__ */ s(A, { ...y });
     }, k = () => /* @__PURE__ */ q("span", { className: t.btn__inner, children: [
       r && m("centre", r),
-      o && m("left", o),
-      /* @__PURE__ */ s("span", { className: t.btn__text, children: p }),
-      n && !y && /* @__PURE__ */ s(C, { position: "absolute", className: t.btn__spinner }),
+      a && m("left", a),
+      /* @__PURE__ */ s("span", { className: t.btn__text, children: i }),
+      n && !h && /* @__PURE__ */ s(B, { position: "absolute", className: t.btn__spinner }),
       l && m("right", l)
-    ] }), H = (b) => {
-      _ && !n && _(b);
+    ] }), H = (c) => {
+      _ && !n && _(c);
     };
-    return /* @__PURE__ */ s(A, { visibility: "hide", children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(D, { visibility: "hide", children: /* @__PURE__ */ s(
       P,
       {
         "data-name": "button-content",
@@ -63,13 +69,13 @@ const h = z(
         onClick: H,
         ref: M,
         className: j,
-        children: d ? p : k()
+        children: f ? i : k()
       }
     ) });
   }
 );
-h.displayName = "ButtonContent";
-const W = h;
+C.displayName = "ButtonContent";
+const W = C;
 export {
   W as default
 };

package/src/community/components/form/select/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),b=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Oe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),pe=require("../../../../tedi/components/base/typography/text/text.cjs.js"),Pe=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),ke=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),p=require("../../button/button.cjs.js"),qe=require("../../icon/icon.cjs.js"),ye=require("../../tag/tag.cjs.js"),He=require("../check/check.cjs.js"),t=require("./select.module.scss.cjs.js"),c=require("../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),Le=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Be=require("../../../helpers/background-colors/background-colors.cjs.js"),Re=s=>{const x=n.default(t.default.select__control,s.className,{[t.default["select__control--focused"]]:s.isFocused});return l.jsx(c.c.Control,{...s,className:x})},we=s=>l.jsx(c.c.Input,{...s,className:n.default(s.className,t.default.select__input),isHidden:s.selectProps.inputIsHidden!==void 0?s.selectProps.inputIsHidden:s.isHidden}),Fe=s=>l.jsx(c.c.Menu,{...s,className:n.default(s.className,t.default.select__menu)}),Te=s=>l.jsx(c.c.MenuPortal,{...s,className:n.default(s.className,t.default["select__menu-portal"])}),j=b.forwardRef((s,x)=>{const{options:P,defaultOptions:k,id:d,name:q,iconName:y="arrow_drop_down",label:H,required:v,value:L,defaultValue:B,tagsDirection:C="row",onChange:h,onInputChange:R,inputValue:w,loadOptions:F,isLoading:T,isTagRemovable:V=!1,openMenuOnFocus:G=!1,openMenuOnClick:D=!0,tabSelectsValue:E=!1,disabled:$=!1,className:z,hideLabel:A=!1,helper:o,placeholder:J,invalid:K,size:m,async:Q=!1,renderOption:f,renderMessageListFooter:M,noOptionsMessage:U,loadingMessage:W,multiple:N=!1,closeMenuOnSelect:X=!N,blurInputOnSelect:I=!1,autoFocus:Y=!1,isClearable:Z=!0,isClearIndicatorVisible:ee=!1,isSearchable:S=!0,menuIsOpen:te,onMenuClose:le,onMenuOpen:ae,onBlur:se,inputIsHidden:ne,optionGroupHeadingText:ce={modifiers:"small",color:"tertiary"},optionGroupBackgroundColor:oe,cacheOptions:ie=!0,...ue}=s,O=o?(o==null?void 0:o.id)??`${d}-helper`:void 0,g=b.useRef(null),{getLabel:_}=Le.useLabels();b.useImperativeHandle(x,()=>g.current);const re=e=>{var a;h==null||h(e),!I&&g.current&&((a=g.current.inputRef)==null||a.focus())},de=()=>l.jsx(qe.Icon,{name:y,size:24,className:t.default.select__arrow}),me=e=>l.jsx(c.c.Placeholder,{...e,className:n.default(e.className,"inline-block")}),fe=b.useCallback(e=>l.jsxs("div",{className:t.default["select__menu-list-wrapper"],children:[l.jsx(c.c.MenuList,{...e,className:n.default(e.className,t.default["select__menu-list"]),children:e.children}),M&&l.jsx("div",{className:t.default["select__menu-list-footer"],children:M(e)})]}),[M]),ge=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"sr-only",children:e.label}),l.jsx(He.Check,{id:e.data.value,label:e.label,"aria-hidden":!0,className:t.default.select__checkbox,value:e.data.value,name:e.data.value,checked:e.isSelected,onChange:(r,Ie)=>null,disabled:e.isDisabled,hover:e.isFocused})]})})},_e=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--selected"]]:e.isSelected},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):e.children})},be=e=>N?ge(e):_e(e),xe=({children:e,components:{Remove:a},data:i,selectProps:u,removeProps:r,...Ie})=>l.jsxs(ye.Tag,{color:"default",type:"secondary",className:n.default(t.default["select__multi-value-item"],{[t.default["select__multi-value-item--big"]]:m!=="small"}),children:[e,V&&l.jsx(a,{data:i,selectProps:u,innerProps:r})]}),he=({data:e,innerProps:a})=>l.jsx(p.Button,{icon:{name:"clear",color:"muted"},className:t.default["select__multi-value-clear"],visualType:"link",tabIndex:-1,...a,children:`${_("remove")} ${e.label}`}),Me=({innerProps:{ref:e,...a}})=>ee?l.jsx(p.Button,{icon:{name:"clear",color:"muted"},visualType:"link",tabIndex:-1,ref:e,...a,children:_("clear")}):null,Ne=e=>{const a=n.default(t.default.select__group);return l.jsx(c.c.Group,{...e,className:a,children:e.children})},je=e=>{const a=n.default(t.default["select__group-heading"],Be.getBackgroundColorClass(e.data.backgroundColor||oe||"transparent")),i=e.data.text||ce;return l.jsx(c.c.GroupHeading,{...e,className:a,children:l.jsx(pe.Text,{...i,children:e.data.label})})},ve=()=>{const e={ClearIndicator:Me,DropdownIndicator:de,IndicatorSeparator:()=>null,MenuPortal:Te,Menu:Fe,MenuList:fe,Option:be,Control:Re,Input:we,MultiValue:xe,MultiValueRemove:he,Placeholder:me,Group:Ne,GroupHeading:je},a=Q?Oe.default:Se.default,i=()=>_("select.no-options"),u=()=>_("select.loading");return l.jsx(a,{id:d,"aria-describedby":O,autoFocus:Y,ref:g,instanceId:d,className:"select__wrapper",name:q,options:P,defaultOptions:k,value:L,defaultValue:B,cacheOptions:ie,onChange:re,onInputChange:R,onBlur:se,inputValue:w,inputId:`${d}-input`,loadOptions:F,isLoading:T,noOptionsMessage:U||i,loadingMessage:W||u,classNamePrefix:"select",components:e,isDisabled:$,isSearchable:S,menuIsOpen:te,openMenuOnFocus:G,openMenuOnClick:D,tabSelectsValue:E,onMenuClose:le,onMenuOpen:ae,placeholder:J||"",isClearable:Z,backspaceRemovesValue:!0,menuShouldScrollIntoView:!0,isMulti:N,hideSelectedOptions:!1,closeMenuOnSelect:X,blurInputOnSelect:I,menuPosition:"fixed",menuPlacement:"auto",inputIsHidden:ne,required:v,theme:r=>({...r,colors:{...r.colors,primary:"#005aa3",danger:"#b50000",dangerLight:"#fceeee"}}),styles:{input:r=>({...r,gridTemplateColumns:"0fr"})}})},Ce=n.default(t.default.select,z,{[t.default["select--invalid"]]:K||(o==null?void 0:o.type)==="error"},{[t.default[`select--${m}`]]:m},{[t.default[`select--tags-${C}`]]:C},{[t.default["select--searchable"]]:S});return l.jsxs("div",{"data-name":"select",...ue,className:Ce,children:[l.jsxs("div",{className:t.default.select__inner,children:[l.jsx(ke.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(Pe.FeedbackText,{...o,id:O})]})});j.displayName="Select";exports.Select=j;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),b=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Oe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),pe=require("../../../../tedi/components/base/icon/icon.cjs.js"),Pe=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),ke=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),qe=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),ye=require("../../tag/tag.cjs.js"),He=require("../check/check.cjs.js"),t=require("./select.module.scss.cjs.js"),c=require("../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),Le=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Be=require("../../../helpers/background-colors/background-colors.cjs.js"),Re=s=>{const x=n.default(t.default.select__control,s.className,{[t.default["select__control--focused"]]:s.isFocused});return l.jsx(c.c.Control,{...s,className:x})},we=s=>l.jsx(c.c.Input,{...s,className:n.default(s.className,t.default.select__input),isHidden:s.selectProps.inputIsHidden!==void 0?s.selectProps.inputIsHidden:s.isHidden}),Fe=s=>l.jsx(c.c.Menu,{...s,className:n.default(s.className,t.default.select__menu)}),Te=s=>l.jsx(c.c.MenuPortal,{...s,className:n.default(s.className,t.default["select__menu-portal"])}),j=b.forwardRef((s,x)=>{const{options:P,defaultOptions:k,id:d,name:q,iconName:y="arrow_drop_down",label:H,required:v,value:L,defaultValue:B,tagsDirection:C="row",onChange:h,onInputChange:R,inputValue:w,loadOptions:F,isLoading:T,isTagRemovable:V=!1,openMenuOnFocus:G=!1,openMenuOnClick:D=!0,tabSelectsValue:E=!1,disabled:$=!1,className:z,hideLabel:A=!1,helper:o,placeholder:J,invalid:K,size:m,async:Q=!1,renderOption:f,renderMessageListFooter:M,noOptionsMessage:U,loadingMessage:W,multiple:N=!1,closeMenuOnSelect:X=!N,blurInputOnSelect:I=!1,autoFocus:Y=!1,isClearable:Z=!0,isClearIndicatorVisible:ee=!1,isSearchable:S=!0,menuIsOpen:te,onMenuClose:le,onMenuOpen:ae,onBlur:se,inputIsHidden:ne,optionGroupHeadingText:ce={modifiers:"small",color:"tertiary"},optionGroupBackgroundColor:oe,cacheOptions:ie=!0,...ue}=s,O=o?(o==null?void 0:o.id)??`${d}-helper`:void 0,g=b.useRef(null),{getLabel:_}=Le.useLabels();b.useImperativeHandle(x,()=>g.current);const re=e=>{var a;h==null||h(e),!I&&g.current&&((a=g.current.inputRef)==null||a.focus())},de=()=>l.jsx(pe.Icon,{name:y,size:24,className:t.default.select__arrow,color:"inherit"}),me=e=>l.jsx(c.c.Placeholder,{...e,className:n.default(e.className,"inline-block")}),fe=b.useCallback(e=>l.jsxs("div",{className:t.default["select__menu-list-wrapper"],children:[l.jsx(c.c.MenuList,{...e,className:n.default(e.className,t.default["select__menu-list"]),children:e.children}),M&&l.jsx("div",{className:t.default["select__menu-list-footer"],children:M(e)})]}),[M]),ge=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"sr-only",children:e.label}),l.jsx(He.Check,{id:e.data.value,label:e.label,"aria-hidden":!0,className:t.default.select__checkbox,value:e.data.value,name:e.data.value,checked:e.isSelected,onChange:(r,Ie)=>null,disabled:e.isDisabled,hover:e.isFocused})]})})},_e=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--selected"]]:e.isSelected},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):e.children})},be=e=>N?ge(e):_e(e),xe=({children:e,components:{Remove:a},data:i,selectProps:u,removeProps:r,...Ie})=>l.jsxs(ye.Tag,{color:"default",type:"secondary",className:n.default(t.default["select__multi-value-item"],{[t.default["select__multi-value-item--big"]]:m!=="small"}),children:[e,V&&l.jsx(a,{data:i,selectProps:u,innerProps:r})]}),he=({data:e,innerProps:a})=>l.jsx(p.Button,{icon:{name:"clear",color:"secondary"},className:t.default["select__multi-value-clear"],visualType:"link",tabIndex:-1,...a,children:`${_("remove")} ${e.label}`}),Me=({innerProps:{ref:e,...a}})=>ee?l.jsx(p.Button,{icon:{name:"clear",color:"secondary"},visualType:"link",tabIndex:-1,ref:e,...a,children:_("clear")}):null,Ne=e=>{const a=n.default(t.default.select__group);return l.jsx(c.c.Group,{...e,className:a,children:e.children})},je=e=>{const a=n.default(t.default["select__group-heading"],Be.getBackgroundColorClass(e.data.backgroundColor||oe||"transparent")),i=e.data.text||ce;return l.jsx(c.c.GroupHeading,{...e,className:a,children:l.jsx(Pe.Text,{...i,children:e.data.label})})},ve=()=>{const e={ClearIndicator:Me,DropdownIndicator:de,IndicatorSeparator:()=>null,MenuPortal:Te,Menu:Fe,MenuList:fe,Option:be,Control:Re,Input:we,MultiValue:xe,MultiValueRemove:he,Placeholder:me,Group:Ne,GroupHeading:je},a=Q?Oe.default:Se.default,i=()=>_("select.no-options"),u=()=>_("select.loading");return l.jsx(a,{id:d,"aria-describedby":O,autoFocus:Y,ref:g,instanceId:d,className:"select__wrapper",name:q,options:P,defaultOptions:k,value:L,defaultValue:B,cacheOptions:ie,onChange:re,onInputChange:R,onBlur:se,inputValue:w,inputId:`${d}-input`,loadOptions:F,isLoading:T,noOptionsMessage:U||i,loadingMessage:W||u,classNamePrefix:"select",components:e,isDisabled:$,isSearchable:S,menuIsOpen:te,openMenuOnFocus:G,openMenuOnClick:D,tabSelectsValue:E,onMenuClose:le,onMenuOpen:ae,placeholder:J||"",isClearable:Z,backspaceRemovesValue:!0,menuShouldScrollIntoView:!0,isMulti:N,hideSelectedOptions:!1,closeMenuOnSelect:X,blurInputOnSelect:I,menuPosition:"fixed",menuPlacement:"auto",inputIsHidden:ne,required:v,theme:r=>({...r,colors:{...r.colors,primary:"#005aa3",danger:"#b50000",dangerLight:"#fceeee"}}),styles:{input:r=>({...r,gridTemplateColumns:"0fr"})}})},Ce=n.default(t.default.select,z,{[t.default["select--invalid"]]:K||(o==null?void 0:o.type)==="error"},{[t.default[`select--${m}`]]:m},{[t.default[`select--tags-${C}`]]:C},{[t.default["select--searchable"]]:S});return l.jsxs("div",{"data-name":"select",...ue,className:Ce,children:[l.jsxs("div",{className:t.default.select__inner,children:[l.jsx(qe.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(ke.FeedbackText,{...o,id:O})]})});j.displayName="Select";exports.Select=j;exports.default=j;

package/src/community/components/form/select/select.es.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as n, Fragment as Se } from "react/jsx-runtime";
 import s from "../../../../../external/classnames/index.es.js";
 import v, { forwardRef as Pe } from "react";
-import xe from "../../../../../external/react-select/dist/react-select.esm.es.js";
-import ke from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { Text as ye } from "../../../../tedi/components/base/typography/text/text.es.js";
-import { FeedbackText as He } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
-import { FormLabel as we } from "../../../../tedi/components/form/form-label/form-label.es.js";
-import { Button as x } from "../../button/button.es.js";
-import { Icon as Be } from "../../icon/icon.es.js";
+import ye from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import xe from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
+import { Icon as ke } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Text as He } from "../../../../tedi/components/base/typography/text/text.es.js";
+import { Button as y } from "../../../../tedi/components/buttons/button/button.es.js";
+import { FeedbackText as we } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
+import { FormLabel as Be } from "../../../../tedi/components/form/form-label/form-label.es.js";
 import { Tag as Fe } from "../../tag/tag.es.js";
 import { Check as Le } from "../check/check.es.js";
 import t from "./select.module.scss.es.js";
@@ -15,10 +15,10 @@ import { c as o } from "../../../../../external/react-select/dist/index-641ee5b8
 import { useLabels as Re } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 import { getBackgroundColorClass as Ve } from "../../../helpers/background-colors/background-colors.es.js";
 const Ge = (a) => {
-  const h = s(t.select__control, a.className, {
+  const b = s(t.select__control, a.className, {
     [t["select__control--focused"]]: a.isFocused
   });
-  return /* @__PURE__ */ n(o.Control, { ...a, className: h });
+  return /* @__PURE__ */ n(o.Control, { ...a, className: b });
 }, $e = (a) => /* @__PURE__ */ n(
   o.Input,
   {
@@ -27,10 +27,10 @@ const Ge = (a) => {
     isHidden: a.selectProps.inputIsHidden !== void 0 ? a.selectProps.inputIsHidden : a.isHidden
   }
 ), De = (a) => /* @__PURE__ */ n(o.Menu, { ...a, className: s(a.className, t.select__menu) }), Te = (a) => /* @__PURE__ */ n(o.MenuPortal, { ...a, className: s(a.className, t["select__menu-portal"]) }), Ee = Pe(
-  (a, h) => {
+  (a, b) => {
     const {
-      options: k,
-      defaultOptions: y,
+      options: x,
+      defaultOptions: k,
       id: u,
       name: H,
       iconName: w = "arrow_drop_down",
@@ -76,15 +76,15 @@ const Ge = (a) => {
       optionGroupBackgroundColor: ce,
       cacheOptions: ie = !0,
       ...re
-    } = a, P = c ? (c == null ? void 0 : c.id) ?? `${u}-helper` : void 0, f = v.useRef(null), { getLabel: b } = Re();
+    } = a, P = c ? (c == null ? void 0 : c.id) ?? `${u}-helper` : void 0, f = v.useRef(null), { getLabel: h } = Re();
     v.useImperativeHandle(
-      h,
+      b,
       () => f.current
     );
     const de = (e) => {
       var l;
       p == null || p(e), !O && f.current && ((l = f.current.inputRef) == null || l.focus());
-    }, ue = () => /* @__PURE__ */ n(Be, { name: w, size: 24, className: t.select__arrow }), me = (e) => /* @__PURE__ */ n(o.Placeholder, { ...e, className: s(e.className, "inline-block") }), ge = v.useCallback(
+    }, ue = () => /* @__PURE__ */ n(ke, { name: w, size: 24, className: t.select__arrow, color: "inherit" }), me = (e) => /* @__PURE__ */ n(o.Placeholder, { ...e, className: s(e.className, "inline-block") }), ge = v.useCallback(
       (e) => /* @__PURE__ */ m("div", { className: t["select__menu-list-wrapper"], children: [
         /* @__PURE__ */ n(o.MenuList, { ...e, className: s(e.className, t["select__menu-list"]), children: e.children }),
         N && /* @__PURE__ */ n("div", { className: t["select__menu-list-footer"], children: N(e) })
@@ -138,7 +138,7 @@ const Ge = (a) => {
           children: _ ? _(e) : e.children
         }
       );
-    }, be = (e) => M ? _e(e) : fe(e), he = ({
+    }, he = (e) => M ? _e(e) : fe(e), be = ({
       children: e,
       components: { Remove: l },
       data: i,
@@ -159,24 +159,24 @@ const Ge = (a) => {
         ]
       }
     ), pe = ({ data: e, innerProps: l }) => /* @__PURE__ */ n(
-      x,
+      y,
       {
-        icon: { name: "clear", color: "muted" },
+        icon: { name: "clear", color: "secondary" },
         className: t["select__multi-value-clear"],
         visualType: "link",
         tabIndex: -1,
         ...l,
-        children: `${b("remove")} ${e.label}`
+        children: `${h("remove")} ${e.label}`
       }
     ), Ne = ({ innerProps: { ref: e, ...l } }) => ee ? /* @__PURE__ */ n(
-      x,
+      y,
       {
-        icon: { name: "clear", color: "muted" },
+        icon: { name: "clear", color: "secondary" },
         visualType: "link",
         tabIndex: -1,
         ref: e,
         ...l,
-        children: b("clear")
+        children: h("clear")
       }
     ) : null, Me = (e) => {
       const l = s(t.select__group);
@@ -186,7 +186,7 @@ const Ge = (a) => {
         t["select__group-heading"],
         Ve(e.data.backgroundColor || ce || "transparent")
       ), i = e.data.text || oe;
-      return /* @__PURE__ */ n(o.GroupHeading, { ...e, className: l, children: /* @__PURE__ */ n(ye, { ...i, children: e.data.label }) });
+      return /* @__PURE__ */ n(o.GroupHeading, { ...e, className: l, children: /* @__PURE__ */ n(He, { ...i, children: e.data.label }) });
     }, Ie = () => {
       const e = {
         ClearIndicator: Ne,
@@ -195,15 +195,15 @@ const Ge = (a) => {
         MenuPortal: Te,
         Menu: De,
         MenuList: ge,
-        Option: be,
+        Option: he,
         Control: Ge,
         Input: $e,
-        MultiValue: he,
+        MultiValue: be,
         MultiValueRemove: pe,
         Placeholder: me,
         Group: Me,
         GroupHeading: ve
-      }, l = Q ? ke : xe, i = () => b("select.no-options"), r = () => b("select.loading");
+      }, l = Q ? xe : ye, i = () => h("select.no-options"), r = () => h("select.loading");
       return /* @__PURE__ */ n(
         l,
         {
@@ -214,8 +214,8 @@ const Ge = (a) => {
           instanceId: u,
           className: "select__wrapper",
           name: H,
-          options: k,
-          defaultOptions: y,
+          options: x,
+          defaultOptions: k,
           value: F,
           defaultValue: L,
           cacheOptions: ie,
@@ -277,10 +277,10 @@ const Ge = (a) => {
     );
     return /* @__PURE__ */ m("div", { "data-name": "select", ...re, className: Ce, children: [
       /* @__PURE__ */ m("div", { className: t.select__inner, children: [
-        /* @__PURE__ */ n(we, { id: `${u}-input`, label: B, required: I, hideLabel: A, size: g }),
+        /* @__PURE__ */ n(Be, { id: `${u}-input`, label: B, required: I, hideLabel: A, size: g }),
         Ie()
       ] }),
-      c && /* @__PURE__ */ n(He, { ...c, id: P })
+      c && /* @__PURE__ */ n(we, { ...c, id: P })
     ] });
   }
 );

package/src/community/components/form/text-editor/components/style-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../../../external/classnames/index.cjs.js"),b=require("../../../icon/icon.cjs.js"),t=require("../text-editor.module.scss.cjs.js"),n=o=>{const{active:l,style:u,label:s,onToggle:r}=o,c=d.default(t.default["style-button"],{[t.default["style-button--active"]]:l}),i=a=>{a.preventDefault(),r(u)};return e.jsx("button",{type:"button",className:c,onClick:i,children:e.jsx(b.Icon,{name:s,size:24})})};exports.StyleButton=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../../../external/classnames/index.cjs.js"),y=require("../../../../../tedi/components/base/icon/icon.cjs.js"),t=require("../text-editor.module.scss.cjs.js"),o=n=>{const{active:l,style:u,label:s,onToggle:r}=n,c=d.default(t.default["style-button"],{[t.default["style-button--active"]]:l}),i=a=>{a.preventDefault(),r(u)};return e.jsx("button",{type:"button",className:c,onClick:i,children:e.jsx(y.Icon,{name:s,size:24,color:"secondary"})})};exports.StyleButton=o;exports.default=o;

package/src/community/components/form/text-editor/components/style-button.es.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "../../../../../../external/classnames/index.es.js";
-import { Icon as i } from "../../../icon/icon.es.js";
+import { Icon as i } from "../../../../../tedi/components/base/icon/icon.es.js";
 import o from "../text-editor.module.scss.es.js";
 const b = (e) => {
   const { active: n, style: l, label: s, onToggle: r } = e, a = m(o["style-button"], { [o["style-button--active"]]: n });
   return /* @__PURE__ */ t("button", { type: "button", className: a, onClick: (c) => {
     c.preventDefault(), r(l);
-  }, children: /* @__PURE__ */ t(i, { name: s, size: 24 }) });
+  }, children: /* @__PURE__ */ t(i, { name: s, size: 24, color: "secondary" }) });
 };
 export {
   b as StyleButton,

package/src/community/components/form/toggle/toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),$=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),j=require("../../button/button.cjs.js"),w=require("../../icon/icon.cjs.js"),e=require("./toggle.module.scss.cjs.js"),c=i.forwardRef((r,C)=>{const{ariaLabel:N,className:q,checked:n,defaultChecked:y,onChange:a,size:u=r.icon?"large":"medium",color:v="default",type:g,icon:S,disabled:f=!1,isLoading:d=!1,extraContent:m,label:_,...l}=r,[h,T]=i.useState(y||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:h,[a,h,n]),M=k.default(e.default.toggle,e.default[`toggle--${u}`],e.default[`toggle--${v}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:f,[e.default[`toggle--${g}`]]:g},q),b=()=>{if(d)return;const s=!o;typeof n>"u"&&T(s),a==null||a(s)},p={noStyle:!0,type:"button","aria-label":N,"aria-pressed":o,disabled:f,"aria-disabled":d,...l,onClick:b};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(j.Button,{...p,onClick:s=>{var x;(x=l==null?void 0:l.onClick)==null||x.call(l,s),b()},ref:C,"data-name":"toggle",className:M,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx($.Spinner,{size:u==="large"?16:10,className:k.default(e.default.toggle__icon,e.default.toggle__spinner)}):S?t.jsx(w.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),_&&t.jsx(j.Button,{...p,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:_}),m&&t.jsx("div",{className:e.default["toggle__extra-content"],children:m})]})});c.displayName="Toggle";exports.Toggle=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),$=require("../../../../tedi/components/base/icon/icon.cjs.js"),w=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),j=require("../../button/button.cjs.js"),e=require("./toggle.module.scss.cjs.js"),c=i.forwardRef((r,C)=>{const{ariaLabel:N,className:q,checked:n,defaultChecked:y,onChange:a,size:u=r.icon?"large":"medium",color:v="default",type:g,icon:S,disabled:f=!1,isLoading:d=!1,extraContent:m,label:_,...l}=r,[h,T]=i.useState(y||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:h,[a,h,n]),M=k.default(e.default.toggle,e.default[`toggle--${u}`],e.default[`toggle--${v}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:f,[e.default[`toggle--${g}`]]:g},q),b=()=>{if(d)return;const s=!o;typeof n>"u"&&T(s),a==null||a(s)},p={noStyle:!0,type:"button","aria-label":N,"aria-pressed":o,disabled:f,"aria-disabled":d,...l,onClick:b};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(j.Button,{...p,onClick:s=>{var x;(x=l==null?void 0:l.onClick)==null||x.call(l,s),b()},ref:C,"data-name":"toggle",className:M,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx(w.Spinner,{size:u==="large"?16:10,className:k.default(e.default.toggle__icon,e.default.toggle__spinner)}):S?t.jsx($.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),_&&t.jsx(j.Button,{...p,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:_}),m&&t.jsx("div",{className:e.default["toggle__extra-content"],children:m})]})});c.displayName="Toggle";exports.Toggle=c;exports.default=c;

package/src/community/components/form/toggle/toggle.es.js

@@ -1,9 +1,9 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import k from "../../../../../external/classnames/index.es.js";
 import b, { forwardRef as $ } from "react";
-import { Spinner as j } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
+import { Icon as j } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Spinner as B } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
 import { Button as N } from "../../button/button.es.js";
-import { Icon as B } from "../../icon/icon.es.js";
 import e from "./toggle.module.scss.es.js";
 const L = $((r, C) => {
   const {
@@ -59,12 +59,12 @@ const L = $((r, C) => {
         "data-name": "toggle",
         className: S,
         children: /* @__PURE__ */ t("span", { className: e.toggle__dot, children: i ? /* @__PURE__ */ t(
-          j,
+          B,
           {
             size: c === "large" ? 16 : 10,
             className: k(e.toggle__icon, e.toggle__spinner)
           }
-        ) : z ? /* @__PURE__ */ t(B, { className: e.toggle__icon, name: n ? "lock_open_right" : "lock", size: 16 }) : null })
+        ) : z ? /* @__PURE__ */ t(j, { className: e.toggle__icon, name: n ? "lock_open_right" : "lock", size: 16 }) : null })
       }
     ),
     f && /* @__PURE__ */ t(N, { ..._, className: e.toggle__label, "aria-hidden": !0, tabIndex: -1, children: f }),

package/src/community/components/layout/breadcrumbs/crumb/crumb.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),u=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),l=require("../../../../../tedi/components/misc/print/print.cjs.js"),d=require("../../../anchor/anchor.cjs.js"),b=require("../../../icon/icon.cjs.js"),i=require("../breadcrumbs.module.scss.cjs.js"),m=o=>{const{isLast:r=!1,children:s,singleCrumb:t,...n}=o,a=c.default(i.default.breadcrumbs__item);return e.jsxs("li",{"data-name":"crumb",className:a,children:[e.jsx(l.Print,{visibility:"show",children:r?e.jsx(u.Text,{color:"secondary",children:s}):e.jsx(d.Anchor,{iconLeft:t?"keyboard_arrow_left":void 0,...n,children:s})}),!t&&!r?e.jsx(b.Icon,{className:i.default.breadcrumbs__separator,size:16,name:"keyboard_arrow_right"}):null]})};exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),u=require("../../../../../tedi/components/base/icon/icon.cjs.js"),l=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),d=require("../../../../../tedi/components/misc/print/print.cjs.js"),b=require("../../../anchor/anchor.cjs.js"),i=require("../breadcrumbs.module.scss.cjs.js"),m=o=>{const{isLast:r=!1,children:s,singleCrumb:t,...n}=o,a=c.default(i.default.breadcrumbs__item);return e.jsxs("li",{"data-name":"crumb",className:a,children:[e.jsx(d.Print,{visibility:"show",children:r?e.jsx(l.Text,{color:"secondary",children:s}):e.jsx(b.Anchor,{iconLeft:t?"keyboard_arrow_left":void 0,...n,children:s})}),!t&&!r?e.jsx(u.Icon,{className:i.default.breadcrumbs__separator,size:16,name:"keyboard_arrow_right"}):null]})};exports.default=m;

package/src/community/components/layout/breadcrumbs/crumb/crumb.es.js

@@ -1,20 +1,20 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import l from "../../../../../../external/classnames/index.es.js";
-import { Text as n } from "../../../../../tedi/components/base/typography/text/text.es.js";
-import { Print as d } from "../../../../../tedi/components/misc/print/print.es.js";
-import { Anchor as f } from "../../../anchor/anchor.es.js";
-import { Icon as b } from "../../../icon/icon.es.js";
+import { Icon as n } from "../../../../../tedi/components/base/icon/icon.es.js";
+import { Text as d } from "../../../../../tedi/components/base/typography/text/text.es.js";
+import { Print as f } from "../../../../../tedi/components/misc/print/print.es.js";
+import { Anchor as b } from "../../../anchor/anchor.es.js";
 import m from "../breadcrumbs.module.scss.es.js";
 const N = (t) => {
   const { isLast: o = !1, children: s, singleCrumb: e, ...a } = t, i = l(m.breadcrumbs__item);
   return /* @__PURE__ */ c("li", { "data-name": "crumb", className: i, children: [
-    /* @__PURE__ */ r(d, { visibility: "show", children: o ? /* @__PURE__ */ r(n, { color: "secondary", children: s }) : (
+    /* @__PURE__ */ r(f, { visibility: "show", children: o ? /* @__PURE__ */ r(d, { color: "secondary", children: s }) : (
       // TODO: Remove ts-ignore
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      /* @__PURE__ */ r(f, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...a, children: s })
+      /* @__PURE__ */ r(b, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...a, children: s })
     ) }),
-    !e && !o ? /* @__PURE__ */ r(b, { className: m.breadcrumbs__separator, size: 16, name: "keyboard_arrow_right" }) : null
+    !e && !o ? /* @__PURE__ */ r(n, { className: m.breadcrumbs__separator, size: 16, name: "keyboard_arrow_right" }) : null
   ] });
 };
 export {

package/src/community/components/layout/footer/footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),a=require("../../../../tedi/components/base/typography/text/text.cjs.js"),g=require("../../../../tedi/components/misc/print/print.cjs.js"),_=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),p=require("../../icon/icon.cjs.js"),o=require("./footer.module.scss.cjs.js"),q=require("../../../../tedi/components/layout/grid/row.cjs.js"),f=require("../../../../tedi/components/layout/grid/col.cjs.js"),m=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),b=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),h=d=>{const{logo:r,categories:i,className:l,bottomElement:n,...t}=d,{getLabel:s}=b.useLabels(),u=c.default(o.default.footer,l);return e.jsx(g.Print,{visibility:"hide",children:e.jsxs("footer",{"data-name":"footer",...t,className:u,children:[e.jsx(a.Text,{className:"visually-hidden",element:"h2",children:s("footer.title")}),e.jsxs("div",{className:o.default.footer__inner,children:[i.map((x,j)=>e.jsx(_.StretchContent,{direction:"vertical",children:e.jsx(y,{...x})},j)),r&&e.jsx("img",{className:o.default.footer__logo,src:r.src,alt:r.alt,style:r.style})]}),n&&e.jsx(a.Text,{color:"white",element:"div",className:o.default.footer__bottom,children:n})]})})},y=d=>{const{heading:r,icon:i,elements:l}=d,n=t=>{const s={size:16},u=typeof t=="string"?{...s,name:t}:{...s,...t};return e.jsx(p.Icon,{...u})};return e.jsxs(q.Row,{children:[i&&e.jsx(f.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(i)}),e.jsx(f.Col,{width:"auto",children:e.jsxs(m.VerticalSpacing,{className:c.default("text-small",o.default.footer__category),size:.5,children:[e.jsx(a.Text,{color:"white",modifiers:["bold","normal"],element:"h3",children:r}),e.jsx(m.VerticalSpacing,{element:"ul",size:.5,className:c.default(o.default["footer__category-list"]),children:l==null?void 0:l.map((t,s)=>e.jsx("li",{children:e.jsx(a.Text,{color:"white",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),j=require("../../../../tedi/components/base/icon/icon.cjs.js"),a=require("../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../../tedi/components/misc/print/print.cjs.js"),b=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),o=require("./footer.module.scss.cjs.js"),v=require("../../../../tedi/components/layout/grid/row.cjs.js"),f=require("../../../../tedi/components/layout/grid/col.cjs.js"),m=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),p=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),h=d=>{const{logo:r,categories:l,className:i,bottomElement:n,...t}=d,{getLabel:s}=p.useLabels(),u=c.default(o.default.footer,i);return e.jsx(_.Print,{visibility:"hide",children:e.jsxs("footer",{"data-name":"footer",...t,className:u,children:[e.jsx(a.Text,{className:"visually-hidden",element:"h2",children:s("footer.title")}),e.jsxs("div",{className:o.default.footer__inner,children:[l.map((x,g)=>e.jsx(b.StretchContent,{direction:"vertical",children:e.jsx(q,{...x})},g)),r&&e.jsx("img",{className:o.default.footer__logo,src:r.src,alt:r.alt,style:r.style})]}),n&&e.jsx(a.Text,{color:"white",element:"div",className:o.default.footer__bottom,children:n})]})})},q=d=>{const{heading:r,icon:l,elements:i}=d,n=t=>{const s={size:16,color:"inherit",background:void 0},u=typeof t=="string"?{...s,name:t,background:void 0}:{...s,...t,background:void 0};return e.jsx(j.Icon,{...u})};return e.jsxs(v.Row,{children:[l&&e.jsx(f.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(l)}),e.jsx(f.Col,{width:"auto",children:e.jsxs(m.VerticalSpacing,{className:c.default("text-small",o.default.footer__category),size:.5,children:[e.jsx(a.Text,{color:"white",modifiers:["bold","normal"],element:"h3",children:r}),e.jsx(m.VerticalSpacing,{element:"ul",size:.5,className:c.default(o.default["footer__category-list"]),children:i==null?void 0:i.map((t,s)=>e.jsx("li",{children:e.jsx(a.Text,{color:"white",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=h;exports.default=h;

package/src/community/components/layout/footer/footer.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconProps } from '../../icon/icon';
+import { IconProps } from '../../../../tedi/components/base/icon/icon';
 export type FooterCategory = {
     /**
      * Category elements

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

@@ -1,34 +1,34 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import a from "../../../../../external/classnames/index.es.js";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import n from "../../../../../external/classnames/index.es.js";
+import { Icon as _ } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Text as m } from "../../../../tedi/components/base/typography/text/text.es.js";
-import { Print as u } from "../../../../tedi/components/misc/print/print.es.js";
+import { Print as b } from "../../../../tedi/components/misc/print/print.es.js";
 import { StretchContent as y } from "../../../../tedi/components/misc/stretch-content/stretch-content.es.js";
-import { Icon as N } from "../../icon/icon.es.js";
 import t from "./footer.module.scss.es.js";
-import { Row as b } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Row as N } from "../../../../tedi/components/layout/grid/row.es.js";
 import { Col as h } from "../../../../tedi/components/layout/grid/col.es.js";
 import { VerticalSpacing as p } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
 import { useLabels as v } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const B = (d) => {
-  const { logo: r, categories: s, className: l, bottomElement: c, ...o } = d, { getLabel: i } = v(), f = a(t.footer, l);
-  return /* @__PURE__ */ e(u, { visibility: "hide", children: /* @__PURE__ */ n("footer", { "data-name": "footer", ...o, className: f, children: [
-    /* @__PURE__ */ e(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
-    /* @__PURE__ */ n("div", { className: t.footer__inner, children: [
-      s.map((g, _) => /* @__PURE__ */ e(y, { direction: "vertical", children: /* @__PURE__ */ e(w, { ...g }) }, _)),
-      r && /* @__PURE__ */ e("img", { className: t.footer__logo, src: r.src, alt: r.alt, style: r.style })
+  const { logo: r, categories: s, className: l, bottomElement: c, ...e } = d, { getLabel: i } = v(), f = n(t.footer, l);
+  return /* @__PURE__ */ o(b, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...e, className: f, children: [
+    /* @__PURE__ */ o(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
+    /* @__PURE__ */ a("div", { className: t.footer__inner, children: [
+      s.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
+      r && /* @__PURE__ */ o("img", { className: t.footer__logo, src: r.src, alt: r.alt, style: r.style })
     ] }),
-    c && /* @__PURE__ */ e(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
+    c && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
   ] }) });
 }, w = (d) => {
-  const { heading: r, icon: s, elements: l } = d, c = (o) => {
-    const i = { size: 16 }, f = typeof o == "string" ? { ...i, name: o } : { ...i, ...o };
-    return /* @__PURE__ */ e(N, { ...f });
+  const { heading: r, icon: s, elements: l } = d, c = (e) => {
+    const i = { size: 16, color: "inherit", background: void 0 }, f = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
+    return /* @__PURE__ */ o(_, { ...f });
   };
-  return /* @__PURE__ */ n(b, { children: [
-    s && /* @__PURE__ */ e(h, { width: "auto", className: a("text-inverted", t["footer__category-icon"]), children: c(s) }),
-    /* @__PURE__ */ e(h, { width: "auto", children: /* @__PURE__ */ n(p, { className: a("text-small", t.footer__category), size: 0.5, children: [
-      /* @__PURE__ */ e(m, { color: "white", modifiers: ["bold", "normal"], element: "h3", children: r }),
-      /* @__PURE__ */ e(p, { element: "ul", size: 0.5, className: a(t["footer__category-list"]), children: l == null ? void 0 : l.map((o, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { color: "white", element: "span", modifiers: "break-all", children: o }) }, i)) })
+  return /* @__PURE__ */ a(N, { children: [
+    s && /* @__PURE__ */ o(h, { width: "auto", className: n("text-inverted", t["footer__category-icon"]), children: c(s) }),
+    /* @__PURE__ */ o(h, { width: "auto", children: /* @__PURE__ */ a(p, { className: n("text-small", t.footer__category), size: 0.5, children: [
+      /* @__PURE__ */ o(m, { color: "white", modifiers: ["bold", "normal"], element: "h3", children: r }),
+      /* @__PURE__ */ o(p, { element: "ul", size: 0.5, className: n(t["footer__category-list"]), children: l == null ? void 0 : l.map((e, i) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(m, { color: "white", element: "span", modifiers: "break-all", children: e }) }, i)) })
     ] }) })
   ] });
 };

package/src/community/components/layout/header/components/header-notification/header-notification.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../../../tedi/components/misc/print/print.cjs.js"),a=require("../../../../icon/icon.cjs.js"),d=require("./header-notification.module.scss.cjs.js"),u=require("../../../../card/card.cjs.js"),l=require("../../../../card/card-content/card-content.cjs.js"),h=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=t=>{const{children:n,icon:o="info",background:c="primary-highlight"}=t;return e.jsx(s.Print,{visibility:"hide",children:e.jsx(u.Card,{borderless:!0,background:c,borderRadius:!1,className:d.default["header-notification"],children:e.jsx(l.CardContent,{children:e.jsxs(h.Row,{justifyContent:"between",alignItems:"center",gap:1,gutter:0,children:[e.jsx(r.Col,{width:"auto",children:e.jsx(a.Icon,{name:o})}),e.jsx(r.Col,{children:n})]})})})})};exports.HeaderNotification=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../../../tedi/components/base/icon/icon.cjs.js"),a=require("../../../../../../tedi/components/misc/print/print.cjs.js"),d=require("./header-notification.module.scss.cjs.js"),u=require("../../../../card/card.cjs.js"),l=require("../../../../card/card-content/card-content.cjs.js"),h=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=t=>{const{children:n,icon:o="info",background:c="primary-highlight"}=t;return e.jsx(a.Print,{visibility:"hide",children:e.jsx(u.Card,{borderless:!0,background:c,borderRadius:!1,className:d.default["header-notification"],children:e.jsx(l.CardContent,{children:e.jsxs(h.Row,{justifyContent:"between",alignItems:"center",gap:1,gutter:0,children:[e.jsx(r.Col,{width:"auto",children:e.jsx(s.Icon,{name:o})}),e.jsx(r.Col,{children:n})]})})})})};exports.HeaderNotification=i;exports.default=i;

package/src/community/components/layout/header/components/header-notification/header-notification.es.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Print as a } from "../../../../../../tedi/components/misc/print/print.es.js";
-import { Icon as d } from "../../../../icon/icon.es.js";
+import { Icon as a } from "../../../../../../tedi/components/base/icon/icon.es.js";
+import { Print as d } from "../../../../../../tedi/components/misc/print/print.es.js";
 import s from "./header-notification.module.scss.es.js";
 import { Card as c } from "../../../../card/card.es.js";
 import { CardContent as l } from "../../../../card/card-content/card-content.es.js";
@@ -8,8 +8,8 @@ import { Row as f } from "../../../../../../tedi/components/layout/grid/row.es.j
 import { Col as i } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const w = (o) => {
   const { children: t, icon: e = "info", background: n = "primary-highlight" } = o;
-  return /* @__PURE__ */ r(a, { visibility: "hide", children: /* @__PURE__ */ r(c, { borderless: !0, background: n, borderRadius: !1, className: s["header-notification"], children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ m(f, { justifyContent: "between", alignItems: "center", gap: 1, gutter: 0, children: [
-    /* @__PURE__ */ r(i, { width: "auto", children: /* @__PURE__ */ r(d, { name: e }) }),
+  return /* @__PURE__ */ r(d, { visibility: "hide", children: /* @__PURE__ */ r(c, { borderless: !0, background: n, borderRadius: !1, className: s["header-notification"], children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ m(f, { justifyContent: "between", alignItems: "center", gap: 1, gutter: 0, children: [
+    /* @__PURE__ */ r(i, { width: "auto", children: /* @__PURE__ */ r(a, { name: e }) }),
     /* @__PURE__ */ r(i, { children: t })
   ] }) }) }) });
 };