Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Socket
Sign inDemoInstall

@contentful/f36-forms

Package Overview
Dependencies
Maintainers
164
Versions
383
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-forms - npm Package Compare versions

Comparing version 4.41.1 to 4.42.0

2

dist/esm/index.js

@@ -8,5 +8,5 @@ import z, { createContext, forwardRef, useRef, useEffect, useCallback, useState, useContext } from 'react';

var Co=Object.defineProperty,Po=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var Pe=(e,o,t)=>o in e?Co(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))ke.call(o,t)&&Pe(e,t,o[t]);if(J)for(var t of J(o))Ie.call(o,t)&&Pe(e,t,o[t]);return e},m=(e,o)=>Po(e,ko(o));var l=(e,o)=>{var t={};for(var r in e)ke.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&J)for(var r of J(e))o.indexOf(r)<0&&Ie.call(e,r)&&(t[r]=e[r]);return t};var Te=()=>{},ae=createContext(void 0),Eo=()=>useContext(ae),P=e=>{var t,r,p,n,a;let o=Eo();return o?{isDisabled:(t=e.isDisabled)!=null?t:o.isDisabled,isInvalid:(r=e.isInvalid)!=null?r:o.isInvalid,isReadOnly:(p=e.isReadOnly)!=null?p:o.isReadOnly,isRequired:(n=e.isRequired)!=null?n:o.isRequired,id:(a=e.id)!=null?a:o.id,maxLength:o.maxLength,inputValue:o.inputValue,setMaxLength:o.setMaxLength||Te,setInputValue:o.setInputValue||Te}:e};var N=z.forwardRef((r,t)=>{var p=r,{testId:e="cf-ui-help-text"}=p,o=l(p,["testId"]);let{id:n}=P({});return z.createElement(Text,m(i({as:"p",fontColor:"gray500",fontSize:"fontSizeM",testId:e,id:`${n}-helptext`,marginTop:"spacingXs"},o),{ref:t}))});N.displayName="HelpText";var W=forwardRef((p,r)=>{var n=p,{children:e,testId:o="cf-ui-validation-message"}=n,t=l(n,["children","testId"]);let{id:a}=P({});return z.createElement(Flex,m(i({marginTop:"spacingXs"},t),{ref:r,testId:o,alignItems:"center",id:a?`${a}-validation`:void 0,"aria-live":"assertive"}),z.createElement(Flex,{marginRight:"spacing2Xs"},z.createElement(ErrorCircleOutlineIcon,{size:"small",variant:"negative","aria-hidden":"true"})),z.createElement(Text,{as:"p",fontColor:"colorNegative"},e))});W.displayName="ValidationMessage";var ce=({isDisabled:e})=>({alignItems:"center",background:e?s.gray300:s.colorWhite,border:`2px solid ${s.gray300}`,boxSizing:"border-box",display:"inline-flex",height:s.spacingM,justifyContent:"center",marginRight:s.spacingXs,width:s.spacingM}),Lo=({isDisabled:e})=>{let o=m(i({},ce({isDisabled:e})),{backgroundColor:e?s.gray300:s.colorWhite,borderRadius:s.borderRadiusSmall,"& svg":{fill:e?s.gray300:s.colorWhite},"input:indeterminate + &, input:checked + &":{backgroundColor:e?s.gray300:s.blue600,borderColor:e?s.gray300:s.blue600,"& svg":{fill:e?s.gray600:s.colorWhite}}});return css(o)},Bo=({isDisabled:e})=>{let o={content:'""',borderRadius:"50%",backgroundColor:e?s.gray300:s.colorWhite,width:s.borderRadiusMedium,height:s.borderRadiusMedium},t=m(i({},ce({isDisabled:e})),{backgroundColor:e?s.gray300:s.colorWhite,borderRadius:"50%","&:before":i({},o),"input:checked + &":{backgroundColor:e?s.gray300:s.blue600,borderColor:e?s.gray300:s.blue600,"&:before":{backgroundColor:e?s.gray600:s.colorWhite}}});return css(t)},vo=({isDisabled:e,size:o})=>{let t=o==="small"?{height:s.spacingM,width:s.spacingXl,"&:before":{height:s.spacingS,width:s.spacingS},"input:checked + &:before":{transform:`translateX(${s.spacingM})`}}:{height:"20px",width:"40px","&:before":{height:s.spacingM,width:s.spacingM},"input:checked + &:before":{transform:"translateX(20px)"}},r=m(i({},ce({isDisabled:e})),{background:s.gray600,borderColor:s.gray600,borderRadius:s.borderRadiusSmall,justifyContent:"space-around",position:"relative",flexShrink:0,"&:before":{background:s.colorWhite,borderRadius:`calc(${s.borderRadiusSmall}/2)`,content:'""',left:0,position:"absolute",transition:`transform ${s.transitionEasingDefault} ${s.transitionDurationDefault}`},"input:checked + &":{background:s.blue600,borderColor:s.blue600}}),p={"&, input:checked + &":{background:s.gray200,borderColor:s.gray200},"&:before":{background:s.gray400},"& svg":{fill:s.gray400}};return css([r,t,e&&p])},wo=e=>{let{isDisabled:o,size:t}=e;return {radio:Bo({isDisabled:o}),checkbox:Lo({isDisabled:o}),switch:vo({isDisabled:o,size:t})}},Se=wo;var Me=e=>{let{type:o,isIndeterminate:t,isDisabled:r,size:p="medium"}=e,n=Se({isDisabled:r,size:p});return o==="switch"?z.createElement("span",{className:n.switch},z.createElement(DoneIcon,{size:"tiny",variant:"white"}),z.createElement(CloseIcon,{size:"tiny",variant:"white"})):z.createElement("span",{className:n[o]},o==="checkbox"&&(t?z.createElement(MinusIcon,{size:"tiny",variant:"white"}):z.createElement(DoneIcon,{size:"tiny",variant:"white"})))};var Le=e=>e==="small"?{height:s.spacingM,width:s.spacingXl}:{height:"20px",width:"40px"},Oo=({size:e,type:o})=>{let t=s.spacingM;return o==="switch"&&(t=Le(e).width),{marginLeft:`calc(${t} + ${s.spacingXs})`,marginTop:0}},No=({isDisabled:e,type:o,size:t})=>({wrapper:css({alignItems:"center",display:"inline-flex",position:"relative",margin:"0"}),input:css([{cursor:e?"not-allowed":"pointer",height:s.spacingM,margin:0,opacity:0,position:"absolute",width:s.spacingM,zIndex:s.zIndexDefault,"&:focus":{outline:"none","& + span":{boxShadow:s.glowPrimary}},"&:focus:not(:focus-visible) + span":{boxShadow:"unset"},"&:focus-visible + span":{boxShadow:s.glowPrimary}},o==="switch"&&Le(t)]),helpText:css(Oo({size:t,type:o}))}),Be=No;function ve(e,o){let be=e,{isChecked:t=void 0,onChange:r,onFocus:p,onBlur:n,onKeyDown:a,type:c="checkbox",value:u,isDisabled:d,isIndeterminate:h,isInvalid:g,isRequired:y=!1,id:b,willBlurOnEsc:E=!0,testId:T="cf-ui-base-checkbox",className:f="",defaultChecked:I=void 0,name:B,inputProps:k={},children:v,"aria-label":w,size:L="medium",helpText:S}=be,R=l(be,["isChecked","onChange","onFocus","onBlur","onKeyDown","type","value","isDisabled","isIndeterminate","isInvalid","isRequired","id","willBlurOnEsc","testId","className","defaultChecked","name","inputProps","children","aria-label","size","helpText"]),G=useRef(null),F=o||G,{id:pe}=P({});useEffect(()=>{F.current&&(F.current.indeterminate=h);},[h,F]);let D=Be({isDisabled:d,type:c,size:L}),ie=useCallback(H=>{H.persist(),p&&p(H);},[p]),se=useCallback(H=>{H.persist(),n&&n(H);},[n]),K=useCallback(H=>{var Ce;H.persist(),E&&H.key==="Escape"&&((Ce=F==null?void 0:F.current)==null||Ce.blur()),a&&a(H);},[E,a,F]),Z=typeof t!==void 0?t:I,M=b?`${b}-helptext`:void 0,bo=g?`${pe}-validation`:S?M:void 0;return z.createElement(Flex,{alignItems:"flex-start",flexDirection:"column",className:f},z.createElement(Text,i({as:"label",fontColor:"gray900",fontWeight:"fontWeightMedium",className:D.wrapper,htmlFor:b,testId:T},R),z.createElement("input",m(i({},k),{"aria-label":w,checked:t,defaultChecked:I,className:D.input,type:c==="switch"?"checkbox":c,onChange:r,onFocus:ie,onBlur:se,onKeyDown:K,value:u,disabled:d,role:c,"aria-checked":h?"mixed":Z,ref:F,required:y,"aria-required":y?"true":void 0,"aria-invalid":g?"true":void 0,"aria-describedby":bo,id:b,name:B})),z.createElement(Me,{type:c,isDisabled:d,isIndeterminate:h,size:L}),v),S&&z.createElement(N,{id:M,className:D.helpText},S))}ve.displayName="BaseCheckbox";var _=z.forwardRef(ve);var ue=createContext(void 0),$o=()=>useContext(ue),Y=e=>{var a,c,u;let o=$o();if(!o)return e;let t,r;return o.type==="checkbox"&&(t=o.value===void 0||(a=o.value)==null?void 0:a.includes(e.value),r=t!==void 0||(c=o.defaultValue)==null?void 0:c.includes(e.value)),o.type==="radio"&&(t=o.value===void 0?void 0:o.value===e.value,r=t!==void 0?void 0:o.defaultValue===e.value),{defaultChecked:r,isChecked:t,onBlur:d=>{e.onBlur&&e.onBlur(d),o.onBlur&&o.onBlur(d);},onChange:d=>{e.onChange&&e.onChange(d),o.onChange&&o.onChange(d);},name:(u=o.name)!=null?u:e.name,value:e.value}};var Xo=(e,o)=>{let S=e,{testId:t="cf-ui-checkbox",id:r,isDisabled:p,isRequired:n,isInvalid:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isRequired","isInvalid","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=useId(r,"checkbox"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:a,isRequired:n}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i(i({},L),f),E),{type:"checkbox",testId:t,ref:o}),c)},Ge=z.forwardRef(Xo);var jo=(e,o)=>{let a=e,{children:t,className:r,testId:p="cf-ui-base-checkbox-group"}=a,n=l(a,["children","className","testId"]);return z.createElement(ue.Provider,{value:n},z.createElement(Stack,{ref:o,testId:p,className:r,flexDirection:"column",alignItems:"flex-start",spacing:"spacingXs"},t))},ee=z.forwardRef(jo);var Ko=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-checkbox-group"}=n,p=l(n,["children","testId"]);return z.createElement(ee,i({ref:o,testId:r,type:"checkbox"},p),t)},Oe=z.forwardRef(Ko);var Ne=Ge;Ne.Group=Oe;var Qo="div";function ze(g,h){var y=g,{as:e,isInvalid:o,isRequired:t,isDisabled:r,isReadOnly:p,children:n,marginBottom:a="spacingL",id:c,testId:u="cf-ui-form-control"}=y,d=l(y,["as","isInvalid","isRequired","isDisabled","isReadOnly","children","marginBottom","id","testId"]);let b=useId(c,"field-"),[E,T]=useState(""),[f,I]=useState(0),B=e==="fieldset"?void 0:"group",k=e||Qo,v={id:b,isRequired:t,isDisabled:r,isInvalid:o,isReadOnly:p,inputValue:E,setInputValue:T,maxLength:f,setMaxLength:I};return z.createElement(ae.Provider,{value:v},z.createElement(Box,i({as:k,ref:h,role:B,testId:u,marginBottom:a},d),n))}ze.displayName="FormControl";var Ve=z.forwardRef(ze);function De(){return {root:css({display:"inline-block",fontWeight:s.fontWeightMedium}),indicator:css({color:s.gray500,fontWeight:s.fontWeightNormal,marginLeft:s.spacing2Xs})}}var tt="label";function $e(u,c){var d=u,{as:e,children:o,className:t,isRequired:r,requiredText:p="required",testId:n="cf-ui-form-label"}=d,a=l(d,["as","children","className","isRequired","requiredText","testId"]);let h=De(),g=P({isRequired:r}),y=g.id?g.id+"-label":void 0,b=e!=="legend"?{htmlFor:a.htmlFor||g.id}:{};return z.createElement(Text,m(i(m(i({as:e||tt,marginBottom:"spacingXs"},a),{fontColor:"gray900",id:y}),b),{className:cx(h.root,t),ref:c,testId:n}),o,g.isRequired&&z.createElement("span",{className:h.indicator},"(",p,")"))}$e.displayName="FormLabel";var te=forwardRef($e);function qe(){return {root:css({flexShrink:0,paddingLeft:s.spacingM,textAlign:"right"})}}var $=forwardRef((p,r)=>{var n=p,{testId:e="cf-ui-counter",className:o}=n,t=l(n,["testId","className"]);let{maxLength:a,inputValue:c}=P({}),u=qe();return Boolean(a)&&z.createElement(Text,m(i({as:"p",fontColor:"gray700",fontSize:"fontSizeM",testId:e,marginTop:"spacingXs"},t),{className:cx(u.root,o),ref:r}),c.length," / ",a)});$.displayName="Counter";var q=Ve;q.Label=te;q.ValidationMessage=W;q.HelpText=N;q.Counter=$;var ct=(e,o)=>{let S=e,{testId:t="cf-ui-radio-button",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isInvalid","isRequired","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=useId(r,"radio"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:n,isRequired:a}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i(i({},L),E),f),{type:"radio",testId:t,ref:o}),c)},Ue=z.forwardRef(ct);var mt=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-radio-group"}=n,p=l(n,["children","testId"]);return z.createElement(ee,i({ref:o,testId:r,type:"radio"},p),t)},Ke=z.forwardRef(mt);var Ze=Ue;Ze.Group=Ke;var dt=({size:e})=>e==="small"?{padding:`${s.spacing2Xs} ${s.spacingXs}`,height:"32px",maxHeight:"32px"}:{height:"40px",maxHeight:"40px"},Je=({isDisabled:e,isInvalid:o,zIndexBase:t=s.zIndexDefault})=>e||o?t+1:t,ut=({as:e,isDisabled:o,isInvalid:t,size:r,resize:p})=>({rootComponentWithIcon:css({position:"relative",display:"flex",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})}),input:css(m(i({outline:"none",boxShadow:s.insetBoxShadowDefault,boxSizing:"border-box",backgroundColor:o?s.gray100:s.colorWhite,border:`1px solid ${t?s.red600:s.gray300}`,borderRadius:s.borderRadiusMedium,color:s.gray700,fontFamily:s.fontStackPrimary,fontSize:s.fontSizeM,lineHeight:s.lineHeightM,padding:`10px ${s.spacingS}`,margin:0,cursor:o?"not-allowed":"auto",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})},e==="textarea"?{resize:p}:dt({size:r})),{"&::placeholder":{color:s.gray500},"&:active, &:active:hover":{borderColor:t?s.red600:o?s.gray300:s.blue600,boxShadow:t?s.glowNegative:o?"none":s.glowPrimary},"&:focus":{borderColor:t?s.red600:o?s.gray300:s.blue600,boxShadow:t?s.glowNegative:o?"none":s.glowPrimary}})),inputWithIcon:css({paddingLeft:r==="small"?s.spacingXl:"38px"}),iconPlaceholder:css({position:"absolute",pointerEvents:"none",top:0,bottom:0,left:r==="small"?s.spacingXs:s.spacingS,display:"flex",alignItems:"center",zIndex:s.zIndexDefault})}),Qe=ut;var xt="input";function eo(e,o){let Z=e,{as:t=xt,className:r,isDisabled:p,isReadOnly:n,isRequired:a,isInvalid:c,id:u,name:d,onBlur:h,onChange:g,onFocus:y,onKeyDown:b,testId:E="cf-ui-base-input",type:T="text",value:f=void 0,placeholder:I,willBlurOnEsc:B=!0,style:k,icon:v,defaultValue:w,size:L="medium",resize:S="vertical"}=Z,R=l(Z,["as","className","isDisabled","isReadOnly","isRequired","isInvalid","id","name","onBlur","onChange","onFocus","onKeyDown","testId","type","value","placeholder","willBlurOnEsc","style","icon","defaultValue","size","resize"]),G=Qe({as:t,isDisabled:p,isInvalid:c,size:L,resize:S}),F=useCallback(M=>{M.persist(),y&&y(M);},[y]),pe=useCallback(M=>{M.persist(),!(p||n)&&g&&g(M);},[g,p,n]),D=useCallback(M=>{M.persist(),b&&b(M),M.nativeEvent.code==="Escape"&&B&&M.currentTarget.blur();},[B,b]),ie=v&&z.createElement(Box,{as:"span",className:G.iconPlaceholder},z.cloneElement(v,{size:L==="small"?"tiny":"small",variant:"muted","aria-hidden":!0})),se=t,K=M=>z.createElement(se,m(i({},R),{value:f,defaultValue:w,"data-test-id":E,style:k,placeholder:I,className:cx(G.input,M,r),name:d,type:T,ref:o,id:u,readOnly:n,"aria-readonly":n?"true":void 0,"aria-required":a?"true":void 0,"aria-invalid":c?"true":void 0,"aria-describedby":u?`${u}-${c?"validation":"helptext"}`:void 0,disabled:p,required:a,onChange:pe,onBlur:h,onKeyDown:D,onFocus:F,size:L}));return v?z.createElement(Box,{as:"div",className:G.rootComponentWithIcon},K(G.inputWithIcon),ie):K()}eo.displayName="BaseInput";var U=z.forwardRef(eo);var gt=(T,E)=>{var f=T,{className:e,testId:o="cf-ui-text-input",id:t,value:r,defaultValue:p,onChange:n,onFocus:a,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h,size:g="medium",maxLength:y}=f,b=l(f,["className","testId","id","value","defaultValue","onChange","onFocus","isInvalid","isDisabled","isRequired","isReadOnly","size","maxLength"]);let G=P({id:t,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:v}=G,w=l(G,["setMaxLength","maxLength","setInputValue","inputValue"]);useEffect(()=>{var F;y!==void 0&&typeof I=="function"&&(I(y),k((F=r!=null?r:p)!=null?F:""));},[y,I,k,p,r]);let L=F=>{typeof k=="function"&&k(F.target.value),n==null||n(F);},S=useRef(null),R=E||S;return z.createElement(U,m(i(i({type:"text"},b),w),{testId:o,ref:R,onChange:y?L:n,onFocus:a,as:"input",className:e,value:r,defaultValue:p,size:g,maxLength:y}))},to=z.forwardRef(gt);var Ct=({spacing:e})=>{if(e==="none")return css({position:"relative","& button, & input":{borderRadius:"0 !important"},"& > *":{marginRight:"-1px !important","&:not(:focus), & button:not(:focus)":{boxShadow:"none !important"},"&:first-child, &:first-child > input, &:first-child button":{borderBottomLeftRadius:`${s.borderRadiusMedium} !important`,borderTopLeftRadius:`${s.borderRadiusMedium} !important`},"&:last-child, &:last-child > input, &:last-child button":{borderBottomRightRadius:`${s.borderRadiusMedium} !important`,borderTopRightRadius:`${s.borderRadiusMedium} !important`,marginRight:"0 !important"},"&:focus, &:focus-within":{zIndex:s.zIndexDefault+1}}})},ro=({spacing:e})=>({inputGroup:Ct({spacing:e})});var It=(e,o)=>{let c=e,{children:t,className:r,spacing:p="none"}=c,n=l(c,["children","className","spacing"]),a=ro({spacing:p});return z.createElement(Stack,m(i({},n),{spacing:p,ref:o,fullWidth:!0,className:cx(a.inputGroup,r)}),t)},po=z.forwardRef(It);var io=to;io.Group=po;var Tt=(e,o)=>{let T=e,{testId:t="cf-ui-switch",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c}=T,u=l(T,["testId","id","isDisabled","isInvalid","isRequired","children"]),f=P({id:r,isDisabled:p,isInvalid:n,isRequired:a}),E=l(f,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i({},E),u),{testId:t,type:"switch",ref:o}),c)},ao=z.forwardRef(Tt);var co=()=>({error:css({"&:focus":{borderColor:s.colorNegative,boxShadow:s.glowNegative}}),disabled:css({"&:focus":{borderColor:s.gray300,boxShadow:"none"}})});var St=(E,b)=>{var T=E,{className:e,isDisabled:o,isInvalid:t,isRequired:r,isReadOnly:p,onChange:n,testId:a="cf-ui-textarea",id:c,resize:u="vertical",maxLength:d,value:h,defaultValue:g}=T,y=l(T,["className","isDisabled","isInvalid","isRequired","isReadOnly","onChange","testId","id","resize","maxLength","value","defaultValue"]);let f=co(),S=P({id:c,isInvalid:t,isDisabled:o,isRequired:r,isReadOnly:p}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:v}=S,w=l(S,["setMaxLength","maxLength","setInputValue","inputValue"]);useEffect(()=>{var R;d!==void 0&&typeof I=="function"&&(I(d),k((R=h!=null?h:g)!=null?R:""));},[g,d,k,I,h]);let L=R=>{typeof k=="function"&&k(R.target.value),n==null||n(R);};return z.createElement(U,m(i(i({},y),w),{defaultValue:g,value:h,testId:a,as:"textarea",ref:b,className:cx(e,{[f.disabled]:o,[f.error]:t}),maxLength:d,resize:u,onChange:d?L:n}))},uo=z.forwardRef(St);var ge=r=>{var p=r,{testId:e="cf-ui-select-option",isDisabled:o}=p,t=l(p,["testId","isDisabled"]);return z.createElement("option",m(i({"data-test-id":e},t),{disabled:o}))};function fo({isInvalid:e,isDisabled:o,size:t}){let r=t==="small"?{padding:`${s.spacing2Xs} ${s.spacingXs}`,height:"32px"}:{padding:`10px ${s.spacingL} 10px ${s.spacingS}`,height:"40px"},p=css({width:"100%",display:"block",appearance:"none",backgroundColor:s.colorWhite,color:s.gray700,fontSize:s.fontSizeM,lineHeight:s.lineHeightM,fontFamily:s.fontStackPrimary,borderRadius:s.borderRadiusMedium,boxShadow:s.insetBoxShadowDefault,outline:"none",border:`1px solid ${s.gray300}`,cursor:"pointer","&::placeholder":{color:s.gray500},"&:focus":{outline:"none",boxShadow:s.glowPrimary,borderColor:s.colorPrimary},"&:-moz-focusring":{color:"transparent",textShadow:"0 0 0 #000"},"&::-ms-expand":{display:"none"}}),n=css({backgroundColor:s.gray100,cursor:"not-allowed",color:s.gray600,"&:focus, &:active":{borderColor:s.gray300}}),a=css({borderColor:o?s.red300:s.red600,"&:focus":{borderColor:s.red600,boxShadow:s.glowNegative}});return {wrapper:css({position:"relative",display:"block",width:"auto"}),select:css([p,r,o&&n,e&&a]),icon:css({position:"absolute",right:s.spacingXs,top:"50%",marginTop:"-8px",pointerEvents:"none"})}}var vt=(E,b)=>{var T=E,{id:e,children:o,className:t,isInvalid:r,isDisabled:p,isRequired:n,testId:a="cf-ui-select",willBlurOnEsc:c=!0,onKeyDown:u,size:d="medium",value:h=void 0,defaultValue:g=void 0}=T,y=l(T,["id","children","className","isInvalid","isDisabled","isRequired","testId","willBlurOnEsc","onKeyDown","size","value","defaultValue"]);let f=P({isDisabled:p,isInvalid:r,isRequired:n,id:e}),I=fo({isDisabled:f.isDisabled,isInvalid:f.isInvalid,size:d}),B=useCallback(k=>{k.nativeEvent.code==="Escape"&&c&&k.currentTarget.blur(),u&&u(k);},[u,c]);return z.createElement("div",{className:cx(I.wrapper,t)},z.createElement("select",m(i({},y),{id:f.id,"data-test-id":a,className:I.select,onKeyDown:B,required:f.isRequired,"aria-required":f.isRequired?"true":void 0,"aria-invalid":f.isInvalid?!0:void 0,"aria-describedby":f.id?`${f.id}-${f.isInvalid?"validation":"helptext"}`:void 0,disabled:f.isDisabled,defaultValue:g,value:h,ref:b}),o),z.createElement(ChevronDownIcon,{className:I.icon,variant:"muted"}))},xo=z.forwardRef(vt);var ho=xo;ho.Option=ge;function yo(n,p){var a=n,{children:e,onSubmit:o,testId:t="cf-ui-form-label"}=a,r=l(a,["children","onSubmit","testId"]);let c=useCallback(u=>{u.preventDefault(),o&&o(u);},[o]);return z.createElement("form",i({ref:p,"data-test-id":t,onSubmit:c},r),e)}yo.displayName="Form";var go=forwardRef(yo);
var Co=Object.defineProperty,Po=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var Pe=(e,o,t)=>o in e?Co(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))ke.call(o,t)&&Pe(e,t,o[t]);if(J)for(var t of J(o))Ie.call(o,t)&&Pe(e,t,o[t]);return e},m=(e,o)=>Po(e,ko(o));var l=(e,o)=>{var t={};for(var r in e)ke.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&J)for(var r of J(e))o.indexOf(r)<0&&Ie.call(e,r)&&(t[r]=e[r]);return t};var Te=()=>{},ae=createContext(void 0),Eo=()=>useContext(ae),P=e=>{var t,r,p,n,a;let o=Eo();return o?{isDisabled:(t=e.isDisabled)!=null?t:o.isDisabled,isInvalid:(r=e.isInvalid)!=null?r:o.isInvalid,isReadOnly:(p=e.isReadOnly)!=null?p:o.isReadOnly,isRequired:(n=e.isRequired)!=null?n:o.isRequired,id:(a=e.id)!=null?a:o.id,maxLength:o.maxLength,inputValue:o.inputValue,setMaxLength:o.setMaxLength||Te,setInputValue:o.setInputValue||Te}:e};var N=z.forwardRef((r,t)=>{var p=r,{testId:e="cf-ui-help-text"}=p,o=l(p,["testId"]);let{id:n}=P({});return z.createElement(Text,m(i({as:"p",fontColor:"gray500",fontSize:"fontSizeM",testId:e,id:`${n}-helptext`,marginTop:"spacingXs"},o),{ref:t}))});N.displayName="HelpText";var W=forwardRef((p,r)=>{var n=p,{children:e,testId:o="cf-ui-validation-message"}=n,t=l(n,["children","testId"]);let{id:a}=P({});return z.createElement(Flex,m(i({marginTop:"spacingXs"},t),{ref:r,testId:o,alignItems:"center",id:a?`${a}-validation`:void 0,"aria-live":"assertive"}),z.createElement(Flex,{marginRight:"spacing2Xs"},z.createElement(ErrorCircleOutlineIcon,{size:"small",variant:"negative","aria-hidden":"true"})),z.createElement(Text,{as:"p",fontColor:"red600"},e))});W.displayName="ValidationMessage";var ce=({isDisabled:e})=>({alignItems:"center",background:e?s.gray300:s.colorWhite,border:`2px solid ${s.gray300}`,boxSizing:"border-box",display:"inline-flex",height:s.spacingM,justifyContent:"center",marginRight:s.spacingXs,width:s.spacingM}),Lo=({isDisabled:e})=>{let o=m(i({},ce({isDisabled:e})),{backgroundColor:e?s.gray300:s.colorWhite,borderRadius:s.borderRadiusSmall,"& svg":{fill:e?s.gray300:s.colorWhite},"input:indeterminate + &, input:checked + &":{backgroundColor:e?s.gray300:s.blue600,borderColor:e?s.gray300:s.blue600,"& svg":{fill:e?s.gray600:s.colorWhite}}});return css(o)},Bo=({isDisabled:e})=>{let o={content:'""',borderRadius:"50%",backgroundColor:e?s.gray300:s.colorWhite,width:s.borderRadiusMedium,height:s.borderRadiusMedium},t=m(i({},ce({isDisabled:e})),{backgroundColor:e?s.gray300:s.colorWhite,borderRadius:"50%","&:before":i({},o),"input:checked + &":{backgroundColor:e?s.gray300:s.blue600,borderColor:e?s.gray300:s.blue600,"&:before":{backgroundColor:e?s.gray600:s.colorWhite}}});return css(t)},wo=({isDisabled:e,size:o})=>{let t=o==="small"?{height:s.spacingM,width:s.spacingXl,"&:before":{height:s.spacingS,width:s.spacingS},"input:checked + &:before":{transform:`translateX(${s.spacingM})`}}:{height:"20px",width:"40px","&:before":{height:s.spacingM,width:s.spacingM},"input:checked + &:before":{transform:"translateX(20px)"}},r=m(i({},ce({isDisabled:e})),{background:s.gray600,borderColor:s.gray600,borderRadius:s.borderRadiusSmall,justifyContent:"space-around",position:"relative",flexShrink:0,"&:before":{background:s.colorWhite,borderRadius:`calc(${s.borderRadiusSmall}/2)`,content:'""',left:0,position:"absolute",transition:`transform ${s.transitionEasingDefault} ${s.transitionDurationDefault}`},"input:checked + &":{background:s.blue600,borderColor:s.blue600}}),p={"&, input:checked + &":{background:s.gray200,borderColor:s.gray200},"&:before":{background:s.gray400},"& svg":{fill:s.gray400}};return css([r,t,e&&p])},vo=e=>{let{isDisabled:o,size:t}=e;return {radio:Bo({isDisabled:o}),checkbox:Lo({isDisabled:o}),switch:wo({isDisabled:o,size:t})}},Se=vo;var Me=e=>{let{type:o,isIndeterminate:t,isDisabled:r,size:p="medium"}=e,n=Se({isDisabled:r,size:p});return o==="switch"?z.createElement("span",{className:n.switch},z.createElement(DoneIcon,{size:"tiny",variant:"white"}),z.createElement(CloseIcon,{size:"tiny",variant:"white"})):z.createElement("span",{className:n[o]},o==="checkbox"&&(t?z.createElement(MinusIcon,{size:"tiny",variant:"white"}):z.createElement(DoneIcon,{size:"tiny",variant:"white"})))};var Le=e=>e==="small"?{height:s.spacingM,width:s.spacingXl}:{height:"20px",width:"40px"},Oo=({size:e,type:o})=>{let t=s.spacingM;return o==="switch"&&(t=Le(e).width),{marginLeft:`calc(${t} + ${s.spacingXs})`,marginTop:0}},No=({isDisabled:e,type:o,size:t})=>({wrapper:css({alignItems:"center",display:"inline-flex",position:"relative",margin:"0"}),input:css([{cursor:e?"not-allowed":"pointer",height:s.spacingM,margin:0,opacity:0,position:"absolute",width:s.spacingM,zIndex:s.zIndexDefault,"&:focus":{outline:"none","& + span":{boxShadow:s.glowPrimary}},"&:focus:not(:focus-visible) + span":{boxShadow:"unset"},"&:focus-visible + span":{boxShadow:s.glowPrimary}},o==="switch"&&Le(t)]),helpText:css(Oo({size:t,type:o}))}),Be=No;function we(e,o){let be=e,{isChecked:t=void 0,onChange:r,onFocus:p,onBlur:n,onKeyDown:a,type:c="checkbox",value:u,isDisabled:d,isIndeterminate:h,isInvalid:g,isRequired:y=!1,id:b,willBlurOnEsc:E=!0,testId:T="cf-ui-base-checkbox",className:f="",defaultChecked:I=void 0,name:B,inputProps:k={},children:w,"aria-label":v,size:L="medium",helpText:S}=be,R=l(be,["isChecked","onChange","onFocus","onBlur","onKeyDown","type","value","isDisabled","isIndeterminate","isInvalid","isRequired","id","willBlurOnEsc","testId","className","defaultChecked","name","inputProps","children","aria-label","size","helpText"]),G=useRef(null),F=o||G,{id:pe}=P({});useEffect(()=>{F.current&&(F.current.indeterminate=h);},[h,F]);let D=Be({isDisabled:d,type:c,size:L}),ie=useCallback(H=>{H.persist(),p&&p(H);},[p]),se=useCallback(H=>{H.persist(),n&&n(H);},[n]),K=useCallback(H=>{var Ce;H.persist(),E&&H.key==="Escape"&&((Ce=F==null?void 0:F.current)==null||Ce.blur()),a&&a(H);},[E,a,F]),Z=typeof t!==void 0?t:I,M=b?`${b}-helptext`:void 0,bo=g?`${pe}-validation`:S?M:void 0;return z.createElement(Flex,{alignItems:"flex-start",flexDirection:"column",className:f},z.createElement(Text,i({as:"label",fontColor:"gray900",fontWeight:"fontWeightMedium",className:D.wrapper,htmlFor:b,testId:T},R),z.createElement("input",m(i({},k),{"aria-label":v,checked:t,defaultChecked:I,className:D.input,type:c==="switch"?"checkbox":c,onChange:r,onFocus:ie,onBlur:se,onKeyDown:K,value:u,disabled:d,role:c,"aria-checked":h?"mixed":Z,ref:F,required:y,"aria-required":y?"true":void 0,"aria-invalid":g?"true":void 0,"aria-describedby":bo,id:b,name:B})),z.createElement(Me,{type:c,isDisabled:d,isIndeterminate:h,size:L}),w),S&&z.createElement(N,{id:M,className:D.helpText},S))}we.displayName="BaseCheckbox";var _=z.forwardRef(we);var ue=createContext(void 0),$o=()=>useContext(ue),Y=e=>{var a,c,u;let o=$o();if(!o)return e;let t,r;return o.type==="checkbox"&&(t=o.value===void 0||(a=o.value)==null?void 0:a.includes(e.value),r=t!==void 0||(c=o.defaultValue)==null?void 0:c.includes(e.value)),o.type==="radio"&&(t=o.value===void 0?void 0:o.value===e.value,r=t!==void 0?void 0:o.defaultValue===e.value),{defaultChecked:r,isChecked:t,onBlur:d=>{e.onBlur&&e.onBlur(d),o.onBlur&&o.onBlur(d);},onChange:d=>{e.onChange&&e.onChange(d),o.onChange&&o.onChange(d);},name:(u=o.name)!=null?u:e.name,value:e.value}};var Xo=(e,o)=>{let S=e,{testId:t="cf-ui-checkbox",id:r,isDisabled:p,isRequired:n,isInvalid:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isRequired","isInvalid","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=useId(r,"checkbox"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:a,isRequired:n}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i(i({},L),f),E),{type:"checkbox",testId:t,ref:o}),c)},Ge=z.forwardRef(Xo);var jo=(e,o)=>{let a=e,{children:t,className:r,testId:p="cf-ui-base-checkbox-group"}=a,n=l(a,["children","className","testId"]);return z.createElement(ue.Provider,{value:n},z.createElement(Stack,{ref:o,testId:p,className:r,flexDirection:"column",alignItems:"flex-start",spacing:"spacingXs"},t))},ee=z.forwardRef(jo);var Ko=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-checkbox-group"}=n,p=l(n,["children","testId"]);return z.createElement(ee,i({ref:o,testId:r,type:"checkbox"},p),t)},Oe=z.forwardRef(Ko);var Ne=Ge;Ne.Group=Oe;var Qo="div";function ze(g,h){var y=g,{as:e,isInvalid:o,isRequired:t,isDisabled:r,isReadOnly:p,children:n,marginBottom:a="spacingL",id:c,testId:u="cf-ui-form-control"}=y,d=l(y,["as","isInvalid","isRequired","isDisabled","isReadOnly","children","marginBottom","id","testId"]);let b=useId(c,"field-"),[E,T]=useState(""),[f,I]=useState(0),B=e==="fieldset"?void 0:"group",k=e||Qo,w={id:b,isRequired:t,isDisabled:r,isInvalid:o,isReadOnly:p,inputValue:E,setInputValue:T,maxLength:f,setMaxLength:I};return z.createElement(ae.Provider,{value:w},z.createElement(Box,i({as:k,ref:h,role:B,testId:u,marginBottom:a},d),n))}ze.displayName="FormControl";var Ve=z.forwardRef(ze);function De(){return {root:css({display:"inline-block",fontWeight:s.fontWeightMedium}),indicator:css({color:s.gray500,fontWeight:s.fontWeightNormal,marginLeft:s.spacing2Xs})}}var tt="label";function $e(u,c){var d=u,{as:e,children:o,className:t,isRequired:r,requiredText:p="required",testId:n="cf-ui-form-label"}=d,a=l(d,["as","children","className","isRequired","requiredText","testId"]);let h=De(),g=P({isRequired:r}),y=g.id?g.id+"-label":void 0,b=e!=="legend"?{htmlFor:a.htmlFor||g.id}:{};return z.createElement(Text,m(i(m(i({as:e||tt,marginBottom:"spacingXs"},a),{fontColor:"gray900",id:y}),b),{className:cx(h.root,t),ref:c,testId:n}),o,g.isRequired&&z.createElement("span",{className:h.indicator},"(",p,")"))}$e.displayName="FormLabel";var te=forwardRef($e);function qe(){return {root:css({flexShrink:0,paddingLeft:s.spacingM,textAlign:"right"})}}var $=forwardRef((p,r)=>{var n=p,{testId:e="cf-ui-counter",className:o}=n,t=l(n,["testId","className"]);let{maxLength:a,inputValue:c}=P({}),u=qe();return Boolean(a)&&z.createElement(Text,m(i({as:"p",fontColor:"gray700",fontSize:"fontSizeM",testId:e,marginTop:"spacingXs"},t),{className:cx(u.root,o),ref:r}),c.length," / ",a)});$.displayName="Counter";var q=Ve;q.Label=te;q.ValidationMessage=W;q.HelpText=N;q.Counter=$;var ct=(e,o)=>{let S=e,{testId:t="cf-ui-radio-button",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isInvalid","isRequired","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=useId(r,"radio"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:n,isRequired:a}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i(i({},L),E),f),{type:"radio",testId:t,ref:o}),c)},Ue=z.forwardRef(ct);var mt=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-radio-group"}=n,p=l(n,["children","testId"]);return z.createElement(ee,i({ref:o,testId:r,type:"radio"},p),t)},Ke=z.forwardRef(mt);var Ze=Ue;Ze.Group=Ke;var dt=({size:e})=>e==="small"?{padding:`${s.spacing2Xs} ${s.spacingXs}`,height:"32px",maxHeight:"32px"}:{height:"40px",maxHeight:"40px"},Je=({isDisabled:e,isInvalid:o,zIndexBase:t=s.zIndexDefault})=>e||o?t+1:t,ut=({as:e,isDisabled:o,isInvalid:t,size:r,resize:p})=>({rootComponentWithIcon:css({position:"relative",display:"flex",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})}),input:css(m(i({outline:"none",boxShadow:s.insetBoxShadowDefault,boxSizing:"border-box",backgroundColor:o?s.gray100:s.colorWhite,border:`1px solid ${t?s.red600:s.gray300}`,borderRadius:s.borderRadiusMedium,color:s.gray700,fontFamily:s.fontStackPrimary,fontSize:s.fontSizeM,lineHeight:s.lineHeightM,padding:`10px ${s.spacingS}`,margin:0,cursor:o?"not-allowed":"auto",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})},e==="textarea"?{resize:p}:dt({size:r})),{"&::placeholder":{color:s.gray500},"&:active, &:active:hover":{borderColor:t?s.red600:o?s.gray300:s.blue600,boxShadow:t?s.glowNegative:o?"none":s.glowPrimary},"&:focus":{borderColor:t?s.red600:o?s.gray300:s.blue600,boxShadow:t?s.glowNegative:o?"none":s.glowPrimary}})),inputWithIcon:css({paddingLeft:r==="small"?s.spacingXl:"38px"}),iconPlaceholder:css({position:"absolute",pointerEvents:"none",top:0,bottom:0,left:r==="small"?s.spacingXs:s.spacingS,display:"flex",alignItems:"center",zIndex:s.zIndexDefault})}),Qe=ut;var xt="input";function eo(e,o){let Z=e,{as:t=xt,className:r,isDisabled:p,isReadOnly:n,isRequired:a,isInvalid:c,id:u,name:d,onBlur:h,onChange:g,onFocus:y,onKeyDown:b,testId:E="cf-ui-base-input",type:T="text",value:f=void 0,placeholder:I,willBlurOnEsc:B=!0,style:k,icon:w,defaultValue:v,size:L="medium",resize:S="vertical"}=Z,R=l(Z,["as","className","isDisabled","isReadOnly","isRequired","isInvalid","id","name","onBlur","onChange","onFocus","onKeyDown","testId","type","value","placeholder","willBlurOnEsc","style","icon","defaultValue","size","resize"]),G=Qe({as:t,isDisabled:p,isInvalid:c,size:L,resize:S}),F=useCallback(M=>{M.persist(),y&&y(M);},[y]),pe=useCallback(M=>{M.persist(),!(p||n)&&g&&g(M);},[g,p,n]),D=useCallback(M=>{M.persist(),b&&b(M),M.nativeEvent.code==="Escape"&&B&&M.currentTarget.blur();},[B,b]),ie=w&&z.createElement(Box,{as:"span",className:G.iconPlaceholder},z.cloneElement(w,{size:L==="small"?"tiny":"small",variant:"muted","aria-hidden":!0})),se=t,K=M=>z.createElement(se,m(i({},R),{value:f,defaultValue:v,"data-test-id":E,style:k,placeholder:I,className:cx(G.input,M,r),name:d,type:T,ref:o,id:u,readOnly:n,"aria-readonly":n?"true":void 0,"aria-required":a?"true":void 0,"aria-invalid":c?"true":void 0,"aria-describedby":u?`${u}-${c?"validation":"helptext"}`:void 0,disabled:p,required:a,onChange:pe,onBlur:h,onKeyDown:D,onFocus:F,size:L}));return w?z.createElement(Box,{as:"div",className:G.rootComponentWithIcon},K(G.inputWithIcon),ie):K()}eo.displayName="BaseInput";var U=z.forwardRef(eo);var gt=(T,E)=>{var f=T,{className:e,testId:o="cf-ui-text-input",id:t,value:r,defaultValue:p,onChange:n,onFocus:a,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h,size:g="medium",maxLength:y}=f,b=l(f,["className","testId","id","value","defaultValue","onChange","onFocus","isInvalid","isDisabled","isRequired","isReadOnly","size","maxLength"]);let G=P({id:t,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:w}=G,v=l(G,["setMaxLength","maxLength","setInputValue","inputValue"]);useEffect(()=>{var F;y!==void 0&&typeof I=="function"&&(I(y),k((F=r!=null?r:p)!=null?F:""));},[y,I,k,p,r]);let L=F=>{typeof k=="function"&&k(F.target.value),n==null||n(F);},S=useRef(null),R=E||S;return z.createElement(U,m(i(i({type:"text"},b),v),{testId:o,ref:R,onChange:y?L:n,onFocus:a,as:"input",className:e,value:r,defaultValue:p,size:g,maxLength:y}))},to=z.forwardRef(gt);var Ct=({spacing:e})=>{if(e==="none")return css({position:"relative","& button, & input":{borderRadius:"0 !important"},"& > *":{marginRight:"-1px !important","&:not(:focus), & button:not(:focus)":{boxShadow:"none !important"},"&:first-child, &:first-child > input, &:first-child button":{borderBottomLeftRadius:`${s.borderRadiusMedium} !important`,borderTopLeftRadius:`${s.borderRadiusMedium} !important`},"&:last-child, &:last-child > input, &:last-child button":{borderBottomRightRadius:`${s.borderRadiusMedium} !important`,borderTopRightRadius:`${s.borderRadiusMedium} !important`,marginRight:"0 !important"},"&:focus, &:focus-within":{zIndex:s.zIndexDefault+1}}})},ro=({spacing:e})=>({inputGroup:Ct({spacing:e})});var It=(e,o)=>{let c=e,{children:t,className:r,spacing:p="none"}=c,n=l(c,["children","className","spacing"]),a=ro({spacing:p});return z.createElement(Stack,m(i({},n),{spacing:p,ref:o,fullWidth:!0,className:cx(a.inputGroup,r)}),t)},po=z.forwardRef(It);var io=to;io.Group=po;var Tt=(e,o)=>{let T=e,{testId:t="cf-ui-switch",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c}=T,u=l(T,["testId","id","isDisabled","isInvalid","isRequired","children"]),f=P({id:r,isDisabled:p,isInvalid:n,isRequired:a}),E=l(f,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z.createElement(_,m(i(i({},E),u),{testId:t,type:"switch",ref:o}),c)},ao=z.forwardRef(Tt);var co=()=>({error:css({"&:focus":{borderColor:s.red600,boxShadow:s.glowNegative}}),disabled:css({"&:focus":{borderColor:s.gray300,boxShadow:"none"}})});var St=(E,b)=>{var T=E,{className:e,isDisabled:o,isInvalid:t,isRequired:r,isReadOnly:p,onChange:n,testId:a="cf-ui-textarea",id:c,resize:u="vertical",maxLength:d,value:h,defaultValue:g}=T,y=l(T,["className","isDisabled","isInvalid","isRequired","isReadOnly","onChange","testId","id","resize","maxLength","value","defaultValue"]);let f=co(),S=P({id:c,isInvalid:t,isDisabled:o,isRequired:r,isReadOnly:p}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:w}=S,v=l(S,["setMaxLength","maxLength","setInputValue","inputValue"]);useEffect(()=>{var R;d!==void 0&&typeof I=="function"&&(I(d),k((R=h!=null?h:g)!=null?R:""));},[g,d,k,I,h]);let L=R=>{typeof k=="function"&&k(R.target.value),n==null||n(R);};return z.createElement(U,m(i(i({},y),v),{defaultValue:g,value:h,testId:a,as:"textarea",ref:b,className:cx(e,{[f.disabled]:o,[f.error]:t}),maxLength:d,resize:u,onChange:d?L:n}))},uo=z.forwardRef(St);var ge=r=>{var p=r,{testId:e="cf-ui-select-option",isDisabled:o}=p,t=l(p,["testId","isDisabled"]);return z.createElement("option",m(i({"data-test-id":e},t),{disabled:o}))};function fo({isInvalid:e,isDisabled:o,size:t}){let r=t==="small"?{padding:`${s.spacing2Xs} ${s.spacingXs}`,height:"32px"}:{padding:`10px ${s.spacingL} 10px ${s.spacingS}`,height:"40px"},p=css({width:"100%",display:"block",appearance:"none",backgroundColor:s.colorWhite,color:s.gray700,fontSize:s.fontSizeM,lineHeight:s.lineHeightM,fontFamily:s.fontStackPrimary,borderRadius:s.borderRadiusMedium,boxShadow:s.insetBoxShadowDefault,outline:"none",border:`1px solid ${s.gray300}`,cursor:"pointer","&::placeholder":{color:s.gray500},"&:focus":{outline:"none",boxShadow:s.glowPrimary,borderColor:s.blue500},"&:-moz-focusring":{color:"transparent",textShadow:"0 0 0 #000"},"&::-ms-expand":{display:"none"}}),n=css({backgroundColor:s.gray100,cursor:"not-allowed",color:s.gray600,"&:focus, &:active":{borderColor:s.gray300}}),a=css({borderColor:o?s.red300:s.red600,"&:focus":{borderColor:s.red600,boxShadow:s.glowNegative}});return {wrapper:css({position:"relative",display:"block",width:"auto"}),select:css([p,r,o&&n,e&&a]),icon:css({position:"absolute",right:s.spacingXs,top:"50%",marginTop:"-8px",pointerEvents:"none"})}}var wt=(E,b)=>{var T=E,{id:e,children:o,className:t,isInvalid:r,isDisabled:p,isRequired:n,testId:a="cf-ui-select",willBlurOnEsc:c=!0,onKeyDown:u,size:d="medium",value:h=void 0,defaultValue:g=void 0}=T,y=l(T,["id","children","className","isInvalid","isDisabled","isRequired","testId","willBlurOnEsc","onKeyDown","size","value","defaultValue"]);let f=P({isDisabled:p,isInvalid:r,isRequired:n,id:e}),I=fo({isDisabled:f.isDisabled,isInvalid:f.isInvalid,size:d}),B=useCallback(k=>{k.nativeEvent.code==="Escape"&&c&&k.currentTarget.blur(),u&&u(k);},[u,c]);return z.createElement("div",{className:cx(I.wrapper,t)},z.createElement("select",m(i({},y),{id:f.id,"data-test-id":a,className:I.select,onKeyDown:B,required:f.isRequired,"aria-required":f.isRequired?"true":void 0,"aria-invalid":f.isInvalid?!0:void 0,"aria-describedby":f.id?`${f.id}-${f.isInvalid?"validation":"helptext"}`:void 0,disabled:f.isDisabled,defaultValue:g,value:h,ref:b}),o),z.createElement(ChevronDownIcon,{className:I.icon,variant:"muted"}))},xo=z.forwardRef(wt);var ho=xo;ho.Option=ge;function yo(n,p){var a=n,{children:e,onSubmit:o,testId:t="cf-ui-form-label"}=a,r=l(a,["children","onSubmit","testId"]);let c=useCallback(u=>{u.preventDefault(),o&&o(u);},[o]);return z.createElement("form",i({ref:p,"data-test-id":t,onSubmit:c},r),e)}yo.displayName="Form";var go=forwardRef(yo);
export { Ne as Checkbox, $ as Counter, go as Form, q as FormControl, te as FormLabel, N as HelpText, ge as Option, Ze as Radio, ho as Select, ao as Switch, io as TextInput, uo as Textarea, W as ValidationMessage };
//# sourceMappingURL=index.js.map

2

dist/index.js

@@ -17,3 +17,3 @@ 'use strict';

var Co=Object.defineProperty,Po=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var Pe=(e,o,t)=>o in e?Co(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))ke.call(o,t)&&Pe(e,t,o[t]);if(J)for(var t of J(o))Ie.call(o,t)&&Pe(e,t,o[t]);return e},m=(e,o)=>Po(e,ko(o));var l=(e,o)=>{var t={};for(var r in e)ke.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&J)for(var r of J(e))o.indexOf(r)<0&&Ie.call(e,r)&&(t[r]=e[r]);return t};var Te=()=>{},ae=z.createContext(void 0),Eo=()=>z.useContext(ae),P=e=>{var t,r,p,n,a;let o=Eo();return o?{isDisabled:(t=e.isDisabled)!=null?t:o.isDisabled,isInvalid:(r=e.isInvalid)!=null?r:o.isInvalid,isReadOnly:(p=e.isReadOnly)!=null?p:o.isReadOnly,isRequired:(n=e.isRequired)!=null?n:o.isRequired,id:(a=e.id)!=null?a:o.id,maxLength:o.maxLength,inputValue:o.inputValue,setMaxLength:o.setMaxLength||Te,setInputValue:o.setInputValue||Te}:e};var N=z__default["default"].forwardRef((r,t)=>{var p=r,{testId:e="cf-ui-help-text"}=p,o=l(p,["testId"]);let{id:n}=P({});return z__default["default"].createElement(f36Typography.Text,m(i({as:"p",fontColor:"gray500",fontSize:"fontSizeM",testId:e,id:`${n}-helptext`,marginTop:"spacingXs"},o),{ref:t}))});N.displayName="HelpText";var W=z.forwardRef((p,r)=>{var n=p,{children:e,testId:o="cf-ui-validation-message"}=n,t=l(n,["children","testId"]);let{id:a}=P({});return z__default["default"].createElement(f36Core.Flex,m(i({marginTop:"spacingXs"},t),{ref:r,testId:o,alignItems:"center",id:a?`${a}-validation`:void 0,"aria-live":"assertive"}),z__default["default"].createElement(f36Core.Flex,{marginRight:"spacing2Xs"},z__default["default"].createElement(f36Icons.ErrorCircleOutlineIcon,{size:"small",variant:"negative","aria-hidden":"true"})),z__default["default"].createElement(f36Typography.Text,{as:"p",fontColor:"colorNegative"},e))});W.displayName="ValidationMessage";var ce=({isDisabled:e})=>({alignItems:"center",background:e?s__default["default"].gray300:s__default["default"].colorWhite,border:`2px solid ${s__default["default"].gray300}`,boxSizing:"border-box",display:"inline-flex",height:s__default["default"].spacingM,justifyContent:"center",marginRight:s__default["default"].spacingXs,width:s__default["default"].spacingM}),Lo=({isDisabled:e})=>{let o=m(i({},ce({isDisabled:e})),{backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,borderRadius:s__default["default"].borderRadiusSmall,"& svg":{fill:e?s__default["default"].gray300:s__default["default"].colorWhite},"input:indeterminate + &, input:checked + &":{backgroundColor:e?s__default["default"].gray300:s__default["default"].blue600,borderColor:e?s__default["default"].gray300:s__default["default"].blue600,"& svg":{fill:e?s__default["default"].gray600:s__default["default"].colorWhite}}});return emotion.css(o)},Bo=({isDisabled:e})=>{let o={content:'""',borderRadius:"50%",backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,width:s__default["default"].borderRadiusMedium,height:s__default["default"].borderRadiusMedium},t=m(i({},ce({isDisabled:e})),{backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,borderRadius:"50%","&:before":i({},o),"input:checked + &":{backgroundColor:e?s__default["default"].gray300:s__default["default"].blue600,borderColor:e?s__default["default"].gray300:s__default["default"].blue600,"&:before":{backgroundColor:e?s__default["default"].gray600:s__default["default"].colorWhite}}});return emotion.css(t)},vo=({isDisabled:e,size:o})=>{let t=o==="small"?{height:s__default["default"].spacingM,width:s__default["default"].spacingXl,"&:before":{height:s__default["default"].spacingS,width:s__default["default"].spacingS},"input:checked + &:before":{transform:`translateX(${s__default["default"].spacingM})`}}:{height:"20px",width:"40px","&:before":{height:s__default["default"].spacingM,width:s__default["default"].spacingM},"input:checked + &:before":{transform:"translateX(20px)"}},r=m(i({},ce({isDisabled:e})),{background:s__default["default"].gray600,borderColor:s__default["default"].gray600,borderRadius:s__default["default"].borderRadiusSmall,justifyContent:"space-around",position:"relative",flexShrink:0,"&:before":{background:s__default["default"].colorWhite,borderRadius:`calc(${s__default["default"].borderRadiusSmall}/2)`,content:'""',left:0,position:"absolute",transition:`transform ${s__default["default"].transitionEasingDefault} ${s__default["default"].transitionDurationDefault}`},"input:checked + &":{background:s__default["default"].blue600,borderColor:s__default["default"].blue600}}),p={"&, input:checked + &":{background:s__default["default"].gray200,borderColor:s__default["default"].gray200},"&:before":{background:s__default["default"].gray400},"& svg":{fill:s__default["default"].gray400}};return emotion.css([r,t,e&&p])},wo=e=>{let{isDisabled:o,size:t}=e;return {radio:Bo({isDisabled:o}),checkbox:Lo({isDisabled:o}),switch:vo({isDisabled:o,size:t})}},Se=wo;var Me=e=>{let{type:o,isIndeterminate:t,isDisabled:r,size:p="medium"}=e,n=Se({isDisabled:r,size:p});return o==="switch"?z__default["default"].createElement("span",{className:n.switch},z__default["default"].createElement(f36Icons.DoneIcon,{size:"tiny",variant:"white"}),z__default["default"].createElement(f36Icons.CloseIcon,{size:"tiny",variant:"white"})):z__default["default"].createElement("span",{className:n[o]},o==="checkbox"&&(t?z__default["default"].createElement(f36Icons.MinusIcon,{size:"tiny",variant:"white"}):z__default["default"].createElement(f36Icons.DoneIcon,{size:"tiny",variant:"white"})))};var Le=e=>e==="small"?{height:s__default["default"].spacingM,width:s__default["default"].spacingXl}:{height:"20px",width:"40px"},Oo=({size:e,type:o})=>{let t=s__default["default"].spacingM;return o==="switch"&&(t=Le(e).width),{marginLeft:`calc(${t} + ${s__default["default"].spacingXs})`,marginTop:0}},No=({isDisabled:e,type:o,size:t})=>({wrapper:emotion.css({alignItems:"center",display:"inline-flex",position:"relative",margin:"0"}),input:emotion.css([{cursor:e?"not-allowed":"pointer",height:s__default["default"].spacingM,margin:0,opacity:0,position:"absolute",width:s__default["default"].spacingM,zIndex:s__default["default"].zIndexDefault,"&:focus":{outline:"none","& + span":{boxShadow:s__default["default"].glowPrimary}},"&:focus:not(:focus-visible) + span":{boxShadow:"unset"},"&:focus-visible + span":{boxShadow:s__default["default"].glowPrimary}},o==="switch"&&Le(t)]),helpText:emotion.css(Oo({size:t,type:o}))}),Be=No;function ve(e,o){let be=e,{isChecked:t=void 0,onChange:r,onFocus:p,onBlur:n,onKeyDown:a,type:c="checkbox",value:u,isDisabled:d,isIndeterminate:h,isInvalid:g,isRequired:y=!1,id:b,willBlurOnEsc:E=!0,testId:T="cf-ui-base-checkbox",className:f="",defaultChecked:I=void 0,name:B,inputProps:k={},children:v,"aria-label":w,size:L="medium",helpText:S}=be,R=l(be,["isChecked","onChange","onFocus","onBlur","onKeyDown","type","value","isDisabled","isIndeterminate","isInvalid","isRequired","id","willBlurOnEsc","testId","className","defaultChecked","name","inputProps","children","aria-label","size","helpText"]),G=z.useRef(null),F=o||G,{id:pe}=P({});z.useEffect(()=>{F.current&&(F.current.indeterminate=h);},[h,F]);let D=Be({isDisabled:d,type:c,size:L}),ie=z.useCallback(H=>{H.persist(),p&&p(H);},[p]),se=z.useCallback(H=>{H.persist(),n&&n(H);},[n]),K=z.useCallback(H=>{var Ce;H.persist(),E&&H.key==="Escape"&&((Ce=F==null?void 0:F.current)==null||Ce.blur()),a&&a(H);},[E,a,F]),Z=typeof t!==void 0?t:I,M=b?`${b}-helptext`:void 0,bo=g?`${pe}-validation`:S?M:void 0;return z__default["default"].createElement(f36Core.Flex,{alignItems:"flex-start",flexDirection:"column",className:f},z__default["default"].createElement(f36Typography.Text,i({as:"label",fontColor:"gray900",fontWeight:"fontWeightMedium",className:D.wrapper,htmlFor:b,testId:T},R),z__default["default"].createElement("input",m(i({},k),{"aria-label":w,checked:t,defaultChecked:I,className:D.input,type:c==="switch"?"checkbox":c,onChange:r,onFocus:ie,onBlur:se,onKeyDown:K,value:u,disabled:d,role:c,"aria-checked":h?"mixed":Z,ref:F,required:y,"aria-required":y?"true":void 0,"aria-invalid":g?"true":void 0,"aria-describedby":bo,id:b,name:B})),z__default["default"].createElement(Me,{type:c,isDisabled:d,isIndeterminate:h,size:L}),v),S&&z__default["default"].createElement(N,{id:M,className:D.helpText},S))}ve.displayName="BaseCheckbox";var _=z__default["default"].forwardRef(ve);var ue=z.createContext(void 0),$o=()=>z.useContext(ue),Y=e=>{var a,c,u;let o=$o();if(!o)return e;let t,r;return o.type==="checkbox"&&(t=o.value===void 0||(a=o.value)==null?void 0:a.includes(e.value),r=t!==void 0||(c=o.defaultValue)==null?void 0:c.includes(e.value)),o.type==="radio"&&(t=o.value===void 0?void 0:o.value===e.value,r=t!==void 0?void 0:o.defaultValue===e.value),{defaultChecked:r,isChecked:t,onBlur:d=>{e.onBlur&&e.onBlur(d),o.onBlur&&o.onBlur(d);},onChange:d=>{e.onChange&&e.onChange(d),o.onChange&&o.onChange(d);},name:(u=o.name)!=null?u:e.name,value:e.value}};var Xo=(e,o)=>{let S=e,{testId:t="cf-ui-checkbox",id:r,isDisabled:p,isRequired:n,isInvalid:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isRequired","isInvalid","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=f36Core.useId(r,"checkbox"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:a,isRequired:n}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i(i({},L),f),E),{type:"checkbox",testId:t,ref:o}),c)},Ge=z__default["default"].forwardRef(Xo);var jo=(e,o)=>{let a=e,{children:t,className:r,testId:p="cf-ui-base-checkbox-group"}=a,n=l(a,["children","className","testId"]);return z__default["default"].createElement(ue.Provider,{value:n},z__default["default"].createElement(f36Core.Stack,{ref:o,testId:p,className:r,flexDirection:"column",alignItems:"flex-start",spacing:"spacingXs"},t))},ee=z__default["default"].forwardRef(jo);var Ko=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-checkbox-group"}=n,p=l(n,["children","testId"]);return z__default["default"].createElement(ee,i({ref:o,testId:r,type:"checkbox"},p),t)},Oe=z__default["default"].forwardRef(Ko);var Ne=Ge;Ne.Group=Oe;var Qo="div";function ze(g,h){var y=g,{as:e,isInvalid:o,isRequired:t,isDisabled:r,isReadOnly:p,children:n,marginBottom:a="spacingL",id:c,testId:u="cf-ui-form-control"}=y,d=l(y,["as","isInvalid","isRequired","isDisabled","isReadOnly","children","marginBottom","id","testId"]);let b=f36Core.useId(c,"field-"),[E,T]=z.useState(""),[f,I]=z.useState(0),B=e==="fieldset"?void 0:"group",k=e||Qo,v={id:b,isRequired:t,isDisabled:r,isInvalid:o,isReadOnly:p,inputValue:E,setInputValue:T,maxLength:f,setMaxLength:I};return z__default["default"].createElement(ae.Provider,{value:v},z__default["default"].createElement(f36Core.Box,i({as:k,ref:h,role:B,testId:u,marginBottom:a},d),n))}ze.displayName="FormControl";var Ve=z__default["default"].forwardRef(ze);function De(){return {root:emotion.css({display:"inline-block",fontWeight:s__default["default"].fontWeightMedium}),indicator:emotion.css({color:s__default["default"].gray500,fontWeight:s__default["default"].fontWeightNormal,marginLeft:s__default["default"].spacing2Xs})}}var tt="label";function $e(u,c){var d=u,{as:e,children:o,className:t,isRequired:r,requiredText:p="required",testId:n="cf-ui-form-label"}=d,a=l(d,["as","children","className","isRequired","requiredText","testId"]);let h=De(),g=P({isRequired:r}),y=g.id?g.id+"-label":void 0,b=e!=="legend"?{htmlFor:a.htmlFor||g.id}:{};return z__default["default"].createElement(f36Typography.Text,m(i(m(i({as:e||tt,marginBottom:"spacingXs"},a),{fontColor:"gray900",id:y}),b),{className:emotion.cx(h.root,t),ref:c,testId:n}),o,g.isRequired&&z__default["default"].createElement("span",{className:h.indicator},"(",p,")"))}$e.displayName="FormLabel";var te=z.forwardRef($e);function qe(){return {root:emotion.css({flexShrink:0,paddingLeft:s__default["default"].spacingM,textAlign:"right"})}}var $=z.forwardRef((p,r)=>{var n=p,{testId:e="cf-ui-counter",className:o}=n,t=l(n,["testId","className"]);let{maxLength:a,inputValue:c}=P({}),u=qe();return Boolean(a)&&z__default["default"].createElement(f36Typography.Text,m(i({as:"p",fontColor:"gray700",fontSize:"fontSizeM",testId:e,marginTop:"spacingXs"},t),{className:emotion.cx(u.root,o),ref:r}),c.length," / ",a)});$.displayName="Counter";var q=Ve;q.Label=te;q.ValidationMessage=W;q.HelpText=N;q.Counter=$;var ct=(e,o)=>{let S=e,{testId:t="cf-ui-radio-button",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isInvalid","isRequired","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=f36Core.useId(r,"radio"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:n,isRequired:a}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i(i({},L),E),f),{type:"radio",testId:t,ref:o}),c)},Ue=z__default["default"].forwardRef(ct);var mt=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-radio-group"}=n,p=l(n,["children","testId"]);return z__default["default"].createElement(ee,i({ref:o,testId:r,type:"radio"},p),t)},Ke=z__default["default"].forwardRef(mt);var Ze=Ue;Ze.Group=Ke;var dt=({size:e})=>e==="small"?{padding:`${s__default["default"].spacing2Xs} ${s__default["default"].spacingXs}`,height:"32px",maxHeight:"32px"}:{height:"40px",maxHeight:"40px"},Je=({isDisabled:e,isInvalid:o,zIndexBase:t=s__default["default"].zIndexDefault})=>e||o?t+1:t,ut=({as:e,isDisabled:o,isInvalid:t,size:r,resize:p})=>({rootComponentWithIcon:emotion.css({position:"relative",display:"flex",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})}),input:emotion.css(m(i({outline:"none",boxShadow:s__default["default"].insetBoxShadowDefault,boxSizing:"border-box",backgroundColor:o?s__default["default"].gray100:s__default["default"].colorWhite,border:`1px solid ${t?s__default["default"].red600:s__default["default"].gray300}`,borderRadius:s__default["default"].borderRadiusMedium,color:s__default["default"].gray700,fontFamily:s__default["default"].fontStackPrimary,fontSize:s__default["default"].fontSizeM,lineHeight:s__default["default"].lineHeightM,padding:`10px ${s__default["default"].spacingS}`,margin:0,cursor:o?"not-allowed":"auto",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})},e==="textarea"?{resize:p}:dt({size:r})),{"&::placeholder":{color:s__default["default"].gray500},"&:active, &:active:hover":{borderColor:t?s__default["default"].red600:o?s__default["default"].gray300:s__default["default"].blue600,boxShadow:t?s__default["default"].glowNegative:o?"none":s__default["default"].glowPrimary},"&:focus":{borderColor:t?s__default["default"].red600:o?s__default["default"].gray300:s__default["default"].blue600,boxShadow:t?s__default["default"].glowNegative:o?"none":s__default["default"].glowPrimary}})),inputWithIcon:emotion.css({paddingLeft:r==="small"?s__default["default"].spacingXl:"38px"}),iconPlaceholder:emotion.css({position:"absolute",pointerEvents:"none",top:0,bottom:0,left:r==="small"?s__default["default"].spacingXs:s__default["default"].spacingS,display:"flex",alignItems:"center",zIndex:s__default["default"].zIndexDefault})}),Qe=ut;var xt="input";function eo(e,o){let Z=e,{as:t=xt,className:r,isDisabled:p,isReadOnly:n,isRequired:a,isInvalid:c,id:u,name:d,onBlur:h,onChange:g,onFocus:y,onKeyDown:b,testId:E="cf-ui-base-input",type:T="text",value:f=void 0,placeholder:I,willBlurOnEsc:B=!0,style:k,icon:v,defaultValue:w,size:L="medium",resize:S="vertical"}=Z,R=l(Z,["as","className","isDisabled","isReadOnly","isRequired","isInvalid","id","name","onBlur","onChange","onFocus","onKeyDown","testId","type","value","placeholder","willBlurOnEsc","style","icon","defaultValue","size","resize"]),G=Qe({as:t,isDisabled:p,isInvalid:c,size:L,resize:S}),F=z.useCallback(M=>{M.persist(),y&&y(M);},[y]),pe=z.useCallback(M=>{M.persist(),!(p||n)&&g&&g(M);},[g,p,n]),D=z.useCallback(M=>{M.persist(),b&&b(M),M.nativeEvent.code==="Escape"&&B&&M.currentTarget.blur();},[B,b]),ie=v&&z__default["default"].createElement(f36Core.Box,{as:"span",className:G.iconPlaceholder},z__default["default"].cloneElement(v,{size:L==="small"?"tiny":"small",variant:"muted","aria-hidden":!0})),se=t,K=M=>z__default["default"].createElement(se,m(i({},R),{value:f,defaultValue:w,"data-test-id":E,style:k,placeholder:I,className:emotion.cx(G.input,M,r),name:d,type:T,ref:o,id:u,readOnly:n,"aria-readonly":n?"true":void 0,"aria-required":a?"true":void 0,"aria-invalid":c?"true":void 0,"aria-describedby":u?`${u}-${c?"validation":"helptext"}`:void 0,disabled:p,required:a,onChange:pe,onBlur:h,onKeyDown:D,onFocus:F,size:L}));return v?z__default["default"].createElement(f36Core.Box,{as:"div",className:G.rootComponentWithIcon},K(G.inputWithIcon),ie):K()}eo.displayName="BaseInput";var U=z__default["default"].forwardRef(eo);var gt=(T,E)=>{var f=T,{className:e,testId:o="cf-ui-text-input",id:t,value:r,defaultValue:p,onChange:n,onFocus:a,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h,size:g="medium",maxLength:y}=f,b=l(f,["className","testId","id","value","defaultValue","onChange","onFocus","isInvalid","isDisabled","isRequired","isReadOnly","size","maxLength"]);let G=P({id:t,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:v}=G,w=l(G,["setMaxLength","maxLength","setInputValue","inputValue"]);z.useEffect(()=>{var F;y!==void 0&&typeof I=="function"&&(I(y),k((F=r!=null?r:p)!=null?F:""));},[y,I,k,p,r]);let L=F=>{typeof k=="function"&&k(F.target.value),n==null||n(F);},S=z.useRef(null),R=E||S;return z__default["default"].createElement(U,m(i(i({type:"text"},b),w),{testId:o,ref:R,onChange:y?L:n,onFocus:a,as:"input",className:e,value:r,defaultValue:p,size:g,maxLength:y}))},to=z__default["default"].forwardRef(gt);var Ct=({spacing:e})=>{if(e==="none")return emotion.css({position:"relative","& button, & input":{borderRadius:"0 !important"},"& > *":{marginRight:"-1px !important","&:not(:focus), & button:not(:focus)":{boxShadow:"none !important"},"&:first-child, &:first-child > input, &:first-child button":{borderBottomLeftRadius:`${s__default["default"].borderRadiusMedium} !important`,borderTopLeftRadius:`${s__default["default"].borderRadiusMedium} !important`},"&:last-child, &:last-child > input, &:last-child button":{borderBottomRightRadius:`${s__default["default"].borderRadiusMedium} !important`,borderTopRightRadius:`${s__default["default"].borderRadiusMedium} !important`,marginRight:"0 !important"},"&:focus, &:focus-within":{zIndex:s__default["default"].zIndexDefault+1}}})},ro=({spacing:e})=>({inputGroup:Ct({spacing:e})});var It=(e,o)=>{let c=e,{children:t,className:r,spacing:p="none"}=c,n=l(c,["children","className","spacing"]),a=ro({spacing:p});return z__default["default"].createElement(f36Core.Stack,m(i({},n),{spacing:p,ref:o,fullWidth:!0,className:emotion.cx(a.inputGroup,r)}),t)},po=z__default["default"].forwardRef(It);var io=to;io.Group=po;var Tt=(e,o)=>{let T=e,{testId:t="cf-ui-switch",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c}=T,u=l(T,["testId","id","isDisabled","isInvalid","isRequired","children"]),f=P({id:r,isDisabled:p,isInvalid:n,isRequired:a}),E=l(f,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i({},E),u),{testId:t,type:"switch",ref:o}),c)},ao=z__default["default"].forwardRef(Tt);var co=()=>({error:emotion.css({"&:focus":{borderColor:s__default["default"].colorNegative,boxShadow:s__default["default"].glowNegative}}),disabled:emotion.css({"&:focus":{borderColor:s__default["default"].gray300,boxShadow:"none"}})});var St=(E,b)=>{var T=E,{className:e,isDisabled:o,isInvalid:t,isRequired:r,isReadOnly:p,onChange:n,testId:a="cf-ui-textarea",id:c,resize:u="vertical",maxLength:d,value:h,defaultValue:g}=T,y=l(T,["className","isDisabled","isInvalid","isRequired","isReadOnly","onChange","testId","id","resize","maxLength","value","defaultValue"]);let f=co(),S=P({id:c,isInvalid:t,isDisabled:o,isRequired:r,isReadOnly:p}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:v}=S,w=l(S,["setMaxLength","maxLength","setInputValue","inputValue"]);z.useEffect(()=>{var R;d!==void 0&&typeof I=="function"&&(I(d),k((R=h!=null?h:g)!=null?R:""));},[g,d,k,I,h]);let L=R=>{typeof k=="function"&&k(R.target.value),n==null||n(R);};return z__default["default"].createElement(U,m(i(i({},y),w),{defaultValue:g,value:h,testId:a,as:"textarea",ref:b,className:emotion.cx(e,{[f.disabled]:o,[f.error]:t}),maxLength:d,resize:u,onChange:d?L:n}))},uo=z__default["default"].forwardRef(St);var ge=r=>{var p=r,{testId:e="cf-ui-select-option",isDisabled:o}=p,t=l(p,["testId","isDisabled"]);return z__default["default"].createElement("option",m(i({"data-test-id":e},t),{disabled:o}))};function fo({isInvalid:e,isDisabled:o,size:t}){let r=t==="small"?{padding:`${s__default["default"].spacing2Xs} ${s__default["default"].spacingXs}`,height:"32px"}:{padding:`10px ${s__default["default"].spacingL} 10px ${s__default["default"].spacingS}`,height:"40px"},p=emotion.css({width:"100%",display:"block",appearance:"none",backgroundColor:s__default["default"].colorWhite,color:s__default["default"].gray700,fontSize:s__default["default"].fontSizeM,lineHeight:s__default["default"].lineHeightM,fontFamily:s__default["default"].fontStackPrimary,borderRadius:s__default["default"].borderRadiusMedium,boxShadow:s__default["default"].insetBoxShadowDefault,outline:"none",border:`1px solid ${s__default["default"].gray300}`,cursor:"pointer","&::placeholder":{color:s__default["default"].gray500},"&:focus":{outline:"none",boxShadow:s__default["default"].glowPrimary,borderColor:s__default["default"].colorPrimary},"&:-moz-focusring":{color:"transparent",textShadow:"0 0 0 #000"},"&::-ms-expand":{display:"none"}}),n=emotion.css({backgroundColor:s__default["default"].gray100,cursor:"not-allowed",color:s__default["default"].gray600,"&:focus, &:active":{borderColor:s__default["default"].gray300}}),a=emotion.css({borderColor:o?s__default["default"].red300:s__default["default"].red600,"&:focus":{borderColor:s__default["default"].red600,boxShadow:s__default["default"].glowNegative}});return {wrapper:emotion.css({position:"relative",display:"block",width:"auto"}),select:emotion.css([p,r,o&&n,e&&a]),icon:emotion.css({position:"absolute",right:s__default["default"].spacingXs,top:"50%",marginTop:"-8px",pointerEvents:"none"})}}var vt=(E,b)=>{var T=E,{id:e,children:o,className:t,isInvalid:r,isDisabled:p,isRequired:n,testId:a="cf-ui-select",willBlurOnEsc:c=!0,onKeyDown:u,size:d="medium",value:h=void 0,defaultValue:g=void 0}=T,y=l(T,["id","children","className","isInvalid","isDisabled","isRequired","testId","willBlurOnEsc","onKeyDown","size","value","defaultValue"]);let f=P({isDisabled:p,isInvalid:r,isRequired:n,id:e}),I=fo({isDisabled:f.isDisabled,isInvalid:f.isInvalid,size:d}),B=z.useCallback(k=>{k.nativeEvent.code==="Escape"&&c&&k.currentTarget.blur(),u&&u(k);},[u,c]);return z__default["default"].createElement("div",{className:emotion.cx(I.wrapper,t)},z__default["default"].createElement("select",m(i({},y),{id:f.id,"data-test-id":a,className:I.select,onKeyDown:B,required:f.isRequired,"aria-required":f.isRequired?"true":void 0,"aria-invalid":f.isInvalid?!0:void 0,"aria-describedby":f.id?`${f.id}-${f.isInvalid?"validation":"helptext"}`:void 0,disabled:f.isDisabled,defaultValue:g,value:h,ref:b}),o),z__default["default"].createElement(f36Icons.ChevronDownIcon,{className:I.icon,variant:"muted"}))},xo=z__default["default"].forwardRef(vt);var ho=xo;ho.Option=ge;function yo(n,p){var a=n,{children:e,onSubmit:o,testId:t="cf-ui-form-label"}=a,r=l(a,["children","onSubmit","testId"]);let c=z.useCallback(u=>{u.preventDefault(),o&&o(u);},[o]);return z__default["default"].createElement("form",i({ref:p,"data-test-id":t,onSubmit:c},r),e)}yo.displayName="Form";var go=z.forwardRef(yo);
var Co=Object.defineProperty,Po=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var Pe=(e,o,t)=>o in e?Co(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))ke.call(o,t)&&Pe(e,t,o[t]);if(J)for(var t of J(o))Ie.call(o,t)&&Pe(e,t,o[t]);return e},m=(e,o)=>Po(e,ko(o));var l=(e,o)=>{var t={};for(var r in e)ke.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&J)for(var r of J(e))o.indexOf(r)<0&&Ie.call(e,r)&&(t[r]=e[r]);return t};var Te=()=>{},ae=z.createContext(void 0),Eo=()=>z.useContext(ae),P=e=>{var t,r,p,n,a;let o=Eo();return o?{isDisabled:(t=e.isDisabled)!=null?t:o.isDisabled,isInvalid:(r=e.isInvalid)!=null?r:o.isInvalid,isReadOnly:(p=e.isReadOnly)!=null?p:o.isReadOnly,isRequired:(n=e.isRequired)!=null?n:o.isRequired,id:(a=e.id)!=null?a:o.id,maxLength:o.maxLength,inputValue:o.inputValue,setMaxLength:o.setMaxLength||Te,setInputValue:o.setInputValue||Te}:e};var N=z__default["default"].forwardRef((r,t)=>{var p=r,{testId:e="cf-ui-help-text"}=p,o=l(p,["testId"]);let{id:n}=P({});return z__default["default"].createElement(f36Typography.Text,m(i({as:"p",fontColor:"gray500",fontSize:"fontSizeM",testId:e,id:`${n}-helptext`,marginTop:"spacingXs"},o),{ref:t}))});N.displayName="HelpText";var W=z.forwardRef((p,r)=>{var n=p,{children:e,testId:o="cf-ui-validation-message"}=n,t=l(n,["children","testId"]);let{id:a}=P({});return z__default["default"].createElement(f36Core.Flex,m(i({marginTop:"spacingXs"},t),{ref:r,testId:o,alignItems:"center",id:a?`${a}-validation`:void 0,"aria-live":"assertive"}),z__default["default"].createElement(f36Core.Flex,{marginRight:"spacing2Xs"},z__default["default"].createElement(f36Icons.ErrorCircleOutlineIcon,{size:"small",variant:"negative","aria-hidden":"true"})),z__default["default"].createElement(f36Typography.Text,{as:"p",fontColor:"red600"},e))});W.displayName="ValidationMessage";var ce=({isDisabled:e})=>({alignItems:"center",background:e?s__default["default"].gray300:s__default["default"].colorWhite,border:`2px solid ${s__default["default"].gray300}`,boxSizing:"border-box",display:"inline-flex",height:s__default["default"].spacingM,justifyContent:"center",marginRight:s__default["default"].spacingXs,width:s__default["default"].spacingM}),Lo=({isDisabled:e})=>{let o=m(i({},ce({isDisabled:e})),{backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,borderRadius:s__default["default"].borderRadiusSmall,"& svg":{fill:e?s__default["default"].gray300:s__default["default"].colorWhite},"input:indeterminate + &, input:checked + &":{backgroundColor:e?s__default["default"].gray300:s__default["default"].blue600,borderColor:e?s__default["default"].gray300:s__default["default"].blue600,"& svg":{fill:e?s__default["default"].gray600:s__default["default"].colorWhite}}});return emotion.css(o)},Bo=({isDisabled:e})=>{let o={content:'""',borderRadius:"50%",backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,width:s__default["default"].borderRadiusMedium,height:s__default["default"].borderRadiusMedium},t=m(i({},ce({isDisabled:e})),{backgroundColor:e?s__default["default"].gray300:s__default["default"].colorWhite,borderRadius:"50%","&:before":i({},o),"input:checked + &":{backgroundColor:e?s__default["default"].gray300:s__default["default"].blue600,borderColor:e?s__default["default"].gray300:s__default["default"].blue600,"&:before":{backgroundColor:e?s__default["default"].gray600:s__default["default"].colorWhite}}});return emotion.css(t)},wo=({isDisabled:e,size:o})=>{let t=o==="small"?{height:s__default["default"].spacingM,width:s__default["default"].spacingXl,"&:before":{height:s__default["default"].spacingS,width:s__default["default"].spacingS},"input:checked + &:before":{transform:`translateX(${s__default["default"].spacingM})`}}:{height:"20px",width:"40px","&:before":{height:s__default["default"].spacingM,width:s__default["default"].spacingM},"input:checked + &:before":{transform:"translateX(20px)"}},r=m(i({},ce({isDisabled:e})),{background:s__default["default"].gray600,borderColor:s__default["default"].gray600,borderRadius:s__default["default"].borderRadiusSmall,justifyContent:"space-around",position:"relative",flexShrink:0,"&:before":{background:s__default["default"].colorWhite,borderRadius:`calc(${s__default["default"].borderRadiusSmall}/2)`,content:'""',left:0,position:"absolute",transition:`transform ${s__default["default"].transitionEasingDefault} ${s__default["default"].transitionDurationDefault}`},"input:checked + &":{background:s__default["default"].blue600,borderColor:s__default["default"].blue600}}),p={"&, input:checked + &":{background:s__default["default"].gray200,borderColor:s__default["default"].gray200},"&:before":{background:s__default["default"].gray400},"& svg":{fill:s__default["default"].gray400}};return emotion.css([r,t,e&&p])},vo=e=>{let{isDisabled:o,size:t}=e;return {radio:Bo({isDisabled:o}),checkbox:Lo({isDisabled:o}),switch:wo({isDisabled:o,size:t})}},Se=vo;var Me=e=>{let{type:o,isIndeterminate:t,isDisabled:r,size:p="medium"}=e,n=Se({isDisabled:r,size:p});return o==="switch"?z__default["default"].createElement("span",{className:n.switch},z__default["default"].createElement(f36Icons.DoneIcon,{size:"tiny",variant:"white"}),z__default["default"].createElement(f36Icons.CloseIcon,{size:"tiny",variant:"white"})):z__default["default"].createElement("span",{className:n[o]},o==="checkbox"&&(t?z__default["default"].createElement(f36Icons.MinusIcon,{size:"tiny",variant:"white"}):z__default["default"].createElement(f36Icons.DoneIcon,{size:"tiny",variant:"white"})))};var Le=e=>e==="small"?{height:s__default["default"].spacingM,width:s__default["default"].spacingXl}:{height:"20px",width:"40px"},Oo=({size:e,type:o})=>{let t=s__default["default"].spacingM;return o==="switch"&&(t=Le(e).width),{marginLeft:`calc(${t} + ${s__default["default"].spacingXs})`,marginTop:0}},No=({isDisabled:e,type:o,size:t})=>({wrapper:emotion.css({alignItems:"center",display:"inline-flex",position:"relative",margin:"0"}),input:emotion.css([{cursor:e?"not-allowed":"pointer",height:s__default["default"].spacingM,margin:0,opacity:0,position:"absolute",width:s__default["default"].spacingM,zIndex:s__default["default"].zIndexDefault,"&:focus":{outline:"none","& + span":{boxShadow:s__default["default"].glowPrimary}},"&:focus:not(:focus-visible) + span":{boxShadow:"unset"},"&:focus-visible + span":{boxShadow:s__default["default"].glowPrimary}},o==="switch"&&Le(t)]),helpText:emotion.css(Oo({size:t,type:o}))}),Be=No;function we(e,o){let be=e,{isChecked:t=void 0,onChange:r,onFocus:p,onBlur:n,onKeyDown:a,type:c="checkbox",value:u,isDisabled:d,isIndeterminate:h,isInvalid:g,isRequired:y=!1,id:b,willBlurOnEsc:E=!0,testId:T="cf-ui-base-checkbox",className:f="",defaultChecked:I=void 0,name:B,inputProps:k={},children:w,"aria-label":v,size:L="medium",helpText:S}=be,R=l(be,["isChecked","onChange","onFocus","onBlur","onKeyDown","type","value","isDisabled","isIndeterminate","isInvalid","isRequired","id","willBlurOnEsc","testId","className","defaultChecked","name","inputProps","children","aria-label","size","helpText"]),G=z.useRef(null),F=o||G,{id:pe}=P({});z.useEffect(()=>{F.current&&(F.current.indeterminate=h);},[h,F]);let D=Be({isDisabled:d,type:c,size:L}),ie=z.useCallback(H=>{H.persist(),p&&p(H);},[p]),se=z.useCallback(H=>{H.persist(),n&&n(H);},[n]),K=z.useCallback(H=>{var Ce;H.persist(),E&&H.key==="Escape"&&((Ce=F==null?void 0:F.current)==null||Ce.blur()),a&&a(H);},[E,a,F]),Z=typeof t!==void 0?t:I,M=b?`${b}-helptext`:void 0,bo=g?`${pe}-validation`:S?M:void 0;return z__default["default"].createElement(f36Core.Flex,{alignItems:"flex-start",flexDirection:"column",className:f},z__default["default"].createElement(f36Typography.Text,i({as:"label",fontColor:"gray900",fontWeight:"fontWeightMedium",className:D.wrapper,htmlFor:b,testId:T},R),z__default["default"].createElement("input",m(i({},k),{"aria-label":v,checked:t,defaultChecked:I,className:D.input,type:c==="switch"?"checkbox":c,onChange:r,onFocus:ie,onBlur:se,onKeyDown:K,value:u,disabled:d,role:c,"aria-checked":h?"mixed":Z,ref:F,required:y,"aria-required":y?"true":void 0,"aria-invalid":g?"true":void 0,"aria-describedby":bo,id:b,name:B})),z__default["default"].createElement(Me,{type:c,isDisabled:d,isIndeterminate:h,size:L}),w),S&&z__default["default"].createElement(N,{id:M,className:D.helpText},S))}we.displayName="BaseCheckbox";var _=z__default["default"].forwardRef(we);var ue=z.createContext(void 0),$o=()=>z.useContext(ue),Y=e=>{var a,c,u;let o=$o();if(!o)return e;let t,r;return o.type==="checkbox"&&(t=o.value===void 0||(a=o.value)==null?void 0:a.includes(e.value),r=t!==void 0||(c=o.defaultValue)==null?void 0:c.includes(e.value)),o.type==="radio"&&(t=o.value===void 0?void 0:o.value===e.value,r=t!==void 0?void 0:o.defaultValue===e.value),{defaultChecked:r,isChecked:t,onBlur:d=>{e.onBlur&&e.onBlur(d),o.onBlur&&o.onBlur(d);},onChange:d=>{e.onChange&&e.onChange(d),o.onChange&&o.onChange(d);},name:(u=o.name)!=null?u:e.name,value:e.value}};var Xo=(e,o)=>{let S=e,{testId:t="cf-ui-checkbox",id:r,isDisabled:p,isRequired:n,isInvalid:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isRequired","isInvalid","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=f36Core.useId(r,"checkbox"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:a,isRequired:n}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i(i({},L),f),E),{type:"checkbox",testId:t,ref:o}),c)},Ge=z__default["default"].forwardRef(Xo);var jo=(e,o)=>{let a=e,{children:t,className:r,testId:p="cf-ui-base-checkbox-group"}=a,n=l(a,["children","className","testId"]);return z__default["default"].createElement(ue.Provider,{value:n},z__default["default"].createElement(f36Core.Stack,{ref:o,testId:p,className:r,flexDirection:"column",alignItems:"flex-start",spacing:"spacingXs"},t))},ee=z__default["default"].forwardRef(jo);var Ko=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-checkbox-group"}=n,p=l(n,["children","testId"]);return z__default["default"].createElement(ee,i({ref:o,testId:r,type:"checkbox"},p),t)},Oe=z__default["default"].forwardRef(Ko);var Ne=Ge;Ne.Group=Oe;var Qo="div";function ze(g,h){var y=g,{as:e,isInvalid:o,isRequired:t,isDisabled:r,isReadOnly:p,children:n,marginBottom:a="spacingL",id:c,testId:u="cf-ui-form-control"}=y,d=l(y,["as","isInvalid","isRequired","isDisabled","isReadOnly","children","marginBottom","id","testId"]);let b=f36Core.useId(c,"field-"),[E,T]=z.useState(""),[f,I]=z.useState(0),B=e==="fieldset"?void 0:"group",k=e||Qo,w={id:b,isRequired:t,isDisabled:r,isInvalid:o,isReadOnly:p,inputValue:E,setInputValue:T,maxLength:f,setMaxLength:I};return z__default["default"].createElement(ae.Provider,{value:w},z__default["default"].createElement(f36Core.Box,i({as:k,ref:h,role:B,testId:u,marginBottom:a},d),n))}ze.displayName="FormControl";var Ve=z__default["default"].forwardRef(ze);function De(){return {root:emotion.css({display:"inline-block",fontWeight:s__default["default"].fontWeightMedium}),indicator:emotion.css({color:s__default["default"].gray500,fontWeight:s__default["default"].fontWeightNormal,marginLeft:s__default["default"].spacing2Xs})}}var tt="label";function $e(u,c){var d=u,{as:e,children:o,className:t,isRequired:r,requiredText:p="required",testId:n="cf-ui-form-label"}=d,a=l(d,["as","children","className","isRequired","requiredText","testId"]);let h=De(),g=P({isRequired:r}),y=g.id?g.id+"-label":void 0,b=e!=="legend"?{htmlFor:a.htmlFor||g.id}:{};return z__default["default"].createElement(f36Typography.Text,m(i(m(i({as:e||tt,marginBottom:"spacingXs"},a),{fontColor:"gray900",id:y}),b),{className:emotion.cx(h.root,t),ref:c,testId:n}),o,g.isRequired&&z__default["default"].createElement("span",{className:h.indicator},"(",p,")"))}$e.displayName="FormLabel";var te=z.forwardRef($e);function qe(){return {root:emotion.css({flexShrink:0,paddingLeft:s__default["default"].spacingM,textAlign:"right"})}}var $=z.forwardRef((p,r)=>{var n=p,{testId:e="cf-ui-counter",className:o}=n,t=l(n,["testId","className"]);let{maxLength:a,inputValue:c}=P({}),u=qe();return Boolean(a)&&z__default["default"].createElement(f36Typography.Text,m(i({as:"p",fontColor:"gray700",fontSize:"fontSizeM",testId:e,marginTop:"spacingXs"},t),{className:emotion.cx(u.root,o),ref:r}),c.length," / ",a)});$.displayName="Counter";var q=Ve;q.Label=te;q.ValidationMessage=W;q.HelpText=N;q.Counter=$;var ct=(e,o)=>{let S=e,{testId:t="cf-ui-radio-button",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c,onBlur:u,onChange:d,defaultChecked:h,isChecked:g,value:y,name:b}=S,E=l(S,["testId","id","isDisabled","isInvalid","isRequired","children","onBlur","onChange","defaultChecked","isChecked","value","name"]),T=f36Core.useId(r,"radio"),f=Y({onBlur:u,onChange:d,value:y,defaultChecked:h,isChecked:g,name:b}),R=P({id:T,isDisabled:p,isInvalid:n,isRequired:a}),L=l(R,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i(i({},L),E),f),{type:"radio",testId:t,ref:o}),c)},Ue=z__default["default"].forwardRef(ct);var mt=(e,o)=>{let n=e,{children:t,testId:r="cf-ui-radio-group"}=n,p=l(n,["children","testId"]);return z__default["default"].createElement(ee,i({ref:o,testId:r,type:"radio"},p),t)},Ke=z__default["default"].forwardRef(mt);var Ze=Ue;Ze.Group=Ke;var dt=({size:e})=>e==="small"?{padding:`${s__default["default"].spacing2Xs} ${s__default["default"].spacingXs}`,height:"32px",maxHeight:"32px"}:{height:"40px",maxHeight:"40px"},Je=({isDisabled:e,isInvalid:o,zIndexBase:t=s__default["default"].zIndexDefault})=>e||o?t+1:t,ut=({as:e,isDisabled:o,isInvalid:t,size:r,resize:p})=>({rootComponentWithIcon:emotion.css({position:"relative",display:"flex",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})}),input:emotion.css(m(i({outline:"none",boxShadow:s__default["default"].insetBoxShadowDefault,boxSizing:"border-box",backgroundColor:o?s__default["default"].gray100:s__default["default"].colorWhite,border:`1px solid ${t?s__default["default"].red600:s__default["default"].gray300}`,borderRadius:s__default["default"].borderRadiusMedium,color:s__default["default"].gray700,fontFamily:s__default["default"].fontStackPrimary,fontSize:s__default["default"].fontSizeM,lineHeight:s__default["default"].lineHeightM,padding:`10px ${s__default["default"].spacingS}`,margin:0,cursor:o?"not-allowed":"auto",width:"100%",zIndex:Je({isDisabled:o,isInvalid:t})},e==="textarea"?{resize:p}:dt({size:r})),{"&::placeholder":{color:s__default["default"].gray500},"&:active, &:active:hover":{borderColor:t?s__default["default"].red600:o?s__default["default"].gray300:s__default["default"].blue600,boxShadow:t?s__default["default"].glowNegative:o?"none":s__default["default"].glowPrimary},"&:focus":{borderColor:t?s__default["default"].red600:o?s__default["default"].gray300:s__default["default"].blue600,boxShadow:t?s__default["default"].glowNegative:o?"none":s__default["default"].glowPrimary}})),inputWithIcon:emotion.css({paddingLeft:r==="small"?s__default["default"].spacingXl:"38px"}),iconPlaceholder:emotion.css({position:"absolute",pointerEvents:"none",top:0,bottom:0,left:r==="small"?s__default["default"].spacingXs:s__default["default"].spacingS,display:"flex",alignItems:"center",zIndex:s__default["default"].zIndexDefault})}),Qe=ut;var xt="input";function eo(e,o){let Z=e,{as:t=xt,className:r,isDisabled:p,isReadOnly:n,isRequired:a,isInvalid:c,id:u,name:d,onBlur:h,onChange:g,onFocus:y,onKeyDown:b,testId:E="cf-ui-base-input",type:T="text",value:f=void 0,placeholder:I,willBlurOnEsc:B=!0,style:k,icon:w,defaultValue:v,size:L="medium",resize:S="vertical"}=Z,R=l(Z,["as","className","isDisabled","isReadOnly","isRequired","isInvalid","id","name","onBlur","onChange","onFocus","onKeyDown","testId","type","value","placeholder","willBlurOnEsc","style","icon","defaultValue","size","resize"]),G=Qe({as:t,isDisabled:p,isInvalid:c,size:L,resize:S}),F=z.useCallback(M=>{M.persist(),y&&y(M);},[y]),pe=z.useCallback(M=>{M.persist(),!(p||n)&&g&&g(M);},[g,p,n]),D=z.useCallback(M=>{M.persist(),b&&b(M),M.nativeEvent.code==="Escape"&&B&&M.currentTarget.blur();},[B,b]),ie=w&&z__default["default"].createElement(f36Core.Box,{as:"span",className:G.iconPlaceholder},z__default["default"].cloneElement(w,{size:L==="small"?"tiny":"small",variant:"muted","aria-hidden":!0})),se=t,K=M=>z__default["default"].createElement(se,m(i({},R),{value:f,defaultValue:v,"data-test-id":E,style:k,placeholder:I,className:emotion.cx(G.input,M,r),name:d,type:T,ref:o,id:u,readOnly:n,"aria-readonly":n?"true":void 0,"aria-required":a?"true":void 0,"aria-invalid":c?"true":void 0,"aria-describedby":u?`${u}-${c?"validation":"helptext"}`:void 0,disabled:p,required:a,onChange:pe,onBlur:h,onKeyDown:D,onFocus:F,size:L}));return w?z__default["default"].createElement(f36Core.Box,{as:"div",className:G.rootComponentWithIcon},K(G.inputWithIcon),ie):K()}eo.displayName="BaseInput";var U=z__default["default"].forwardRef(eo);var gt=(T,E)=>{var f=T,{className:e,testId:o="cf-ui-text-input",id:t,value:r,defaultValue:p,onChange:n,onFocus:a,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h,size:g="medium",maxLength:y}=f,b=l(f,["className","testId","id","value","defaultValue","onChange","onFocus","isInvalid","isDisabled","isRequired","isReadOnly","size","maxLength"]);let G=P({id:t,isInvalid:c,isDisabled:u,isRequired:d,isReadOnly:h}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:w}=G,v=l(G,["setMaxLength","maxLength","setInputValue","inputValue"]);z.useEffect(()=>{var F;y!==void 0&&typeof I=="function"&&(I(y),k((F=r!=null?r:p)!=null?F:""));},[y,I,k,p,r]);let L=F=>{typeof k=="function"&&k(F.target.value),n==null||n(F);},S=z.useRef(null),R=E||S;return z__default["default"].createElement(U,m(i(i({type:"text"},b),v),{testId:o,ref:R,onChange:y?L:n,onFocus:a,as:"input",className:e,value:r,defaultValue:p,size:g,maxLength:y}))},to=z__default["default"].forwardRef(gt);var Ct=({spacing:e})=>{if(e==="none")return emotion.css({position:"relative","& button, & input":{borderRadius:"0 !important"},"& > *":{marginRight:"-1px !important","&:not(:focus), & button:not(:focus)":{boxShadow:"none !important"},"&:first-child, &:first-child > input, &:first-child button":{borderBottomLeftRadius:`${s__default["default"].borderRadiusMedium} !important`,borderTopLeftRadius:`${s__default["default"].borderRadiusMedium} !important`},"&:last-child, &:last-child > input, &:last-child button":{borderBottomRightRadius:`${s__default["default"].borderRadiusMedium} !important`,borderTopRightRadius:`${s__default["default"].borderRadiusMedium} !important`,marginRight:"0 !important"},"&:focus, &:focus-within":{zIndex:s__default["default"].zIndexDefault+1}}})},ro=({spacing:e})=>({inputGroup:Ct({spacing:e})});var It=(e,o)=>{let c=e,{children:t,className:r,spacing:p="none"}=c,n=l(c,["children","className","spacing"]),a=ro({spacing:p});return z__default["default"].createElement(f36Core.Stack,m(i({},n),{spacing:p,ref:o,fullWidth:!0,className:emotion.cx(a.inputGroup,r)}),t)},po=z__default["default"].forwardRef(It);var io=to;io.Group=po;var Tt=(e,o)=>{let T=e,{testId:t="cf-ui-switch",id:r,isDisabled:p,isInvalid:n,isRequired:a,children:c}=T,u=l(T,["testId","id","isDisabled","isInvalid","isRequired","children"]),f=P({id:r,isDisabled:p,isInvalid:n,isRequired:a}),E=l(f,["inputValue","setInputValue","maxLength","setMaxLength","isReadOnly"]);return z__default["default"].createElement(_,m(i(i({},E),u),{testId:t,type:"switch",ref:o}),c)},ao=z__default["default"].forwardRef(Tt);var co=()=>({error:emotion.css({"&:focus":{borderColor:s__default["default"].red600,boxShadow:s__default["default"].glowNegative}}),disabled:emotion.css({"&:focus":{borderColor:s__default["default"].gray300,boxShadow:"none"}})});var St=(E,b)=>{var T=E,{className:e,isDisabled:o,isInvalid:t,isRequired:r,isReadOnly:p,onChange:n,testId:a="cf-ui-textarea",id:c,resize:u="vertical",maxLength:d,value:h,defaultValue:g}=T,y=l(T,["className","isDisabled","isInvalid","isRequired","isReadOnly","onChange","testId","id","resize","maxLength","value","defaultValue"]);let f=co(),S=P({id:c,isInvalid:t,isDisabled:o,isRequired:r,isReadOnly:p}),{setMaxLength:I,maxLength:B,setInputValue:k,inputValue:w}=S,v=l(S,["setMaxLength","maxLength","setInputValue","inputValue"]);z.useEffect(()=>{var R;d!==void 0&&typeof I=="function"&&(I(d),k((R=h!=null?h:g)!=null?R:""));},[g,d,k,I,h]);let L=R=>{typeof k=="function"&&k(R.target.value),n==null||n(R);};return z__default["default"].createElement(U,m(i(i({},y),v),{defaultValue:g,value:h,testId:a,as:"textarea",ref:b,className:emotion.cx(e,{[f.disabled]:o,[f.error]:t}),maxLength:d,resize:u,onChange:d?L:n}))},uo=z__default["default"].forwardRef(St);var ge=r=>{var p=r,{testId:e="cf-ui-select-option",isDisabled:o}=p,t=l(p,["testId","isDisabled"]);return z__default["default"].createElement("option",m(i({"data-test-id":e},t),{disabled:o}))};function fo({isInvalid:e,isDisabled:o,size:t}){let r=t==="small"?{padding:`${s__default["default"].spacing2Xs} ${s__default["default"].spacingXs}`,height:"32px"}:{padding:`10px ${s__default["default"].spacingL} 10px ${s__default["default"].spacingS}`,height:"40px"},p=emotion.css({width:"100%",display:"block",appearance:"none",backgroundColor:s__default["default"].colorWhite,color:s__default["default"].gray700,fontSize:s__default["default"].fontSizeM,lineHeight:s__default["default"].lineHeightM,fontFamily:s__default["default"].fontStackPrimary,borderRadius:s__default["default"].borderRadiusMedium,boxShadow:s__default["default"].insetBoxShadowDefault,outline:"none",border:`1px solid ${s__default["default"].gray300}`,cursor:"pointer","&::placeholder":{color:s__default["default"].gray500},"&:focus":{outline:"none",boxShadow:s__default["default"].glowPrimary,borderColor:s__default["default"].blue500},"&:-moz-focusring":{color:"transparent",textShadow:"0 0 0 #000"},"&::-ms-expand":{display:"none"}}),n=emotion.css({backgroundColor:s__default["default"].gray100,cursor:"not-allowed",color:s__default["default"].gray600,"&:focus, &:active":{borderColor:s__default["default"].gray300}}),a=emotion.css({borderColor:o?s__default["default"].red300:s__default["default"].red600,"&:focus":{borderColor:s__default["default"].red600,boxShadow:s__default["default"].glowNegative}});return {wrapper:emotion.css({position:"relative",display:"block",width:"auto"}),select:emotion.css([p,r,o&&n,e&&a]),icon:emotion.css({position:"absolute",right:s__default["default"].spacingXs,top:"50%",marginTop:"-8px",pointerEvents:"none"})}}var wt=(E,b)=>{var T=E,{id:e,children:o,className:t,isInvalid:r,isDisabled:p,isRequired:n,testId:a="cf-ui-select",willBlurOnEsc:c=!0,onKeyDown:u,size:d="medium",value:h=void 0,defaultValue:g=void 0}=T,y=l(T,["id","children","className","isInvalid","isDisabled","isRequired","testId","willBlurOnEsc","onKeyDown","size","value","defaultValue"]);let f=P({isDisabled:p,isInvalid:r,isRequired:n,id:e}),I=fo({isDisabled:f.isDisabled,isInvalid:f.isInvalid,size:d}),B=z.useCallback(k=>{k.nativeEvent.code==="Escape"&&c&&k.currentTarget.blur(),u&&u(k);},[u,c]);return z__default["default"].createElement("div",{className:emotion.cx(I.wrapper,t)},z__default["default"].createElement("select",m(i({},y),{id:f.id,"data-test-id":a,className:I.select,onKeyDown:B,required:f.isRequired,"aria-required":f.isRequired?"true":void 0,"aria-invalid":f.isInvalid?!0:void 0,"aria-describedby":f.id?`${f.id}-${f.isInvalid?"validation":"helptext"}`:void 0,disabled:f.isDisabled,defaultValue:g,value:h,ref:b}),o),z__default["default"].createElement(f36Icons.ChevronDownIcon,{className:I.icon,variant:"muted"}))},xo=z__default["default"].forwardRef(wt);var ho=xo;ho.Option=ge;function yo(n,p){var a=n,{children:e,onSubmit:o,testId:t="cf-ui-form-label"}=a,r=l(a,["children","onSubmit","testId"]);let c=z.useCallback(u=>{u.preventDefault(),o&&o(u);},[o]);return z__default["default"].createElement("form",i({ref:p,"data-test-id":t,onSubmit:c},r),e)}yo.displayName="Form";var go=z.forwardRef(yo);

@@ -20,0 +20,0 @@ exports.Checkbox = Ne;

8

package.json
{
"name": "@contentful/f36-forms",
"version": "4.41.1",
"version": "4.42.0",
"description": "Forma 36: Form React Components",

@@ -9,6 +9,6 @@ "scripts": {

"dependencies": {
"@contentful/f36-core": "^4.41.1",
"@contentful/f36-core": "^4.42.0",
"@contentful/f36-icons": "^4.23.2",
"@contentful/f36-tokens": "^4.0.1",
"@contentful/f36-typography": "^4.41.1",
"@contentful/f36-tokens": "^4.0.2",
"@contentful/f36-typography": "^4.42.0",
"emotion": "^10.0.17"

@@ -15,0 +15,0 @@ },

dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc