@tedi-design-system/react 17.0.0-rc.1 → 17.0.0-rc.3

package/src/tedi/components/content/truncate/truncate.es.js

@@ -1,37 +1,36 @@
-import { jsxs as f, jsx as T } from "react/jsx-runtime";
+import { jsxs as T, jsx as f } from "react/jsx-runtime";
 import { useState as k, useMemo as h } from "react";
 import { Text as g } from "../../base/typography/text/text.es.js";
 import { Button as y } from "../../buttons/button/button.es.js";
 import { useBreakpointProps as B } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
 const E = (n) => {
-  const { getCurrentBreakpointProps: c } = B(n.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: l } = B(n.defaultServerBreakpoint), {
     children: t,
     className: m,
     maxLength: s = 200,
     ellipsis: o = "...",
     expandable: d = !0,
     button: e
-  } = c(n), { getLabel: a } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
-  return /* @__PURE__ */ f(g, { element: "span", color: "secondary", className: m, children: [
+  } = l(n), { getLabel: i } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
+  return /* @__PURE__ */ T(g, { element: "span", color: "secondary", className: m, children: [
     t.length >= s && r ? u : t,
-    t.length >= s && d && /* @__PURE__ */ T(
+    t.length >= s && d && /* @__PURE__ */ f(
       y,
       {
         style: { display: r ? void 0 : "block" },
         visualType: "link",
         "aria-expanded": !r,
         ...e,
-        onClick: (i) => {
-          var l;
-          (l = e == null ? void 0 : e.onClick) == null || l.call(e, i, r), p((x) => !x);
+        onClick: (a) => {
+          var c;
+          (c = e == null ? void 0 : e.onClick) == null || c.call(e, a, r), p((x) => !x);
         },
-        children: a(r ? "truncate.see-more" : "truncate.see-less")
+        children: i(r ? "truncate.see-more" : "truncate.see-less")
       }
     )
   ] });
 };
 export {
-  E as Truncate,
-  E as default
+  E as Truncate
 };

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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=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"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.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"),_=f=>{const{getLabel:m}=ne.useLabels(),I=B.default(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:y=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:v,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:C="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,w=(u==null?void 0:u.id)??`${d}-helper`,L=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(G)return G;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(S)?S: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:v,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=M.default(j.default["tedi-choice-group"],T),Q=M.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:L&&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:v,"aria-describedby":w,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:[L&&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:y,gutterX:C==="segmented"?0:2,gutterY:C==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||y==="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:C,showIndicator:$,direction:y},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:w})]})})};_.Item=N.ChoiceGroupItem;exports.ChoiceGroup=_;

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

@@ -7,13 +7,13 @@ import { Checkbox as oe } from "../checkbox/checkbox.es.js";
 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 ae } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpointProps as le } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ie } from "../../../providers/label-provider/use-labels.es.js";
+import le, { isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpointProps as ae } 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 = (f) => {
-  const { getLabel: u } = ae(), B = ie(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = le(f.defaultServerBreakpoint), {
+  const { getLabel: u } = ie(), B = le(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = ae(f.defaultServerBreakpoint), {
     id: s,
     className: R,
     label: p,
@@ -27,7 +27,7 @@ const se = (f) => {
     inputType: i = "radio",
     value: A,
     defaultValue: L,
-    onChange: l,
+    onChange: a,
     hideLabel: $,
     indeterminateCheck: d,
     indeterminateCheckProps: b = {},
@@ -38,14 +38,14 @@ const se = (f) => {
   } = 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((a) => a.defaultChecked);
+      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;
-  }), 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(
+  }), v = (e = f.value) => !!a && 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((a) => !a.disabled)) == null ? void 0 : e.length);
+      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]
   ), D = k.useMemo(() => !g && !c, [c, g]), J = k.useMemo(() => {
@@ -54,17 +54,17 @@ const se = (f) => {
   }, [u, d, c, g]), K = {
     name: S,
     inputType: i,
-    onChange: (e, a) => {
+    onChange: (e, l) => {
       let t = r;
-      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);
+      i === "checkbox" && t ? t = l ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || _(Array.isArray(t) ? [...t] : t), a == null || a(t);
     },
     currentValue: r
   }, 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 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);
+    var l;
+    const e = c ? [] : (l = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : l.map((t) => t.value);
+    v() || _([...e]), a == null || a(e);
   };
   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 }),
@@ -114,6 +114,5 @@ const se = (f) => {
 };
 se.Item = j;
 export {
-  se as ChoiceGroup,
-  se as default
+  se as ChoiceGroup
 };

package/src/tedi/components/form/file-dropzone/file-dropzone.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),F=require("../../../../../external/classnames/index.cjs.js"),C=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),N=require("../../../helpers/hooks/use-file-upload.cjs.js"),u=require("../../base/icon/icon.cjs.js"),D=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../feedback-text/feedback-text.cjs.js"),I=require("../form-label/form-label.cjs.js"),t=require("./file-dropzone.module.scss.cjs.js"),L=require("../../cards/card/card.cjs.js"),S=require("../../cards/card/card-content/card-content.cjs.js"),k=require("../../../providers/label-provider/use-labels.cjs.js"),m=require("../../content/list/list.cjs.js"),w=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),p=o=>{const{getLabel:s}=k.useLabels(),{label:z=s("file-dropzone.label"),className:b,disabled:a=!1,helper:i,id:c,...j}=o,{innerFiles:d,uploadErrorHelper:n,onFileChange:g,onFileRemove:v}=N.useFileUpload(o),{getRootProps:_,getInputProps:q,isDragActive:h}=C.useDropzone({disabled:a,accept:o.accept?{"application/*":[o.accept]}:void 0,multiple:o.multiple,maxSize:o.maxSize?o.maxSize*1024**2:void 0,onDrop:l=>{if(a)return;g({target:{files:l}})}}),y=F.default(t.default["tedi-file-dropzone"],{[t.default["tedi-file-dropzone--disabled"]]:a},{[t.default["tedi-file-dropzone--invalid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="error"},{[t.default["tedi-file-dropzone--valid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="valid"},{[t.default["tedi-file-dropzone--drop-over"]]:h},b),r=i?(i==null?void 0:i.id)??`${c}-helper`:void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{..._({tabIndex:a?-1:0,"aria-disabled":a,"aria-describedby":r}),className:y,children:[e.jsx("input",{...q(),disabled:a}),e.jsxs("div",{className:t.default["tedi-file-dropzone__label-wrapper"],children:[e.jsx(u.Icon,{color:a?"tertiary":"secondary",size:24,name:"attach_file"}),e.jsx(I.FormLabel,{...j,id:c,label:z,className:t.default["tedi-file-dropzone__label"]})]})]}),i?e.jsx(f.FeedbackText,{...i,id:r}):n?e.jsx(f.FeedbackText,{...n,id:r}):null,!!d.length&&e.jsx(m.List,{className:t.default["tedi-file-dropzone__file-list"],style:"none","aria-label":s("file-dropzone.selected-files"),children:d.map(l=>e.jsx(m.List.Item,{className:t.default["tedi-file-dropzone__file-list-item"],children:e.jsx(L.Card,{background:l.isValid===!1?"danger-primary":"tertiary",borderless:!0,className:t.default["tedi-file-dropzone__file-item"],children:e.jsx(S.CardContent,{padding:.5,children:e.jsxs(w.Row,{alignItems:"center",children:[e.jsxs(x.Col,{className:t.default["tedi-file-dropzone__file-name"],children:[l.name," ",l.isValid===!1&&e.jsx(u.Icon,{name:"info",color:"danger",display:"inline",size:18})]}),e.jsx(x.Col,{width:"auto",children:e.jsx(D.ClosingButton,{iconSize:18,title:s("remove")+" "+l.name,onClick:()=>v(l)})})]})})})},l.id||l.name))}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:d.length===0?s("file-dropzone.no-file"):s("file-dropzone.files-selected",d.length)})]})};exports.FileDropzone=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),F=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),C=require("../../../helpers/hooks/use-file-upload.cjs.js"),u=require("../../base/icon/icon.cjs.js"),N=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../feedback-text/feedback-text.cjs.js"),D=require("../form-label/form-label.cjs.js"),t=require("./file-dropzone.module.scss.cjs.js"),I=require("../../../providers/label-provider/use-labels.cjs.js"),m=require("../../content/list/list.cjs.js"),L=require("../../cards/card/card.cjs.js"),S=require("../../cards/card/card-content/card-content.cjs.js"),k=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),w=o=>{const{getLabel:s}=I.useLabels(),{label:p=s("file-dropzone.label"),className:z,disabled:a=!1,helper:i,id:c,...b}=o,{innerFiles:d,uploadErrorHelper:n,onFileChange:j,onFileRemove:g}=C.useFileUpload(o),{getRootProps:v,getInputProps:q,isDragActive:h}=F.useDropzone({disabled:a,accept:o.accept?{"application/*":[o.accept]}:void 0,multiple:o.multiple,maxSize:o.maxSize?o.maxSize*1024**2:void 0,onDrop:l=>{if(a)return;j({target:{files:l}})}}),y=_.default(t.default["tedi-file-dropzone"],{[t.default["tedi-file-dropzone--disabled"]]:a},{[t.default["tedi-file-dropzone--invalid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="error"},{[t.default["tedi-file-dropzone--valid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="valid"},{[t.default["tedi-file-dropzone--drop-over"]]:h},z),r=i?(i==null?void 0:i.id)??`${c}-helper`:void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{...v({tabIndex:a?-1:0,"aria-disabled":a,"aria-describedby":r}),className:y,children:[e.jsx("input",{...q(),disabled:a}),e.jsxs("div",{className:t.default["tedi-file-dropzone__label-wrapper"],children:[e.jsx(u.Icon,{color:a?"tertiary":"secondary",size:24,name:"attach_file"}),e.jsx(D.FormLabel,{...b,id:c,label:p,className:t.default["tedi-file-dropzone__label"]})]})]}),i?e.jsx(f.FeedbackText,{...i,id:r}):n?e.jsx(f.FeedbackText,{...n,id:r}):null,!!d.length&&e.jsx(m.List,{className:t.default["tedi-file-dropzone__file-list"],style:"none","aria-label":s("file-dropzone.selected-files"),children:d.map(l=>e.jsx(m.List.Item,{className:t.default["tedi-file-dropzone__file-list-item"],children:e.jsx(L.Card,{background:l.isValid===!1?"danger-primary":"tertiary",borderless:!0,className:t.default["tedi-file-dropzone__file-item"],children:e.jsx(S.CardContent,{padding:.5,children:e.jsxs(k.Row,{alignItems:"center",children:[e.jsxs(x.Col,{className:t.default["tedi-file-dropzone__file-name"],children:[l.name," ",l.isValid===!1&&e.jsx(u.Icon,{name:"info",color:"danger",display:"inline",size:18})]}),e.jsx(x.Col,{width:"auto",children:e.jsx(N.ClosingButton,{iconSize:18,title:s("remove")+" "+l.name,onClick:()=>g(l)})})]})})})},l.id||l.name))}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:d.length===0?s("file-dropzone.no-file"):s("file-dropzone.files-selected",d.length)})]})};exports.FileDropzone=w;

package/src/tedi/components/form/file-dropzone/file-dropzone.es.js

@@ -7,27 +7,27 @@ import { ClosingButton as S } from "../../buttons/closing-button/closing-button.
 import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as k } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { Card as w } from "../../cards/card/card.es.js";
-import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
-import { useLabels as j } from "../../../providers/label-provider/use-labels.es.js";
+import { useLabels as w } from "../../../providers/label-provider/use-labels.es.js";
 import { List as z } from "../../content/list/list.es.js";
+import { Card as R } from "../../cards/card/card.es.js";
+import { CardContent as j } from "../../cards/card/card-content/card-content.es.js";
 import { Row as B } from "../../layout/grid/row.es.js";
 import { Col as b } from "../../layout/grid/col.es.js";
-const Z = (a) => {
-  const { getLabel: n } = j(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c, ...h } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(a), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
-    disabled: r,
-    accept: a.accept ? { "application/*": [a.accept] } : void 0,
-    multiple: a.multiple,
-    maxSize: a.maxSize ? a.maxSize * 1024 ** 2 : void 0,
+const Z = (r) => {
+  const { getLabel: n } = w(), { label: g = n("file-dropzone.label"), className: v, disabled: a = !1, helper: i, id: c, ...h } = r, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(r), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
+    disabled: a,
+    accept: r.accept ? { "application/*": [r.accept] } : void 0,
+    multiple: r.multiple,
+    maxSize: r.maxSize ? r.maxSize * 1024 ** 2 : void 0,
     onDrop: (t) => {
-      if (r) return;
+      if (a) return;
       u({
         target: { files: t }
       });
     }
   }), F = I(
     o["tedi-file-dropzone"],
-    { [o["tedi-file-dropzone--disabled"]]: r },
+    { [o["tedi-file-dropzone--disabled"]]: a },
     { [o["tedi-file-dropzone--invalid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "error" },
     { [o["tedi-file-dropzone--valid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "valid" },
     { [o["tedi-file-dropzone--drop-over"]]: x },
@@ -38,15 +38,15 @@ const Z = (a) => {
       "div",
       {
         ..._({
-          tabIndex: r ? -1 : 0,
-          "aria-disabled": r,
+          tabIndex: a ? -1 : 0,
+          "aria-disabled": a,
           "aria-describedby": m
         }),
         className: F,
         children: [
-          /* @__PURE__ */ e("input", { ...N(), disabled: r }),
+          /* @__PURE__ */ e("input", { ...N(), disabled: a }),
           /* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
-            /* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
+            /* @__PURE__ */ e(f, { color: a ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
             /* @__PURE__ */ e(k, { ...h, id: c, label: g, className: o["tedi-file-dropzone__label"] })
           ] })
         ]
@@ -60,12 +60,12 @@ const Z = (a) => {
         style: "none",
         "aria-label": n("file-dropzone.selected-files"),
         children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
-          w,
+          R,
           {
             background: t.isValid === !1 ? "danger-primary" : "tertiary",
             borderless: !0,
             className: o["tedi-file-dropzone__file-item"],
-            children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
+            children: /* @__PURE__ */ e(j, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
               /* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
                 t.name,
                 " ",
@@ -88,6 +88,5 @@ const Z = (a) => {
   ] });
 };
 export {
-  Z as FileDropzone,
-  Z as default
+  Z as FileDropzone
 };

package/src/tedi/components/form/file-upload/file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),W=require("../../../helpers/hooks/use-file-upload.cjs.js"),A=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),E=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),J=require("../../misc/separator/separator.cjs.js"),K=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),X=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),L=B=>{const{getLabel:n}=Q.useLabels(),{id:r,name:C,accept:g,multiple:_,onChange:p,className:N,defaultFiles:k,onDelete:T,hasClearButton:U=!0,files:u,readOnly:m,disabled:s=!1,maxSize:$,validateIndividually:w=!1,size:c="default",helper:i,...S}=B,{innerFiles:b,uploadErrorHelper:t,onFileChange:M,onFileRemove:R,handleClear:h,announcement:z}=W.useFileUpload({accept:g,maxSize:$,multiple:_,validateIndividually:w,defaultFiles:k,onChange:p,onDelete:T,files:u}),I=F.useBreakpoint(),V=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,d=P.useMemo(()=>u&&p?u:b,[u,b,p]),O=(l,o)=>{const D=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(K.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!m?()=>R(l):void 0,isLoading:l.isLoading,"aria-label":D,children:l.name})},o)},j=()=>{if(d.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:d.map((l,o)=>O(l,o))});if(d.length===1){const l=d[0],o=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(A.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(G.FormLabel,{id:r,...S,renderWithoutLabel:m,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),m?j():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(X.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:j()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:V,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:M,multiple:_,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),U&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:h,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(E.ClosingButton,{onClick:h,iconSize:18,title:n("clear")}),e.jsx(J.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=L;exports.default=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),P=require("../../../helpers/hooks/use-file-upload.cjs.js"),W=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),A=require("../../buttons/closing-button/closing-button.cjs.js"),E=require("../form-label/form-label.cjs.js"),G=require("../../misc/separator/separator.cjs.js"),J=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),K=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Q=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),X=L=>{const{getLabel:n}=K.useLabels(),{id:r,name:C,accept:g,multiple:b,onChange:m,className:N,defaultFiles:B,onDelete:k,hasClearButton:T=!0,files:u,readOnly:p,disabled:s=!1,maxSize:U,validateIndividually:$=!1,size:c="default",helper:i,...w}=L,{innerFiles:h,uploadErrorHelper:t,onFileChange:S,onFileRemove:R,handleClear:j,announcement:z}=P.useFileUpload({accept:g,maxSize:U,multiple:b,validateIndividually:$,defaultFiles:B,onChange:m,onDelete:k,files:u}),I=F.default(),M=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,d=D.useMemo(()=>u&&m?u:h,[u,h,m]),V=(l,o)=>{const O=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(J.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>R(l):void 0,isLoading:l.isLoading,"aria-label":O,children:l.name})},o)},_=()=>{if(d.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:d.map((l,o)=>V(l,o))});if(d.length===1){const l=d[0],o=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(W.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(E.FormLabel,{id:r,...w,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),p?_():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(Q.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:_()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:M,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:S,multiple:b,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),T&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:j,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(A.ClosingButton,{onClick:j,iconSize:18,title:n("clear")}),e.jsx(G.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=X;

package/src/tedi/components/form/file-upload/file-upload.es.js

@@ -1,5 +1,5 @@
-import { jsxs as u, Fragment as N, jsx as i } from "react/jsx-runtime";
-import p from "../../../../../external/classnames/index.es.js";
+import { jsxs as p, Fragment as N, jsx as i } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
 import q from "react";
 import { useFileUpload as A } from "../../../helpers/hooks/use-file-upload.es.js";
 import { Text as E } from "../../base/typography/text/text.es.js";
@@ -11,7 +11,7 @@ import { Tag as P } from "../../tags/tag/tag.es.js";
 import { FeedbackText as L } from "../feedback-text/feedback-text.es.js";
 import l from "./file-upload.module.scss.es.js";
 import { useLabels as Q } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpoint as X, isBreakpointBelow as Y } from "../../../helpers/hooks/use-breakpoint.es.js";
+import X, { isBreakpointBelow as Y } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Row as Z } from "../../layout/grid/row.es.js";
 import { Col as x } from "../../layout/grid/col.es.js";
 const he = (B) => {
@@ -42,7 +42,7 @@ const he = (B) => {
     onChange: f,
     onDelete: w,
     files: c
-  }), M = X(), D = p(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => c && f ? c : v, [c, v, f]), O = (e, r) => {
+  }), M = X(), D = u(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => c && f ? c : v, [c, v, f]), O = (e, r) => {
     const W = e.isValid === !1 ? `${e.name} (${n("file-upload.failed")})` : e.name;
     return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
       P,
@@ -56,21 +56,21 @@ const he = (B) => {
     ) }, r);
   }, F = () => {
     if (d.length > 1)
-      return /* @__PURE__ */ i("ul", { className: p(l["tedi-file-upload__items"], l["tedi-file-upload__truncate-list"]), children: d.map((e, r) => O(e, r)) });
+      return /* @__PURE__ */ i("ul", { className: u(l["tedi-file-upload__items"], l["tedi-file-upload__truncate-list"]), children: d.map((e, r) => O(e, r)) });
     if (d.length === 1) {
       const e = d[0], r = e.isValid === !1 ? `${e.name} (${n("file-upload.failed")})` : e.name;
       return /* @__PURE__ */ i(
         E,
         {
           "aria-label": r,
-          className: p(l["tedi-file-upload__items"], l["tedi-file-upload__truncate"]),
+          className: u(l["tedi-file-upload__items"], l["tedi-file-upload__truncate"]),
           children: e.name
         }
       );
     }
     return null;
   };
-  return /* @__PURE__ */ u(N, { children: [
+  return /* @__PURE__ */ p(N, { children: [
     /* @__PURE__ */ i("div", { className: l["tedi-file-upload__label-wrapper"], children: /* @__PURE__ */ i(
       J,
       {
@@ -85,7 +85,7 @@ const he = (B) => {
     h ? F() : /* @__PURE__ */ i(
       "div",
       {
-        className: p(
+        className: u(
           l["tedi-file-upload__container"],
           {
             [l["tedi-file-upload--disabled"]]: o,
@@ -94,9 +94,9 @@ const he = (B) => {
           },
           { [l[`tedi-file-upload__container--${m}`]]: m }
         ),
-        children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ u(Z, { children: [
+        children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ p(Z, { children: [
           /* @__PURE__ */ i(x, { className: "display-flex", children: F() }),
-          /* @__PURE__ */ i(x, { xs: 12, md: "auto", children: /* @__PURE__ */ u("div", { className: D, children: [
+          /* @__PURE__ */ i(x, { xs: 12, md: "auto", children: /* @__PURE__ */ p("div", { className: D, children: [
             /* @__PURE__ */ i(
               "input",
               {
@@ -111,7 +111,7 @@ const he = (B) => {
                 "aria-describedby": _
               }
             ),
-            z && d.length > 0 && !o && /* @__PURE__ */ u(N, { children: [
+            z && d.length > 0 && !o && /* @__PURE__ */ p(N, { children: [
               Y(M, "md") ? /* @__PURE__ */ i(
                 C,
                 {
@@ -148,6 +148,5 @@ const he = (B) => {
   ] });
 };
 export {
-  he as FileUpload,
-  he as default
+  he as FileUpload
 };

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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=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"),O=N=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(N.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:I,className:q,size:_,inputMode:E="numeric",decimalPlaces:j,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:l,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:k=!1,helper:d,input:f}=P(N),{getLabel:F}=Z.useLabels(),b=o.useRef(null),[M,L]=o.useState(""),[T,V]=o.useState($??0),s=o.useMemo(()=>l&&typeof B<"u"?B:T,[l,B,T]),g=d?`${x}-helper`:void 0,w=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return k||t||r||(d==null?void 0:d.type)==="error"},[k,d,u,i]),y=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=F("numberField.quantityUpdated",e);L(t),setTimeout(()=>{L("")},5e3)},W=e=>j!==void 0?parseFloat(e.toFixed(j)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=y(t),t=W(t),R(t),l==null||l(t),V(t)},D=({currentTarget:{value:e}})=>{l==null||l(y(+e)),V(y(+e))},C=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=F(`numberField.${e}`,c);return a.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 a.jsxs("div",{className:e,onClick:r,children:[a.jsx("input",{ref:b,id:x,"aria-describedby":g,"aria-invalid":w(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:I,step:c,disabled:m,onChange:D,className:t,...f}),h&&a.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"]]:w(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},q);return a.jsxs("div",{"data-name":"number-field",className:q,children:[a.jsx(X.FormLabel,{id:x,label:S,required:I,hideLabel:U,size:_}),a.jsxs("div",{className:H,children:[C("decrement"),G(),C("increment")]}),d&&a.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:g}),M&&a.jsx("div",{"aria-live":"polite",className:"sr-only",children:M})]})};O.displayName="NumberField";exports.NumberField=O;

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

@@ -20,13 +20,13 @@ const ie = (y) => {
     decimalPlaces: F,
     min: r,
     max: a,
-    step: u = 1,
+    step: o = 1,
     defaultValue: z,
     value: h,
     onChange: i,
     suffix: B,
     fullWidth: S = !1,
-    disabled: o = !1,
+    disabled: u = !1,
     invalid: M = !1,
     helper: l,
     input: m
@@ -46,19 +46,19 @@ const ie = (y) => {
     }, 5e3);
   }, A = (e) => F !== void 0 ? parseFloat(e.toFixed(F)) : e, D = (e) => {
     let t = s;
-    e === "increment" && (t = t + u), e === "decrement" && (t = t - u), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
+    e === "increment" && (t = t + o), e === "decrement" && (t = t - o), 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, 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);
+      [n["tedi-number-field__button--disabled"]]: t || u
+    }), p = V(`numberField.${e}`, o);
     return /* @__PURE__ */ d(
       Y,
       {
         "aria-label": p,
         onClick: () => D(e),
-        disabled: t || o,
+        disabled: t || u,
         visualType: "secondary",
         className: f,
         icon: { name: e === "increment" ? "add" : "remove" },
@@ -88,8 +88,8 @@ const ie = (y) => {
           min: r,
           max: a,
           required: x,
-          step: u,
-          disabled: o,
+          step: o,
+          disabled: u,
           onChange: G,
           className: t,
           ...m
@@ -100,7 +100,7 @@ const ie = (y) => {
   }, J = b(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: g(s) },
-    { [n["tedi-number-field--disabled"]]: o },
+    { [n["tedi-number-field--disabled"]]: u },
     { [n["tedi-number-field--small"]]: _ === "small" },
     k
   );
@@ -117,6 +117,5 @@ const ie = (y) => {
 };
 ie.displayName = "NumberField";
 export {
-  ie as NumberField,
-  ie as default
+  ie as NumberField
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ge=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Me=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),Ie=require("../form-label/form-label.cjs.js"),qe=require("./components/select-clear-indicator.cjs.js"),Ce=require("./components/select-control.cjs.js"),Oe=require("./components/select-dropdown-indicator.cjs.js"),ve=require("./components/select-group.cjs.js"),Le=require("./components/select-group-heading.cjs.js"),Ve=require("./components/select-indicators-container.cjs.js"),Re=require("./components/select-input.cjs.js"),he=require("./components/select-loading-indicator.cjs.js"),xe=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),_e=require("./components/select-menu-portal.cjs.js"),je=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),Pe=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),f=c.forwardRef((V,R)=>{const{options:h,defaultOptions:x,id:l,name:y,iconName:_="arrow_drop_down",label:j,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:u,onInputChange:P,inputValue:T,loadOptions:G,isLoading:H,openMenuOnFocus:D=!1,openMenuOnClick:k=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:B=!1,helper:t,placeholder:E,invalid:z,valid:A,size:d,async:W=!1,renderOption:J,renderMessageListFooter:b,noOptionsMessage:K,loadingMessage:Q,multiple:p=!1,closeMenuOnSelect:U=!p,blurInputOnSelect:I=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:q=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:C=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:O}=V,v=t?(t==null?void 0:t.id)??`${l}-helper`:void 0,a=c.useRef(null),{getLabel:L}=Te.useLabels();c.useImperativeHandle(R,()=>a.current);const ue=o=>{u==null||u(o),!I&&a.current&&setTimeout(()=>{var r,i;return(i=(r=a.current)==null?void 0:r.inputRef)==null?void 0:i.focus()},0)},de=c.useCallback(o=>s.jsx(ye.SelectMenuList,{...o,renderMessageListFooter:b}),[b]),pe=()=>{const o={ClearIndicator:e=>qe.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Oe.SelectDropDownIndicator({iconName:_}),IndicatorSeparator:()=>null,MenuPortal:_e.SelectMenuPortal,Menu:xe.SelectMenu,MenuList:de,Option:e=>Ne.SelectOption({renderOption:J,multiple:p,showRadioButtons:re,...e}),Control:Ce.SelectControl,Input:Re.SelectInput,MultiValue:e=>je.SelectMultiValue({isTagRemovable:C,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:ve.SelectGroup,GroupHeading:e=>Le.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Ve.SelectIndicatorsContainer,ValueContainer:Pe.SelectValueContainer,LoadingIndicator:he.SelectLoadingIndicator},r=W?Me.default:Se.default,i=()=>L("select.no-options"),fe=()=>L("select.loading");return s.jsx(r,{id:l,"aria-describedby":v,autoFocus:X,ref:a,instanceId:l,className:"tedi-select__wrapper",name:y,options:h,defaultOptions:x,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:P,onBlur:se,inputValue:T,inputId:`${l}-input`,loadOptions:G,isLoading:H,noOptionsMessage:K||i,loadingMessage:Q||fe,classNamePrefix:"select",components:o,isDisabled:M,isSearchable:q,menuIsOpen:ee,openMenuOnFocus:D,openMenuOnClick:k,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:E||"",isClearable:Y,backspaceRemovesValue:C,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:I,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:O?Object.fromEntries(Object.entries(O).map(([e,m])=>[e,typeof m=="string"?()=>m:m])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},me=ge.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:z||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:A||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${d}`]]:d},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:q},{[n.default["tedi-select--disabled"]]:M});return s.jsxs("div",{"data-name":"select",className:me,children:[s.jsxs("div",{className:n.default["tedi-select__inner"],children:[s.jsx(Ie.FormLabel,{id:`${l}-input`,label:j,required:g,hideLabel:B,size:d,renderWithoutLabel:ie,tooltip:ce}),pe()]}),t&&s.jsx(be.FeedbackText,{...t,id:v})]})});f.displayName="Select";exports.Select=f;exports.default=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),ge=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Me=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),Ie=require("../form-label/form-label.cjs.js"),qe=require("./components/select-clear-indicator.cjs.js"),Ce=require("./components/select-control.cjs.js"),Oe=require("./components/select-dropdown-indicator.cjs.js"),ve=require("./components/select-group.cjs.js"),Le=require("./components/select-group-heading.cjs.js"),Ve=require("./components/select-indicators-container.cjs.js"),ye=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),xe=require("./components/select-menu-list.cjs.js"),je=require("./components/select-menu-portal.cjs.js"),we=require("./components/select-multi-value.cjs.js"),Ne=require("./components/select-multi-value-remove.cjs.js"),_e=require("./components/select-option.cjs.js"),Pe=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),L=c.forwardRef((V,y)=>{const{options:R,defaultOptions:h,id:l,name:x,iconName:j="arrow_drop_down",label:w,required:f,value:N,defaultValue:_,tagsDirection:g="row",onChange:u,onInputChange:P,inputValue:T,loadOptions:G,isLoading:H,openMenuOnFocus:D=!1,openMenuOnClick:k=!0,tabSelectsValue:F=!1,disabled:S=!1,className:$,hideLabel:B=!1,helper:t,placeholder:E,invalid:z,valid:A,size:d,async:W=!1,renderOption:J,renderMessageListFooter:M,noOptionsMessage:K,loadingMessage:Q,multiple:p=!1,closeMenuOnSelect:U=!p,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=V,O=t?(t==null?void 0:t.id)??`${l}-helper`:void 0,a=c.useRef(null),{getLabel:v}=Te.useLabels();c.useImperativeHandle(y,()=>a.current);const ue=o=>{u==null||u(o),!b&&a.current&&setTimeout(()=>{var r,i;return(i=(r=a.current)==null?void 0:r.inputRef)==null?void 0:i.focus()},0)},de=c.useCallback(o=>s.jsx(xe.SelectMenuList,{...o,renderMessageListFooter:M}),[M]),pe=()=>{const o={ClearIndicator:e=>qe.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Oe.SelectDropDownIndicator({iconName:j}),IndicatorSeparator:()=>null,MenuPortal:je.SelectMenuPortal,Menu:he.SelectMenu,MenuList:de,Option:e=>_e.SelectOption({renderOption:J,multiple:p,showRadioButtons:re,...e}),Control:Ce.SelectControl,Input:ye.SelectInput,MultiValue:e=>we.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:Ne.SelectMultiValueRemove,Group:ve.SelectGroup,GroupHeading:e=>Le.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Ve.SelectIndicatorsContainer,ValueContainer:Pe.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},r=W?Me.default:Se.default,i=()=>v("select.no-options"),fe=()=>v("select.loading");return s.jsx(r,{id:l,"aria-describedby":O,autoFocus:X,ref:a,instanceId:l,className:"tedi-select__wrapper",name:x,options:R,defaultOptions:h,value:N,defaultValue:_,cacheOptions:ae,onChange:ue,onInputChange:P,onBlur:se,inputValue:T,inputId:`${l}-input`,loadOptions:G,isLoading:H,noOptionsMessage:K||i,loadingMessage:Q||fe,classNamePrefix:"select",components:o,isDisabled:S,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:D,openMenuOnClick:k,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:E||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:f,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,m])=>[e,typeof m=="string"?()=>m:m])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},me=ge.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:z||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:A||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${d}`]]:d},{[n.default[`tedi-select--tags-${g}`]]:g},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:S});return s.jsxs("div",{"data-name":"select",className:me,children:[s.jsxs("div",{className:n.default["tedi-select__inner"],children:[s.jsx(Ie.FormLabel,{id:`${l}-input`,label:w,required:f,hideLabel:B,size:d,renderWithoutLabel:ie,tooltip:ce}),pe()]}),t&&s.jsx(be.FeedbackText,{...t,id:O})]})});L.displayName="Select";exports.Select=L;

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

@@ -209,6 +209,5 @@ const Fe = Se(
 );
 Fe.displayName = "Select";
 export {
-  Fe as Select,
-  Fe as default
+  Fe as Select
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),v=require("../textfield/textfield.cjs.js"),u=require("./textarea.module.scss.cjs.js"),l=r.forwardRef((f,h)=>{const{className:m,helper:n=[],characterLimit:t,onChange:e,onChangeEvent:s,value:a,defaultValue:p,..._}=f,[i,g]=r.useState(p??""),A=r.useCallback(d=>{!a&&!(e||s)&&g(d),e==null||e(d)},[a,e,s]),o=r.useMemo(()=>a??i,[a,i]),c=o.length,C=t?`${c}/${t}`:"",T=[...Array.isArray(n)?n:[n],...t?[{type:c>t?"error":"hint",text:C,position:"right",className:x.default(u.default["tedi-textarea__character-count"])}]:[]];return q.jsx(v.TextField,{..._,ref:h,"data-name":"textarea",inputClassName:u.default["tedi-textarea__input"],isTextArea:!0,className:x.default(u.default["tedi-textarea"],m),value:o,onChange:A,onChangeEvent:s,helper:T})});l.displayName="TextArea";exports.TextArea=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../textfield/textfield.cjs.js"),l=require("./textarea.module.scss.cjs.js"),x=r.forwardRef((h,m)=>{const{className:f,helper:n=[],characterLimit:t,onChange:e,onChangeEvent:s,value:a,defaultValue:p,...g}=h,[u,y]=r.useState(p??""),A=r.useCallback(o=>{!a&&!(e||s)&&y(o),e==null||e(o)},[a,e,s]),c=r.useMemo(()=>a??u,[a,u]),i=c.length,C=t?`${i}/${t}`:"",T=[...Array.isArray(n)?n:[n],...t?[{type:i>t?"error":"hint",text:C,position:"right",className:d.default(l.default["tedi-textarea__character-count"])}]:[]];return q.jsx(N.TextField,{...g,ref:m,"data-name":"textarea",inputClassName:l.default["tedi-textarea__input"],isTextArea:!0,className:d.default(l.default["tedi-textarea"],f),value:c,onChange:A,onChangeEvent:s,helper:T})});x.displayName="TextArea";exports.TextArea=x;

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

@@ -3,17 +3,17 @@ import u from "../../../../../external/classnames/index.es.js";
 import n, { forwardRef as g } from "react";
 import { TextField as T } from "../textfield/textfield.es.js";
 import o from "./textarea.module.scss.es.js";
-const v = g((p, d) => {
+const v = g((p, h) => {
   const {
-    className: h,
+    className: x,
     helper: r = [],
     characterLimit: t,
     onChange: e,
     onChangeEvent: s,
     value: a,
-    defaultValue: x,
+    defaultValue: d,
     ...f
-  } = p, [l, C] = n.useState(x ?? ""), N = n.useCallback(
+  } = p, [l, C] = n.useState(d ?? ""), N = n.useCallback(
     (m) => {
       !a && !(e || s) && C(m), e == null || e(m);
     },
@@ -33,11 +33,11 @@ const v = g((p, d) => {
     T,
     {
       ...f,
-      ref: d,
+      ref: h,
       "data-name": "textarea",
       inputClassName: o["tedi-textarea__input"],
       isTextArea: !0,
-      className: u(o["tedi-textarea"], h),
+      className: u(o["tedi-textarea"], x),
       value: c,
       onChange: N,
       onChangeEvent: s,
@@ -47,6 +47,5 @@ const v = g((p, d) => {
 });
 v.displayName = "TextArea";
 export {
-  v as TextArea,
-  v as default
+  v as TextArea
 };

package/src/tedi/components/layout/grid/col.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),m=$=>{const{className:g,children:w,element:d,width:h,offset:p,order:x,align:C,grow:S,shrink:v,onClick:E,xs:k,sm:q,md:b,lg:j,xl:M,xxl:_,...y}=$,{element:I}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(I){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:u,shrink:i}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${u}`]]:u},{[o.default[`flex${e}-shrink-${i}`]]:i})},R=()=>{const a={xs:k,sm:q,md:b,lg:j,xl:M,xxl:_},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:h,offset:p,order:x,align:C,grow:S,shrink:v};return f.default(...e,g,n(c))};return V.jsx(l,{"data-name":"col",...y,className:R(),onClick:E,children:w})};exports.Col=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),_=m=>{const{className:$,children:g,element:d,width:w,offset:h,order:p,align:x,grow:C,shrink:S,onClick:E,xs:k,sm:q,md:v,lg:b,xl:j,xxl:y,...I}=m,{element:M}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(M){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:i,shrink:u}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${i}`]]:i},{[o.default[`flex${e}-shrink-${u}`]]:u})},R=()=>{const a={xs:k,sm:q,md:v,lg:b,xl:j,xxl:y},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:w,offset:h,order:p,align:x,grow:C,shrink:S};return f.default(...e,$,n(c))};return V.jsx(l,{"data-name":"col",...I,className:R(),onClick:E,children:g})};exports.Col=_;

package/src/tedi/components/layout/grid/col.es.js

@@ -39,27 +39,26 @@ const H = (p) => {
       default:
         r = "div";
     }
-  const a = (n, e = "") => {
-    const { align: c, offset: s, order: o, width: l, grow: m, shrink: f } = n;
+  const n = (a, e = "") => {
+    const { align: l, offset: s, order: o, width: c, grow: m, shrink: f } = a;
     return d(
       t.col,
-      { [t[`align-self${e}-${c}`]]: c },
+      { [t[`align-self${e}-${l}`]]: l },
       { [t[`offset${e}-${s}`]]: s },
       { [t[`order${e}-${o}`]]: o },
-      { [t[`col${e}-${l}`]]: l },
+      { [t[`col${e}-${c}`]]: c },
       { [t[`flex${e}-grow-${m}`]]: m },
       { [t[`flex${e}-shrink-${f}`]]: f }
     );
   };
   return /* @__PURE__ */ b(r, { "data-name": "col", ...V, className: (() => {
-    const n = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
-      const o = n[s], l = s !== "xs" ? `-${s}` : "";
-      return o ? a(typeof o == "object" ? { ...o } : { width: o }, l) : void 0;
-    }), c = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
-    return d(...e, $, a(c));
+    const a = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
+      const o = a[s], c = s !== "xs" ? `-${s}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { width: o }, c) : void 0;
+    }), l = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
+    return d(...e, $, n(l));
   })(), onClick: C, children: u });
 };
 export {
-  H as Col,
-  H as default
+  H as Col
 };