@solace-health/ui 0.9.1 → 0.9.2

package/dist/index.js

@@ -370,7 +370,7 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
     outline: none;
   }
   .szh-menu__item--hover {
-    background-color: #E9F0EE;
+    background-color: #e9f0ee;
   }
   .szh-menu__item--focusable {
     cursor: default;
@@ -510,35 +510,34 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
   .szh-menu--state-opening.szh-menu--dir-left {
     animation: szh-menu-show-slide-left 0.15s ease-out;
   }
-  
+
   .szh-menu--state-closing.szh-menu--dir-left {
     animation: szh-menu-hide-slide-left 0.15s ease-in forwards;
   }
-  
+
   .szh-menu--state-opening.szh-menu--dir-right {
     animation: szh-menu-show-slide-right 0.15s ease-out;
   }
-  
+
   .szh-menu--state-closing.szh-menu--dir-right {
     animation: szh-menu-hide-slide-right 0.15s ease-in forwards;
   }
-  
+
   .szh-menu--state-opening.szh-menu--dir-top {
     animation: szh-menu-show-slide-top 0.15s ease-out;
   }
-  
+
   .szh-menu--state-closing.szh-menu--dir-top {
     animation: szh-menu-hide-slide-top 0.15s ease-in forwards;
   }
-  
+
   .szh-menu--state-opening.szh-menu--dir-bottom {
     animation: szh-menu-show-slide-bottom 0.15s ease-out;
   }
-  
+
   .szh-menu--state-closing.szh-menu--dir-bottom {
     animation: szh-menu-hide-slide-bottom 0.15s ease-in forwards;
   }
-  
 `;function ve({isActive:e,color:t="#000"}){let o=useSpring(e?{transform:"rotate(0deg)",config:config.stiff}:{transform:"rotate(180deg)",config:config.stiff});return jsx(animated.div,{style:{...o,display:"flex",alignItems:"center"},children:jsx(R.Caret,{direction:"up",color:t})})}var m1=({children:e,cta:t,onItemClick:o=()=>null,onMenuChange:r=()=>null,className:i="",menuProps:s={menuButton:null},caretColor:l="#000"})=>{let a={overflow:"auto",position:"archor",viewScroll:"auto",boundingBoxPadding:"20 0 50 0",gap:10,transition:!0,transitionTimeout:50},m=useRef(null),[d,u]=useMenuState({transition:!0}),g=useClick(d.state,u),C=d.state==="open"||d.state==="opening";return useEffect(()=>{r(d.state);},[d.state]),jsx(Fragment,{children:jsxs(M2,{className:`${i} ${C?"menu-open":"menu-closed"}`,ref:m,...g,children:[jsx(S2,{children:t}),jsx(ve,{isActive:C,color:l}),jsx(ControlledMenu,{...d,anchorRef:m,onClose:()=>u(!1),onItemClick:o,onMenuChange:r,...a,...s,children:e})]})})},f1=({label:e,className:t=""})=>jsx(MenuButton,{className:t,children:e}),g1=({label:e,value:t,selected:o=!1,onClick:r=()=>null,disabled:i=!1,linkTo:s="",className:l=""})=>jsx(MenuItem,{className:`${l} ${o?"active":"inactive"}`,value:t,onClick:r,href:s,disabled:i,children:e}),u1=({value:e,onChange:t=()=>null,className:o=""})=>jsx(FocusableItem,{children:({ref:r})=>jsx("input",{className:o,ref:r,type:"text",placeholder:"Type to filter",value:e,onChange:t})}),C1=({children:e,className:t=""})=>jsx(MenuHeader,{className:t,children:e}),h1=({className:e=""})=>jsx(MenuDivider,{className:e}),J={Button:f1,Container:m1,Search:u1,Divider:h1,Header:C1,Item:g1};n.div`
   padding: 0 20px;
   border-radius: 10px;
@@ -551,10 +550,10 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
   align-items: center;
   box-sizing: border-box;
 `;var P2=n(J.Container)`
-  max-width: 135px;
+  max-width: 140px;
 `,V2=n(J.Item)`
   &.szh-menu__item {
-    min-width: 140px;
+    min-width: 145px;
   }
 `;n(J.Divider)`
   &.szh-menu__divider {