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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.8",
+  "version": "16.0.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": "3.0.1",
+    "@tedi-design-system/core": "3.2.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",
@@ -67,7 +67,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@commitlint/cli": "^19.8.1",
+    "@commitlint/cli": "^20.4.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",

package/src/community/components/map-components/left-panel/left-panel-footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../tedi/components/base/typography/text/text.cjs.js"),s=require("../../../../tedi/components/navigation/link/link.cjs.js"),t=require("../../../../tedi/components/misc/separator/separator.cjs.js"),a=require("../../form/toggle/toggle.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../tedi/components/layout/grid/col.cjs.js"),n=()=>e.jsxs("div",{className:o.default["tedi-left-panel__footer"],children:[e.jsxs("div",{className:o.default["tedi-left-panel__footer__theme-switch"],children:[e.jsx(a.Toggle,{ariaLabel:"Toggle dark mode",label:e.jsx(l.Text,{children:"Tume režiim"})}),e.jsx(t.Separator,{color:"primary",topSpacing:1})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Tehniline tugi"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"kaardirakendus@maaruum.ee"})})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Telefon"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"6 650 600"})})]}),e.jsx(i.Row,{children:e.jsx(r.Col,{children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Maa- ja Ruumiamet. Kõik õigused kaitstud."})})})]});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../tedi/components/base/typography/text/text.cjs.js"),s=require("../../../../tedi/components/navigation/link/link.cjs.js"),t=require("../../../../tedi/components/misc/separator/separator.cjs.js"),a=require("../../form/toggle/toggle.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../tedi/components/layout/grid/col.cjs.js"),n=()=>e.jsxs("div",{className:o.default["tedi-left-panel__footer"],children:[e.jsxs("div",{className:o.default["tedi-left-panel__footer__theme-switch"],children:[e.jsx(a.Toggle,{ariaLabel:"Toggle dark mode",label:e.jsx(l.Text,{children:"Tume režiim"})}),e.jsx(t.Separator,{color:"primary",spacing:1})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Tehniline tugi"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"kaardirakendus@maaruum.ee"})})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Telefon"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"6 650 600"})})]}),e.jsx(i.Row,{children:e.jsx(r.Col,{children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Maa- ja Ruumiamet. Kõik õigused kaitstud."})})})]});exports.default=n;

package/src/community/components/map-components/left-panel/left-panel-footer.es.js

@@ -1,25 +1,25 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Text as o } from "../../../../tedi/components/base/typography/text/text.es.js";
+import { Text as l } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Link as a } from "../../../../tedi/components/navigation/link/link.es.js";
 import { Separator as m } from "../../../../tedi/components/misc/separator/separator.es.js";
 import { Toggle as t } from "../../form/toggle/toggle.es.js";
 import d from "./left-panel.module.scss.es.js";
-import { Row as l } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Row as o } from "../../../../tedi/components/layout/grid/row.es.js";
 import { Col as r } from "../../../../tedi/components/layout/grid/col.es.js";
 const k = () => /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer"], children: [
   /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer__theme-switch"], children: [
-    /* @__PURE__ */ e(t, { ariaLabel: "Toggle dark mode", label: /* @__PURE__ */ e(o, { children: "Tume režiim" }) }),
-    /* @__PURE__ */ e(m, { color: "primary", topSpacing: 1 })
+    /* @__PURE__ */ e(t, { ariaLabel: "Toggle dark mode", label: /* @__PURE__ */ e(l, { children: "Tume režiim" }) }),
+    /* @__PURE__ */ e(m, { color: "primary", spacing: 1 })
   ] }),
-  /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(o, { color: "secondary", modifiers: "small", children: "Tehniline tugi" }) }),
+  /* @__PURE__ */ i(o, { children: [
+    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Tehniline tugi" }) }),
     /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "kaardirakendus@maaruum.ee" }) })
   ] }),
-  /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(o, { color: "secondary", modifiers: "small", children: "Telefon" }) }),
+  /* @__PURE__ */ i(o, { children: [
+    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Telefon" }) }),
     /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "6 650 600" }) })
   ] }),
-  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(o, { color: "secondary", modifiers: "small", children: "Maa- ja Ruumiamet. Kõik õigused kaitstud." }) }) })
+  /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Maa- ja Ruumiamet. Kõik õigused kaitstud." }) }) })
 ] });
 export {
   k as default

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

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

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

@@ -1,98 +1,98 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import i from "../../../../../external/classnames/index.es.js";
+import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
 import { forwardRef as F } from "react";
 import { Icon as G } from "../../base/icon/icon.es.js";
-import { Spinner as k } from "../../loaders/spinner/spinner.es.js";
+import { Spinner as h } from "../../loaders/spinner/spinner.es.js";
 import { Print as J } from "../../misc/print/print.es.js";
 import t from "./button-content.module.scss.es.js";
 import { Tooltip as c } from "../../overlays/tooltip/tooltip.es.js";
 const E = F(
   ({
-    children: a,
-    as: T,
+    children: l,
+    as: $,
     _text: K,
     className: f,
-    visualType: u = "primary",
-    color: $ = "default",
-    size: l,
+    visualType: j = "primary",
+    color: w = "default",
+    size: i,
     icon: o,
     iconLeft: d,
     iconRight: m,
-    underline: j = !1,
-    isHovered: w,
-    isActive: P,
+    underline: P = !1,
+    isHovered: g,
+    isActive: A,
     isLoading: r = !1,
-    noStyle: _,
+    noStyle: u,
     _renderWrapperElement: Q,
-    fullWidth: y,
-    onClick: N,
-    showTooltip: g = !1,
-    ...x
-  }, A) => {
-    const M = T || "button", B = o || d || m, z = _ ? i(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: y }, f) : i(
+    fullWidth: _,
+    onClick: y,
+    showTooltip: M = !1,
+    ...N
+  }, k) => {
+    const x = $ || "button", B = o || d || m, H = u ? a(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: _ }, f) : a(
       t["tedi-btn"],
-      t[`tedi-btn--${u}`],
-      t[`tedi-btn--${$}`],
-      { [t[`tedi-btn--${l}`]]: l },
-      { [t["tedi-btn--underline"]]: j },
-      { [t["tedi-btn--is-hovered"]]: w },
-      { [t["tedi-btn--is-active"]]: P },
+      t[`tedi-btn--${j}`],
+      t[`tedi-btn--${w}`],
+      { [t[`tedi-btn--${i}`]]: i },
+      { [t["tedi-btn--underline"]]: P },
+      { [t["tedi-btn--is-hovered"]]: g },
+      { [t["tedi-btn--is-active"]]: A },
       { [t["tedi-btn--is-loading"]]: r },
       { [t["tedi-btn--icon-only"]]: o },
       { [t["tedi-btn--icon"]]: B },
-      { [t["tedi-btn--full-width"]]: y },
+      { [t["tedi-btn--full-width"]]: _ },
       f
     ), b = (e, n) => {
-      const D = i(t["tedi-btn__icon"], t[`tedi-btn__icon--${e}`], {
-        [t["tedi-btn__spinner"]]: r
+      const D = a(t["tedi-btn__icon"], t[`tedi-btn__icon--${e}`], {
+        [t["tedi-btn__spinner"]]: r,
+        [t["tedi-btn__icon-responsive"]]: x === "a" && i === "small"
       }), p = {
-        size: l === "large" ? 24 : 18,
-        className: D,
-        ...u === "link" ? { display: "inline" } : {}
-      }, v = typeof n == "string" ? { ...p, name: n } : { ...p, ...n, className: i(p.className, n == null ? void 0 : n.className) };
-      return r ? /* @__PURE__ */ s(k, { className: v.className, size: 18 }) : /* @__PURE__ */ s(G, { ...v });
-    }, H = () => {
+        size: i === "large" ? 24 : 18,
+        className: D
+      }, I = typeof n == "string" ? { ...p, name: n } : { ...p, ...n, className: a(p.className, n == null ? void 0 : n.className) };
+      return r ? /* @__PURE__ */ s(h, { className: I.className, size: 18 }) : /* @__PURE__ */ s(G, { ...I });
+    }, O = () => {
       const e = r ? /* @__PURE__ */ s(
-        k,
+        h,
         {
           position: B ? void 0 : "absolute",
-          className: i(t["tedi-btn__spinner"], t["tedi-btn__spinner--left"]),
+          className: a(t["tedi-btn__spinner"], t["tedi-btn__spinner--left"]),
           size: 18
         }
       ) : d ? b("left", d) : o ? b("center", o) : null;
-      return /* @__PURE__ */ h("span", { className: t["tedi-btn__inner"], children: [
+      return /* @__PURE__ */ T("span", { className: t["tedi-btn__inner"], children: [
         e,
-        /* @__PURE__ */ s("span", { className: t["tedi-btn__text"], children: a }),
+        /* @__PURE__ */ s("span", { className: t["tedi-btn__text"], children: l }),
         !r && m && b("right", m)
       ] });
-    }, O = (e) => {
-      N && !r && N(e);
-    }, q = !!o, C = ((e) => {
+    }, q = (e) => {
+      y && !r && y(e);
+    }, z = !!o, C = ((e) => {
       if (typeof e == "string") return e;
       if (Array.isArray(e))
         return e.map((n) => typeof n == "string" ? n : "").join("").trim();
-    })(a), I = /* @__PURE__ */ s(
-      M,
+    })(l), v = /* @__PURE__ */ s(
+      x,
       {
         "data-name": "button-content",
-        ...x,
-        "aria-disabled": r || x["aria-disabled"],
+        ...N,
+        "aria-disabled": r || N["aria-disabled"],
         "aria-busy": r || void 0,
-        onClick: O,
-        ref: A,
-        className: z,
-        children: _ ? a : H()
+        onClick: q,
+        ref: k,
+        className: H,
+        children: u ? l : O()
       }
     );
-    return /* @__PURE__ */ s(J, { visibility: "hide", children: g && q && C ? /* @__PURE__ */ h(c, { children: [
-      /* @__PURE__ */ s(c.Trigger, { children: I }),
+    return /* @__PURE__ */ s(J, { visibility: "hide", children: M && z && C ? /* @__PURE__ */ T(c, { children: [
+      /* @__PURE__ */ s(c.Trigger, { children: v }),
       /* @__PURE__ */ s(c.Content, { children: C })
-    ] }) : I });
+    ] }) : v });
   }
 );
 E.displayName = "ButtonContent";
-const et = E;
+const tt = E;
 export {
-  et as ButtonContent,
-  et as default
+  tt as ButtonContent,
+  tt as default
 };

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__icon--left":"tedi-btn__icon--left-63fdbc12","tedi-btn__icon--right":"tedi-btn__icon--right-67cbf204","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__inner":"tedi-btn__inner-ee6403e9","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-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;

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

@@ -15,12 +15,13 @@ const t = {
   "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__inner": "tedi-btn__inner-ee6403e9",
   "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",

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 f=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),m=require("../button/button.cjs.js"),t=require("./button-group.module.scss.cjs.js"),n=s=>{const{children:l,className:d,type:p="primary",onSelectionChange:u,stretch:b=!1,ariaLabel:c}=s;return f.jsx("div",{className:i.default(t.default["tedi-button-group"],t.default[`tedi-button-group--${p}`],{[t.default["tedi-button-group--stretch"]]:b},d),role:"group","aria-label":c,children:r.Children.map(l,e=>r.isValidElement(e)&&e.type===m.Button?r.cloneElement(e,{className:i.default(t.default["tedi-button-group__item"],{[t.default["tedi-button-group__item--active"]]:e.props.isActive,[t.default["tedi-button-group__item--disabled"]]:e.props.disabled}),noStyle:!0,onClick:()=>{var o,a;e.props.disabled||((a=(o=e.props).onClick)==null||a.call(o),u==null||u(e.props.id))}}):null)})};exports.ButtonGroup=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),_=require("../button/button.cjs.js"),t=require("./button-group.module.scss.cjs.js"),n=l=>{const{children:d,className:p,type:b="primary",onSelectionChange:u,stretch:f=!1,ariaLabel:c,size:r="default"}=l;return m.jsx("div",{className:s.default(t.default["tedi-button-group"],t.default[`tedi-button-group--${b}`],{[t.default["tedi-button-group--stretch"]]:f},p),role:"group","aria-label":c,children:o.Children.map(d,e=>o.isValidElement(e)&&e.type===_.Button?o.cloneElement(e,{className:s.default(t.default["tedi-button-group__item"],{[t.default["tedi-button-group__item--active"]]:e.props.isActive,[t.default["tedi-button-group__item--disabled"]]:e.props.disabled,[t.default[`tedi-button-group__item--size-${r}`]]:r}),size:r,onClick:()=>{var i,a;e.props.disabled||((a=(i=e.props).onClick)==null||a.call(i),u==null||u(e.props.id))}}):null)})};exports.ButtonGroup=n;exports.default=n;

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

@@ -31,6 +31,10 @@ export type ButtonGroupProps = {
      * Additional custom CSS classes to apply to the ButtonGroup container
      */
     className?: string;
+    /**
+     * Size of the buttons in ButtonGroup
+     */
+    size?: 'default' | 'small';
 };
 export declare const ButtonGroup: (props: ButtonGroupProps) => JSX.Element;
 export default ButtonGroup;

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

@@ -1,38 +1,47 @@
-import { jsx as d } from "react/jsx-runtime";
-import s from "../../../../../external/classnames/index.es.js";
-import { Children as b, isValidElement as f, cloneElement as c } from "react";
+import { jsx as b } from "react/jsx-runtime";
+import p from "../../../../../external/classnames/index.es.js";
+import { Children as f, isValidElement as _, cloneElement as c } from "react";
 import { Button as g } from "../button/button.es.js";
-import r from "./button-group.module.scss.es.js";
-const x = (i) => {
-  const { children: a, className: u, type: m = "primary", onSelectionChange: e, stretch: n = !1, ariaLabel: l } = i;
-  return /* @__PURE__ */ d(
+import e from "./button-group.module.scss.es.js";
+const z = (a) => {
+  const {
+    children: u,
+    className: m,
+    type: n = "primary",
+    onSelectionChange: r,
+    stretch: l = !1,
+    ariaLabel: d,
+    size: o = "default"
+  } = a;
+  return /* @__PURE__ */ b(
     "div",
     {
-      className: s(
-        r["tedi-button-group"],
-        r[`tedi-button-group--${m}`],
+      className: p(
+        e["tedi-button-group"],
+        e[`tedi-button-group--${n}`],
         {
-          [r["tedi-button-group--stretch"]]: n
+          [e["tedi-button-group--stretch"]]: l
         },
-        u
+        m
       ),
       role: "group",
-      "aria-label": l,
-      children: b.map(a, (t) => f(t) && t.type === g ? c(t, {
-        className: s(r["tedi-button-group__item"], {
-          [r["tedi-button-group__item--active"]]: t.props.isActive,
-          [r["tedi-button-group__item--disabled"]]: t.props.disabled
+      "aria-label": d,
+      children: f.map(u, (t) => _(t) && t.type === g ? c(t, {
+        className: p(e["tedi-button-group__item"], {
+          [e["tedi-button-group__item--active"]]: t.props.isActive,
+          [e["tedi-button-group__item--disabled"]]: t.props.disabled,
+          [e[`tedi-button-group__item--size-${o}`]]: o
         }),
-        noStyle: !0,
+        size: o,
         onClick: () => {
-          var o, p;
-          t.props.disabled || ((p = (o = t.props).onClick) == null || p.call(o), e == null || e(t.props.id));
+          var i, s;
+          t.props.disabled || ((s = (i = t.props).onClick) == null || s.call(i), r == null || r(t.props.id));
         }
       }) : null)
     }
   );
 };
 export {
-  x as ButtonGroup,
-  x as default
+  z as ButtonGroup,
+  z as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-button-group":"tedi-button-group-a1579a0b","tedi-button-group--primary":"tedi-button-group--primary-c12d7511","tedi-button-group__item":"tedi-button-group__item-8dedbcd6","tedi-button-group--secondary":"tedi-button-group--secondary-812a4d06","tedi-button-group__item--disabled":"tedi-button-group__item--disabled-0027448e","tedi-button-group__item--active":"tedi-button-group__item--active-d4dfddb6","tedi-button-group--stretch":"tedi-button-group--stretch-d703f880"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-button-group":"tedi-button-group-a1579a0b","tedi-button-group--primary":"tedi-button-group--primary-c12d7511","tedi-button-group__item":"tedi-button-group__item-8dedbcd6","tedi-button-group--secondary":"tedi-button-group--secondary-812a4d06","tedi-button-group__item--size-default":"tedi-button-group__item--size-default-5ee2d72b","tedi-button-group__item--size-small":"tedi-button-group__item--size-small-ad13cc00","tedi-button-group__item--disabled":"tedi-button-group__item--disabled-0027448e","tedi-button-group__item--active":"tedi-button-group__item--active-d4dfddb6","tedi-button-group--stretch":"tedi-button-group--stretch-d703f880"};exports.default=t;

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

@@ -3,6 +3,8 @@ const t = {
   "tedi-button-group--primary": "tedi-button-group--primary-c12d7511",
   "tedi-button-group__item": "tedi-button-group__item-8dedbcd6",
   "tedi-button-group--secondary": "tedi-button-group--secondary-812a4d06",
+  "tedi-button-group__item--size-default": "tedi-button-group__item--size-default-5ee2d72b",
+  "tedi-button-group__item--size-small": "tedi-button-group__item--size-small-ad13cc00",
   "tedi-button-group__item--disabled": "tedi-button-group__item--disabled-0027448e",
   "tedi-button-group__item--active": "tedi-button-group__item--active-d4dfddb6",
   "tedi-button-group--stretch": "tedi-button-group--stretch-d703f880"

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),f=require("../../base/icon/icon.cjs.js"),n=require("./closing-button.module.scss.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),l=i=>{const{getLabel:u}=q.useLabels(),{title:e=u("close"),onClick:c,size:a="default",iconSize:t=24,className:r,...d}=i,s=t===18?"small":a,b=m.default(n.default["tedi-closing-button"],{[n.default[`tedi-closing-button--${s}`]]:s},r),g=t??24;return o.jsx("button",{"data-name":"closing-button",type:"button",...d,className:b,onClick:c,title:e,"aria-label":e,children:o.jsx(f.Icon,{name:"close",size:g})})};exports.ClosingButton=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),q=require("../../base/icon/icon.cjs.js"),e=require("./closing-button.module.scss.cjs.js"),z=require("../../../providers/label-provider/use-labels.cjs.js"),u=c=>{const{getLabel:r}=z.useLabels(),{title:o=r("close"),onClick:a,size:t="default",iconSize:n=24,color:s="primary",className:d,...b}=c,l=n===18?"small":t,g=f.default(e.default["tedi-closing-button"],{[e.default[`tedi-closing-button--${t}`]]:t,[e.default[`tedi-closing-button--color-${s}`]]:s,[e.default[`tedi-closing-button--${l}`]]:l},d),m=n??24;return i.jsx("button",{"data-name":"closing-button",type:"button",...b,className:g,onClick:a,title:o,"aria-label":o,children:i.jsx(q.Icon,{name:"close",size:m,color:"inherit"})})};exports.ClosingButton=u;exports.default=u;

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

@@ -1,4 +1,5 @@
 import { MouseEventHandler, ButtonHTMLAttributes } from 'react';
+type ClosingButtonColor = 'primary' | 'brand' | 'white';
 export type ClosingButtonSize = 'default' | 'small';
 export type ClosingButtonIconSize = 18 | 24;
 export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -8,7 +9,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
     className?: string;
     /**
      * Size of the ClosingButton
-     * @default 'default'
+     * @default default
      */
     size?: ClosingButtonSize;
     /**
@@ -16,6 +17,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
      */
     onClick?: MouseEventHandler<HTMLButtonElement>;
     title?: string;
+    color?: ClosingButtonColor;
     iconSize?: ClosingButtonIconSize;
 }
 export declare const ClosingButton: (props: ClosingButtonProps) => JSX.Element;

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

@@ -1,27 +1,37 @@
-import { jsx as s } from "react/jsx-runtime";
-import b from "../../../../../external/classnames/index.es.js";
-import { Icon as d } from "../../base/icon/icon.es.js";
-import n from "./closing-button.module.scss.es.js";
+import { jsx as i } from "react/jsx-runtime";
+import d from "../../../../../external/classnames/index.es.js";
+import { Icon as p } from "../../base/icon/icon.es.js";
+import o from "./closing-button.module.scss.es.js";
 import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
-const I = (l) => {
-  const { getLabel: i } = f(), { title: o = i("close"), onClick: a, size: c = "default", iconSize: t = 24, className: r, ...m } = l, e = t === 18 ? "small" : c, u = b(
-    n["tedi-closing-button"],
+const I = (c) => {
+  const { getLabel: r } = f(), {
+    title: e = r("close"),
+    onClick: a,
+    size: t = "default",
+    iconSize: s = 24,
+    color: n = "primary",
+    className: m,
+    ...u
+  } = c, l = s === 18 ? "small" : t, b = d(
+    o["tedi-closing-button"],
     {
-      [n[`tedi-closing-button--${e}`]]: e
+      [o[`tedi-closing-button--${t}`]]: t,
+      [o[`tedi-closing-button--color-${n}`]]: n,
+      [o[`tedi-closing-button--${l}`]]: l
     },
-    r
+    m
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "button",
     {
       "data-name": "closing-button",
       type: "button",
-      ...m,
-      className: u,
+      ...u,
+      className: b,
       onClick: a,
-      title: o,
-      "aria-label": o,
-      children: /* @__PURE__ */ s(d, { name: "close", size: t ?? 24 })
+      title: e,
+      "aria-label": e,
+      children: /* @__PURE__ */ i(p, { name: "close", size: s ?? 24, color: "inherit" })
     }
   );
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--default":"tedi-closing-button--default-22ed12be","tedi-closing-button--small":"tedi-closing-button--small-0e85c3e2"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--default":"tedi-closing-button--default-22ed12be","tedi-closing-button--small":"tedi-closing-button--small-0e85c3e2","tedi-closing-button--color-primary":"tedi-closing-button--color-primary-354c7441","tedi-closing-button--color-brand":"tedi-closing-button--color-brand-3b2d68a9","tedi-closing-button--color-white":"tedi-closing-button--color-white-be57bd0e"};exports.default=t;

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

@@ -1,7 +1,10 @@
 const t = {
   "tedi-closing-button": "tedi-closing-button-358111e2",
   "tedi-closing-button--default": "tedi-closing-button--default-22ed12be",
-  "tedi-closing-button--small": "tedi-closing-button--small-0e85c3e2"
+  "tedi-closing-button--small": "tedi-closing-button--small-0e85c3e2",
+  "tedi-closing-button--color-primary": "tedi-closing-button--color-primary-354c7441",
+  "tedi-closing-button--color-brand": "tedi-closing-button--color-brand-3b2d68a9",
+  "tedi-closing-button--color-white": "tedi-closing-button--color-white-be57bd0e"
 };
 export {
   t as default

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__icon--left":"tedi-btn__icon--left-a9b176d3","tedi-btn__icon--right":"tedi-btn__icon--right-bccdacec","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__inner":"tedi-btn__inner-df9867b5","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-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;

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

@@ -15,12 +15,13 @@ const t = {
   "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__inner": "tedi-btn__inner-df9867b5",
   "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",

package/src/tedi/components/form/checkbox/checkbox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),p=require("../../base/icon/icon.cjs.js"),$=require("../feedback-text/feedback-text.cjs.js"),B=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),F=require("../../layout/grid/row.cjs.js"),j=require("../../layout/grid/col.cjs.js"),q=C=>{const{id:o,label:h,value:f,className:N,disabled:x=!1,onChange:d,hideLabel:g=!1,helper:i,checked:l,defaultChecked:y,indeterminate:s,hover:I,name:R,tooltip:b,invalid:v,size:r="default",required:w,...z}=C,[k,L]=u.useState(y||!1),_=u.useRef(null),n=u.useMemo(()=>s?"mixed":d&&typeof l<"u"?l:k,[s,d,l,k]),M=t=>{typeof l>"u"&&L(t==null?void 0:t.target.checked),d==null||d(f,t==null?void 0:t.target.checked)},m=i?i.id??`${o}-helper`:void 0,S=b?`${o}-tooltip`:void 0,T=a.default(e.default["tedi-checkbox__label"],{[e.default["tedi-checkbox--disabled"]]:x});return c.jsxs("div",{"data-name":"check",...z,children:[c.jsxs(F.Row,{gutter:0,children:[c.jsx(j.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:o,value:f,name:R,type:"checkbox",disabled:x,checked:n!=="mixed"?n:!1,"aria-checked":n,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[m,S].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=_.current)==null?void 0:t.click()},className:a.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:I,[e.default["tedi-checkbox__indicator--indeterminate"]]:s,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:v},N),"data-testid":"checkbox-indicator",children:[c.jsx(p.Icon,{size:r==="default"?16:18,name:"remove",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(p.Icon,{size:r==="default"?16:18,name:"check",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),h&&c.jsx(j.Col,{children:c.jsx(B.FormLabel,{ref:_,className:T,id:o,"data-testid":"checkbox-label",hideLabel:g,label:h,tooltip:b,required:w})})]}),i&&c.jsx($.FeedbackText,{id:m,...i,className:a.default(e.default["tedi-checkbox__helper"],i.className)})]})};exports.Checkbox=q;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),p=require("../../base/icon/icon.cjs.js"),$=require("../feedback-text/feedback-text.cjs.js"),B=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),F=require("../../layout/grid/row.cjs.js"),j=require("../../layout/grid/col.cjs.js"),q=C=>{const{id:l,label:f,value:b,className:N,disabled:r=!1,onChange:i,hideLabel:g=!1,helper:a,checked:o,defaultChecked:y,indeterminate:n,hover:I,name:R,tooltip:x,invalid:v,size:s="default",required:w,...z}=C,[k,L]=h.useState(y||!1),_=h.useRef(null),u=h.useMemo(()=>n?"mixed":i&&typeof o<"u"?o:k,[n,i,o,k]),M=t=>{typeof o>"u"&&L(t==null?void 0:t.target.checked),i==null||i(b,t==null?void 0:t.target.checked)},m=a?a.id??`${l}-helper`:void 0,S=x?`${l}-tooltip`:void 0,T=d.default(e.default["tedi-checkbox__label"],{[e.default["tedi-checkbox--disabled"]]:r});return c.jsxs("div",{className:d.default(e.default["tedi-checkbox"],{[e.default["tedi-checkbox--disabled"]]:r}),"data-name":"check",...z,children:[c.jsxs(F.Row,{gutter:0,children:[c.jsx(j.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:l,value:b,name:R,type:"checkbox",disabled:r,checked:u!=="mixed"?u:!1,"aria-checked":u,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[m,S].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=_.current)==null?void 0:t.click()},className:d.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:I,[e.default["tedi-checkbox__indicator--indeterminate"]]:n,[e.default[`tedi-checkbox__indicator--size-${s}`]]:s,[e.default["tedi-checkbox__indicator--invalid"]]:v},N),"data-testid":"checkbox-indicator",children:[c.jsx(p.Icon,{size:s==="default"?16:18,name:"remove",className:d.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(p.Icon,{size:s==="default"?16:18,name:"check",className:d.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),f&&c.jsx(j.Col,{children:c.jsx(B.FormLabel,{ref:_,className:T,id:l,"data-testid":"checkbox-label",hideLabel:g,label:f,tooltip:x,required:w})})]}),a&&c.jsx($.FeedbackText,{id:m,...a,className:d.default(e.default["tedi-checkbox__helper"],a.className)})]})};exports.Checkbox=q;exports.default=q;