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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "15.0.0-rc.1",
+  "version": "15.0.0-rc.11",
   "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/accordion/accordion-item-header/accordion-item-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),E=require("../../toggle-open/toggle-open.cjs.js"),x=require("../../typography/heading/heading.cjs.js"),y=require("../../typography/text/text.cjs.js"),S=require("../accordion.cjs.js"),f=require("../accordion.module.scss.cjs.js"),N=require("../accordion-item/accordion-item.cjs.js"),R=require("../../card/card-header/card-header.cjs.js"),B=require("../../../../tedi/components/layout/grid/row.cjs.js"),v=require("../../../../tedi/components/layout/grid/col.cjs.js"),b=q=>{var g;const{children:c,className:C,background:s="white",openText:u,closeText:l,...w}=q,[I,j]=n.useState(!1),{onToggle:H,isOpen:o}=n.useContext(S.AccordionContext),{id:r,disabled:i}=n.useContext(N.AccordionItemContext),m=()=>{i||H(r)},T=e=>{(e.code==="Enter"||e.code==="Space")&&!e.repeat&&(e.preventDefault(),m())},p=e=>{i||j(e)},A=O.default(f.default["accordion__item-header"],C),a=((g=n.Children.toArray(c))==null?void 0:g.length)===1?n.Children.toArray(c).find(e=>n.isValidElement(e)&&(e.type===x.Heading||e.type===y.Text&&["h1","h2","h3","h4","h5","h6"].includes(e.props.element))):void 0,d=n.useMemo(()=>{switch(s){case"primary":return o(r)?"primary-active":"primary-main";case"white/primary":return o(r)?"primary-active":"white";case"muted/primary":return o(r)?"primary-active":"bg-muted";default:return s}},[s,r,o]),_=d==="white"||d==="bg-muted"?void 0:"inverted",h=e=>t.jsx(R.CardHeader,{"data-name":"accordion-item-header",role:"button",tabIndex:i?-1:0,"aria-disabled":i,className:A,onClick:m,onKeyDown:T,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),"aria-expanded":o(r),"aria-controls":`${r}-content`,background:d,...w,children:u&&l&&!i?t.jsxs(B.Row,{justifyContent:"between",alignItems:"center",children:[t.jsx(v.Col,{children:e}),t.jsx(v.Col,{width:"auto",children:t.jsx(E.ToggleOpen,{openText:u,closeText:l,isActive:I,isOpen:o(r),color:_,visualType:"link","aria-hidden":!0,tabIndex:-1})})]}):e});return a?(()=>{const{element:e,children:M,...k}=(a==null?void 0:a.props)??{};return t.jsx(x.Heading,{element:e,modifiers:"normal",className:f.default["accordion__item-wrapping-heading"],children:h(t.jsx(y.Text,{element:"span",...k,children:M}))})})():h(c)};exports.AccordionItemHeader=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),x=require("../../../../tedi/components/base/typography/heading/heading.cjs.js"),y=require("../../../../tedi/components/base/typography/text/text.cjs.js"),E=require("../../toggle-open/toggle-open.cjs.js"),S=require("../accordion.cjs.js"),f=require("../accordion.module.scss.cjs.js"),N=require("../accordion-item/accordion-item.cjs.js"),R=require("../../card/card-header/card-header.cjs.js"),B=require("../../../../tedi/components/layout/grid/row.cjs.js"),v=require("../../../../tedi/components/layout/grid/col.cjs.js"),b=q=>{var g;const{children:c,className:C,background:s="white",openText:u,closeText:l,...w}=q,[I,j]=n.useState(!1),{onToggle:H,isOpen:o}=n.useContext(S.AccordionContext),{id:r,disabled:i}=n.useContext(N.AccordionItemContext),m=()=>{i||H(r)},T=e=>{(e.code==="Enter"||e.code==="Space")&&!e.repeat&&(e.preventDefault(),m())},p=e=>{i||j(e)},A=O.default(f.default["accordion__item-header"],C),a=((g=n.Children.toArray(c))==null?void 0:g.length)===1?n.Children.toArray(c).find(e=>n.isValidElement(e)&&(e.type===x.Heading||e.type===y.Text&&["h1","h2","h3","h4","h5","h6"].includes(e.props.element))):void 0,d=n.useMemo(()=>{switch(s){case"primary":return o(r)?"primary-active":"primary-main";case"white/primary":return o(r)?"primary-active":"white";case"muted/primary":return o(r)?"primary-active":"bg-muted";default:return s}},[s,r,o]),_=d==="white"||d==="bg-muted"?void 0:"inverted",h=e=>t.jsx(R.CardHeader,{"data-name":"accordion-item-header",role:"button",tabIndex:i?-1:0,"aria-disabled":i,className:A,onClick:m,onKeyDown:T,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),"aria-expanded":o(r),"aria-controls":`${r}-content`,background:d,...w,children:u&&l&&!i?t.jsxs(B.Row,{justifyContent:"between",alignItems:"center",children:[t.jsx(v.Col,{children:e}),t.jsx(v.Col,{width:"auto",children:t.jsx(E.ToggleOpen,{openText:u,closeText:l,isActive:I,isOpen:o(r),color:_,visualType:"link","aria-hidden":!0,tabIndex:-1})})]}):e});return a?(()=>{const{element:e,children:M,...k}=(a==null?void 0:a.props)??{};return t.jsx(x.Heading,{element:e,modifiers:"normal",className:f.default["accordion__item-wrapping-heading"],children:h(t.jsx(y.Text,{element:"span",...k,children:M}))})})():h(c)};exports.AccordionItemHeader=b;exports.default=b;

package/src/community/components/accordion/accordion-item-header/accordion-item-header.es.js

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as N } from "react/jsx-runtime";
 import j from "../../../../../external/classnames/index.es.js";
 import t from "react";
+import { Heading as y } from "../../../../tedi/components/base/typography/heading/heading.es.js";
+import { Text as g } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { ToggleOpen as O } from "../../toggle-open/toggle-open.es.js";
-import { Heading as y } from "../../typography/heading/heading.es.js";
-import { Text as g } from "../../typography/text/text.es.js";
 import { AccordionContext as B } from "../accordion.es.js";
 import v from "../accordion.module.scss.es.js";
 import { AccordionItemContext as D } from "../accordion-item/accordion-item.es.js";

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/form/feedback-text/feedback-text.cjs.js"),Pe=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),p=require("../../button/button.cjs.js"),ke=require("../../icon/icon.cjs.js"),qe=require("../../tag/tag.cjs.js"),ye=require("../../typography/text/text.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:"subtle"},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(ke.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(qe.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(ye.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(Pe.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.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups, SelectInstance } from 'react-select';
+import { TextProps } from '../../../../tedi/components/base/typography/text/text';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { TColorsBackground } from '../../commonTypes';
-import { TextProps } from '../../typography/text/text';
 /**
  * Because of the next problem, inputIsHidden has to be used from select custom props.
  * For typescript they need to be declared in module

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

@@ -1,24 +1,24 @@
 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 { FeedbackText as ye } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
-import { FormLabel as He } from "../../../../tedi/components/form/form-label/form-label.es.js";
-import { Button as x } from "../../button/button.es.js";
-import { Icon as we } from "../../icon/icon.es.js";
-import { Tag as Be } from "../../tag/tag.es.js";
-import { Text as Fe } from "../../typography/text/text.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";
 import { c as o } from "../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
 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",
@@ -72,19 +72,19 @@ const Ge = (a) => {
       onMenuOpen: le,
       onBlur: ae,
       inputIsHidden: se,
-      optionGroupHeadingText: oe = { modifiers: "small", color: "subtle" },
+      optionGroupHeadingText: oe = { modifiers: "small", color: "tertiary" },
       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(we, { 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,
@@ -146,7 +146,7 @@ const Ge = (a) => {
       removeProps: d,
       ...Oe
     }) => /* @__PURE__ */ m(
-      Be,
+      Fe,
       {
         color: "default",
         type: "secondary",
@@ -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(Fe, { ...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(He, { 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(ye, { ...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"),a=require("../../../../../../external/classnames/index.cjs.js"),c=require("../../../../../tedi/components/misc/print/print.cjs.js"),l=require("../../../anchor/anchor.cjs.js"),d=require("../../../icon/icon.cjs.js"),m=require("../../../typography/text/text.cjs.js"),i=require("../breadcrumbs.module.scss.cjs.js"),b=o=>{const{isLast:r=!1,children:t,singleCrumb:s,...n}=o,u=a.default(i.default.breadcrumbs__item);return e.jsxs("li",{"data-name":"crumb",className:u,children:[e.jsx(c.Print,{visibility:"show",children:r?e.jsx(m.Text,{color:"muted",children:t}):e.jsx(l.Anchor,{iconLeft:s?"keyboard_arrow_left":void 0,...n,children:t})}),!s&&!r?e.jsx(d.Icon,{className:i.default.breadcrumbs__separator,size:16,name:"keyboard_arrow_right"}):null]})};exports.default=b;
+"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 { Print as n } from "../../../../../tedi/components/misc/print/print.es.js";
-import { Anchor as d } from "../../../anchor/anchor.es.js";
-import { Icon as f } from "../../../icon/icon.es.js";
-import { Text as b } from "../../../typography/text/text.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, ...i } = t, a = l(m.breadcrumbs__item);
-  return /* @__PURE__ */ c("li", { "data-name": "crumb", className: a, children: [
-    /* @__PURE__ */ r(n, { visibility: "show", children: o ? /* @__PURE__ */ r(b, { color: "muted", children: s }) : (
+  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(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(d, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...i, children: s })
+      /* @__PURE__ */ r(b, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...a, children: s })
     ) }),
-    !e && !o ? /* @__PURE__ */ r(f, { 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"),g=require("../../../../tedi/components/misc/print/print.cjs.js"),_=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),v=require("../../icon/icon.cjs.js"),a=require("../../typography/text/text.cjs.js"),o=require("./footer.module.scss.cjs.js"),p=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"),q=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),x=d=>{const{logo:r,categories:i,className:l,bottomElement:n,...t}=d,{getLabel:s}=q.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((h,j)=>e.jsx(_.StretchContent,{direction:"vertical",children:e.jsx(b,{...h})},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:"inverted",element:"div",className:o.default.footer__bottom,children:n})]})})},b=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(v.Icon,{...u})};return e.jsxs(p.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:"inverted",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:"inverted",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=x;exports.default=x;
+"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