@solace-health/ui 0.9.1 → 0.9.2

package/dist/index.cjs

@@ -397,7 +397,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;
@@ -537,35 +537,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=web.useSpring(e?{transform:"rotate(0deg)",config:web.config.stiff}:{transform:"rotate(180deg)",config:web.config.stiff});return jsxRuntime.jsx(web.animated.div,{style:{...o,display:"flex",alignItems:"center"},children:jsxRuntime.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=D2.useRef(null),[d,u]=reactMenu.useMenuState({transition:!0}),g=reactMenu.useClick(d.state,u),C=d.state==="open"||d.state==="opening";return D2.useEffect(()=>{r(d.state);},[d.state]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(M2,{className:`${i} ${C?"menu-open":"menu-closed"}`,ref:m,...g,children:[jsxRuntime.jsx(S2,{children:t}),jsxRuntime.jsx(ve,{isActive:C,color:l}),jsxRuntime.jsx(reactMenu.ControlledMenu,{...d,anchorRef:m,onClose:()=>u(!1),onItemClick:o,onMenuChange:r,...a,...s,children:e})]})})},f1=({label:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuButton,{className:t,children:e}),g1=({label:e,value:t,selected:o=!1,onClick:r=()=>null,disabled:i=!1,linkTo:s="",className:l=""})=>jsxRuntime.jsx(reactMenu.MenuItem,{className:`${l} ${o?"active":"inactive"}`,value:t,onClick:r,href:s,disabled:i,children:e}),u1=({value:e,onChange:t=()=>null,className:o=""})=>jsxRuntime.jsx(reactMenu.FocusableItem,{children:({ref:r})=>jsxRuntime.jsx("input",{className:o,ref:r,type:"text",placeholder:"Type to filter",value:e,onChange:t})}),C1=({children:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuHeader,{className:t,children:e}),h1=({className:e=""})=>jsxRuntime.jsx(reactMenu.MenuDivider,{className:e}),J={Button:f1,Container:m1,Search:u1,Divider:h1,Header:C1,Item:g1};n__default.default.div`
   padding: 0 20px;
   border-radius: 10px;
@@ -578,10 +577,10 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
   align-items: center;
   box-sizing: border-box;
 `;var P2=n__default.default(J.Container)`
-  max-width: 135px;
+  max-width: 140px;
 `,V2=n__default.default(J.Item)`
   &.szh-menu__item {
-    min-width: 140px;
+    min-width: 145px;
   }
 `;n__default.default(J.Divider)`
   &.szh-menu__divider {