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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/_virtual/index.cjs10.js +1 -1
  2. package/_virtual/index.cjs11.js +1 -1
  3. package/_virtual/index.cjs12.js +1 -1
  4. package/_virtual/index.cjs13.js +1 -1
  5. package/_virtual/index.cjs5.js +1 -1
  6. package/_virtual/index.cjs6.js +1 -1
  7. package/_virtual/index.cjs7.js +1 -1
  8. package/_virtual/index.cjs8.js +1 -1
  9. package/_virtual/index.cjs9.js +1 -1
  10. package/_virtual/index.es10.js +1 -1
  11. package/_virtual/index.es11.js +1 -1
  12. package/_virtual/index.es12.js +1 -1
  13. package/_virtual/index.es13.js +2 -4
  14. package/_virtual/index.es5.js +4 -2
  15. package/_virtual/index.es6.js +1 -1
  16. package/_virtual/index.es7.js +1 -1
  17. package/_virtual/index.es8.js +1 -1
  18. package/_virtual/index.es9.js +1 -1
  19. package/bundle-stats.html +1 -1
  20. package/external/@mui/system/colorManipulator.cjs.js +1 -1
  21. package/external/@mui/system/colorManipulator.es.js +2 -2
  22. package/external/@mui/system/createStyled.cjs.js +1 -1
  23. package/external/@mui/system/createStyled.es.js +6 -6
  24. package/external/@mui/system/useThemeWithoutDefault.cjs.js +1 -1
  25. package/external/@mui/system/useThemeWithoutDefault.es.js +1 -1
  26. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js +1 -1
  27. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js +1 -1
  28. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
  29. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js +1 -1
  30. package/external/hoist-non-react-statics/external/react-is/index.cjs.js +1 -1
  31. package/external/hoist-non-react-statics/external/react-is/index.es.js +1 -1
  32. package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js +1 -1
  33. package/external/prop-types/external/react-is/cjs/react-is.development.es.js +1 -1
  34. package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
  35. package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js +1 -1
  36. package/external/prop-types/external/react-is/index.cjs.js +1 -1
  37. package/external/prop-types/external/react-is/index.es.js +1 -1
  38. package/external/toposort/index.cjs.js +1 -1
  39. package/external/toposort/index.es.js +1 -1
  40. package/package.json +1 -1
  41. package/src/tedi/components/form/checkbox/checkbox.cjs.js +1 -1
  42. package/src/tedi/components/form/checkbox/checkbox.es.js +61 -59
  43. package/src/tedi/components/form/choice-input.types.d.ts +5 -1
  44. package/src/tedi/components/form/form-label/form-label.d.ts +1 -1
  45. package/src/tedi/components/form/radio/radio.cjs.js +1 -1
  46. package/src/tedi/components/form/radio/radio.es.js +55 -53
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs12.js"),N=require("../../../_virtual/index.cjs13.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs11.js"),N=require("../../../_virtual/index.cjs12.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
2
2
  The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`:(0,c.default)(9,e));let n=e.substring(t+1,e.length-1),a;if(r==="color"){if(n=n.split(" "),a=n.shift(),n.length===4&&n[3].charAt(0)==="/"&&(n[3]=n[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(a)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: unsupported \`${a}\` color space.
3
3
  The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:(0,c.default)(10,a))}else n=n.split(",");return n=n.map(u=>parseFloat(u)),{type:r,values:n,colorSpace:a}}const m=e=>{const t=p(e);return t.values.slice(0,3).map((r,n)=>t.type.indexOf("hsl")!==-1&&n!==0?`${r}%`:r).join(" ")};s.__exports.colorChannel=m;const q=(e,t)=>{try{return m(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};s.__exports.private_safeColorChannel=q;function i(e){const{type:t,colorSpace:r}=e;let{values:n}=e;return t.indexOf("rgb")!==-1?n=n.map((a,u)=>u<3?parseInt(a,10):a):t.indexOf("hsl")!==-1&&(n[1]=`${n[1]}%`,n[2]=`${n[2]}%`),t.indexOf("color")!==-1?n=`${r} ${n.join(" ")}`:n=`${n.join(", ")}`,`${t}(${n})`}function w(e){if(e.indexOf("#")===0)return e;const{values:t}=p(e);return`#${t.map((r,n)=>k(n===3?Math.round(255*r):r)).join("")}`}function O(e){e=p(e);const{values:t}=e,r=t[0],n=t[1]/100,a=t[2]/100,u=n*Math.min(a,1-a),o=(_,x=(_+r/30)%12)=>a-u*Math.max(Math.min(x-3,9-x,1),-1);let l="rgb";const f=[Math.round(o(0)*255),Math.round(o(8)*255),Math.round(o(4)*255)];return e.type==="hsla"&&(l+="a",f.push(t[3])),i({type:l,values:f})}function h(e){e=p(e);let t=e.type==="hsl"||e.type==="hsla"?p(O(e)).values:e.values;return t=t.map(r=>(e.type!=="color"&&(r/=255),r<=.03928?r/12.92:((r+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function I(e,t){const r=h(e),n=h(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function E(e,t){return e=p(e),t=d(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,i(e)}function A(e,t,r){try{return E(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function g(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]*=1-t;return i(e)}function S(e,t,r){try{return g(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function v(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(255-e.values[r])*t;else if(e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return i(e)}function z(e,t,r){try{return v(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function C(e,t=.15){return h(e)>.5?g(e,t):v(e,t)}function L(e,t,r){try{return C(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function U(e,t,r,n=1){const a=(f,_)=>Math.round((f**(1/n)*(1-r)+_**(1/n)*r)**n),u=p(e),o=p(t),l=[a(u.values[0],o.values[0]),a(u.values[1],o.values[1]),a(u.values[2],o.values[2])];return i({type:"rgb",values:l})}exports.default=s.__exports;exports.alpha=D;exports.darken=R;exports.getContrastRatio=T;exports.lighten=V;
@@ -1,7 +1,7 @@
1
1
  import { __exports as s } from "../../../_virtual/colorManipulator.es.js";
2
2
  import { i as C } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
- import M from "../../../_virtual/index.es12.js";
4
- import N from "../../../_virtual/index.es13.js";
3
+ import M from "../../../_virtual/index.es11.js";
4
+ import N from "../../../_virtual/index.es12.js";
5
5
  var _ = C;
6
6
  Object.defineProperty(s, "__esModule", {
7
7
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs6.js"),U=require("../../../_virtual/index.cjs7.js"),X=require("../../../_virtual/index.cjs8.js"),Y=require("../../../_virtual/index.cjs9.js"),Z=require("../../../_virtual/index.cjs10.js"),z=require("../../../_virtual/index.cjs11.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs5.js"),U=require("../../../_virtual/index.cjs6.js"),X=require("../../../_virtual/index.cjs7.js"),Y=require("../../../_virtual/index.cjs8.js"),Z=require("../../../_virtual/index.cjs9.js"),z=require("../../../_virtual/index.cjs10.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
@@ -2,12 +2,12 @@ import { __exports as $ } from "../../../_virtual/createStyled.es.js";
2
2
  import { i as H } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
3
  import J from "../../../_virtual/extends.es.js";
4
4
  import { __require as K } from "../../@babel/runtime/helpers/objectWithoutPropertiesLoose.es.js";
5
- import Q from "../../../_virtual/index.es6.js";
6
- import U from "../../../_virtual/index.es7.js";
7
- import X from "../../../_virtual/index.es8.js";
8
- import Y from "../../../_virtual/index.es9.js";
9
- import Z from "../../../_virtual/index.es10.js";
10
- import z from "../../../_virtual/index.es11.js";
5
+ import Q from "../../../_virtual/index.es5.js";
6
+ import U from "../../../_virtual/index.es6.js";
7
+ import X from "../../../_virtual/index.es7.js";
8
+ import Y from "../../../_virtual/index.es8.js";
9
+ import Z from "../../../_virtual/index.es9.js";
10
+ import z from "../../../_virtual/index.es10.js";
11
11
  var v = H;
12
12
  Object.defineProperty($, "__esModule", {
13
13
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs6.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs5.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
@@ -1,6 +1,6 @@
1
1
  import { __exports as a } from "../../../_virtual/useThemeWithoutDefault.es.js";
2
2
  import l from "react";
3
- import c from "../../../_virtual/index.es6.js";
3
+ import c from "../../../_virtual/index.es5.js";
4
4
  Object.defineProperty(a, "__esModule", {
5
5
  value: !0
6
6
  });
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
2
2
  * react-is.development.js
3
3
  *
4
4
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -1,4 +1,4 @@
1
- import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
1
+ import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
2
2
  /** @license React v16.13.1
3
3
  * react-is.development.js
4
4
  *
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
2
2
  * react-is.production.min.js
3
3
  *
4
4
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -1,4 +1,4 @@
1
- import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
1
+ import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
2
2
  /** @license React v16.13.1
3
3
  * react-is.production.min.js
4
4
  *
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
@@ -1,4 +1,4 @@
1
- import { __module as r } from "../../../../_virtual/index.es4.js";
1
+ import { __module as r } from "../../../../_virtual/index.es3.js";
2
2
  import { __require as e } from "./cjs/react-is.production.min.es.js";
3
3
  import { __require as o } from "./cjs/react-is.development.es.js";
4
4
  process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
2
2
  * react-is.development.js
3
3
  *
4
4
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -1,4 +1,4 @@
1
- import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
1
+ import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
2
2
  /** @license React v16.13.1
3
3
  * react-is.development.js
4
4
  *
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
2
2
  * react-is.production.min.js
3
3
  *
4
4
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -1,4 +1,4 @@
1
- import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
1
+ import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
2
2
  /** @license React v16.13.1
3
3
  * react-is.production.min.js
4
4
  *
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
@@ -1,4 +1,4 @@
1
- import { __module as e } from "../../../../_virtual/index.es3.js";
1
+ import { __module as e } from "../../../../_virtual/index.es4.js";
2
2
  import { __require as o } from "./cjs/react-is.production.min.es.js";
3
3
  import { __require as t } from "./cjs/react-is.development.es.js";
4
4
  var r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs5.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs13.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
@@ -1,5 +1,5 @@
1
1
  import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.es.js";
2
- import { __module as v } from "../../_virtual/index.es5.js";
2
+ import { __module as v } from "../../_virtual/index.es13.js";
3
3
  v.exports = function(n) {
4
4
  return g(m(n), n);
5
5
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "16.0.0-rc.1",
3
+ "version": "16.0.0-rc.3",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),o=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),j=require("../../base/icon/icon.cjs.js"),S=require("../feedback-text/feedback-text.cjs.js"),T=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),$=require("../../layout/grid/row.cjs.js"),C=require("../../layout/grid/col.cjs.js"),N=q=>{const{id:d,label:l,value:x,className:g,disabled:b=!1,onChange:i,hideLabel:y=!1,helper:a,checked:s,defaultChecked:I,indeterminate:n,hover:R,name:v,tooltip:k,invalid:w,size:r="default",...z}=q,[m,L]=f.useState(I||!1),u=f.useRef(null),h=f.useMemo(()=>n?"mixed":i&&typeof s<"u"?s:m,[n,i,s,m]),M=t=>{typeof s>"u"&&L(t==null?void 0:t.target.checked),i==null||i(x,t==null?void 0:t.target.checked)},_=a?a.id??`${d}-helper`:void 0,F=k?`${d}-tooltip`:void 0,p=o.default(e.default["tedi-checkbox"],{[e.default["tedi-checkbox--disabled"]]:b});return c.jsxs("div",{"data-name":"check",...z,children:[c.jsxs($.Row,{gutter:0,children:[c.jsx(C.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:d,value:x,name:v,type:"checkbox",disabled:b,checked:h!=="mixed"?h:!1,"aria-checked":h,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[_,F].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=u.current)==null?void 0:t.click()},className:o.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:R,[e.default["tedi-checkbox__indicator--indeterminate"]]:n,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:w},g),"data-testid":"checkbox-indicator",children:[c.jsx(j.Icon,{size:r==="default"?16:18,name:"remove",className:o.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(j.Icon,{size:r==="default"?16:18,name:"check",className:o.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),c.jsx(C.Col,{children:l&&typeof l=="string"?c.jsx(T.FormLabel,{ref:u,className:p,id:d,"data-testid":"checkbox-label",hideLabel:y,label:l,tooltip:k}):c.jsx("label",{ref:u,htmlFor:d,className:p,"data-testid":"checkbox-label",children:l})})]}),a&&c.jsx(S.FeedbackText,{id:_,...a,className:o.default(e.default["tedi-checkbox__helper"],a.className)})]})};exports.Checkbox=N;exports.default=N;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),p=require("../../base/icon/icon.cjs.js"),$=require("../feedback-text/feedback-text.cjs.js"),B=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),F=require("../../layout/grid/row.cjs.js"),j=require("../../layout/grid/col.cjs.js"),q=C=>{const{id:o,label:h,value:f,className:N,disabled:x=!1,onChange:d,hideLabel:g=!1,helper:i,checked:l,defaultChecked:y,indeterminate:s,hover:I,name:R,tooltip:b,invalid:v,size:r="default",required:w,...z}=C,[k,L]=u.useState(y||!1),_=u.useRef(null),n=u.useMemo(()=>s?"mixed":d&&typeof l<"u"?l:k,[s,d,l,k]),M=t=>{typeof l>"u"&&L(t==null?void 0:t.target.checked),d==null||d(f,t==null?void 0:t.target.checked)},m=i?i.id??`${o}-helper`:void 0,S=b?`${o}-tooltip`:void 0,T=a.default(e.default["tedi-checkbox__label"],{[e.default["tedi-checkbox--disabled"]]:x});return c.jsxs("div",{"data-name":"check",...z,children:[c.jsxs(F.Row,{gutter:0,children:[c.jsx(j.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:o,value:f,name:R,type:"checkbox",disabled:x,checked:n!=="mixed"?n:!1,"aria-checked":n,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[m,S].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=_.current)==null?void 0:t.click()},className:a.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:I,[e.default["tedi-checkbox__indicator--indeterminate"]]:s,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:v},N),"data-testid":"checkbox-indicator",children:[c.jsx(p.Icon,{size:r==="default"?16:18,name:"remove",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(p.Icon,{size:r==="default"?16:18,name:"check",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),h&&c.jsx(j.Col,{children:c.jsx(B.FormLabel,{ref:_,className:T,id:o,"data-testid":"checkbox-label",hideLabel:g,label:h,tooltip:b,required:w})})]}),i&&c.jsx($.FeedbackText,{id:m,...i,className:a.default(e.default["tedi-checkbox__helper"],i.className)})]})};exports.Checkbox=q;exports.default=q;
@@ -1,84 +1,85 @@
1
- import { jsxs as n, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as s, jsx as i } from "react/jsx-runtime";
2
2
  import d from "../../../../../external/classnames/index.es.js";
3
- import b from "react";
4
- import { Icon as C } from "../../base/icon/icon.es.js";
5
- import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
3
+ import m from "react";
4
+ import { Icon as N } from "../../base/icon/icon.es.js";
5
+ import { FeedbackText as q } from "../feedback-text/feedback-text.es.js";
6
6
  import { FormLabel as E } from "../form-label/form-label.es.js";
7
7
  import e from "./checkbox.module.scss.es.js";
8
8
  import { Row as H } from "../../layout/grid/row.es.js";
9
- import { Col as g } from "../../layout/grid/col.es.js";
10
- const P = (y) => {
9
+ import { Col as C } from "../../layout/grid/col.es.js";
10
+ const Q = (g) => {
11
11
  const {
12
- id: t,
13
- label: r,
14
- value: f,
15
- className: z,
16
- disabled: _ = !1,
17
- onChange: o,
18
- hideLabel: I = !1,
19
- helper: a,
20
- checked: l,
21
- defaultChecked: R,
22
- indeterminate: h,
23
- hover: j,
24
- name: w,
25
- tooltip: p,
26
- invalid: F,
27
- size: s = "default",
28
- ...L
29
- } = y, [x, $] = b.useState(R || !1), m = b.useRef(null), k = b.useMemo(() => h ? "mixed" : o && typeof l < "u" ? l : x, [h, o, l, x]), v = (c) => {
30
- typeof l > "u" && $(c == null ? void 0 : c.target.checked), o == null || o(f, c == null ? void 0 : c.target.checked);
31
- }, u = a ? a.id ?? `${t}-helper` : void 0, B = p ? `${t}-tooltip` : void 0, N = d(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: _ });
32
- return /* @__PURE__ */ n("div", { "data-name": "check", ...L, children: [
33
- /* @__PURE__ */ n(H, { gutter: 0, children: [
34
- /* @__PURE__ */ i(g, { width: "auto", children: /* @__PURE__ */ n("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
12
+ id: a,
13
+ label: k,
14
+ value: b,
15
+ className: y,
16
+ disabled: f = !1,
17
+ onChange: t,
18
+ hideLabel: z = !1,
19
+ helper: o,
20
+ checked: r,
21
+ defaultChecked: I,
22
+ indeterminate: n,
23
+ hover: R,
24
+ name: j,
25
+ tooltip: _,
26
+ invalid: w,
27
+ size: l = "default",
28
+ required: L,
29
+ ...$
30
+ } = g, [p, v] = m.useState(I || !1), x = m.useRef(null), h = m.useMemo(() => n ? "mixed" : t && typeof r < "u" ? r : p, [n, t, r, p]), B = (c) => {
31
+ typeof r > "u" && v(c == null ? void 0 : c.target.checked), t == null || t(b, c == null ? void 0 : c.target.checked);
32
+ }, u = o ? o.id ?? `${a}-helper` : void 0, F = _ ? `${a}-tooltip` : void 0, M = d(e["tedi-checkbox__label"], { [e["tedi-checkbox--disabled"]]: f });
33
+ return /* @__PURE__ */ s("div", { "data-name": "check", ...$, children: [
34
+ /* @__PURE__ */ s(H, { gutter: 0, children: [
35
+ /* @__PURE__ */ i(C, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
35
36
  /* @__PURE__ */ i(
36
37
  "input",
37
38
  {
38
- id: t,
39
- value: f,
40
- name: w,
39
+ id: a,
40
+ value: b,
41
+ name: j,
41
42
  type: "checkbox",
42
- disabled: _,
43
- checked: k !== "mixed" ? k : !1,
44
- "aria-checked": k,
45
- onChange: v,
43
+ disabled: f,
44
+ checked: h !== "mixed" ? h : !1,
45
+ "aria-checked": h,
46
+ onChange: B,
46
47
  className: e["tedi-checkbox__input"],
47
- "aria-describedby": [u, B].filter(Boolean).join(" ")
48
+ "aria-describedby": [u, F].filter(Boolean).join(" ")
48
49
  }
49
50
  ),
50
- /* @__PURE__ */ n(
51
+ /* @__PURE__ */ s(
51
52
  "div",
52
53
  {
53
54
  "aria-hidden": "true",
54
55
  onClick: () => {
55
56
  var c;
56
- return (c = m.current) == null ? void 0 : c.click();
57
+ return (c = x.current) == null ? void 0 : c.click();
57
58
  },
58
59
  className: d(
59
60
  e["tedi-checkbox__indicator"],
60
61
  {
61
- [e["tedi-checkbox__indicator--hover"]]: j,
62
- [e["tedi-checkbox__indicator--indeterminate"]]: h,
63
- [e[`tedi-checkbox__indicator--size-${s}`]]: s,
64
- [e["tedi-checkbox__indicator--invalid"]]: F
62
+ [e["tedi-checkbox__indicator--hover"]]: R,
63
+ [e["tedi-checkbox__indicator--indeterminate"]]: n,
64
+ [e[`tedi-checkbox__indicator--size-${l}`]]: l,
65
+ [e["tedi-checkbox__indicator--invalid"]]: w
65
66
  },
66
- z
67
+ y
67
68
  ),
68
69
  "data-testid": "checkbox-indicator",
69
70
  children: [
70
71
  /* @__PURE__ */ i(
71
- C,
72
+ N,
72
73
  {
73
- size: s === "default" ? 16 : 18,
74
+ size: l === "default" ? 16 : 18,
74
75
  name: "remove",
75
76
  className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--indeterminate"])
76
77
  }
77
78
  ),
78
79
  /* @__PURE__ */ i(
79
- C,
80
+ N,
80
81
  {
81
- size: s === "default" ? 16 : 18,
82
+ size: l === "default" ? 16 : 18,
82
83
  name: "check",
83
84
  className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--check"])
84
85
  }
@@ -87,23 +88,24 @@ const P = (y) => {
87
88
  }
88
89
  )
89
90
  ] }) }),
90
- /* @__PURE__ */ i(g, { children: r && typeof r == "string" ? /* @__PURE__ */ i(
91
+ k && /* @__PURE__ */ i(C, { children: /* @__PURE__ */ i(
91
92
  E,
92
93
  {
93
- ref: m,
94
- className: N,
95
- id: t,
94
+ ref: x,
95
+ className: M,
96
+ id: a,
96
97
  "data-testid": "checkbox-label",
97
- hideLabel: I,
98
- label: r,
99
- tooltip: p
98
+ hideLabel: z,
99
+ label: k,
100
+ tooltip: _,
101
+ required: L
100
102
  }
101
- ) : /* @__PURE__ */ i("label", { ref: m, htmlFor: t, className: N, "data-testid": "checkbox-label", children: r }) })
103
+ ) })
102
104
  ] }),
103
- a && /* @__PURE__ */ i(M, { id: u, ...a, className: d(e["tedi-checkbox__helper"], a.className) })
105
+ o && /* @__PURE__ */ i(q, { id: u, ...o, className: d(e["tedi-checkbox__helper"], o.className) })
104
106
  ] });
105
107
  };
106
108
  export {
107
- P as Checkbox,
108
- P as default
109
+ Q as Checkbox,
110
+ Q as default
109
111
  };
@@ -7,7 +7,7 @@ export interface ChoiceInputProps {
7
7
  /**
8
8
  * Label text
9
9
  */
10
- label: string | React.ReactNode;
10
+ label: React.ReactNode;
11
11
  /**
12
12
  * Additional classes.
13
13
  */
@@ -60,4 +60,8 @@ export interface ChoiceInputProps {
60
60
  * Whether the input is marked as invalid.
61
61
  */
62
62
  invalid?: boolean;
63
+ /**
64
+ * Whether the input is marked as required.
65
+ */
66
+ required?: boolean;
63
67
  }
@@ -7,7 +7,7 @@ export interface FormLabelProps {
7
7
  /**
8
8
  * The text content of the label that describes the input field.
9
9
  */
10
- label: string;
10
+ label: React.ReactNode;
11
11
  /**
12
12
  * Controls the visibility of the label.
13
13
  * Use `true` to hide the label visually while maintaining its space in the layout,
@@ -1 +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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),T=require("../feedback-text/feedback-text.cjs.js"),$=require("../form-label/form-label.cjs.js"),i=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:c,value:n,className:k,disabled:u,onChange:a,hideLabel:q,helper:t,checked:o,defaultChecked:C,hover:g,name:N,tooltip:f,size:h="default",invalid:R,required:y,...w}=j,[_,L]=s.useState(C||!1),b=s.useRef(null),M=s.useMemo(()=>a&&typeof o<"u"?o:_,[a,_,o]),v=e=>{typeof o>"u"&&L(e==null?void 0:e.target.checked),a==null||a(n,e==null?void 0:e.target.checked)},m=t?t.id??`${r}-helper`:void 0,I=f?`${r}-tooltip`:void 0,S=l.default(i.default["tedi-radio__label"],{[i.default["tedi-radio--disabled"]]:u});return d.jsxs("div",{"data-name":"radio",...w,children:[d.jsxs(z.Row,{gutter:0,children:[d.jsx(p.Col,{width:"auto",children:d.jsxs("div",{className:i.default["tedi-radio__outer-indicator-wrapper"],children:[d.jsx("input",{id:r,value:n,name:N,type:"radio",disabled:u,checked:M,onChange:v,className:i.default["tedi-radio__input"],"aria-describedby":[m,I].filter(Boolean).join(" ")}),d.jsx("div",{"aria-hidden":"true",onClick:()=>{var e;return(e=b.current)==null?void 0:e.click()},className:l.default(i.default["tedi-radio__indicator"],{[i.default["tedi-radio__indicator--hover"]]:g},{[i.default[`tedi-radio__indicator--size-${h}`]]:h},{[i.default["tedi-radio__indicator--invalid"]]:R},k),"data-testid":"radio-indicator"})]})}),c&&d.jsx(p.Col,{children:d.jsx($.FormLabel,{ref:b,className:S,id:r,"data-testid":"radio-label",hideLabel:q,label:c,tooltip:f,required:y})})]}),t&&d.jsx(T.FeedbackText,{id:m,...t,className:l.default(i.default["tedi-radio__helper"],t.className)})]})};exports.Radio=x;exports.default=x;
@@ -1,47 +1,48 @@
1
- import { jsxs as s, jsx as d } from "react/jsx-runtime";
2
- import n from "../../../../../external/classnames/index.es.js";
3
- import m from "react";
4
- import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
5
- import { FormLabel as M } from "../form-label/form-label.es.js";
1
+ import { jsxs as l, jsx as d } from "react/jsx-runtime";
2
+ import c from "../../../../../external/classnames/index.es.js";
3
+ import s from "react";
4
+ import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
5
+ import { FormLabel as q } from "../form-label/form-label.es.js";
6
6
  import i from "./radio.module.scss.es.js";
7
7
  import { Row as v } from "../../layout/grid/row.es.js";
8
- import { Col as N } from "../../layout/grid/col.es.js";
9
- const J = (C) => {
8
+ import { Col as k } from "../../layout/grid/col.es.js";
9
+ const K = (N) => {
10
10
  const {
11
- id: a,
12
- label: o,
13
- value: h,
14
- className: g,
15
- disabled: f,
16
- onChange: r,
17
- hideLabel: y,
18
- helper: t,
19
- checked: l,
20
- defaultChecked: R,
21
- hover: x,
22
- name: j,
11
+ id: o,
12
+ label: n,
13
+ value: m,
14
+ className: C,
15
+ disabled: h,
16
+ onChange: a,
17
+ hideLabel: g,
18
+ helper: r,
19
+ checked: t,
20
+ defaultChecked: y,
21
+ hover: R,
22
+ name: x,
23
23
  tooltip: p,
24
- size: u = "default",
25
- invalid: w,
26
- ...F
27
- } = C, [_, I] = m.useState(R || !1), c = m.useRef(null), L = m.useMemo(() => r && typeof l < "u" ? l : _, [r, _, l]), $ = (e) => {
28
- typeof l > "u" && I(e == null ? void 0 : e.target.checked), r == null || r(h, e == null ? void 0 : e.target.checked);
29
- }, b = t ? t.id ?? `${a}-helper` : void 0, z = p ? `${a}-tooltip` : void 0, k = n(i["tedi-radio"], { [i["tedi-radio--disabled"]]: f });
30
- return /* @__PURE__ */ s("div", { "data-name": "radio", ...F, children: [
31
- /* @__PURE__ */ s(v, { gutter: 0, children: [
32
- /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
24
+ size: f = "default",
25
+ invalid: j,
26
+ required: w,
27
+ ...I
28
+ } = N, [u, L] = s.useState(y || !1), _ = s.useRef(null), $ = s.useMemo(() => a && typeof t < "u" ? t : u, [a, u, t]), z = (e) => {
29
+ typeof t > "u" && L(e == null ? void 0 : e.target.checked), a == null || a(m, e == null ? void 0 : e.target.checked);
30
+ }, b = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = c(i["tedi-radio__label"], { [i["tedi-radio--disabled"]]: h });
31
+ return /* @__PURE__ */ l("div", { "data-name": "radio", ...I, children: [
32
+ /* @__PURE__ */ l(v, { gutter: 0, children: [
33
+ /* @__PURE__ */ d(k, { width: "auto", children: /* @__PURE__ */ l("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
33
34
  /* @__PURE__ */ d(
34
35
  "input",
35
36
  {
36
- id: a,
37
- value: h,
38
- name: j,
37
+ id: o,
38
+ value: m,
39
+ name: x,
39
40
  type: "radio",
40
- disabled: f,
41
- checked: L,
42
- onChange: $,
41
+ disabled: h,
42
+ checked: $,
43
+ onChange: z,
43
44
  className: i["tedi-radio__input"],
44
- "aria-describedby": [b, z].filter(Boolean).join(" ")
45
+ "aria-describedby": [b, B].filter(Boolean).join(" ")
45
46
  }
46
47
  ),
47
48
  /* @__PURE__ */ d(
@@ -50,36 +51,37 @@ const J = (C) => {
50
51
  "aria-hidden": "true",
51
52
  onClick: () => {
52
53
  var e;
53
- return (e = c.current) == null ? void 0 : e.click();
54
+ return (e = _.current) == null ? void 0 : e.click();
54
55
  },
55
- className: n(
56
+ className: c(
56
57
  i["tedi-radio__indicator"],
57
- { [i["tedi-radio__indicator--hover"]]: x },
58
- { [i[`tedi-radio__indicator--size-${u}`]]: u },
59
- { [i["tedi-radio__indicator--invalid"]]: w },
60
- g
58
+ { [i["tedi-radio__indicator--hover"]]: R },
59
+ { [i[`tedi-radio__indicator--size-${f}`]]: f },
60
+ { [i["tedi-radio__indicator--invalid"]]: j },
61
+ C
61
62
  ),
62
63
  "data-testid": "radio-indicator"
63
64
  }
64
65
  )
65
66
  ] }) }),
66
- /* @__PURE__ */ d(N, { children: o && typeof o == "string" ? /* @__PURE__ */ d(
67
- M,
67
+ n && /* @__PURE__ */ d(k, { children: /* @__PURE__ */ d(
68
+ q,
68
69
  {
69
- ref: c,
70
- className: k,
71
- id: a,
70
+ ref: _,
71
+ className: F,
72
+ id: o,
72
73
  "data-testid": "radio-label",
73
- hideLabel: y,
74
- label: o,
75
- tooltip: p
74
+ hideLabel: g,
75
+ label: n,
76
+ tooltip: p,
77
+ required: w
76
78
  }
77
- ) : /* @__PURE__ */ d("label", { ref: c, htmlFor: a, className: k, "data-testid": "radio-label", children: o }) })
79
+ ) })
78
80
  ] }),
79
- t && /* @__PURE__ */ d(B, { id: b, ...t, className: n(i["tedi-radio__helper"], t.className) })
81
+ r && /* @__PURE__ */ d(M, { id: b, ...r, className: c(i["tedi-radio__helper"], r.className) })
80
82
  ] });
81
83
  };
82
84
  export {
83
- J as Radio,
84
- J as default
85
+ K as Radio,
86
+ K as default
85
87
  };