freemium-ui 2.0.0-beta.30 → 2.0.0-beta.31

package/index.cjs.js

@@ -3505,11 +3505,12 @@ activeIndex:d}}Bf.stateChangeTypes=If;const jf=on.textarea`
   outline: unset;
   padding: unset;
   margin: unset;
-  color: ${({theme:e})=>e.colors.text.primary};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
+  background-color: ${({theme:e})=>e.colors.fill.surface};
+  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3529,6 +3530,8 @@ activeIndex:d}}Bf.stateChangeTypes=If;const jf=on.textarea`
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
+  background-color: ${({theme:e})=>e.colors.fill.surface};
+  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3623,7 +3626,7 @@ className:"input-label","aria-label":a,htmlFor:o
 },a,d&&e.createElement(zn,null,"*"))),e.createElement(md,{open:x,defaultOpen:M,
 name:f,required:d,disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
 ;const t=i.find((t=>t?.[r]===e));l?.(t??null)}},e.createElement(Dd,{
-className:`SelectTrigger ${g||""}`.trim(),"aria-label":"Food",disabled:u,id:o,
+className:`SelectTrigger ${g??""}`.trim(),"aria-label":"Food",disabled:u,id:o,
 isErrored:!!w,"aria-invalid":!!w,width:v,style:y},e.createElement(gd,{
 className:"SelectValue",placeholder:c}),e.createElement(Hd,{
 className:"SelectIcon"},e.createElement(Rl,{fill:n.colors.text.primary
@@ -3637,9 +3640,9 @@ className:"SelectScrollButton"},e.createElement(Rl,{fill:n.colors.text.primary
 },t.key,e.createElement(wd,null)),t.items.map(((t,n)=>{
 const a="string"==typeof t?t:t?.[r],o=t?.[r]??""
 ;return o&&""!==o||console.warn("No value for item",t),
-e.createElement(e.Fragment,null,m?m(t,{key:a,value:o||a.trim,
-disabled:!!t.disabled,showTick:h}):e.createElement(am,{key:a,value:o||a,
-disabled:!!t.disabled,showTick:h},p(t,"list-item")))})))))),e.createElement(_d,{
+e.createElement(e.Fragment,null,m?m(t,{key:a,value:o??a,disabled:!!t.disabled,
+showTick:h}):e.createElement(am,{key:a,value:o||a,disabled:!!t.disabled,
+showTick:h},p(t,"list-item")))})))))),e.createElement(_d,{
 className:"SelectScrollButton"},e.createElement(Rl,{fill:n.colors.text.primary
 })))))),w&&z&&e.createElement(vc,null,z))
 },rm=({itemIdentifier:t="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,onChange:b,useComboboxProps:w,isErrored:C,errorText:z,defaultSelectedItem:M,isMenuLoading:x})=>{
@@ -12476,7 +12479,7 @@ return e.createElement(tm,{items:n,
 itemToString:(e,n)=>"list-item"===n?e?.name??"":"months"===t.name&&e?.name?jR?.[e?.name?.toString().toLowerCase()]:e?.name??"",
 type:"button",disabled:!!t.disabled,
 defaultSelectedItem:n.find((e=>e.id===t.value))??null,style:t.style,
-className:`${t.className} bp-custom-dropdown bp-custom-dropdown-${t.name}`.trim(),
+className:`${t.className??""} bp-custom-dropdown bp-custom-dropdown-${t.name??""}`.trim(),
 onChange:e=>{t?.onChange?.({target:{value:e?.id}})}})}
 return e.createElement(tm,{itemToString:()=>"",type:"button"})},$R=[{id:"AM",
 name:"AM"},{id:"PM",name:"PM"
@@ -15637,7 +15640,7 @@ d:"M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183
 fill:n.colors.text.semantic.error}))},XB=({index:t,...n})=>{
 const r=qt(),{updateToasts:a,windowState:o}=e.useContext(rB)??{},i=e.useRef(null)
 ;return e.createElement(e.Fragment,null,e.createElement(FB,{ref:i,
-toastType:n.type,toastIndex:t,className:`ToastRoot Toast-${n.id}`.trim(),
+toastType:n.type,toastIndex:t,className:`ToastRoot Toast-${n.id??""}`.trim(),
 duration:n.delay??3e3,onOpenChange:e=>{e||a((e=>e.filter((e=>e.id!==n.id))))}
 },e.createElement(YB,{className:"ToastProgress",windowState:o,toastType:n.type,
 delay:n.delay??3e3
@@ -16127,7 +16130,7 @@ formatDate:e=>e?Lm(e).format(u):"",...d}),i&&l&&e.createElement(vc,null,l))
 const u=qt();return e.createElement(Ws,{open:t,onOpenChange:e=>{e||s?.()}
 },e.createElement(Gs,null,e.createElement(js,{forceMount:!0,
 className:"DialogOverlay",onClick:()=>{c&&s?.()}}),e.createElement(Us,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),isFullHeight:i,size:o,
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),isFullHeight:i,size:o,
 placement:l},!r&&e.createElement(Ys,{asChild:!0},e.createElement($s,{
 "aria-label":"Close"},e.createElement(qn,{fill:u.colors.text.inverse}))),n)))
 },exports.Dropdown=tm,
@@ -16140,7 +16143,7 @@ exports.InputLabel=Cn,
 exports.Loader=em,exports.Menu=Tl,exports.Minus=Vc,exports.Modal=({isOpen:t,children:n,align:r="center",customClass:a="",fullWidth:o=!1,customModalContentStyles:i={},onDismiss:l,position:c="center",size:s})=>e.createElement(cm,{
 open:t,onOpenChange:e=>{e||l?.()}},e.createElement(sm,null,e.createElement(um,{
 forceMount:!0,className:"DialogOverlay",onClick:()=>l?.()}),e.createElement(dm,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),size:s??"default",
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),size:s??"default",
 fullWidth:o,align:r,position:c,style:i
 },n))),exports.MoreVertical=od,exports.MultiSelectDropdown=({itemIdentifier:t="id",label:n,id:r,items:a=[],onChange:o,placeholder:i,readOnly:l=!1,disabled:c=!1,isRequired:s=!1,itemToString:u,name:d,filterKey:h,width:p,useComboboxProps:f,useMultipleSelectionProps:m,emptyItemsText:v,getCustomMessage:g,onCustomValueAdd:y,customValues:b,inputValue:w,hideClear:C,removeSelectedItem:z,defaultSelectedItems:M=[],handleInputChange:x,isErrored:E,isMenuLoading:S,errorText:_,InputProps:H,itemComponent:D,isDynamicMenu:L,locale:V,maxAllowedLength:A,minAllowedLength:k,onBackSpace:T})=>{
 const R=qt(),[P,I]=e.useState(""),[O,N]=e.useState([]),F=e.useMemo((()=>a.filter((e=>!P||("string"==typeof e?e:e?.[h||t]).toLowerCase().includes(P.toLowerCase())))),[a,h,t,P]),{getSelectedItemProps:B,getDropdownProps:j,removeSelectedItem:U,setSelectedItems:$}=Bf({
@@ -16189,7 +16192,7 @@ index:r})
 fill:R.colors.common.accent})))})))),E&&_&&e.createElement(vc,null,_))
 },exports.Popover=yP,
 exports.PopoverClose=gP,exports.Radio=({checked:t,className:n,disabled:r,id:a,isRequired:o,label:i,name:l,readOnly:c,...s})=>e.createElement(wP,{
-className:`RadioGroupRoot ${n}`.trim(),id:a,name:l,"aria-label":i,
+className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,"aria-label":i,
 value:t?"default":"",required:o,disabled:r,"aria-readonly":c,...s
 },e.createElement(MP,null,e.createElement(zP,{checked:t,"aria-checked":t,
 className:"RadioGroupItem",disabled:r,"aria-readonly":c,value:"default",

package/index.js

@@ -2163,7 +2163,7 @@ variant:"primary","aria-disabled":s,disabled:s,onClick:()=>a?.(),"aria-label":u
 const u=vn();return t.createElement(vu,{open:e,onOpenChange:e=>{e||s?.()}
 },t.createElement(gu,null,t.createElement(hu,{forceMount:!0,
 className:"DialogOverlay",onClick:()=>{c&&s?.()}}),t.createElement(pu,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),isFullHeight:i,size:o,
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),isFullHeight:i,size:o,
 placement:l},!r&&t.createElement(mu,{asChild:!0},t.createElement(fu,{
 "aria-label":"Close"},t.createElement(mr,{fill:u.colors.text.inverse}))),n)))}
 ;function bu(e,[t,n]){return Math.min(n,Math.max(t,e))}
@@ -3484,11 +3484,12 @@ hm.stateChangeTypes=cm;const pm=En.textarea`
   outline: unset;
   padding: unset;
   margin: unset;
-  color: ${({theme:e})=>e.colors.text.primary};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
+  background-color: ${({theme:e})=>e.colors.fill.surface};
+  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3508,6 +3509,8 @@ hm.stateChangeTypes=cm;const pm=En.textarea`
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
+  background-color: ${({theme:e})=>e.colors.fill.surface};
+  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3613,7 +3616,7 @@ className:"input-label","aria-label":a,htmlFor:o
 },a,d&&t.createElement(jn,null,"*"))),t.createElement(Fd,{open:x,defaultOpen:M,
 name:f,required:d,disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
 ;const t=i.find((t=>t?.[r]===e));l?.(t??null)}},t.createElement(eh,{
-className:`SelectTrigger ${g||""}`.trim(),"aria-label":"Food",disabled:u,id:o,
+className:`SelectTrigger ${g??""}`.trim(),"aria-label":"Food",disabled:u,id:o,
 isErrored:!!w,"aria-invalid":!!w,width:v,style:y},t.createElement(jd,{
 className:"SelectValue",placeholder:c}),t.createElement(Jd,{
 className:"SelectIcon"},t.createElement(nc,{fill:n.colors.text.primary
@@ -3627,9 +3630,9 @@ className:"SelectScrollButton"},t.createElement(nc,{fill:n.colors.text.primary
 },e.key,t.createElement(Yd,null)),e.items.map(((e,n)=>{
 const a="string"==typeof e?e:e?.[r],o=e?.[r]??""
 ;return o&&""!==o||console.warn("No value for item",e),
-t.createElement(t.Fragment,null,m?m(e,{key:a,value:o||a.trim,
-disabled:!!e.disabled,showTick:h}):t.createElement(Lm,{key:a,value:o||a,
-disabled:!!e.disabled,showTick:h},p(e,"list-item")))})))))),t.createElement(Qd,{
+t.createElement(t.Fragment,null,m?m(e,{key:a,value:o??a,disabled:!!e.disabled,
+showTick:h}):t.createElement(Lm,{key:a,value:o||a,disabled:!!e.disabled,
+showTick:h},p(e,"list-item")))})))))),t.createElement(Qd,{
 className:"SelectScrollButton"},t.createElement(nc,{fill:n.colors.text.primary
 })))))),w&&z&&t.createElement(Oc,null,z))
 },Dm=({itemIdentifier:e="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,onChange:b,useComboboxProps:w,isErrored:C,errorText:z,defaultSelectedItem:M,isMenuLoading:x})=>{
@@ -3791,7 +3794,7 @@ default:"512px",small:"424px",medium:"600px",large:"800px","x-large":"1200px"
 `,Om=({isOpen:e,children:n,align:r="center",customClass:a="",fullWidth:o=!1,customModalContentStyles:i={},onDismiss:l,position:c="center",size:s})=>t.createElement(Tm,{
 open:e,onOpenChange:e=>{e||l?.()}},t.createElement(Pm,null,t.createElement(Im,{
 forceMount:!0,className:"DialogOverlay",onClick:()=>l?.()}),t.createElement(Rm,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),size:s??"default",
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),size:s??"default",
 fullWidth:o,align:r,position:c,style:i},n))),Nm=En.div`
   flex: 1;
   gap: 8px;
@@ -12508,7 +12511,7 @@ return t.createElement(_m,{items:n,
 itemToString:(t,n)=>"list-item"===n?t?.name??"":"months"===e.name&&t?.name?vI?.[t?.name?.toString().toLowerCase()]:t?.name??"",
 type:"button",disabled:!!e.disabled,
 defaultSelectedItem:n.find((t=>t.id===e.value))??null,style:e.style,
-className:`${e.className} bp-custom-dropdown bp-custom-dropdown-${e.name}`.trim(),
+className:`${e.className??""} bp-custom-dropdown bp-custom-dropdown-${e.name??""}`.trim(),
 onChange:t=>{e?.onChange?.({target:{value:t?.id}})}})}
 return t.createElement(_m,{itemToString:()=>"",type:"button"})},yI=e=>{
 const{placeholder:n,name:r,isRequired:a,label:o,isErrored:i,errorText:l,id:c,disabled:s,displayFormat:u="YYYY-MM-DD",...d}=e
@@ -12737,7 +12740,7 @@ onInteractOutside:()=>u&&u(),side:g,align:o,sideOffset:8,avoidCollisions:l
   display: flex;
   align-items: center;
 `,rR=({checked:e,className:n,disabled:r,id:a,isRequired:o,label:i,name:l,readOnly:c,...s})=>t.createElement(JI,{
-className:`RadioGroupRoot ${n}`.trim(),id:a,name:l,"aria-label":i,
+className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,"aria-label":i,
 value:e?"default":"",required:o,disabled:r,"aria-readonly":c,...s
 },t.createElement(nR,null,t.createElement(tR,{checked:e,"aria-checked":e,
 className:"RadioGroupItem",disabled:r,"aria-readonly":c,value:"default",
@@ -15834,7 +15837,7 @@ d:"M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183
 fill:n.colors.text.semantic.error}))},kj=({index:e,...n})=>{
 const r=vn(),{updateToasts:a,windowState:o}=t.useContext(NB)??{},i=t.useRef(null)
 ;return t.createElement(t.Fragment,null,t.createElement(zj,{ref:i,
-toastType:n.type,toastIndex:e,className:`ToastRoot Toast-${n.id}`.trim(),
+toastType:n.type,toastIndex:e,className:`ToastRoot Toast-${n.id??""}`.trim(),
 duration:n.delay??3e3,onOpenChange:e=>{e||a((e=>e.filter((e=>e.id!==n.id))))}
 },t.createElement(_j,{className:"ToastProgress",windowState:o,toastType:n.type,
 delay:n.delay??3e3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.30",
+  "version": "2.0.0-beta.31",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",