@solace-health/ui 0.10.113 → 0.10.114

package/dist/index.cjs

@@ -1888,12 +1888,6 @@ The mask that was received is: ${JSON.stringify(C)}`);return C.map(t=>t instance
     height: 4rem;
   }
 
-  &:hover {
-    border-color: ${C=>C.selected?"#285E50":"transparent"};
-    background: var(--color-opal-greens-super-light, #f4f8f7);
-    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;
-  }
-
   ${C=>C.selected&&`
     border-color: var(--colors-borders-border-focused, #285E50);
     background: var(--color-opal-greens-lily-white, #E9F0EE);
@@ -1903,11 +1897,28 @@ The mask that was received is: ${JSON.stringify(C)}`);return C.map(t=>t instance
   position: absolute;
   appearance: none;
   opacity: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  cursor: pointer;
+
+  &:hover + label {
+    border-color: ${C=>C.selected?"#285E50":"transparent"};
+    background: var(--color-opal-greens-super-light, #f4f8f7);
+    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;
+  }
 
   &:focus + label {
     border-color: #285e50;
     outline: 1px solid #285e50;
   }
+
+  &:after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
 `,uC=I__default.default.span`
   font-family: Lato;
   font-size: 1.5rem;
@@ -1923,7 +1934,7 @@ The mask that was received is: ${JSON.stringify(C)}`);return C.map(t=>t instance
   display: flex;
   flex-flow: column;
   gap: var(--spacing-m, 1rem);
-`;var j3=({option:C,name:e,inline:t,previewOnly:o=!1,hasError:L=!1,formOptions:r={},...n})=>{let{register:i}=reactHookForm.useFormContext();return jsxRuntime.jsxs(nC,{inline:t,children:[jsxRuntime.jsx(iC,{type:"radio",...i(e,r),value:C.value,previewOnly:o,disabled:o,hasError:L,...n}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(v.Body,{children:C.label})})]})},xC=({name:C,label:e,details:t="",options:o=[],inline:L=!1,allowOther:r=!1,previewOnly:n=!1,formOptions:i={},errorMessage:s=void 0,...a})=>{let{formState:{errors:l}}=reactHookForm.useFormContext(),p=!!l?.[C];return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(X,{label:e,required:!!i.required,isLabelBold:!0,details:t}),jsxRuntime.jsxs(rC,{inline:L,isColumns:o.length>5,children:[o.map(c=>jsxRuntime.jsx(j3,{option:c,name:C,inline:L,previewOnly:n,formOptions:i,...a,hasError:p},`${C}-${c.value}`)),r&&jsxRuntime.jsxs(sC,{children:[jsxRuntime.jsx(j3,{option:{label:"Other",value:"other"},name:C,inline:L,...a},C),jsxRuntime.jsx(e1,{name:`${C}_other`,...a})]})]}),p&&jsxRuntime.jsx(K,{text:s,includeIcon:!1})]})},Ks=({option:C,name:e,formOptions:t})=>{let{register:o,watch:L,formState:r}=reactHookForm.useFormContext(),n=L(e)===C.value;return jsxRuntime.jsxs(aC,{selected:n,hasError:!!r.errors[e],children:[jsxRuntime.jsxs(lC,{children:[jsxRuntime.jsxs(dC,{selected:n,children:[C.icon||null,C.label]}),jsxRuntime.jsx(pC,{type:"radio",value:C.value,...o(e,t)})]}),jsxRuntime.jsx(fC,{selected:n,children:C.description})]})},yC=({name:C,label:e=null,className:t="",options:o,formOptions:L={},id:r=""})=>jsxRuntime.jsxs(y4,{className:t,id:r,children:[e&&jsxRuntime.jsx(w4,{size:"lg",children:e}),jsxRuntime.jsx("div",{children:o.map(n=>jsxRuntime.jsx(Ks,{option:n,name:C,formOptions:L},`${n.label}-${n.value}`))})]}),js=({option:C,name:e,formOptions:t,onClick:o=void 0})=>{let{register:L,watch:r}=reactHookForm.useFormContext(),n=r(e)===C.value,[i,s]=Fi.useState(!1),a=g5[C.icon];return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(gC,{type:"radio",onClick:l=>o?o(l.currentTarget.value):null,value:C.value,...L(e,t)}),jsxRuntime.jsxs(cC,{selected:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[jsxRuntime.jsx(a,{active:n||i}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(uC,{children:C.label}),C?.description&&jsxRuntime.jsx(mC,{children:C.description})]})]})]})},wC=({name:C,label:e=null,className:t="",options:o,onClick:L=void 0,formOptions:r={}})=>jsxRuntime.jsxs(y4,{className:t,children:[e&&jsxRuntime.jsx(w4,{size:"lg",children:e}),jsxRuntime.jsx(hC,{children:o.map(n=>jsxRuntime.jsx(js,{option:n,name:C,onClick:L,formOptions:r},`${n.label}-${n.value}`))})]});var vC=I__default.default.div`
+`;var j3=({option:C,name:e,inline:t,previewOnly:o=!1,hasError:L=!1,formOptions:r={},...n})=>{let{register:i}=reactHookForm.useFormContext();return jsxRuntime.jsxs(nC,{inline:t,children:[jsxRuntime.jsx(iC,{type:"radio",...i(e,r),value:C.value,previewOnly:o,disabled:o,hasError:L,...n}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(v.Body,{children:C.label})})]})},xC=({name:C,label:e,details:t="",options:o=[],inline:L=!1,allowOther:r=!1,previewOnly:n=!1,formOptions:i={},errorMessage:s=void 0,...a})=>{let{formState:{errors:l}}=reactHookForm.useFormContext(),p=!!l?.[C];return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(X,{label:e,required:!!i.required,isLabelBold:!0,details:t}),jsxRuntime.jsxs(rC,{inline:L,isColumns:o.length>5,children:[o.map(c=>jsxRuntime.jsx(j3,{option:c,name:C,inline:L,previewOnly:n,formOptions:i,...a,hasError:p},`${C}-${c.value}`)),r&&jsxRuntime.jsxs(sC,{children:[jsxRuntime.jsx(j3,{option:{label:"Other",value:"other"},name:C,inline:L,...a},C),jsxRuntime.jsx(e1,{name:`${C}_other`,...a})]})]}),p&&jsxRuntime.jsx(K,{text:s,includeIcon:!1})]})},Ks=({option:C,name:e,formOptions:t})=>{let{register:o,watch:L,formState:r}=reactHookForm.useFormContext(),n=L(e)===C.value;return jsxRuntime.jsxs(aC,{selected:n,hasError:!!r.errors[e],children:[jsxRuntime.jsxs(lC,{children:[jsxRuntime.jsxs(dC,{selected:n,children:[C.icon||null,C.label]}),jsxRuntime.jsx(pC,{type:"radio",value:C.value,...o(e,t)})]}),jsxRuntime.jsx(fC,{selected:n,children:C.description})]})},yC=({name:C,label:e=null,className:t="",options:o,formOptions:L={},id:r=""})=>jsxRuntime.jsxs(y4,{className:t,id:r,children:[e&&jsxRuntime.jsx(w4,{size:"lg",children:e}),jsxRuntime.jsx("div",{children:o.map(n=>jsxRuntime.jsx(Ks,{option:n,name:C,formOptions:L},`${n.label}-${n.value}`))})]}),js=({option:C,name:e,formOptions:t,onClick:o=void 0})=>{let{register:L,watch:r}=reactHookForm.useFormContext(),n=r(e)===C.value,[i,s]=Fi.useState(!1),a=g5[C.icon];return jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx(gC,{type:"radio",onClick:l=>o?o(l.currentTarget.value):null,value:C.value,...L(e,t),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)}),jsxRuntime.jsxs(cC,{selected:n,children:[jsxRuntime.jsx(a,{active:n||i}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(uC,{children:C.label}),C?.description&&jsxRuntime.jsx(mC,{children:C.description})]})]})]})},wC=({name:C,label:e=null,className:t="",options:o,onClick:L=void 0,formOptions:r={}})=>jsxRuntime.jsxs(y4,{className:t,children:[e&&jsxRuntime.jsx(w4,{size:"lg",children:e}),jsxRuntime.jsx(hC,{children:o.map(n=>jsxRuntime.jsx(js,{option:n,name:C,onClick:L,formOptions:r},`${n.label}-${n.value}`))})]});var vC=I__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;