@solace-health/ui 0.9.0 → 0.9.2

package/dist/index.js

@@ -16,7 +16,7 @@ import { IMaskMixin } from 'react-imask';
 import j5, { getGeocode } from 'use-places-autocomplete';
 import { useLoadScript } from '@react-google-maps/api';
 
-var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",fail:"#ff0000",gray:"#f3f3f3"},breakpoint:{small:"500px",medium:"800px",large:"1200px"},typography:{family:{body:"Lato, helvetica, sans-serif",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"},weight:{normal:400,medium:500,semiBold:600,bold:700}}},yt={components:{Switch:{handleSize:24,trackHeight:28,trackMinWidth:67},Tabs:{inkBarColor:"#285E50",itemActiveColor:"#285E50",itemSelectedColor:"#285E50",itemHoverColor:"#285E50",titleFontSize:16,colorBorderSecondary:"#AFC8BF"},Segmented:{fontSize:16,borderRadius:4,controlHeight:36,controlHeightSM:30,controlHeightLG:40,itemColor:"#555555",itemActiveBg:"rgba(0, 0, 0, 0)",itemSelectedBg:"#fff",itemHoverBg:"rgba(212, 226, 221, 0.2)",colorBgLayout:"rgb(233, 240, 238)",itemHoverColor:"rgb(85, 85, 85)",itemSelectedColor:"#555555"},Collapse:{headerBg:"rgb(255, 255, 255)",colorBorder:"rgb(175, 200, 191)",colorFillAlter:"rgb(255, 255, 255)",fontSize:18,padding:20,contentPadding:"0px 16px 16px",headerPadding:"25px 16px",borderRadiusLG:10}},token:{colorInfo:"#285E50",colorLink:"#285E50",colorWarning:"#D7A13B",colorError:"#EE2932",colorPrimary:"#285E50",colorPrimaryActive:"#1D4339",fontFamily:"Lato, helvetica, sans-serif",fontSize:16,fontSizeSM:14,fontSizeLG:18,borderRadius:8,borderRadiusLG:20,colorBgMask:"rgba(0, 0, 0, 0.2)"}},xt=({children:e,theme:t={}})=>jsx(ConfigProvider,{theme:{...yt,...t},children:e});var bt=({children:e,theme:t={}})=>jsx(xt,{theme:t,children:e});var Be=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(Be||{});var wt=n.p`
+var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",fail:"#ff0000",gray:"#f3f3f3"},breakpoint:{small:"500px",medium:"800px",large:"1200px"},typography:{family:{body:"Lato, helvetica, sans-serif",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"},weight:{normal:400,medium:500,semiBold:600,bold:700}}},yt={components:{Switch:{handleSize:24,trackHeight:28,trackMinWidth:67},Tabs:{inkBarColor:"#285E50",itemActiveColor:"#285E50",itemSelectedColor:"#285E50",itemHoverColor:"#285E50",titleFontSize:16,colorBorderSecondary:"#AFC8BF"},Segmented:{fontSize:16,borderRadius:6,borderRadiusXS:6,controlHeight:36,controlHeightSM:30,controlHeightLG:40,itemColor:"#555555",itemActiveBg:"rgba(0, 0, 0, 0)",itemSelectedBg:"#fff",itemHoverBg:"rgba(212, 226, 221, 0.2)",colorBgLayout:"rgb(233, 240, 238)",itemHoverColor:"rgb(85, 85, 85)",itemSelectedColor:"#555555"},Collapse:{headerBg:"rgb(255, 255, 255)",colorBorder:"rgb(175, 200, 191)",colorFillAlter:"rgb(255, 255, 255)",fontSize:18,padding:20,contentPadding:"0px 16px 16px",headerPadding:"25px 16px",borderRadiusLG:10}},token:{colorInfo:"#285E50",colorLink:"#285E50",colorWarning:"#D7A13B",colorError:"#EE2932",colorPrimary:"#285E50",colorPrimaryActive:"#1D4339",fontFamily:"Lato, helvetica, sans-serif",fontSize:16,fontSizeSM:14,fontSizeLG:18,borderRadius:8,borderRadiusLG:20,colorBgMask:"rgba(0, 0, 0, 0.2)"}},xt=({children:e,theme:t={}})=>jsx(ConfigProvider,{theme:{...yt,...t},children:e});var bt=({children:e,theme:t={}})=>jsx(xt,{theme:t,children:e});var Be=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(Be||{});var wt=n.p`
   transition: font-size 0.25s;
   color: ${e=>e.color||"#101010"};
   font-family: ${({theme:e})=>e.typography.family.body};
@@ -364,12 +364,13 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
   }
   .szh-menu__item {
     cursor: pointer;
+    line-height: normal;
   }
   .szh-menu__item:focus {
     outline: none;
   }
   .szh-menu__item--hover {
-    background-color: #E9F0EE;
+    background-color: #e9f0ee;
   }
   .szh-menu__item--focusable {
     cursor: default;
@@ -410,6 +411,7 @@ var N={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",f
     display: flex;
     align-items: center;
     position: relative;
+    line-height: normal;
     padding: 1rem 1rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     font-weight: 400;
@@ -508,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;
@@ -549,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: 110px;
+  max-width: 140px;
 `,V2=n(J.Item)`
   &.szh-menu__item {
-    min-width: 115px;
+    min-width: 145px;
   }
 `;n(J.Divider)`
   &.szh-menu__divider {