@npm_leadtech/legal-lib-components 7.106.34 → 7.106.35

package/dist/src/components/atoms/Checkbox/Checkbox.styled.js

@@ -1,4 +1,4 @@
-// import { device, size } from '../../../globalStyles/breakpoints'
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const CheckboxStyled = styled.div `
   display: flex;
@@ -28,11 +28,15 @@ export const CheckboxStyled = styled.div `
       font-size: 1rem;
       font-weight: normal;
       display: flex;
+      align-items: center;
       position: relative;
-      padding-top: 0;
-      top: 35%;
-      padding-left: 1.5rem;
-      margin-right: 1.5rem;
+      width: 100%;
+      padding: 0.5rem 0 0.5rem 1rem;
+      margin-right: 0;
+
+      @media ${device.mobile} {
+        min-height: 2.75rem;
+      }
 
       span {
         margin-left: 0.5rem;
@@ -41,33 +45,34 @@ export const CheckboxStyled = styled.div `
       &:before {
         content: '';
         background-color: var(--others-white);
-        border: 1px solid var(--neutral-main);
-        left: 1px;
+        border: 1px solid var(--neutral-neutral-1);
+        left: 0;
         position: absolute;
-        top: 0;
-        height: 1.5rem;
-        width: 1.5rem;
+        top: 50%;
+        margin-top: -0.5rem;
+        height: 1rem;
+        width: 1rem;
         border-radius: var(--s-border-radius);
       }
 
       &:after {
         background-color: currentColor;
         content: '';
-        padding: 0 0.5em;
-        margin: 0 0.125rem;
         -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
         mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
         -webkit-mask-repeat: no-repeat;
         mask-repeat: no-repeat;
         -webkit-mask-position: center;
         mask-position: center;
-        clip-path: padding-box inset(0.28125em 0);
+        -webkit-mask-size: 1rem 1rem;
+        mask-size: 1rem 1rem;
         position: absolute;
-        width: 20px;
-        height: 20px;
-        left: 0.09rem;
-        top: 2px;
-        color: var(--primary-main);
+        width: 1rem;
+        height: 1rem;
+        left: 0;
+        top: 50%;
+        margin-top: -0.5rem;
+        color: var(--primary-main-light-1);
       }
     }
 
@@ -76,8 +81,6 @@ export const CheckboxStyled = styled.div `
         &:after {
           opacity: 0;
           transform: scale(0);
-          top: 3px;
-          left: 0.25rem;
         }
 
         &:hover {
@@ -97,7 +100,7 @@ export const CheckboxStyled = styled.div `
 
         &:before {
           background-color: var(--primary-main-light-5);
-          border: 1.5px solid var(--primary-main);
+          border: 1px solid var(--primary-main-light-1);
           border-radius: var(--s-border-radius);
         }
       }

package/dist/src/components/atoms/Checkbox/Checkbox.styled.ts

@@ -1,4 +1,4 @@
-// import { device, size } from '../../../globalStyles/breakpoints'
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const CheckboxStyled = styled.div`
@@ -29,11 +29,15 @@ export const CheckboxStyled = styled.div`
       font-size: 1rem;
       font-weight: normal;
       display: flex;
+      align-items: center;
       position: relative;
-      padding-top: 0;
-      top: 35%;
-      padding-left: 1.5rem;
-      margin-right: 1.5rem;
+      width: 100%;
+      padding: 0.5rem 0 0.5rem 1rem;
+      margin-right: 0;
+
+      @media ${device.mobile} {
+        min-height: 2.75rem;
+      }
 
       span {
         margin-left: 0.5rem;
@@ -42,33 +46,34 @@ export const CheckboxStyled = styled.div`
       &:before {
         content: '';
         background-color: var(--others-white);
-        border: 1px solid var(--neutral-main);
-        left: 1px;
+        border: 1px solid var(--neutral-neutral-1);
+        left: 0;
         position: absolute;
-        top: 0;
-        height: 1.5rem;
-        width: 1.5rem;
+        top: 50%;
+        margin-top: -0.5rem;
+        height: 1rem;
+        width: 1rem;
         border-radius: var(--s-border-radius);
       }
 
       &:after {
         background-color: currentColor;
         content: '';
-        padding: 0 0.5em;
-        margin: 0 0.125rem;
         -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
         mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
         -webkit-mask-repeat: no-repeat;
         mask-repeat: no-repeat;
         -webkit-mask-position: center;
         mask-position: center;
-        clip-path: padding-box inset(0.28125em 0);
+        -webkit-mask-size: 1rem 1rem;
+        mask-size: 1rem 1rem;
         position: absolute;
-        width: 20px;
-        height: 20px;
-        left: 0.09rem;
-        top: 2px;
-        color: var(--primary-main);
+        width: 1rem;
+        height: 1rem;
+        left: 0;
+        top: 50%;
+        margin-top: -0.5rem;
+        color: var(--primary-main-light-1);
       }
     }
 
@@ -77,8 +82,6 @@ export const CheckboxStyled = styled.div`
         &:after {
           opacity: 0;
           transform: scale(0);
-          top: 3px;
-          left: 0.25rem;
         }
 
         &:hover {
@@ -98,7 +101,7 @@ export const CheckboxStyled = styled.div`
 
         &:before {
           background-color: var(--primary-main-light-5);
-          border: 1.5px solid var(--primary-main);
+          border: 1px solid var(--primary-main-light-1);
           border-radius: var(--s-border-radius);
         }
       }

package/dist/src/components/atoms/Logo/Logo.js

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import districtlaws from './svg/districtlaws-logo.svg';
 import districtlawsWhite from './svg/districtlaws-white-logo.svg';
 import lawdistrict from './svg/lawdistrict-logo.svg';
-import lawdistrictIcon from './svg/lawdistrict-icon.svg';
 import lawdistrictWhite from './svg/lawdistrict-white-logo.svg';
 import lawdistrictinfo from './svg/lawdistrictinfo-logo.svg';
 import lawdistrictinfoWhite from './svg/lawdistrictinfo-white-logo.svg';
@@ -19,8 +18,7 @@ import uslawdistrictWhite from './svg/uslawdistrict-white-logo.svg';
 const LOGOS = {
     lawdistrict: {
         default: lawdistrict,
-        white: lawdistrictWhite,
-        icon: lawdistrictIcon
+        white: lawdistrictWhite
     },
     legalfinity: {
         default: legalfinity,
@@ -52,7 +50,5 @@ const LOGOS = {
     }
 };
 export const Logo = ({ className, siteName = 'lawdistrict', type = 'default', width, height, isLoadingLazy = false }) => {
-    const brandLogos = LOGOS[siteName.toLowerCase()] ?? LOGOS['lawdistrict'];
-    const logoSrc = brandLogos?.[type] ?? brandLogos?.default ?? LOGOS['lawdistrict']?.[type] ?? LOGOS['lawdistrict']?.default;
-    return (_jsx("img", { className: className, src: logoSrc, alt: `${siteName} logo`, width: width, height: height, loading: isLoadingLazy ? 'lazy' : 'eager' }));
+    return (_jsx("img", { className: className, src: LOGOS[siteName.toLowerCase()]?.[type] ?? LOGOS['lawdistrict']?.[type], alt: `${siteName} logo`, width: width, height: height, loading: isLoadingLazy ? 'lazy' : 'eager' }));
 };

package/dist/src/components/atoms/Logo/Logo.tsx

@@ -7,7 +7,6 @@ import { type LogoProps } from './LogoProps.types'
 import districtlaws from './svg/districtlaws-logo.svg'
 import districtlawsWhite from './svg/districtlaws-white-logo.svg'
 import lawdistrict from './svg/lawdistrict-logo.svg'
-import lawdistrictIcon from './svg/lawdistrict-icon.svg'
 import lawdistrictWhite from './svg/lawdistrict-white-logo.svg'
 import lawdistrictinfo from './svg/lawdistrictinfo-logo.svg'
 import lawdistrictinfoWhite from './svg/lawdistrictinfo-white-logo.svg'
@@ -25,8 +24,7 @@ import uslawdistrictWhite from './svg/uslawdistrict-white-logo.svg'
 const LOGOS: Record<string, any> = {
   lawdistrict: {
     default: lawdistrict,
-    white: lawdistrictWhite,
-    icon: lawdistrictIcon
+    white: lawdistrictWhite
   },
   legalfinity: {
     default: legalfinity,
@@ -66,14 +64,10 @@ export const Logo: FC<LogoProps> = ({
   height,
   isLoadingLazy = false
 }): React.ReactElement => {
-  const brandLogos = LOGOS[siteName.toLowerCase()] ?? LOGOS['lawdistrict']
-  const logoSrc =
-    brandLogos?.[type] ?? brandLogos?.default ?? LOGOS['lawdistrict']?.[type] ?? LOGOS['lawdistrict']?.default
-
   return (
     <img
       className={className}
-      src={logoSrc}
+      src={LOGOS[siteName.toLowerCase()]?.[type] ?? LOGOS['lawdistrict']?.[type]}
       alt={`${siteName} logo`}
       width={width}
       height={height}

package/dist/src/components/atoms/SearchSelect/SearchSelect.js

@@ -47,13 +47,6 @@ const SearchSelect = (props) => {
         props.onChange(selectObject);
     };
     const TooltipObject = props.tooltip && typeof props.tooltip === 'string' ? (_jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip })) : ('');
-    const hasIcons = sortedItems.some((item) => Boolean(item?.iconClassName));
-    const formatOptionLabel = (option) => {
-        if (!hasIcons)
-            return option.label;
-        const icon = option.iconClassName ? (_jsx("span", { className: option.iconClassName, role: 'img', "aria-label": option.iconAlt ?? option.label })) : (_jsx("span", { className: 'legal-selector__icon-placeholder', "aria-hidden": 'true' }));
-        return (_jsxs("span", { className: 'legal-selector__option', children: [icon, _jsx("span", { className: 'legal-selector__option-label', children: option.label })] }));
-    };
     return (_jsxs(SearchSelectStyled, { children: [props.label && (_jsx("div", { className: 'e-searchselect__inner', children: _jsx("label", { className: 'searchselect__label', children: props.label }) })), _jsxs("div", { className: `${classnames} ${props.width ? 'width' : ''}`, "data-qa": props.dataQA ?? props.name, children: [TooltipObject, _jsxs("span", { className: 'e-searchselect--error sans-serif --small', children: [_jsx("img", { src: error, alt: props.errorMessage, width: '24', height: '24' }), props.errorMessage] }), _jsx(Select, { styles: {
                             control: (baseStyles, state) => {
                                 return {
@@ -64,6 +57,6 @@ const SearchSelect = (props) => {
                                 };
                             },
                             menuPortal: (base) => ({ ...base, zIndex: 9999 })
-                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, menuPortalTarget: menuPortalTarget, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement, formatOptionLabel: formatOptionLabel })] })] }));
+                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, menuPortalTarget: menuPortalTarget, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
 };
 export default SearchSelect;

package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.js

@@ -221,23 +221,4 @@ export const SearchSelectStyled = styled.div `
       width: 60%;
     }
   }
-
-  .legal-selector__option {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    min-width: 0;
-  }
-
-  .legal-selector__option-label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .legal-selector__icon-placeholder {
-    width: 21px;
-    height: 16px;
-    flex: 0 0 auto;
-  }
 `;

package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.ts

@@ -222,23 +222,4 @@ export const SearchSelectStyled = styled.div`
       width: 60%;
     }
   }
-
-  .legal-selector__option {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    min-width: 0;
-  }
-
-  .legal-selector__option-label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .legal-selector__icon-placeholder {
-    width: 21px;
-    height: 16px;
-    flex: 0 0 auto;
-  }
 `

package/dist/src/components/atoms/SearchSelect/SearchSelect.tsx

@@ -60,23 +60,6 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
       ''
     )
 
-  const hasIcons = sortedItems.some((item) => Boolean(item?.iconClassName))
-
-  const formatOptionLabel = (option: any): any => {
-    if (!hasIcons) return option.label
-    const icon = option.iconClassName ? (
-      <span className={option.iconClassName} role='img' aria-label={option.iconAlt ?? option.label} />
-    ) : (
-      <span className='legal-selector__icon-placeholder' aria-hidden='true' />
-    )
-    return (
-      <span className='legal-selector__option'>
-        {icon}
-        <span className='legal-selector__option-label'>{option.label}</span>
-      </span>
-    )
-  }
-
   return (
     <SearchSelectStyled>
       {props.label && (
@@ -116,7 +99,6 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
           placeholder={props.placeholder}
           defaultMenuIsOpen={props.defaultMenuIsOpen}
           menuPlacement={menuPlacement}
-          formatOptionLabel={formatOptionLabel}
         />
       </div>
     </SearchSelectStyled>

package/dist/src/components/sections/index.d.ts

@@ -32,4 +32,3 @@ export * from './CardStorySection';
 export * from './Header';
 export * from './Footer';
 export * from './AppHeader';
-export * from './FormHeader';

package/dist/src/components/sections/index.js

@@ -32,4 +32,3 @@ export * from './CardStorySection';
 export * from './Header';
 export * from './Footer';
 export * from './AppHeader';
-export * from './FormHeader';

package/dist/src/components/sections/index.ts

@@ -32,4 +32,3 @@ export * from './CardStorySection'
 export * from './Header'
 export * from './Footer'
 export * from './AppHeader'
-export * from './FormHeader'