@solace-health/ui 0.8.3 → 0.8.5

package/dist/index.cjs

@@ -341,7 +341,6 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
   font-size: 18px;
   font-weight: 700;
   color: #285e50;
-  align-items: center;
   gap: 12px;
 
   .szh-menu {
@@ -476,7 +475,7 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
     padding: 0.2rem 1.5rem;
     text-transform: uppercase;
   }
-`;function ke({isActive:e}){let t=web.useSpring(e?{transform:"rotate(0deg)",config:web.config.stiff}:{transform:"rotate(180deg)",config:web.config.stiff});return jsxRuntime.jsx(web.animated.div,{style:{...t},children:jsxRuntime.jsx(z.Caret,{direction:"up"})})}var x1=({children:e,cta:t,onItemClick:o=()=>null,onMenuChange:r=()=>null,className:i="",menuProps:a={menuButton:null},caretColor:l="#285E50"})=>{let s={overflow:"auto",position:"archor",viewScroll:"auto",boundingBoxPadding:"20 0 50 0",gap:10,transition:!0},c=I2.useRef(null),[m,y]=reactMenu.useMenuState({transition:!0}),f=reactMenu.useClick(m.state,y),h=m.state==="open"||m.state==="opening";return I2.useEffect(()=>{r(m.state);},[m.state]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(z2,{className:`${i} ${h?"menu-open":"menu-closed"}`,ref:c,...f,children:[jsxRuntime.jsx("div",{children:t}),jsxRuntime.jsx(ke,{isActive:h}),jsxRuntime.jsx(reactMenu.ControlledMenu,{...m,anchorRef:c,onClose:()=>y(!1),onItemClick:o,onMenuChange:r,...s,...a,children:e})]})})},b1=({label:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuButton,{className:t,children:e}),w1=({label:e,value:t,onClick:o=()=>null,disabled:r=!1,linkTo:i="",className:a=""})=>jsxRuntime.jsx(reactMenu.MenuItem,{className:a,value:t,onClick:o,href:i,disabled:r,children:e}),v1=({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})}),k1=({children:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuHeader,{className:t,children:e}),L1=({className:e=""})=>jsxRuntime.jsx(reactMenu.MenuDivider,{className:e}),J={Button:b1,Container:x1,Search:v1,Divider:L1,Header:k1,Item:w1};var z1=react.keyframes`
+`;function ke({isActive:e}){let t=web.useSpring(e?{transform:"rotate(0deg)",config:web.config.stiff}:{transform:"rotate(180deg)",config:web.config.stiff});return jsxRuntime.jsx(web.animated.div,{style:{...t,display:"flex",alignItems:"center"},children:jsxRuntime.jsx(z.Caret,{direction:"up"})})}var x1=({children:e,cta:t,onItemClick:o=()=>null,onMenuChange:r=()=>null,className:i="",menuProps:a={menuButton:null},caretColor:l="#285E50"})=>{let s={overflow:"auto",position:"archor",viewScroll:"auto",boundingBoxPadding:"20 0 50 0",gap:10,transition:!0},c=I2.useRef(null),[m,y]=reactMenu.useMenuState({transition:!0}),f=reactMenu.useClick(m.state,y),h=m.state==="open"||m.state==="opening";return I2.useEffect(()=>{r(m.state);},[m.state]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(z2,{className:`${i} ${h?"menu-open":"menu-closed"}`,ref:c,...f,children:[jsxRuntime.jsx("div",{children:t}),jsxRuntime.jsx(ke,{isActive:h}),jsxRuntime.jsx(reactMenu.ControlledMenu,{...m,anchorRef:c,onClose:()=>y(!1),onItemClick:o,onMenuChange:r,...s,...a,children:e})]})})},b1=({label:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuButton,{className:t,children:e}),w1=({label:e,value:t,onClick:o=()=>null,disabled:r=!1,linkTo:i="",className:a=""})=>jsxRuntime.jsx(reactMenu.MenuItem,{className:a,value:t,onClick:o,href:i,disabled:r,children:e}),v1=({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})}),k1=({children:e,className:t=""})=>jsxRuntime.jsx(reactMenu.MenuHeader,{className:t,children:e}),L1=({className:e=""})=>jsxRuntime.jsx(reactMenu.MenuDivider,{className:e}),J={Button:b1,Container:x1,Search:v1,Divider:L1,Header:k1,Item:w1};var z1=react.keyframes`
   from {
     opacity: 0;
   }