@kwantis-id3/frontend-library 0.20.1 → 0.20.2

package/changelog.md

@@ -1,4 +1,16 @@
-# v0.29.0
+# v0.20.2
+## Patch Changes
+- Added comments to each prop field in all components to better describe them
+- Added `isDefaultOpen` prop to Accordion component, usable when the component is uncontrolled
+
+ 
+
+# v0.20.1
+## Patch Changes
+- Added labels to styled components to better identify them in the DOM
+
+ 
+# v0.20.0
 ## Minor Changes
 - Migrated from `jest` to `vitest` for testing
 

package/dist/esm/index.js

@@ -77,7 +77,7 @@ import*as e from"react";import t,{useLayoutEffect as u,useContext as n,createEle
   display: inline;
   margin: 0;
   padding: 0;
-`,tr=e=>{const u=wu(),n=t.useMemo((()=>u.getColor(e.color||"primary")),[e.color,u]),r=t.useMemo((()=>e.dividerColor?u.getColor(e.dividerColor):u.getColor(e.color||"tertiary")),[e.dividerColor,e.color,u]),o=t.useMemo((()=>e.iconColor?u.getColor(e.iconColor||"secondary"):u.getColor(e.color||"secondary")),[e.iconColor,e.color,u]),i=t=>e.customTrigger?Tt("div",Object.assign({css:e.sx},{children:e.customTrigger})):Nt("div",Object.assign({css:e.sx},{children:[Nt(qn,Object.assign({$color:"none",$textColor:n.main},{children:[!e.hideIcon&&Tt(Kn,Object.assign({$iconColor:o.main},{children:Tt(en.Icon,{icon:t?zn:Jn,size:28})})),Tt(er,{children:e.title})]})),!e.hideDivider&&Tt($n,{$color:r.main})]}));return Tt(Qn,Object.assign({trigger:i(!1),triggerWhenOpen:i(!0),open:e.isOpen,onOpening:e.onOpen,onClosing:e.onClose,handleTriggerClick:e.onClick?e.onClick:void 0,transitionTime:250,lazyRender:e.isLazy,overflowWhenOpen:"unset"},{children:e.children}))},ur=Xu.div`
+`,tr=e=>{var u,n;const r=wu(),o=t.useMemo((()=>r.getColor(e.color||"primary")),[e.color,r]),i=t.useMemo((()=>e.dividerColor?r.getColor(e.dividerColor):r.getColor(e.color||"tertiary")),[e.dividerColor,e.color,r]),a=t.useMemo((()=>e.iconColor?r.getColor(e.iconColor||"secondary"):r.getColor(e.color||"secondary")),[e.iconColor,e.color,r]),s=t=>e.customTrigger?Tt("div",Object.assign({css:e.sx},{children:e.customTrigger})):Nt("div",Object.assign({css:e.sx},{children:[Nt(qn,Object.assign({$color:"none",$textColor:o.main},{children:[!e.hideIcon&&Tt(Kn,Object.assign({$iconColor:a.main},{children:Tt(en.Icon,{icon:t?zn:Jn,size:28})})),Tt(er,{children:e.title})]})),!e.hideDivider&&Tt($n,{$color:i.main})]}));return Tt(Qn,Object.assign({trigger:s(!1),triggerWhenOpen:s(!0),open:null!==(n=null!==(u=e.isOpen)&&void 0!==u?u:e.defaultOpen)&&void 0!==n&&n,onOpening:e.onOpen,onClosing:e.onClose,handleTriggerClick:e.onClick?e.onClick:void 0,transitionTime:250,lazyRender:e.isLazy,overflowWhenOpen:"unset"},{children:e.children}))},ur=Xu.div`
   label: InputContainer;
   width: 100%;
 `,nr=Xu("input",Ou)`
@@ -131,7 +131,7 @@ import*as e from"react";import t,{useLayoutEffect as u,useContext as n,createEle
   position: relative;
   top: 15px;
   color: ${e=>e.$textColor};
-`,sa=e=>{const u=wu(),n=t.useMemo((()=>{const t=u.getColor(e.color||"primary");if(e.disabled){return{main:Jt(t.main).desaturate(80).toHexString(),contrastText:t.contrastText}}return t}),[u,e.color]),r=t.useMemo((()=>u.getColor(e.unselectedColor||"statusNeutral")),[u,e.unselectedColor]),o=t.useMemo((()=>u.getColor(e.thumbColor||"white")),[u,e.thumbColor]),{min:i,max:a}=t.useMemo((()=>{var t,u;return e.autoCalculateMinMax?{min:Math.min(...e.values),max:Math.max(...e.values)}:{min:null!==(t=e.min)&&void 0!==t?t:0,max:null!==(u=e.max)&&void 0!==u?u:100}}),[e.autoCalculateMinMax,e.min,e.max]);return t.createElement(t.Fragment,null,t.createElement(Hi.Range,{min:i,max:a,values:e.values,onChange:e.onChange,onFinalChange:e.onFinalChange,step:e.step,disabled:e.disabled,allowOverlap:e.allowOverlap,renderTrack:({props:u,children:o})=>{return t.createElement(ra,{onMouseDown:u.onMouseDown,onTouchStart:u.onTouchStart,className:e.className,id:e.htmlId,style:Object.assign(Object.assign({},u.style),{height:"36px",display:"flex",width:"100%"})},t.createElement(oa,{ref:u.ref,$bgColor:Hi.getTrackBackground({values:e.values,colors:(s=e.values,1===s.length?[n.main,r.main]:Array.from(new Array(e.values.length+1)).map(((e,t)=>t%2!=0?n.main:r.main))),min:i,max:a})},o));var s},renderThumb:({props:u,value:r})=>t.createElement(ia,Object.assign({$bgColor:o.main,$borderColor:n.main,$disabled:e.disabled},u,{style:Object.assign({},u.style)}),!1!==e.showThumbValue&&t.createElement(aa,{$textColor:n.main},r))}))},ca=Xu.div`
+`,sa=e=>{const u=wu(),n=t.useMemo((()=>{const t=u.getColor(e.color||"primary");if(e.disabled){return{main:Jt(t.main).desaturate(80).toHexString(),contrastText:t.contrastText}}return t}),[u,e.color,e.disabled]),r=t.useMemo((()=>u.getColor(e.unselectedColor||"statusNeutral")),[u,e.unselectedColor]),o=t.useMemo((()=>u.getColor(e.thumbColor||"white")),[u,e.thumbColor]),{min:i,max:a}=t.useMemo((()=>{var t,u;return e.autoCalculateMinMax?{min:Math.min(...e.values),max:Math.max(...e.values)}:{min:null!==(t=e.min)&&void 0!==t?t:0,max:null!==(u=e.max)&&void 0!==u?u:100}}),[e.autoCalculateMinMax,e.min,e.max]);return t.createElement(t.Fragment,null,t.createElement(Hi.Range,{min:i,max:a,values:e.values,onChange:e.onChange,onFinalChange:e.onFinalChange,step:e.step,disabled:e.disabled,allowOverlap:e.allowOverlap,renderTrack:({props:u,children:o})=>{return t.createElement(ra,{onMouseDown:u.onMouseDown,onTouchStart:u.onTouchStart,className:e.className,id:e.htmlId,style:Object.assign(Object.assign({},u.style),{height:"36px",display:"flex",width:"100%"})},t.createElement(oa,{ref:u.ref,$bgColor:Hi.getTrackBackground({values:e.values,colors:(s=e.values,1===s.length?[n.main,r.main]:Array.from(new Array(e.values.length+1)).map(((e,t)=>t%2!=0?n.main:r.main))),min:i,max:a})},o));var s},renderThumb:({props:u,value:r})=>t.createElement(ia,Object.assign({$bgColor:o.main,$borderColor:n.main,$disabled:e.disabled},u,{style:Object.assign({},u.style)}),!1!==e.showThumbValue&&t.createElement(aa,{$textColor:n.main},r))}))},ca=Xu.div`
   label: DropdownContainer;
   position: relative;
 `,la=Xu("div",Ou)`