@tedi-design-system/react 17.1.0-rc.8 → 17.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "17.1.0-rc.8",
+  "version": "17.1.0",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -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": "6.0.1",
+    "@tedi-design-system/core": "6.4.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",

package/src/tedi/components/buttons/button-content/button-content.d.ts

@@ -22,7 +22,7 @@ export type ButtonContentProps<C extends React.ElementType, P extends Record<str
      */
     fullWidth?: boolean;
     /**
-     * Color schema for button. PS text-color works only with link type links.
+     * Color scheme of the button. The 'text' value is only supported when visualType is 'link'.
      * @default default
      */
     color?: ButtonColor;

package/src/tedi/components/buttons/button-content/button-content.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-f8b478d7","tedi-btn--small":"tedi-btn--small-e94b9068","tedi-btn--icon-only":"tedi-btn--icon-only-ca6a5cf1","tedi-btn--large":"tedi-btn--large-7e783e1a","tedi-btn--neutral":"tedi-btn--neutral-c8726f60","tedi-btn--default":"tedi-btn--default-9fd10888","tedi-btn--danger":"tedi-btn--danger-9c01f2b8","tedi-btn__text":"tedi-btn__text-a9860fef","tedi-btn--primary":"tedi-btn--primary-8ae5fe2e","tedi-btn--is-active":"tedi-btn--is-active-a575ad1a","tedi-btn--is-hovered":"tedi-btn--is-hovered-5b87ccb5","tedi-btn--secondary":"tedi-btn--secondary-770ac807","tedi-btn--success":"tedi-btn--success-92db7606","tedi-btn--inverted":"tedi-btn--inverted-fd168601","tedi-btn--link":"tedi-btn--link-33d9c4c6","tedi-btn--text-color":"tedi-btn--text-color-f85da3c7","tedi-btn__inner":"tedi-btn__inner-ee6403e9","tedi-btn__icon--left":"tedi-btn__icon--left-63fdbc12","tedi-btn__icon--right":"tedi-btn__icon--right-67cbf204","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-91341acf","tedi-btn--is-loading":"tedi-btn--is-loading-4ead0e89","tedi-btn--icon":"tedi-btn--icon-dbc3eb30","tedi-btn__icon":"tedi-btn__icon-cffac719","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-d6b6714d","tedi-btn__spinner":"tedi-btn__spinner-abd3f027","tedi-btn--underline":"tedi-btn--underline-bf1600fb","tedi-btn--no-style":"tedi-btn--no-style-f6dfaa4d","tedi-btn--full-width":"tedi-btn--full-width-f1e5f1b3"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-f8b478d7","tedi-btn--small":"tedi-btn--small-e94b9068","tedi-btn--icon-only":"tedi-btn--icon-only-ca6a5cf1","tedi-btn--large":"tedi-btn--large-7e783e1a","tedi-btn--neutral":"tedi-btn--neutral-c8726f60","tedi-btn--default":"tedi-btn--default-9fd10888","tedi-btn--danger":"tedi-btn--danger-9c01f2b8","tedi-btn__text":"tedi-btn__text-a9860fef","tedi-btn--primary":"tedi-btn--primary-8ae5fe2e","tedi-btn--is-active":"tedi-btn--is-active-a575ad1a","tedi-btn--is-hovered":"tedi-btn--is-hovered-5b87ccb5","tedi-btn--secondary":"tedi-btn--secondary-770ac807","tedi-btn--success":"tedi-btn--success-92db7606","tedi-btn--inverted":"tedi-btn--inverted-fd168601","tedi-btn--link":"tedi-btn--link-33d9c4c6","tedi-btn--text":"tedi-btn--text-af7055b9","tedi-btn__inner":"tedi-btn__inner-ee6403e9","tedi-btn__icon--left":"tedi-btn__icon--left-63fdbc12","tedi-btn__icon--right":"tedi-btn__icon--right-67cbf204","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-91341acf","tedi-btn--is-loading":"tedi-btn--is-loading-4ead0e89","tedi-btn--icon":"tedi-btn--icon-dbc3eb30","tedi-btn__icon":"tedi-btn__icon-cffac719","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-d6b6714d","tedi-btn__spinner":"tedi-btn__spinner-abd3f027","tedi-btn--underline":"tedi-btn--underline-bf1600fb","tedi-btn--no-style":"tedi-btn--no-style-f6dfaa4d","tedi-btn--full-width":"tedi-btn--full-width-f1e5f1b3"};exports.default=t;

package/src/tedi/components/buttons/button-content/button-content.module.scss.es.js

@@ -14,7 +14,7 @@ const t = {
   "tedi-btn--success": "tedi-btn--success-92db7606",
   "tedi-btn--inverted": "tedi-btn--inverted-fd168601",
   "tedi-btn--link": "tedi-btn--link-33d9c4c6",
-  "tedi-btn--text-color": "tedi-btn--text-color-f85da3c7",
+  "tedi-btn--text": "tedi-btn--text-af7055b9",
   "tedi-btn__inner": "tedi-btn__inner-ee6403e9",
   "tedi-btn__icon--left": "tedi-btn__icon--left-63fdbc12",
   "tedi-btn__icon--right": "tedi-btn__icon--right-67cbf204",

package/src/tedi/components/buttons/button-group/button-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),n=require("../../base/icon/icon.cjs.js"),y=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),C=require("../../../providers/label-provider/use-labels.cjs.js"),l=require("../../overlays/dropdown/dropdown.cjs.js"),x=b=>{const{getLabel:k}=C.useLabels(),{children:q,className:w,type:c="primary",onSelectionChange:i,stretch:I=!1,ariaLabel:v,size:f="default",enableMobileDropdown:N=!1,mobileBreakpoint:R="md",dropdownLabel:h=k("sidenav.submenu"),dropdownLabelMode:A="static"}=b,D=L.useBreakpoint(),M=L.isBreakpointBelow(D,R),m=_.Children.toArray(q).filter(e=>_.isValidElement(e)&&e.type===y.Button),t=m.find(e=>e.props.isActive),B=A==="static"?h:(t==null?void 0:t.props.children)??h,a=t==null?void 0:t.props.iconLeft,d=t==null?void 0:t.props.icon;return M&&N?o.jsxs(l.Dropdown,{width:"trigger",children:[o.jsx(l.Dropdown.Trigger,{children:o.jsxs(y.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],w),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),B]})}),o.jsx(l.Dropdown.Content,{children:m.map((e,u)=>o.jsxs(l.Dropdown.Item,{index:u,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:s=>{var p,j;e.props.disabled||(s.type==="click"&&((j=(p=e.props).onClick)==null||j.call(p,s)),e.props.id&&(i==null||i(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"})]},e.props.id||u))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:I},w),role:"group","aria-label":v,children:m.map(e=>_.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,onClick:u=>{var s,p;(p=(s=e.props).onClick)==null||p.call(s,u),e.props.id&&(i==null||i(e.props.id))}}))})};exports.ButtonGroup=x;exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),n=require("../../base/icon/icon.cjs.js"),x=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),C=require("../../../providers/label-provider/use-labels.cjs.js"),l=require("../../overlays/dropdown/dropdown.cjs.js"),b=k=>{const{getLabel:j}=C.useLabels(),{children:q,className:w,type:c="primary",onSelectionChange:i,stretch:v=!1,ariaLabel:I,size:f="default",enableMobileDropdown:A=!1,mobileBreakpoint:N="md",dropdownLabel:y=j("sidenav.submenu"),dropdownLabelMode:R="static"}=k,B=L.useBreakpoint(),D=L.isBreakpointBelow(B,N),m=_.Children.toArray(q).filter(e=>_.isValidElement(e)&&e.type===x.Button),s=m.find(e=>e.props.isActive),M=R==="static"?y:(s==null?void 0:s.props.children)??y,a=s==null?void 0:s.props.iconLeft,d=s==null?void 0:s.props.icon;return D&&A?o.jsxs(l.Dropdown,{width:"trigger",children:[o.jsx(l.Dropdown.Trigger,{children:o.jsxs(x.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],w),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),M]})}),o.jsx(l.Dropdown.Content,{children:m.map((e,u)=>o.jsxs(l.Dropdown.Item,{index:u,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:t=>{var p,h;e.props.disabled||(t.type==="click"&&((h=(p=e.props).onClick)==null||h.call(p,t)),e.props.id&&(i==null||i(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"}),e.props.isActive&&o.jsx("span",{className:"sr-only",children:j("button-group.selected")})]},e.props.id||u))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:v},w),role:"group","aria-label":I,children:m.map(e=>_.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,"aria-pressed":!!e.props.isActive,onClick:u=>{var t,p;(p=(t=e.props).onClick)==null||p.call(t,u),e.props.id&&(i==null||i(e.props.id))}}))})};exports.ButtonGroup=b;exports.default=b;

package/src/tedi/components/buttons/button-group/button-group.es.js

@@ -1,36 +1,36 @@
 import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import _ from "../../../../../external/classnames/index.es.js";
-import { Children as x, isValidElement as z, cloneElement as D } from "react";
+import y from "../../../../../external/classnames/index.es.js";
+import { Children as x, isValidElement as z, cloneElement as B } from "react";
 import { Icon as a } from "../../base/icon/icon.es.js";
-import { Button as w } from "../button/button.es.js";
+import { Button as k } from "../button/button.es.js";
 import r from "./button-group.module.scss.es.js";
-import { useBreakpoint as E, isBreakpointBelow as T } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useLabels as V } from "../../../providers/label-provider/use-labels.es.js";
-import { Dropdown as m } from "../../overlays/dropdown/dropdown.es.js";
-const P = (k) => {
-  const { getLabel: N } = V(), {
-    children: b,
+import { useBreakpoint as D, isBreakpointBelow as E } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useLabels as T } from "../../../providers/label-provider/use-labels.es.js";
+import { Dropdown as d } from "../../overlays/dropdown/dropdown.es.js";
+const P = (N) => {
+  const { getLabel: _ } = T(), {
+    children: v,
     className: h,
-    type: c = "primary",
+    type: m = "primary",
     onSelectionChange: p,
-    stretch: v = !1,
-    ariaLabel: A,
+    stretch: A = !1,
+    ariaLabel: b,
     size: u = "default",
     enableMobileDropdown: I = !1,
     mobileBreakpoint: R = "md",
-    dropdownLabel: y = N("sidenav.submenu"),
+    dropdownLabel: L = _("sidenav.submenu"),
     dropdownLabelMode: C = "static"
-  } = k, M = E(), $ = T(M, R), f = x.toArray(b).filter(
-    (o) => z(o) && o.type === w
-  ), e = f.find((o) => o.props.isActive), j = C === "static" ? y : (e == null ? void 0 : e.props.children) ?? y, n = e == null ? void 0 : e.props.iconLeft, l = e == null ? void 0 : e.props.icon;
-  return $ && I ? /* @__PURE__ */ g(m, { width: "trigger", children: [
-    /* @__PURE__ */ i(m.Trigger, { children: /* @__PURE__ */ g(
-      w,
+  } = N, M = D(), $ = E(M, R), f = x.toArray(v).filter(
+    (o) => z(o) && o.type === k
+  ), e = f.find((o) => o.props.isActive), j = C === "static" ? L : (e == null ? void 0 : e.props.children) ?? L, n = e == null ? void 0 : e.props.iconLeft, l = e == null ? void 0 : e.props.icon;
+  return $ && I ? /* @__PURE__ */ g(d, { width: "trigger", children: [
+    /* @__PURE__ */ i(d.Trigger, { children: /* @__PURE__ */ g(
+      k,
       {
-        visualType: c,
-        className: _(
+        visualType: m,
+        className: y(
           r["tedi-button-group__dropdown-trigger"],
-          r[`tedi-button-group__dropdown-trigger--${c}`],
+          r[`tedi-button-group__dropdown-trigger--${m}`],
           h
         ),
         noStyle: !0,
@@ -41,15 +41,15 @@ const P = (k) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ i(m.Content, { children: f.map((o, d) => /* @__PURE__ */ g(
-      m.Item,
+    /* @__PURE__ */ i(d.Content, { children: f.map((o, c) => /* @__PURE__ */ g(
+      d.Item,
       {
-        index: d,
+        index: c,
         active: o == null ? void 0 : o.props.isActive,
         disabled: o == null ? void 0 : o.props.disabled,
         onClick: (s) => {
-          var t, L;
-          o.props.disabled || (s.type === "click" && ((L = (t = o.props).onClick) == null || L.call(t, s)), o.props.id && (p == null || p(o.props.id)));
+          var t, w;
+          o.props.disabled || (s.type === "click" && ((w = (t = o.props).onClick) == null || w.call(t, s)), o.props.id && (p == null || p(o.props.id)));
         },
         className: r["tedi-button-group__dropdown-item"],
         children: [
@@ -67,25 +67,26 @@ const P = (k) => {
               name: typeof o.props.iconRight == "string" ? o.props.iconRight : o.props.iconRight.name,
               color: "inherit"
             }
-          )
+          ),
+          o.props.isActive && /* @__PURE__ */ i("span", { className: "sr-only", children: _("button-group.selected") })
         ]
       },
-      o.props.id || d
+      o.props.id || c
     )) })
   ] }) : /* @__PURE__ */ i(
     "div",
     {
-      className: _(
+      className: y(
         r["tedi-button-group"],
-        r[`tedi-button-group--${c}`],
-        { [r["tedi-button-group--stretch"]]: v },
+        r[`tedi-button-group--${m}`],
+        { [r["tedi-button-group--stretch"]]: A },
         h
       ),
       role: "group",
-      "aria-label": A,
+      "aria-label": b,
       children: f.map(
-        (o) => D(o, {
-          className: _(
+        (o) => B(o, {
+          className: y(
             r["tedi-button-group__item"],
             {
               [r["tedi-button-group__item--active"]]: o.props.isActive,
@@ -95,9 +96,10 @@ const P = (k) => {
             o.props.className
           ),
           size: u,
-          onClick: (d) => {
+          "aria-pressed": !!o.props.isActive,
+          onClick: (c) => {
             var s, t;
-            (t = (s = o.props).onClick) == null || t.call(s, d), o.props.id && (p == null || p(o.props.id));
+            (t = (s = o.props).onClick) == null || t.call(s, c), o.props.id && (p == null || p(o.props.id));
           }
         })
       )

package/src/tedi/components/buttons/floating-button/floating-button.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-46574e9e","tedi-btn--small":"tedi-btn--small-97569c3a","tedi-btn--icon-only":"tedi-btn--icon-only-687afb86","tedi-btn--large":"tedi-btn--large-30b2336f","tedi-btn--neutral":"tedi-btn--neutral-dfb5e967","tedi-btn--default":"tedi-btn--default-1bab37cf","tedi-btn--danger":"tedi-btn--danger-ce1411e6","tedi-btn__text":"tedi-btn__text-24c50120","tedi-btn--primary":"tedi-btn--primary-d127e524","tedi-btn--is-active":"tedi-btn--is-active-05d20ecf","tedi-btn--is-hovered":"tedi-btn--is-hovered-d798316b","tedi-btn--secondary":"tedi-btn--secondary-ca5af8db","tedi-btn--success":"tedi-btn--success-470ed017","tedi-btn--inverted":"tedi-btn--inverted-b218d4df","tedi-btn--link":"tedi-btn--link-5c908f1f","tedi-btn--text-color":"tedi-btn--text-color-dd311f47","tedi-btn__inner":"tedi-btn__inner-df9867b5","tedi-btn__icon--left":"tedi-btn__icon--left-a9b176d3","tedi-btn__icon--right":"tedi-btn__icon--right-bccdacec","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-201b5d44","tedi-btn--is-loading":"tedi-btn--is-loading-6534cc98","tedi-btn--icon":"tedi-btn--icon-21bbe29b","tedi-btn__icon":"tedi-btn__icon-8ff68f98","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-3ad337b4","tedi-btn__spinner":"tedi-btn__spinner-ac3c6e8f","tedi-btn--underline":"tedi-btn--underline-281af007","tedi-btn--no-style":"tedi-btn--no-style-ed02c4bd","tedi-btn--full-width":"tedi-btn--full-width-90cbf5a9","tedi-floating-button":"tedi-floating-button-3c8f9de2","tedi-floating-button--horizontal":"tedi-floating-button--horizontal-48509abb","tedi-floating-button--vertical":"tedi-floating-button--vertical-0ff466d5","tedi-floating-button--primary":"tedi-floating-button--primary-7c6e48ad","tedi-floating-button--secondary":"tedi-floating-button--secondary-f7a0cd3f","tedi-floating-button--medium":"tedi-floating-button--medium-cddc5b75","tedi-floating-button--icon-only":"tedi-floating-button--icon-only-17b35563","tedi-floating-button--large":"tedi-floating-button--large-a688151c"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-46574e9e","tedi-btn--small":"tedi-btn--small-97569c3a","tedi-btn--icon-only":"tedi-btn--icon-only-687afb86","tedi-btn--large":"tedi-btn--large-30b2336f","tedi-btn--neutral":"tedi-btn--neutral-dfb5e967","tedi-btn--default":"tedi-btn--default-1bab37cf","tedi-btn--danger":"tedi-btn--danger-ce1411e6","tedi-btn__text":"tedi-btn__text-24c50120","tedi-btn--primary":"tedi-btn--primary-d127e524","tedi-btn--is-active":"tedi-btn--is-active-05d20ecf","tedi-btn--is-hovered":"tedi-btn--is-hovered-d798316b","tedi-btn--secondary":"tedi-btn--secondary-ca5af8db","tedi-btn--success":"tedi-btn--success-470ed017","tedi-btn--inverted":"tedi-btn--inverted-b218d4df","tedi-btn--link":"tedi-btn--link-5c908f1f","tedi-btn--text":"tedi-btn--text-9b2f7e3a","tedi-btn__inner":"tedi-btn__inner-df9867b5","tedi-btn__icon--left":"tedi-btn__icon--left-a9b176d3","tedi-btn__icon--right":"tedi-btn__icon--right-bccdacec","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-201b5d44","tedi-btn--is-loading":"tedi-btn--is-loading-6534cc98","tedi-btn--icon":"tedi-btn--icon-21bbe29b","tedi-btn__icon":"tedi-btn__icon-8ff68f98","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-3ad337b4","tedi-btn__spinner":"tedi-btn__spinner-ac3c6e8f","tedi-btn--underline":"tedi-btn--underline-281af007","tedi-btn--no-style":"tedi-btn--no-style-ed02c4bd","tedi-btn--full-width":"tedi-btn--full-width-90cbf5a9","tedi-floating-button":"tedi-floating-button-3c8f9de2","tedi-floating-button--horizontal":"tedi-floating-button--horizontal-48509abb","tedi-floating-button--vertical":"tedi-floating-button--vertical-0ff466d5","tedi-floating-button--primary":"tedi-floating-button--primary-7c6e48ad","tedi-floating-button--secondary":"tedi-floating-button--secondary-f7a0cd3f","tedi-floating-button--medium":"tedi-floating-button--medium-cddc5b75","tedi-floating-button--icon-only":"tedi-floating-button--icon-only-17b35563","tedi-floating-button--large":"tedi-floating-button--large-a688151c"};exports.default=t;

package/src/tedi/components/buttons/floating-button/floating-button.module.scss.es.js

@@ -14,7 +14,7 @@ const t = {
   "tedi-btn--success": "tedi-btn--success-470ed017",
   "tedi-btn--inverted": "tedi-btn--inverted-b218d4df",
   "tedi-btn--link": "tedi-btn--link-5c908f1f",
-  "tedi-btn--text-color": "tedi-btn--text-color-dd311f47",
+  "tedi-btn--text": "tedi-btn--text-9b2f7e3a",
   "tedi-btn__inner": "tedi-btn__inner-df9867b5",
   "tedi-btn__icon--left": "tedi-btn__icon--left-a9b176d3",
   "tedi-btn__icon--right": "tedi-btn__icon--right-bccdacec",

package/src/tedi/components/cards/card/card-stories-templates.d.ts

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react/*';
+import { StoryFn } from '@storybook/react';
 import { CardStory } from './card.stories';
 export declare const HeaderTypesTemplate: StoryFn<CardStory>;
 export declare const DefaultCardTemplates: StoryFn<CardStory>;

package/src/tedi/components/form/input-group/components/input/input.es.js

@@ -1,19 +1,19 @@
-import s from "../../../../../../../external/classnames/index.es.js";
-import t from "react";
-import { useInputGroup as m } from "../../input-group.es.js";
+import t from "../../../../../../../external/classnames/index.es.js";
+import s from "react";
+import { useInputGroup as u } from "../../input-group.es.js";
 import o from "../../input-group.module.scss.es.js";
 const f = ({ children: p }) => {
-  const { disabled: r, inputId: e } = m();
-  if (!t.isValidElement(p)) return p;
+  const { disabled: r, inputId: e } = u();
+  if (!s.isValidElement(p)) return p;
   const a = typeof p.type == "string", i = {
     disabled: r || p.props.disabled,
     id: p.props.id ?? e,
-    className: s(p.props.className, o["tedi-input-group__input"]),
+    className: t(p.props.className, o["tedi-input-group__input"]),
     ...!a && {
-      wrapperClassName: s(p.props.wrapperClassName, o["tedi-input-group__input"])
+      wrapperClassName: t(p.props.wrapperClassName, o["tedi-input-group__input"])
     }
   };
-  return t.cloneElement(p, i);
+  return s.cloneElement(p, i);
 };
 export {
   f as Input

package/src/tedi/components/form/input-group/components/prefix/prefix.es.js

@@ -1,22 +1,22 @@
-import { jsx as m } from "react/jsx-runtime";
-import n from "../../../../../../../external/classnames/index.es.js";
-import { useEffect as u } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import m from "../../../../../../../external/classnames/index.es.js";
+import { useEffect as n } from "react";
 import { useInputGroup as a } from "../../input-group.es.js";
 import i from "../../input-group.module.scss.es.js";
-const b = ({ children: r, className: o, ...s }) => {
-  const { registerPrefix: e, unregisterPrefix: t, disabled: p } = a();
-  u(() => (e(), () => t()), [e, t]);
+const b = ({ children: r, className: o, ...p }) => {
+  const { registerPrefix: e, unregisterPrefix: t, disabled: s } = a();
+  n(() => (e(), () => t()), [e, t]);
   const f = typeof r == "string" || typeof r == "number";
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "div",
     {
-      ...s,
-      className: n(
+      ...p,
+      className: m(
         i["tedi-input-group__prefix"],
         { [i["tedi-input-group__prefix--no-inner-div"]]: f },
         o
       ),
-      "aria-disabled": p,
+      "aria-disabled": s,
       children: r
     }
   );

package/src/tedi/components/form/input-group/components/suffix/suffix.es.js

@@ -2,18 +2,18 @@ import { jsx as p } from "react/jsx-runtime";
 import m from "../../../../../../../external/classnames/index.es.js";
 import { useEffect as n } from "react";
 import { useInputGroup as a } from "../../input-group.es.js";
-import s from "../../input-group.module.scss.es.js";
-const b = ({ children: r, className: e, ...o }) => {
+import o from "../../input-group.module.scss.es.js";
+const _ = ({ children: r, className: e, ...s }) => {
   const { registerSuffix: t, unregisterSuffix: i, disabled: f } = a();
   n(() => (t(), () => i()), [t, i]);
   const u = typeof r == "string" || typeof r == "number";
   return /* @__PURE__ */ p(
     "div",
     {
-      ...o,
+      ...s,
       className: m(
-        s["tedi-input-group__suffix"],
-        { [s["tedi-input-group__suffix--no-inner-div"]]: u },
+        o["tedi-input-group__suffix"],
+        { [o["tedi-input-group__suffix--no-inner-div"]]: u },
         e
       ),
       "aria-disabled": f,
@@ -22,5 +22,5 @@ const b = ({ children: r, className: e, ...o }) => {
   );
 };
 export {
-  b as Suffix
+  _ as Suffix
 };

package/src/tedi/components/form/input-group/input-group.es.js

@@ -7,13 +7,13 @@ import { Input as B } from "./components/input/input.es.js";
 import { Prefix as M } from "./components/prefix/prefix.es.js";
 import { Suffix as O } from "./components/suffix/suffix.es.js";
 import t from "./input-group.module.scss.es.js";
-const p = j(null), U = () => {
-  const u = G(p);
+const a = j(null), U = () => {
+  const u = G(a);
   if (!u) throw new Error("InputGroupContext missing");
   return u;
-}, W = () => G(p), P = H(
-  ({ className: u, addons: S = !0, helper: r, label: o, children: h, disabled: s, id: y, ...v }, C) => {
-    const m = g.useRef(null), N = g.useId(), i = y ?? N, [n, d] = l(!1), [a, c] = l(!1);
+}, W = () => G(a), S = H(
+  ({ className: u, addons: P = !0, helper: r, label: o, children: h, disabled: s, id: y, ...v }, C) => {
+    const m = g.useRef(null), N = g.useId(), i = y ?? N, [n, d] = l(!1), [p, c] = l(!1);
     E(C, () => ({
       get root() {
         return m.current;
@@ -22,7 +22,7 @@ const p = j(null), U = () => {
     const w = L(
       () => ({
         hasPrefix: n,
-        hasSuffix: a,
+        hasSuffix: p,
         disabled: s,
         hasExternalLabel: !!o,
         inputId: i,
@@ -31,31 +31,31 @@ const p = j(null), U = () => {
         registerSuffix: () => c(!0),
         unregisterSuffix: () => c(!1)
       }),
-      [i, n, a, s, o]
+      [i, n, p, s, o]
     ), A = F(
       t["tedi-input-group"],
       {
-        [t["tedi-input-group--addons"]]: S,
+        [t["tedi-input-group--addons"]]: P,
         [t["tedi-input-group--has-prefix"]]: n,
-        [t["tedi-input-group--has-suffix"]]: a,
+        [t["tedi-input-group--has-suffix"]]: p,
         [t["tedi-input-group--disabled"]]: s
       },
       u
     ), R = () => !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ e("div", { className: t["tedi-input-group__feedback-wrapper"], children: Array.isArray(r) ? r.map((_, x) => /* @__PURE__ */ e(I, { ..._, id: `group-helper-${x}` }, x)) : /* @__PURE__ */ e(I, { ...r, id: "group-helper" }) });
-    return /* @__PURE__ */ k(p.Provider, { value: w, children: [
+    return /* @__PURE__ */ k(a.Provider, { value: w, children: [
       o && /* @__PURE__ */ e(b, { ...v, label: o, id: i }),
       /* @__PURE__ */ e("div", { ref: m, className: A, "data-name": "tedi-input-group", "aria-disabled": s, children: h }),
       R()
     ] });
   }
 );
-P.displayName = "InputGroup";
-const f = P;
+S.displayName = "InputGroup";
+const f = S;
 f.Prefix = M;
 f.Suffix = O;
 f.Input = B;
 export {
-  P as InputGroupBase,
+  S as InputGroupBase,
   f as default,
   U as useInputGroup,
   W as useOptionalInputGroup

package/src/tedi/components/form/select/components/select-bulk-helpers.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i="__tedi_select_all__",r="__tedi_select_group__:",u=e=>!!e&&typeof e.value=="string"&&e.value.startsWith(r),a=e=>{if(!e||e.length===0)return[];const t=[];for(const s of e)if(s&&typeof s=="object"&&Array.isArray(s.options))for(const n of s.options)n.isDisabled||t.push(n);else{const n=s;n&&!n.isDisabled&&t.push(n)}return t},f=e=>!e||!Array.isArray(e.options)?[]:e.options.filter(t=>!t.isDisabled),l=(e,t)=>t.length===0?!1:t.every(s=>e.some(n=>n.value===s.value)),c=(e,t)=>{if(t.length===0)return!1;const s=t.filter(n=>e.some(o=>o.value===n.value)).length;return s>0&&s<t.length},_=(e,t)=>{if(l(e,t))return e.filter(n=>!t.some(o=>o.value===n.value));const s=[...e];for(const n of t)s.some(o=>o.value===n.value)||s.push(n);return s};exports.GROUP_OPTION_PREFIX=r;exports.SELECT_ALL_VALUE=i;exports.areAllSelected=l;exports.getEnabledOptions=a;exports.getGroupEnabledOptions=f;exports.isGroupSentinel=u;exports.isIndeterminate=c;exports.toggleBulkSelection=_;

package/src/tedi/components/form/select/components/select-bulk-helpers.d.ts

@@ -0,0 +1,55 @@
+import { GroupBase, OptionsOrGroups } from 'react-select';
+import { ISelectOption } from '../select';
+/**
+ * Sentinel value used by the "Select all" option when it is injected into
+ * react-select's option list. The sentinel is stripped from the value before
+ * it is exposed to consumers via onChange — it never leaks outside the
+ * component.
+ */
+export declare const SELECT_ALL_VALUE = "__tedi_select_all__";
+export declare const isSelectAllSentinel: (option: {
+    value?: string;
+} | null | undefined) => boolean;
+/**
+ * Prefix for group sentinel options. When `selectableGroups + multiple` is on,
+ * each group is flattened into the option list with a sentinel option at the
+ * top of its run; toggling the sentinel toggles every enabled child of that
+ * group. The label after the prefix is the original group's label.
+ */
+export declare const GROUP_OPTION_PREFIX = "__tedi_select_group__:";
+export declare const isGroupSentinel: (option: {
+    value?: string;
+} | null | undefined) => boolean;
+/**
+ * Returns true when `options` is a grouped tree (i.e. each top-level entry
+ * has its own `options` array).
+ */
+export declare const isGroupedOptions: (options: OptionsOrGroups<ISelectOption, GroupBase<ISelectOption>>) => options is ReadonlyArray<GroupBase<ISelectOption>>;
+/**
+ * Flattens grouped/non-grouped options into a single list of enabled
+ * `ISelectOption`s. Used by Select All and group toggles to decide which
+ * options to flip on/off.
+ *
+ * Handles a mixed input where a flat option (e.g. the injected Select-all
+ * sentinel) sits alongside groups in the same top-level array, by checking
+ * each item individually rather than only inspecting `options[0]`.
+ */
+export declare const getEnabledOptions: (options: OptionsOrGroups<ISelectOption, GroupBase<ISelectOption>>) => ISelectOption[];
+/**
+ * Returns the enabled options of a specific group. Pass the group object
+ * directly (e.g. `GroupHeadingProps.data` from react-select) — looking groups
+ * up by label is unsafe because duplicate labels would always resolve to the
+ * first match, mutating the wrong group.
+ */
+export declare const getGroupEnabledOptions: (group: GroupBase<ISelectOption> | null | undefined) => ISelectOption[];
+/** True iff every enabled option is currently in the selection. */
+export declare const areAllSelected: (selected: ReadonlyArray<ISelectOption>, enabled: ReadonlyArray<ISelectOption>) => boolean;
+/** True when some — but not all — enabled options are selected. */
+export declare const isIndeterminate: (selected: ReadonlyArray<ISelectOption>, enabled: ReadonlyArray<ISelectOption>) => boolean;
+/**
+ * Toggle behaviour for both Select All and group toggle: when every enabled
+ * option in `target` is selected, remove them all; otherwise add the missing
+ * ones to the existing selection. Other selected values (e.g. options
+ * outside `target`) are preserved.
+ */
+export declare const toggleBulkSelection: (selected: ReadonlyArray<ISelectOption>, target: ReadonlyArray<ISelectOption>) => ISelectOption[];

package/src/tedi/components/form/select/components/select-bulk-helpers.es.js

@@ -0,0 +1,34 @@
+const i = "__tedi_select_all__", o = "__tedi_select_group__:", u = (t) => !!t && typeof t.value == "string" && t.value.startsWith(o), f = (t) => {
+  if (!t || t.length === 0) return [];
+  const e = [];
+  for (const n of t)
+    if (n && typeof n == "object" && Array.isArray(n.options))
+      for (const s of n.options)
+        s.isDisabled || e.push(s);
+    else {
+      const s = n;
+      s && !s.isDisabled && e.push(s);
+    }
+  return e;
+}, a = (t) => !t || !Array.isArray(t.options) ? [] : t.options.filter((e) => !e.isDisabled), l = (t, e) => e.length === 0 ? !1 : e.every((n) => t.some((s) => s.value === n.value)), c = (t, e) => {
+  if (e.length === 0) return !1;
+  const n = e.filter((s) => t.some((r) => r.value === s.value)).length;
+  return n > 0 && n < e.length;
+}, _ = (t, e) => {
+  if (l(t, e))
+    return t.filter((s) => !e.some((r) => r.value === s.value));
+  const n = [...t];
+  for (const s of e)
+    n.some((r) => r.value === s.value) || n.push(s);
+  return n;
+};
+export {
+  o as GROUP_OPTION_PREFIX,
+  i as SELECT_ALL_VALUE,
+  l as areAllSelected,
+  f as getEnabledOptions,
+  a as getGroupEnabledOptions,
+  u as isGroupSentinel,
+  c as isIndeterminate,
+  _ as toggleBulkSelection
+};

package/src/tedi/components/form/select/components/select-group-bulk-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null),u=()=>e.useContext(t);exports.SelectGroupBulkContext=t;exports.useSelectGroupBulkApi=u;

package/src/tedi/components/form/select/components/select-group-bulk-context.d.ts

@@ -0,0 +1,18 @@
+import { SetValueAction } from 'react-select';
+import { ISelectOption } from '../select';
+/**
+ * Exposes react-select's `getValue` / `setValue` helpers from the `Group`
+ * component down to `GroupHeading`. react-select only forwards `selectProps`
+ * + theme/styles to the heading at runtime, so the heading can't read these
+ * helpers from its own props — it has to grab them from this context.
+ *
+ * Using `selectProps.value` / `selectProps.onChange` instead would only work
+ * in fully controlled mode: in uncontrolled mode `value` is undefined and
+ * `onChange` bypasses react-select's internal state.
+ */
+export interface SelectGroupBulkApi {
+    getValue: () => ReadonlyArray<ISelectOption>;
+    setValue: (value: ReadonlyArray<ISelectOption>, action: SetValueAction) => void;
+}
+export declare const SelectGroupBulkContext: import('react').Context<SelectGroupBulkApi | null>;
+export declare const useSelectGroupBulkApi: () => SelectGroupBulkApi | null;

package/src/tedi/components/form/select/components/select-group-bulk-context.es.js

@@ -0,0 +1,6 @@
+import { useContext as t, createContext as e } from "react";
+const o = e(null), l = () => t(o);
+export {
+  o as SelectGroupBulkContext,
+  l as useSelectGroupBulkApi
+};

package/src/tedi/components/form/select/components/select-group-heading.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),c=require("../../../base/typography/text/text.cjs.js"),u=require("../select.module.scss.cjs.js"),d=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),s=({optionGroupHeadingText:n,...e})=>{const r=e.data.text||n;return t.jsx(d.c.GroupHeading,{...e,className:i.default(u.default["tedi-select__group-heading"]),children:t.jsx(c.Text,{...r,children:e.data.label})})};exports.SelectGroupHeading=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),q=require("react"),u=require("../../../base/typography/text/text.cjs.js"),G=require("../../checkbox/checkbox.cjs.js"),i=require("../select.module.scss.cjs.js"),s=require("./select-bulk-helpers.cjs.js"),f=require("./select-group-bulk-context.cjs.js"),j=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),g=({optionGroupHeadingText:x,...e})=>{const _=q.useId(),d=e.data.text||x,{selectableGroups:h,isMulti:b}=e.selectProps,t=f.useSelectGroupBulkApi(),l=!!b&&!!h&&!!t,c=l?s.getGroupEnabledOptions(e.data):[],o=(t==null?void 0:t.getValue())??[],r=l&&s.areAllSelected(o,c),p=l&&s.isIndeterminate(o,c),m=()=>{if(!l||!t||c.length===0)return;const a=s.toggleBulkSelection(o,c);t.setValue(a,r?"deselect-option":"select-option")};return n.jsx(j.c.GroupHeading,{...e,className:S.default(i.default["tedi-select__group-heading"],{[i.default["tedi-select__group-heading--selectable"]]:l}),children:l?n.jsx("div",{className:i.default["tedi-select__group-heading-toggle"],onMouseDown:a=>a.preventDefault(),children:n.jsx(G.Checkbox,{id:`${e.selectProps.instanceId??"tedi-select"}-group-${_}`,name:"tedi-select__group-toggle",value:`__group_${e.data.label}__`,label:n.jsx(u.Text,{...d,children:e.data.label}),checked:r,indeterminate:p,onChange:m})}):n.jsx(u.Text,{...d,children:e.data.label})})};g.displayName="SelectGroupHeading";exports.SelectGroupHeading=g;

package/src/tedi/components/form/select/components/select-group-heading.d.ts

@@ -5,5 +5,8 @@ import { IGroupedOptions, ISelectOption } from '../select';
 type GroupHeadingType = GroupHeadingProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>> & {
     optionGroupHeadingText?: Pick<TextProps, 'modifiers' | 'color'>;
 };
-export declare const SelectGroupHeading: ({ optionGroupHeadingText, ...props }: GroupHeadingType) => ReactElement;
+export declare const SelectGroupHeading: {
+    ({ optionGroupHeadingText, ...props }: GroupHeadingType): ReactElement;
+    displayName: string;
+};
 export {};

package/src/tedi/components/form/select/components/select-group-heading.es.js

@@ -1,12 +1,47 @@
-import { jsx as e } from "react/jsx-runtime";
-import a from "../../../../../../external/classnames/index.es.js";
-import { Text as m } from "../../../base/typography/text/text.es.js";
+import { jsx as l } from "react/jsx-runtime";
+import f from "../../../../../../external/classnames/index.es.js";
+import { useId as b } from "react";
+import { Text as d } from "../../../base/typography/text/text.es.js";
+import { Checkbox as x } from "../../checkbox/checkbox.es.js";
 import i from "../select.module.scss.es.js";
-import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
-const f = ({ optionGroupHeadingText: o, ...t }) => {
-  const r = t.data.text || o;
-  return /* @__PURE__ */ e(s.GroupHeading, { ...t, className: a(i["tedi-select__group-heading"]), children: /* @__PURE__ */ e(m, { ...r, children: t.data.label }) });
+import { getGroupEnabledOptions as S, areAllSelected as G, isIndeterminate as v, toggleBulkSelection as H } from "./select-bulk-helpers.es.js";
+import { useSelectGroupBulkApi as I } from "./select-group-bulk-context.es.js";
+import { c as N } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const k = ({ optionGroupHeadingText: g, ...e }) => {
+  const m = b(), s = e.data.text || g, { selectableGroups: u, isMulti: p } = e.selectProps, t = I(), o = !!p && !!u && !!t, n = o ? S(e.data) : [], a = (t == null ? void 0 : t.getValue()) ?? [], r = o && G(a, n), _ = o && v(a, n), h = () => {
+    if (!o || !t || n.length === 0) return;
+    const c = H(a, n);
+    t.setValue(c, r ? "deselect-option" : "select-option");
+  };
+  return /* @__PURE__ */ l(
+    N.GroupHeading,
+    {
+      ...e,
+      className: f(i["tedi-select__group-heading"], {
+        [i["tedi-select__group-heading--selectable"]]: o
+      }),
+      children: o ? (
+        // The Checkbox owns the toggle path through its own `onChange`;
+        // attaching another handler to the wrapper would fire `handleToggle`
+        // twice on a single user click. The wrapper stays only to swallow the
+        // mousedown that would otherwise close react-select's menu.
+        /* @__PURE__ */ l("div", { className: i["tedi-select__group-heading-toggle"], onMouseDown: (c) => c.preventDefault(), children: /* @__PURE__ */ l(
+          x,
+          {
+            id: `${e.selectProps.instanceId ?? "tedi-select"}-group-${m}`,
+            name: "tedi-select__group-toggle",
+            value: `__group_${e.data.label}__`,
+            label: /* @__PURE__ */ l(d, { ...s, children: e.data.label }),
+            checked: r,
+            indeterminate: _,
+            onChange: h
+          }
+        ) })
+      ) : /* @__PURE__ */ l(d, { ...s, children: e.data.label })
+    }
+  );
 };
+k.displayName = "SelectGroupHeading";
 export {
-  f as SelectGroupHeading
+  k as SelectGroupHeading
 };

package/src/tedi/components/form/select/components/select-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),u=require("../select.module.scss.cjs.js"),c=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),i=e=>t.jsx(c.c.Group,{...e,className:r.default(u.default["tedi-select__group"]),children:e.children});exports.SelectGroup=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../../../../../../external/classnames/index.cjs.js"),i=require("react"),n=require("../select.module.scss.cjs.js"),s=require("./select-group-bulk-context.cjs.js"),a=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),u=e=>{const l=i.useMemo(()=>({getValue:()=>e.getValue(),setValue:(r,c)=>e.setValue(r,c)}),[e]);return t.jsx(s.SelectGroupBulkContext.Provider,{value:l,children:t.jsx(a.c.Group,{...e,className:o.default(n.default["tedi-select__group"]),children:e.children})})};u.displayName="SelectGroup";exports.SelectGroup=u;

package/src/tedi/components/form/select/components/select-group.d.ts

@@ -1,3 +1,6 @@
 import { GroupProps } from 'react-select';
 import { IGroupedOptions, ISelectOption } from '../select';
-export declare const SelectGroup: (props: GroupProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>>) => JSX.Element;
+export declare const SelectGroup: {
+    (props: GroupProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>>): JSX.Element;
+    displayName: string;
+};