@tedi-design-system/react 16.0.0-rc.2 → 16.0.0-rc.20

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

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

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/choice-input.types.d.ts

@@ -7,7 +7,7 @@ export interface ChoiceInputProps {
     /**
      * Label text
      */
-    label: string | React.ReactNode;
+    label: React.ReactNode;
     /**
      * Additional classes.
      */
@@ -60,4 +60,8 @@ export interface ChoiceInputProps {
      * Whether the input is marked as invalid.
      */
     invalid?: boolean;
+    /**
+     * Whether the input is marked as required.
+     */
+    required?: boolean;
 }

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

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

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

package/src/tedi/components/form/radio/radio.es.js

@@ -1,85 +1,95 @@
 import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import n from "../../../../../external/classnames/index.es.js";
-import m from "react";
-import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as M } from "../form-label/form-label.es.js";
-import i from "./radio.module.scss.es.js";
+import l from "../../../../../external/classnames/index.es.js";
+import n from "react";
+import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as q } from "../form-label/form-label.es.js";
+import e from "./radio.module.scss.es.js";
 import { Row as v } from "../../layout/grid/row.es.js";
-import { Col as N } from "../../layout/grid/col.es.js";
-const J = (C) => {
+import { Col as k } from "../../layout/grid/col.es.js";
+const K = (N) => {
   const {
-    id: a,
-    label: o,
+    id: o,
+    label: m,
     value: h,
-    className: g,
-    disabled: f,
-    onChange: r,
-    hideLabel: y,
-    helper: t,
-    checked: l,
-    defaultChecked: R,
-    hover: x,
-    name: j,
+    className: C,
+    disabled: c,
+    onChange: a,
+    hideLabel: g,
+    helper: r,
+    checked: t,
+    defaultChecked: y,
+    hover: R,
+    name: x,
     tooltip: p,
-    size: u = "default",
-    invalid: w,
-    ...F
-  } = C, [_, I] = m.useState(R || !1), c = m.useRef(null), L = m.useMemo(() => r && typeof l < "u" ? l : _, [r, _, l]), $ = (e) => {
-    typeof l > "u" && I(e == null ? void 0 : e.target.checked), r == null || r(h, e == null ? void 0 : e.target.checked);
-  }, b = t ? t.id ?? `${a}-helper` : void 0, z = p ? `${a}-tooltip` : void 0, k = n(i["tedi-radio"], { [i["tedi-radio--disabled"]]: f });
-  return /* @__PURE__ */ s("div", { "data-name": "radio", ...F, children: [
-    /* @__PURE__ */ s(v, { gutter: 0, children: [
-      /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
-        /* @__PURE__ */ d(
-          "input",
-          {
-            id: a,
-            value: h,
-            name: j,
-            type: "radio",
-            disabled: f,
-            checked: L,
-            onChange: $,
-            className: i["tedi-radio__input"],
-            "aria-describedby": [b, z].filter(Boolean).join(" ")
-          }
-        ),
-        /* @__PURE__ */ d(
-          "div",
-          {
-            "aria-hidden": "true",
-            onClick: () => {
-              var e;
-              return (e = c.current) == null ? void 0 : e.click();
-            },
-            className: n(
-              i["tedi-radio__indicator"],
-              { [i["tedi-radio__indicator--hover"]]: x },
-              { [i[`tedi-radio__indicator--size-${u}`]]: u },
-              { [i["tedi-radio__indicator--invalid"]]: w },
-              g
+    size: f = "default",
+    invalid: j,
+    required: w,
+    ...I
+  } = N, [u, L] = n.useState(y || !1), _ = n.useRef(null), $ = n.useMemo(() => a && typeof t < "u" ? t : u, [a, u, t]), z = (i) => {
+    typeof t > "u" && L(i == null ? void 0 : i.target.checked), a == null || a(h, i == null ? void 0 : i.target.checked);
+  }, b = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = l(e["tedi-radio__label"], { [e["tedi-radio--disabled"]]: c });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(e["tedi-radio"], { [e["tedi-radio--disabled"]]: c }),
+      "data-name": "radio",
+      ...I,
+      children: [
+        /* @__PURE__ */ s(v, { gutter: 0, children: [
+          /* @__PURE__ */ d(k, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-radio__outer-indicator-wrapper"], children: [
+            /* @__PURE__ */ d(
+              "input",
+              {
+                id: o,
+                value: h,
+                name: x,
+                type: "radio",
+                disabled: c,
+                checked: $,
+                onChange: z,
+                className: e["tedi-radio__input"],
+                "aria-describedby": [b, B].filter(Boolean).join(" ")
+              }
             ),
-            "data-testid": "radio-indicator"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ d(N, { children: o && typeof o == "string" ? /* @__PURE__ */ d(
-        M,
-        {
-          ref: c,
-          className: k,
-          id: a,
-          "data-testid": "radio-label",
-          hideLabel: y,
-          label: o,
-          tooltip: p
-        }
-      ) : /* @__PURE__ */ d("label", { ref: c, htmlFor: a, className: k, "data-testid": "radio-label", children: o }) })
-    ] }),
-    t && /* @__PURE__ */ d(B, { id: b, ...t, className: n(i["tedi-radio__helper"], t.className) })
-  ] });
+            /* @__PURE__ */ d(
+              "div",
+              {
+                "aria-hidden": "true",
+                onClick: () => {
+                  var i;
+                  return (i = _.current) == null ? void 0 : i.click();
+                },
+                className: l(
+                  e["tedi-radio__indicator"],
+                  { [e["tedi-radio__indicator--hover"]]: R },
+                  { [e[`tedi-radio__indicator--size-${f}`]]: f },
+                  { [e["tedi-radio__indicator--invalid"]]: j },
+                  C
+                ),
+                "data-testid": "radio-indicator"
+              }
+            )
+          ] }) }),
+          m && /* @__PURE__ */ d(k, { children: /* @__PURE__ */ d(
+            q,
+            {
+              ref: _,
+              className: F,
+              id: o,
+              "data-testid": "radio-label",
+              hideLabel: g,
+              label: m,
+              tooltip: p,
+              required: w
+            }
+          ) })
+        ] }),
+        r && /* @__PURE__ */ d(M, { id: b, ...r, className: l(e["tedi-radio__helper"], r.className) })
+      ]
+    }
+  );
 };
 export {
-  J as Radio,
-  J as default
+  K as Radio,
+  K as default
 };

package/src/tedi/components/form/textfield/textfield.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-textfield":"tedi-textfield-376bbeed","tedi-textfield__inner":"tedi-textfield__inner-98791cdd","tedi-textfield__input":"tedi-textfield__input-ade0f9a6","tedi-textfield--invalid":"tedi-textfield--invalid-290ce18d","tedi-textfield--valid":"tedi-textfield--valid-273af8c0","tedi-textfield--clearable":"tedi-textfield--clearable-f47f0508","tedi-textfield--with-icon":"tedi-textfield--with-icon-db2c6f01","tedi-textfield__input--hidden-arrows":"tedi-textfield__input--hidden-arrows-609217f7","tedi-textfield__right-area":"tedi-textfield__right-area-6ac81c6b","tedi-textfield--small":"tedi-textfield--small-4ffcc517","tedi-textfield--large":"tedi-textfield--large-0e4d788c","tedi-textfield__separator":"tedi-textfield__separator-63d1ba14","tedi-textfield__icon-wrapper":"tedi-textfield__icon-wrapper-4935814e","tedi-textfield--inline":"tedi-textfield--inline-7ed55c4e","tedi-textfield__icon":"tedi-textfield__icon-05d4adc8","tedi-textfield__feedback-wrapper":"tedi-textfield__feedback-wrapper-9d47f9c6"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-textfield":"tedi-textfield-376bbeed","tedi-textfield__inner":"tedi-textfield__inner-98791cdd","tedi-textfield__input":"tedi-textfield__input-ade0f9a6","tedi-textfield--invalid":"tedi-textfield--invalid-290ce18d","tedi-textfield--valid":"tedi-textfield--valid-273af8c0","tedi-textfield--clearable":"tedi-textfield--clearable-f47f0508","tedi-textfield--with-icon":"tedi-textfield--with-icon-db2c6f01","tedi-textfield--small":"tedi-textfield--small-4ffcc517","tedi-textfield--large":"tedi-textfield--large-0e4d788c","tedi-textfield__right-area":"tedi-textfield__right-area-6ac81c6b","tedi-textfield__icon-wrapper":"tedi-textfield__icon-wrapper-4935814e","tedi-textfield--inline":"tedi-textfield--inline-7ed55c4e","tedi-textfield__icon":"tedi-textfield__icon-05d4adc8","tedi-textfield__feedback-wrapper":"tedi-textfield__feedback-wrapper-9d47f9c6"};exports.default=e;