@tedi-design-system/react 16.0.0-rc.14 → 16.0.0-rc.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.14",
+  "version": "16.0.0-rc.16",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -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/tedi/components/form/choice-group/choice-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),ne=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=m=>{const{getLabel:p}=oe.useLabels(),I=B.useBreakpoint(m.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=ne.useBreakpointProps(m.defaultServerBreakpoint),{id:d,className:T,label:b,required:H,helper:u,items:o,variant:C="default",direction:h=C==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:x,name:w,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:g={},color:E,layout:y,showIndicator:$,...O}=R(m),{...W}=g,X=(g==null?void 0:g.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=f.useState(()=>{if(G)return G;if(i==="radio"){const e=o.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?o.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=m.value)=>!!a&&typeof e<"u",r=q(S)?S:Y,k=f.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=f.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=o==null?void 0:o.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,o]),z=f.useMemo(()=>!k&&!c,[c,k]),D=f.useMemo(()=>{const e=c?"all":k?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?p(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[p,s,c,k]),J={name:w,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],x==null?void 0:x.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=o==null?void 0:o.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return n.jsx(re.ChoiceGroupContext.Provider,{value:J,children:n.jsxs("fieldset",{...O,className:K,id:d,name:w,"aria-describedby":L,children:[b&&typeof b=="string"?n.jsx(ee.FormLabel,{id:d,label:b,required:H,hideLabel:P,renderWithoutLabel:!0}):n.jsx("label",{htmlFor:d,children:b}),n.jsx(F.Row,{children:n.jsx(ie.Col,{children:o!=null&&o.length?n.jsxs(n.Fragment,{children:[M&&n.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),n.jsx(F.Row,{direction:h,gutterX:h==="row"&&y==="segmented"?0:2,gutterY:h==="row"&&y==="segmented"?0:1,gap:C==="default"&&(B.isBreakpointBelow(I,"md")||h==="row")?1:0,...x,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:o.map(e=>n.jsx(N.ChoiceGroupItem,{...e,color:E,variant:C,type:i,layout:y,showIndicator:$,direction:h},e.id))})]}):n.jsx("p",{children:p("table.filter.no-options")})})}),u&&n.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),oe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=f=>{const{getLabel:m}=ne.useLabels(),I=B.useBreakpoint(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:C=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:S,inputType:i="radio",value:G,defaultValue:w,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:y="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(w)return w;if(i==="radio"){const e=n.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?n.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=f.value)=>!!a&&typeof e<"u",r=q(G)?G:Y,g=h.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=h.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=n==null?void 0:n.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,n]),z=h.useMemo(()=>!g&&!c,[c,g]),D=h.useMemo(()=>{const e=c?"all":g?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?m(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[m,s,c,g]),J={name:S,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=n==null?void 0:n.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return o.jsx(re.ChoiceGroupContext.Provider,{value:J,children:o.jsxs("fieldset",{...O,className:K,id:d,name:S,"aria-describedby":L,children:[p&&typeof p=="string"?o.jsx(ee.FormLabel,{id:d,label:p,required:H,hideLabel:P,renderWithoutLabel:!0}):o.jsx("label",{htmlFor:d,children:p}),o.jsx(F.Row,{children:o.jsx(ie.Col,{children:n!=null&&n.length?o.jsxs(o.Fragment,{children:[M&&o.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),o.jsx(F.Row,{direction:C,gutterX:y==="segmented"?0:2,gutterY:y==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||C==="row")?1:0,...b,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:n.map(e=>o.jsx(N.ChoiceGroupItem,{...e,color:E,variant:k,type:i,layout:y,showIndicator:$,direction:C},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;

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

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as _, Fragment as Z } from "react/jsx-runtime";
+import { jsx as n, jsxs as w, Fragment as Z } from "react/jsx-runtime";
 import F from "../../../../../external/classnames/index.es.js";
-import y, { useState as ee } from "react";
+import k, { useState as ee } from "react";
 import { FeedbackText as te } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as re } from "../form-label/form-label.es.js";
 import { Checkbox as oe } from "../checkbox/checkbox.es.js";
@@ -8,68 +8,68 @@ import I from "./choice-group.module.scss.es.js";
 import { ChoiceGroupContext as ne } from "./choice-group-context.es.js";
 import { ChoiceGroupItem as j } from "./components/choice-group-item/choice-group-item.es.js";
 import { useBreakpoint as ie, isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useLabels as le } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ae } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as le } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { Row as H } from "../../layout/grid/row.es.js";
 import { Col as de } from "../../layout/grid/col.es.js";
-const se = (u) => {
-  const { getLabel: p } = le(), B = ie(u.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = ae(u.defaultServerBreakpoint), {
+const se = (f) => {
+  const { getLabel: u } = ae(), B = ie(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = le(f.defaultServerBreakpoint), {
     id: s,
     className: R,
-    label: h,
+    label: p,
     required: T,
     helper: m,
     items: o,
-    variant: C = "default",
-    direction: f = C === "default" || G(B, "md") ? "column" : "row",
-    rowProps: b,
+    variant: y = "default",
+    direction: C = y === "default" || G(B, "md") ? "column" : "row",
+    rowProps: h,
     name: S,
     inputType: i = "radio",
-    value: w,
-    defaultValue: A,
-    onChange: a,
+    value: A,
+    defaultValue: L,
+    onChange: l,
     hideLabel: $,
     indeterminateCheck: d,
-    indeterminateCheckProps: g = {},
+    indeterminateCheckProps: b = {},
     color: q,
-    layout: x,
+    layout: x = "separated",
     showIndicator: P,
     ...W
-  } = E(u), { ...X } = g, Y = (g == null ? void 0 : g.indented) ?? !0, L = (m == null ? void 0 : m.id) ?? `${s}-helper`, M = d && i === "checkbox", [z, N] = ee(() => {
-    if (A) return A;
+  } = E(f), { ...X } = b, Y = (b == null ? void 0 : b.indented) ?? !0, M = (m == null ? void 0 : m.id) ?? `${s}-helper`, N = d && i === "checkbox", [z, _] = ee(() => {
+    if (L) return L;
     if (i === "radio") {
-      const e = o.find((l) => l.defaultChecked);
+      const e = o.find((a) => a.defaultChecked);
       return e ? e.value : null;
     }
     return i === "checkbox" ? o.filter((e) => e.defaultChecked).map((e) => e.value) : null;
-  }), v = (e = u.value) => !!a && typeof e < "u", r = v(w) ? w : z, k = y.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = y.useMemo(
+  }), v = (e = f.value) => !!l && typeof e < "u", r = v(A) ? A : z, g = k.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = k.useMemo(
     () => {
       var e;
-      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((l) => !l.disabled)) == null ? void 0 : e.length);
+      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((a) => !a.disabled)) == null ? void 0 : e.length);
     },
     [r == null ? void 0 : r.length, o]
-  ), D = y.useMemo(() => !k && !c, [c, k]), J = y.useMemo(() => {
-    const e = c ? "all" : k ? "none" : "some";
-    return typeof d == "string" ? d : typeof d == "function" ? d(e) : d ? p(e === "all" ? "table.filter.remove-all" : "table.filter.select-all") : "";
-  }, [p, d, c, k]), K = {
+  ), D = k.useMemo(() => !g && !c, [c, g]), J = k.useMemo(() => {
+    const e = c ? "all" : g ? "none" : "some";
+    return typeof d == "string" ? d : typeof d == "function" ? d(e) : d ? u(e === "all" ? "table.filter.remove-all" : "table.filter.select-all") : "";
+  }, [u, d, c, g]), K = {
     name: S,
     inputType: i,
-    onChange: (e, l) => {
+    onChange: (e, a) => {
       let t = r;
-      i === "checkbox" && t ? t = l ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || N(Array.isArray(t) ? [...t] : t), a == null || a(t);
+      i === "checkbox" && t ? t = a ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || _(Array.isArray(t) ? [...t] : t), l == null || l(t);
     },
     currentValue: r
-  }, O = F(I["tedi-choice-group"], R), Q = F(I["tedi-choice-group__inner"], b == null ? void 0 : b.className, {
-    [I["tedi-choice-group__inner--indented"]]: M && Y
+  }, O = F(I["tedi-choice-group"], R), Q = F(I["tedi-choice-group__inner"], h == null ? void 0 : h.className, {
+    [I["tedi-choice-group__inner--indented"]]: N && Y
   }), U = () => {
-    var l;
-    const e = c ? [] : (l = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : l.map((t) => t.value);
-    v() || N([...e]), a == null || a(e);
+    var a;
+    const e = c ? [] : (a = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : a.map((t) => t.value);
+    v() || _([...e]), l == null || l(e);
   };
-  return /* @__PURE__ */ n(ne.Provider, { value: K, children: /* @__PURE__ */ _("fieldset", { ...W, className: O, id: s, name: S, "aria-describedby": L, children: [
-    h && typeof h == "string" ? /* @__PURE__ */ n(re, { id: s, label: h, required: T, hideLabel: $, renderWithoutLabel: !0 }) : /* @__PURE__ */ n("label", { htmlFor: s, children: h }),
-    /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(de, { children: o != null && o.length ? /* @__PURE__ */ _(Z, { children: [
-      M && /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ne.Provider, { value: K, children: /* @__PURE__ */ w("fieldset", { ...W, className: O, id: s, name: S, "aria-describedby": M, children: [
+    p && typeof p == "string" ? /* @__PURE__ */ n(re, { id: s, label: p, required: T, hideLabel: $, renderWithoutLabel: !0 }) : /* @__PURE__ */ n("label", { htmlFor: s, children: p }),
+    /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(de, { children: o != null && o.length ? /* @__PURE__ */ w(Z, { children: [
+      N && /* @__PURE__ */ n(
         oe,
         {
           id: `${s}-indeterminate`,
@@ -85,11 +85,11 @@ const se = (u) => {
       /* @__PURE__ */ n(
         H,
         {
-          direction: f,
-          gutterX: f === "row" && x === "segmented" ? 0 : 2,
-          gutterY: f === "row" && x === "segmented" ? 0 : 1,
-          gap: C === "default" && (G(B, "md") || f === "row") ? 1 : 0,
-          ...b,
+          direction: C,
+          gutterX: x === "segmented" ? 0 : 2,
+          gutterY: x === "segmented" ? 0 : 1,
+          gap: y === "default" && (G(B, "md") || C === "row") ? 1 : 0,
+          ...h,
           className: Q,
           role: i === "radio" ? "radiogroup" : void 0,
           "aria-labelledby": i === "radio" ? s : void 0,
@@ -98,18 +98,18 @@ const se = (u) => {
             {
               ...e,
               color: q,
-              variant: C,
+              variant: y,
               type: i,
               layout: x,
               showIndicator: P,
-              direction: f
+              direction: C
             },
             e.id
           ))
         }
       )
-    ] }) : /* @__PURE__ */ n("p", { children: p("table.filter.no-options") }) }) }),
-    m && /* @__PURE__ */ n(te, { ...m, id: L })
+    ] }) : /* @__PURE__ */ n("p", { children: u("table.filter.no-options") }) }) }),
+    m && /* @__PURE__ */ n(te, { ...m, id: M })
   ] }) });
 };
 se.Item = j;

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("../../../../../../../external/classnames/index.cjs.js"),R=require("react"),S=require("../../../checkbox/checkbox.cjs.js"),A=require("../../../feedback-text/feedback-text.cjs.js"),H=require("../../../radio/radio.cjs.js"),L=require("../../choice-group-context.cjs.js"),e=require("./choice-group-item.module.scss.cjs.js"),O=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),V=require("../../../../layout/grid/col.cjs.js"),y=l=>{const{getCurrentBreakpointProps:q}=O.useBreakpointProps(l.defaultServerBreakpoint),{id:c,label:k,value:a,className:v,direction:m,disabled:n,colProps:N=m==="column"?{width:12}:{width:"auto"},onChange:p,hideLabel:B,helper:r,tooltip:$,type:d="radio",variant:s="default",color:G="primary",layout:I,showIndicator:C,justifyContent:x="start"}=q(l),{currentValue:u,name:b,onChange:f,inputType:P}=R.useContext(L.ChoiceGroupContext),i=Array.isArray(u)?u.includes(a):a===u,M=u===void 0?l.defaultChecked:i,_=(o,g)=>{f==null||f(o,g),p==null||p(o,g)},T=h.default(e.default[`tedi-choice-group-item--${I==="separated"?"separated":"segmented"}`],m&&e.default[`tedi-choice-group-item--${m}`]),w=h.default(e.default["tedi-choice-group-item"],e.default[`tedi-choice-group-item--${s}`],e.default[`tedi-choice-group-item--${s}-${G}`],C&&e.default["tedi-choice-group-item--indicator"],d&&e.default[`tedi-choice-group-item--${d}`],{[e.default["tedi-choice-group-item--disabled"]]:n},{[e.default["tedi-choice-group-item--checked"]]:i},{[`justify-content-${x}`]:x}),E=d==="radio"?H.Radio:S.Checkbox,F=o=>{var j;n||s!=="card"||o.target.closest("input, label")||(j=document.getElementById(c))==null||j.click()};return t.jsx(V.Col,{...N,className:T,children:t.jsx("div",{className:w,onClick:F,role:d,"aria-checked":i,children:s==="default"||C?t.jsx(E,{id:c,label:k,value:a,name:b,className:h.default(e.default["tedi-choice-group-item__indicator"],v),disabled:n,checked:i,defaultChecked:M,onChange:_,hideLabel:B,helper:r?{...r,className:h.default(e.default["tedi-choice-group-item__feedback-text"],r.className)}:void 0,tooltip:$,"data-testid":"choice-group-item-indicator","aria-checked":i}):t.jsxs(t.Fragment,{children:[t.jsx("input",{id:c,value:a,name:b,type:P,disabled:n,checked:i,defaultChecked:u===void 0?l.defaultChecked:void 0,onChange:o=>{_(a,o.target.checked)},className:e.default["tedi-choice-group-item__input"],role:d==="radio"?"radio":void 0,"aria-checked":i}),t.jsxs("label",{htmlFor:c,className:e.default["tedi-choice-group-item__label"],children:[k,r&&t.jsx(A.FeedbackText,{...r,id:c,className:e.default["tedi-choice-group-item__feedback-text"]})]})]})})})};exports.ChoiceGroupItem=y;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("../../../../../../../external/classnames/index.cjs.js"),R=require("react"),S=require("../../../checkbox/checkbox.cjs.js"),A=require("../../../feedback-text/feedback-text.cjs.js"),H=require("../../../radio/radio.cjs.js"),L=require("../../choice-group-context.cjs.js"),e=require("./choice-group-item.module.scss.cjs.js"),O=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),V=require("../../../../layout/grid/col.cjs.js"),v=n=>{const{getCurrentBreakpointProps:_}=O.useBreakpointProps(n.defaultServerBreakpoint),{id:c,label:k,value:a,className:q,direction:m,disabled:d,colProps:N=m==="column"?{width:12}:{width:"auto"},onChange:p,hideLabel:I,helper:r,tooltip:B,type:u="radio",variant:s="default",color:$="primary",layout:G,showIndicator:C,justifyContent:x="start"}=_(n),{currentValue:l,name:b,onChange:f,inputType:P}=R.useContext(L.ChoiceGroupContext),i=Array.isArray(l)?l.includes(a):a===l,M=l===void 0?n.defaultChecked:i,y=(o,g)=>{f==null||f(o,g),p==null||p(o,g)},T=h.default(e.default[`tedi-choice-group-item--${G==="separated"?"separated":"segmented"}`],m&&e.default[`tedi-choice-group-item--${m}`]),w=h.default(e.default["tedi-choice-group-item"],e.default[`tedi-choice-group-item--${s}`],e.default[`tedi-choice-group-item--${s}-${$}`],C&&e.default["tedi-choice-group-item--indicator"],u&&e.default[`tedi-choice-group-item--${u}`],{[e.default["tedi-choice-group-item--disabled"]]:d},{[e.default["tedi-choice-group-item--checked"]]:i},{[`justify-content-${x}`]:x}),E=u==="radio"?H.Radio:S.Checkbox,F=o=>{var j;d||s!=="card"||o.target.closest("input, label")||(j=document.getElementById(c))==null||j.click()};return t.jsx(V.Col,{...N,className:T,children:t.jsx("div",{className:w,tabIndex:d?-1:0,onClick:F,role:u,"aria-checked":i,children:s==="default"||C?t.jsx(E,{id:c,label:k,value:a,name:b,className:h.default(e.default["tedi-choice-group-item__indicator"],q),disabled:d,checked:i,defaultChecked:M,onChange:y,hideLabel:I,helper:r?{...r,className:h.default(e.default["tedi-choice-group-item__feedback-text"],r.className)}:void 0,tooltip:B,"data-testid":"choice-group-item-indicator","aria-checked":i}):t.jsxs(t.Fragment,{children:[t.jsx("input",{id:c,value:a,name:b,type:P,disabled:d,checked:i,defaultChecked:l===void 0?n.defaultChecked:void 0,onChange:o=>{y(a,o.target.checked)},className:"visually-hidden",role:u==="radio"?"radio":void 0,"aria-checked":i,tabIndex:-1}),t.jsxs("label",{htmlFor:c,className:e.default["tedi-choice-group-item__label"],children:[k,r&&t.jsx(A.FeedbackText,{...r,id:c,className:e.default["tedi-choice-group-item__feedback-text"]})]})]})})})};exports.ChoiceGroupItem=v;exports.default=v;

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.es.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as x, Fragment as M } from "react/jsx-runtime";
+import { jsx as l, jsxs as _, Fragment as M } from "react/jsx-runtime";
 import u from "../../../../../../../external/classnames/index.es.js";
 import R from "react";
 import { Checkbox as T } from "../../../checkbox/checkbox.es.js";
@@ -8,85 +8,96 @@ import { ChoiceGroupContext as S } from "../../choice-group-context.es.js";
 import e from "./choice-group-item.module.scss.es.js";
 import { useBreakpointProps as V } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
 import { Col as q } from "../../../../layout/grid/col.es.js";
-const te = (l) => {
-  const { getCurrentBreakpointProps: v } = V(l.defaultServerBreakpoint), {
+const te = (s) => {
+  const { getCurrentBreakpointProps: v } = V(s.defaultServerBreakpoint), {
     id: i,
     label: k,
     value: c,
-    className: $,
-    direction: p,
-    disabled: m,
-    colProps: B = p === "column" ? { width: 12 } : { width: "auto" },
-    onChange: h,
-    hideLabel: I,
-    helper: r,
+    className: I,
+    direction: h,
+    disabled: r,
+    colProps: $ = h === "column" ? { width: 12 } : { width: "auto" },
+    onChange: p,
+    hideLabel: B,
+    helper: a,
     tooltip: j,
-    type: a = "radio",
-    variant: s = "default",
+    type: d = "radio",
+    variant: m = "default",
     color: w = "primary",
     layout: E,
     showIndicator: C,
-    justifyContent: _ = "start"
-  } = v(l), { currentValue: d, name: b, onChange: f, inputType: F } = R.useContext(S), t = Array.isArray(d) ? d.includes(c) : c === d, G = d === void 0 ? l.defaultChecked : t, y = (o, g) => {
-    f == null || f(o, g), h == null || h(o, g);
+    justifyContent: b = "start"
+  } = v(s), { currentValue: n, name: y, onChange: f, inputType: F } = R.useContext(S), t = Array.isArray(n) ? n.includes(c) : c === n, G = n === void 0 ? s.defaultChecked : t, x = (o, g) => {
+    f == null || f(o, g), p == null || p(o, g);
   }, P = u(
     e[`tedi-choice-group-item--${E === "separated" ? "separated" : "segmented"}`],
-    p && e[`tedi-choice-group-item--${p}`]
+    h && e[`tedi-choice-group-item--${h}`]
   ), A = u(
     e["tedi-choice-group-item"],
-    e[`tedi-choice-group-item--${s}`],
-    e[`tedi-choice-group-item--${s}-${w}`],
+    e[`tedi-choice-group-item--${m}`],
+    e[`tedi-choice-group-item--${m}-${w}`],
     C && e["tedi-choice-group-item--indicator"],
-    a && e[`tedi-choice-group-item--${a}`],
-    { [e["tedi-choice-group-item--disabled"]]: m },
+    d && e[`tedi-choice-group-item--${d}`],
+    { [e["tedi-choice-group-item--disabled"]]: r },
     { [e["tedi-choice-group-item--checked"]]: t },
-    { [`justify-content-${_}`]: _ }
+    { [`justify-content-${b}`]: b }
   );
-  return /* @__PURE__ */ n(q, { ...B, className: P, children: /* @__PURE__ */ n("div", { className: A, onClick: (o) => {
-    var N;
-    m || s !== "card" || o.target.closest("input, label") || (N = document.getElementById(i)) == null || N.click();
-  }, role: a, "aria-checked": t, children: s === "default" || C ? /* @__PURE__ */ n(
-    a === "radio" ? L : T,
+  return /* @__PURE__ */ l(q, { ...$, className: P, children: /* @__PURE__ */ l(
+    "div",
     {
-      id: i,
-      label: k,
-      value: c,
-      name: b,
-      className: u(e["tedi-choice-group-item__indicator"], $),
-      disabled: m,
-      checked: t,
-      defaultChecked: G,
-      onChange: y,
-      hideLabel: I,
-      helper: r ? { ...r, className: u(e["tedi-choice-group-item__feedback-text"], r.className) } : void 0,
-      tooltip: j,
-      "data-testid": "choice-group-item-indicator",
-      "aria-checked": t
+      className: A,
+      tabIndex: r ? -1 : 0,
+      onClick: (o) => {
+        var N;
+        r || m !== "card" || o.target.closest("input, label") || (N = document.getElementById(i)) == null || N.click();
+      },
+      role: d,
+      "aria-checked": t,
+      children: m === "default" || C ? /* @__PURE__ */ l(
+        d === "radio" ? L : T,
+        {
+          id: i,
+          label: k,
+          value: c,
+          name: y,
+          className: u(e["tedi-choice-group-item__indicator"], I),
+          disabled: r,
+          checked: t,
+          defaultChecked: G,
+          onChange: x,
+          hideLabel: B,
+          helper: a ? { ...a, className: u(e["tedi-choice-group-item__feedback-text"], a.className) } : void 0,
+          tooltip: j,
+          "data-testid": "choice-group-item-indicator",
+          "aria-checked": t
+        }
+      ) : /* @__PURE__ */ _(M, { children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            id: i,
+            value: c,
+            name: y,
+            type: F,
+            disabled: r,
+            checked: t,
+            defaultChecked: n === void 0 ? s.defaultChecked : void 0,
+            onChange: (o) => {
+              x(c, o.target.checked);
+            },
+            className: "visually-hidden",
+            role: d === "radio" ? "radio" : void 0,
+            "aria-checked": t,
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ _("label", { htmlFor: i, className: e["tedi-choice-group-item__label"], children: [
+          k,
+          a && /* @__PURE__ */ l(H, { ...a, id: i, className: e["tedi-choice-group-item__feedback-text"] })
+        ] })
+      ] })
     }
-  ) : /* @__PURE__ */ x(M, { children: [
-    /* @__PURE__ */ n(
-      "input",
-      {
-        id: i,
-        value: c,
-        name: b,
-        type: F,
-        disabled: m,
-        checked: t,
-        defaultChecked: d === void 0 ? l.defaultChecked : void 0,
-        onChange: (o) => {
-          y(c, o.target.checked);
-        },
-        className: e["tedi-choice-group-item__input"],
-        role: a === "radio" ? "radio" : void 0,
-        "aria-checked": t
-      }
-    ),
-    /* @__PURE__ */ x("label", { htmlFor: i, className: e["tedi-choice-group-item__label"], children: [
-      k,
-      r && /* @__PURE__ */ n(H, { ...r, id: i, className: e["tedi-choice-group-item__feedback-text"] })
-    ] })
-  ] }) }) });
+  ) });
 };
 export {
   te as ChoiceGroupItem,

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-choice-group-item":"tedi-choice-group-item-427c7527","tedi-choice-group-item--card":"tedi-choice-group-item--card-8fc3694a","tedi-choice-group-item--card__feedback-text":"tedi-choice-group-item--card__feedback-text-f124d2c4","tedi-choice-group-item__input":"tedi-choice-group-item__input-7f8978bd","tedi-choice-group-item--card__label":"tedi-choice-group-item--card__label-3706d8e1","tedi-choice-group-item--disabled":"tedi-choice-group-item--disabled-9e588377","tedi-choice-group-item__feedback-text":"tedi-choice-group-item__feedback-text-c4f883af","tedi-choice-group-item--card-primary":"tedi-choice-group-item--card-primary-17806082","tedi-choice-group-item--checkbox":"tedi-choice-group-item--checkbox-d8e2518f","tedi-choice-group-item--checked":"tedi-choice-group-item--checked-add34e3f","tedi-choice-group-item__indicator":"tedi-choice-group-item__indicator-72d3142f","tedi-choice-group-item__label":"tedi-choice-group-item__label-aa5aae03","tedi-choice-group-item--card-secondary":"tedi-choice-group-item--card-secondary-1ee614f7","tedi-choice-group-item--segmented":"tedi-choice-group-item--segmented-8d812ae2","tedi-choice-group-item--column":"tedi-choice-group-item--column-09c83229","tedi-choice-group-item--row":"tedi-choice-group-item--row-dd5ba42c","tedi-choice-group-item--separated":"tedi-choice-group-item--separated-e086464b","tedi-choice-group-item--radio":"tedi-choice-group-item--radio-2766bb38"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-choice-group-item":"tedi-choice-group-item-427c7527","tedi-choice-group-item--card":"tedi-choice-group-item--card-8fc3694a","tedi-choice-group-item--card__feedback-text":"tedi-choice-group-item--card__feedback-text-f124d2c4","tedi-choice-group-item--card__label":"tedi-choice-group-item--card__label-3706d8e1","tedi-choice-group-item__input":"tedi-choice-group-item__input-7f8978bd","tedi-choice-group-item--disabled":"tedi-choice-group-item--disabled-9e588377","tedi-choice-group-item__feedback-text":"tedi-choice-group-item__feedback-text-c4f883af","tedi-choice-group-item--card-primary":"tedi-choice-group-item--card-primary-17806082","tedi-choice-group-item--checked":"tedi-choice-group-item--checked-add34e3f","tedi-choice-group-item__indicator":"tedi-choice-group-item__indicator-72d3142f","tedi-choice-group-item__label":"tedi-choice-group-item__label-aa5aae03","tedi-choice-group-item--card-secondary":"tedi-choice-group-item--card-secondary-1ee614f7","tedi-choice-group-item--segmented":"tedi-choice-group-item--segmented-8d812ae2","tedi-choice-group-item--column":"tedi-choice-group-item--column-09c83229","tedi-choice-group-item--column-reverse":"tedi-choice-group-item--column-reverse-c38b79f2","tedi-choice-group-item--row":"tedi-choice-group-item--row-dd5ba42c","tedi-choice-group-item--row-reverse":"tedi-choice-group-item--row-reverse-ad23204f","tedi-choice-group-item--separated":"tedi-choice-group-item--separated-e086464b","tedi-choice-group-item--radio":"tedi-choice-group-item--radio-2766bb38"};exports.default=e;

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss.es.js

@@ -2,19 +2,20 @@ const e = {
   "tedi-choice-group-item": "tedi-choice-group-item-427c7527",
   "tedi-choice-group-item--card": "tedi-choice-group-item--card-8fc3694a",
   "tedi-choice-group-item--card__feedback-text": "tedi-choice-group-item--card__feedback-text-f124d2c4",
-  "tedi-choice-group-item__input": "tedi-choice-group-item__input-7f8978bd",
   "tedi-choice-group-item--card__label": "tedi-choice-group-item--card__label-3706d8e1",
+  "tedi-choice-group-item__input": "tedi-choice-group-item__input-7f8978bd",
   "tedi-choice-group-item--disabled": "tedi-choice-group-item--disabled-9e588377",
   "tedi-choice-group-item__feedback-text": "tedi-choice-group-item__feedback-text-c4f883af",
   "tedi-choice-group-item--card-primary": "tedi-choice-group-item--card-primary-17806082",
-  "tedi-choice-group-item--checkbox": "tedi-choice-group-item--checkbox-d8e2518f",
   "tedi-choice-group-item--checked": "tedi-choice-group-item--checked-add34e3f",
   "tedi-choice-group-item__indicator": "tedi-choice-group-item__indicator-72d3142f",
   "tedi-choice-group-item__label": "tedi-choice-group-item__label-aa5aae03",
   "tedi-choice-group-item--card-secondary": "tedi-choice-group-item--card-secondary-1ee614f7",
   "tedi-choice-group-item--segmented": "tedi-choice-group-item--segmented-8d812ae2",
   "tedi-choice-group-item--column": "tedi-choice-group-item--column-09c83229",
+  "tedi-choice-group-item--column-reverse": "tedi-choice-group-item--column-reverse-c38b79f2",
   "tedi-choice-group-item--row": "tedi-choice-group-item--row-dd5ba42c",
+  "tedi-choice-group-item--row-reverse": "tedi-choice-group-item--row-reverse-ad23204f",
   "tedi-choice-group-item--separated": "tedi-choice-group-item--separated-e086464b",
   "tedi-choice-group-item--radio": "tedi-choice-group-item--radio-2766bb38"
 };

package/src/tedi/components/form/number-field/number-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),I=N=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(N.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:F,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:M=!1,helper:s,input:f}=P(N),{getLabel:k}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),r=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=s?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,d=u!==void 0&&e>u;return M||t||d||(s==null?void 0:s.type)==="error"},[M,s,u,i]),y=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=k("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>F!==void 0?parseFloat(e.toFixed(F)):e,A=e=>{let t=r;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=y(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(y(+e)),g(y(+e))},O=e=>{const t=e==="increment"?u!==void 0&&r>=u:i!==void 0&&r<=i,d=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=k(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:d,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),d=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:d,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(r)?"true":"false",type:"number",inputMode:E,value:r,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(r)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),s&&l.jsx(Q.FeedbackText,{...s,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};I.displayName="NumberField";exports.NumberField=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),y=I=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(I.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:k,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:F=!1,helper:d,input:f}=P(I),{getLabel:M}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),s=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=d?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return F||t||r||(d==null?void 0:d.type)==="error"},[F,d,u,i]),N=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=M("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>k!==void 0?parseFloat(e.toFixed(k)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=N(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(N(+e)),g(N(+e))},O=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=M(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:r,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),d&&l.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};y.displayName="NumberField";exports.NumberField=y;exports.default=y;

package/src/tedi/components/form/number-field/number-field.es.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as d } from "react/jsx-runtime";
+import { jsxs as N, jsx as d } from "react/jsx-runtime";
 import b from "../../../../../external/classnames/index.es.js";
 import { useRef as K, useState as O, useMemo as Q, useCallback as R } from "react";
 import { Text as X } from "../../base/typography/text/text.es.js";
@@ -8,59 +8,59 @@ import { FormLabel as ee } from "../form-label/form-label.es.js";
 import n from "./number-field.module.scss.es.js";
 import { useBreakpointProps as te } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as ne } from "../../../providers/label-provider/use-labels.es.js";
-const ie = (N) => {
-  const { getCurrentBreakpointProps: P } = te(N.defaultServerBreakpoint), {
+const ie = (y) => {
+  const { getCurrentBreakpointProps: P } = te(y.defaultServerBreakpoint), {
     id: v,
     label: $,
     hideLabel: j,
     required: x,
-    className: F,
+    className: k,
     size: _,
     inputMode: q = "numeric",
-    decimalPlaces: M,
+    decimalPlaces: F,
     min: r,
     max: a,
-    step: o = 1,
+    step: u = 1,
     defaultValue: z,
     value: h,
     onChange: i,
     suffix: B,
     fullWidth: S = !1,
-    disabled: u = !1,
-    invalid: k = !1,
+    disabled: o = !1,
+    invalid: M = !1,
     helper: l,
     input: m
-  } = P(N), { getLabel: V } = ne(), c = K(null), [w, L] = O(""), [T, C] = O(z ?? 0), s = Q(
+  } = P(y), { getLabel: V } = ne(), c = K(null), [w, L] = O(""), [T, C] = O(z ?? 0), s = Q(
     () => i && typeof h < "u" ? h : T,
     [i, h, T]
   ), U = l ? `${v}-helper` : void 0, g = R(
     (e) => {
-      const t = r !== void 0 && e < r, p = a !== void 0 && e > a;
-      return k || t || p || (l == null ? void 0 : l.type) === "error";
+      const t = r !== void 0 && e < r, f = a !== void 0 && e > a;
+      return M || t || f || (l == null ? void 0 : l.type) === "error";
     },
-    [k, l, a, r]
+    [M, l, a, r]
   ), I = (e) => Math.min(a ?? 1 / 0, Math.max(r ?? -1 / 0, e)), W = (e) => {
     const t = V("numberField.quantityUpdated", e);
     L(t), setTimeout(() => {
       L("");
     }, 5e3);
-  }, A = (e) => M !== void 0 ? parseFloat(e.toFixed(M)) : e, D = (e) => {
+  }, A = (e) => F !== void 0 ? parseFloat(e.toFixed(F)) : e, D = (e) => {
     let t = s;
-    e === "increment" && (t = t + o), e === "decrement" && (t = t - o), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
+    e === "increment" && (t = t + u), e === "decrement" && (t = t - u), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
   }, G = ({ currentTarget: { value: e } }) => {
     i == null || i(I(+e)), C(I(+e));
   }, E = (e) => {
-    const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, p = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
-      [n["tedi-number-field__button--disabled"]]: t || u
-    }), f = V(`numberField.${e}`, o);
+    const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, f = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
+      [n["tedi-number-field__button--disabled"]]: t || o
+    }), p = V(`numberField.${e}`, u);
     return /* @__PURE__ */ d(
       Y,
       {
-        "aria-label": f,
+        "aria-label": p,
         onClick: () => D(e),
-        disabled: t || u,
+        disabled: t || o,
         visualType: "secondary",
-        className: p,
+        className: f,
         icon: { name: e === "increment" ? "add" : "remove" },
         size: _ === "small" ? "small" : void 0,
         children: e === "increment" ? "+" : "-"
@@ -71,9 +71,9 @@ const ie = (N) => {
       [n["tedi-number-field__input-wrapper--with-suffix"]]: B,
       [n["tedi-number-field__input-wrapper--full-width"]]: S
     }), t = b(n["tedi-number-field__input"], m == null ? void 0 : m.className);
-    return /* @__PURE__ */ y("div", { className: e, onClick: () => {
-      var f;
-      return (f = c == null ? void 0 : c.current) == null ? void 0 : f.focus();
+    return /* @__PURE__ */ N("div", { className: e, onClick: () => {
+      var p;
+      return (p = c == null ? void 0 : c.current) == null ? void 0 : p.focus();
     }, children: [
       /* @__PURE__ */ d(
         "input",
@@ -88,8 +88,8 @@ const ie = (N) => {
           min: r,
           max: a,
           required: x,
-          step: o,
-          disabled: u,
+          step: u,
+          disabled: o,
           onChange: G,
           className: t,
           ...m
@@ -100,18 +100,18 @@ const ie = (N) => {
   }, J = b(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: g(s) },
-    { [n["tedi-number-field--disabled"]]: u },
+    { [n["tedi-number-field--disabled"]]: o },
     { [n["tedi-number-field--small"]]: _ === "small" },
-    F
+    k
   );
-  return /* @__PURE__ */ y("div", { "data-name": "number-field", className: F, children: [
+  return /* @__PURE__ */ N("div", { "data-name": "number-field", className: k, children: [
     /* @__PURE__ */ d(ee, { id: v, label: $, required: x, hideLabel: j, size: _ }),
-    /* @__PURE__ */ y("div", { className: J, children: [
+    /* @__PURE__ */ N("div", { className: J, children: [
       E("decrement"),
       H(),
       E("increment")
     ] }),
-    l && /* @__PURE__ */ d(Z, { ...l, id: U }),
+    l && /* @__PURE__ */ d(Z, { className: n["tedi-number-field__feedback"], ...l, id: U }),
     w && /* @__PURE__ */ d("div", { "aria-live": "polite", className: "sr-only", children: w })
   ] });
 };

package/src/tedi/components/form/number-field/number-field.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-number-field":"tedi-number-field-dd7196c9","tedi-number-field--disabled":"tedi-number-field--disabled-f19e7ff7","tedi-number-field__button":"tedi-number-field__button-e276fac1","tedi-number-field__input-wrapper":"tedi-number-field__input-wrapper-400bdcf6","tedi-number-field__button__disabled":"tedi-number-field__button__disabled-c7b3b631","tedi-number-field__button--decrement":"tedi-number-field__button--decrement-152a6e1b","tedi-number-field__button--increment":"tedi-number-field__button--increment-8bd8e08f","tedi-number-field--invalid":"tedi-number-field--invalid-0c9ed153","tedi-number-field__input":"tedi-number-field__input-1b10ec1e","tedi-number-field--small":"tedi-number-field--small-e0a3a881","tedi-number-field__input-wrapper--full-width":"tedi-number-field__input-wrapper--full-width-1847e7b8","tedi-number-field__input-wrapper--with-suffix":"tedi-number-field__input-wrapper--with-suffix-81f89bd3","tedi-number-field__suffix":"tedi-number-field__suffix-eb5be3bc"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-number-field":"tedi-number-field-dd7196c9","tedi-number-field--disabled":"tedi-number-field--disabled-f19e7ff7","tedi-number-field__button":"tedi-number-field__button-e276fac1","tedi-number-field__input-wrapper":"tedi-number-field__input-wrapper-400bdcf6","tedi-number-field__button__disabled":"tedi-number-field__button__disabled-c7b3b631","tedi-number-field__button--decrement":"tedi-number-field__button--decrement-152a6e1b","tedi-number-field__button--increment":"tedi-number-field__button--increment-8bd8e08f","tedi-number-field--invalid":"tedi-number-field--invalid-0c9ed153","tedi-number-field__input":"tedi-number-field__input-1b10ec1e","tedi-number-field--small":"tedi-number-field--small-e0a3a881","tedi-number-field__input-wrapper--full-width":"tedi-number-field__input-wrapper--full-width-1847e7b8","tedi-number-field__input-wrapper--with-suffix":"tedi-number-field__input-wrapper--with-suffix-81f89bd3","tedi-number-field__suffix":"tedi-number-field__suffix-eb5be3bc","tedi-number-field__input-wrapper__feedback":"tedi-number-field__input-wrapper__feedback-9a3f41dc"};exports.default=e;

package/src/tedi/components/form/number-field/number-field.module.scss.es.js

@@ -11,7 +11,8 @@ const e = {
   "tedi-number-field--small": "tedi-number-field--small-e0a3a881",
   "tedi-number-field__input-wrapper--full-width": "tedi-number-field__input-wrapper--full-width-1847e7b8",
   "tedi-number-field__input-wrapper--with-suffix": "tedi-number-field__input-wrapper--with-suffix-81f89bd3",
-  "tedi-number-field__suffix": "tedi-number-field__suffix-eb5be3bc"
+  "tedi-number-field__suffix": "tedi-number-field__suffix-eb5be3bc",
+  "tedi-number-field__input-wrapper__feedback": "tedi-number-field__input-wrapper__feedback-9a3f41dc"
 };
 export {
   e as default