@npm_leadtech/legal-lib-components 4.1.24 → 4.2.0

package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafiaProps.types.ts

@@ -1,15 +0,0 @@
-import type { MouseEventHandler } from 'react'
-
-export interface ReviewKeyFactsResultRatafiaProps {
-  reviewQuestion: string
-  reviewPositiveIcon?: React.ReactNode
-  reviewPositiveText: string
-  reviewPositiveDataQa: string
-  handleOnClickReviewPositive?: MouseEventHandler
-  reviewNegativeIcon?: React.ReactNode
-  reviewNegativeText: string
-  reviewNegativeDataQa: string
-  handleOnClickReviewNegative?: MouseEventHandler
-  reviewFeedbackText: string
-  review: boolean | null
-}

package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/index.js

@@ -1 +0,0 @@
-export { default as ReviewKeyFactsResultRatafia } from './ReviewKeyFactsResultRatafia';

package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/index.ts

@@ -1,2 +0,0 @@
-export { default as ReviewKeyFactsResultRatafia } from './ReviewKeyFactsResultRatafia'
-export { type ReviewKeyFactsResultRatafiaProps } from './ReviewKeyFactsResultRatafiaProps.types'

package/dist/src/components/atoms/RichTextInner/RichTextInner.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type RichTextInnerProps } from './RichTextInnerProps.types';
-declare const RichTextInner: FC<RichTextInnerProps>;
-export default RichTextInner;

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import './RichTextInner.scss'
-const RichTextInner = ({ children, customClass = '' }) => (_jsx("div", { className: `rich-text ${customClass}`, children: children }));
-export default RichTextInner;

package/dist/src/components/atoms/RichTextInner/RichTextInner.scss

@@ -1,34 +0,0 @@
-.rich-text {
-  & > p {
-    margin-bottom: 1rem;
-  }
-  & p {
-    & > a {
-      text-decoration: underline;
-    }
-  }
-
-  p + h1,
-  p + h2,
-  p + h3,
-  p + h4,
-  p + h5,
-  p + h6 {
-    margin-top: 2.5rem;
-  }
-
-  ul + p,
-  ol + p,
-  ul + h1,
-  ul + h2,
-  ul + h3,
-  ul + h4,
-  ul + h5,
-  ul + h6 {
-    margin-top: 2rem;
-  }
-
-  .scroll-top-anchor {
-    cursor: pointer;
-  }
-}

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

@@ -1,10 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type RichTextInnerProps } from './RichTextInnerProps.types'
-// import './RichTextInner.scss'
-
-const RichTextInner: FC<RichTextInnerProps> = ({ children, customClass = '' }) => (
-  <div className={`rich-text ${customClass}`}>{children}</div>
-)
-
-export default RichTextInner

package/dist/src/components/atoms/RichTextInner/RichTextInnerProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/RichTextInner/RichTextInnerProps.types.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react'
-
-export interface RichTextInnerProps {
-  customClass?: string
-  children: ReactNode
-}

package/dist/src/components/atoms/RichTextInner/index.js

@@ -1 +0,0 @@
-export { default as RichTextInner } from './RichTextInner';

package/dist/src/components/atoms/RichTextInner/index.ts

@@ -1,2 +0,0 @@
-export { default as RichTextInner } from './RichTextInner'
-export { type RichTextInnerProps } from './RichTextInnerProps.types'

package/dist/src/components/atoms/RichTextStrapi/RichTextMedia.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/RichTextStrapi/RichTextMedia.ts

@@ -1,12 +0,0 @@
-import { type IGatsbyImageData } from 'gatsby-plugin-image'
-
-export interface RichTextMedia {
-  readonly alternativeText: string
-  readonly src: string
-  readonly localFile: {
-    readonly publicURL: string
-    readonly childImageSharp: {
-      readonly gatsbyImageData: IGatsbyImageData
-    }
-  }
-}

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapi.d.ts

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-import { type RichTextStrapiProps } from './RichTextStrapiProps';
-export declare const RichTextStrapi: FC<RichTextStrapiProps>;

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormattedText } from './useFormattedText';
-// import './RichTextStrapi.scss'
-export const RichTextStrapi = ({ html = '', className = '', medias = [] }) => {
-    const { text } = useFormattedText(html, medias);
-    if (html.length === 0)
-        return null;
-    return _jsx("div", { className: `richt-text-strapi m-richText ${className}`, dangerouslySetInnerHTML: { __html: text } });
-};

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapi.scss

@@ -1,9 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.richt-text-strapi {
-  & ul li,
-  ol li {
-    margin-bottom: 1rem;
-  }
-}

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

@@ -1,14 +0,0 @@
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { type FC } from 'react'
-
-import { type RichTextStrapiProps } from './RichTextStrapiProps'
-import { useFormattedText } from './useFormattedText'
-// import './RichTextStrapi.scss'
-
-export const RichTextStrapi: FC<RichTextStrapiProps> = ({ html = '', className = '', medias = [] }) => {
-  const { text } = useFormattedText(html, medias)
-  if (html.length === 0) return null
-
-  return <div className={`richt-text-strapi m-richText ${className}`} dangerouslySetInnerHTML={{ __html: text }}></div>
-}

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapiProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/RichTextStrapi/RichTextStrapiProps.ts

@@ -1,9 +0,0 @@
-import { type RichTextMedia } from './RichTextMedia'
-
-export interface RichTextStrapiProps {
-  html?: string
-  showMoreTextShortResponse?: string
-  showMoreTextCompleteResponse?: string
-  className?: string
-  medias?: RichTextMedia[]
-}

package/dist/src/components/atoms/RichTextStrapi/index.js

@@ -1 +0,0 @@
-export { RichTextStrapi } from './RichTextStrapi';

package/dist/src/components/atoms/RichTextStrapi/index.ts

@@ -1,3 +0,0 @@
-export { RichTextStrapi } from './RichTextStrapi'
-export type { RichTextStrapiProps } from './RichTextStrapiProps'
-export type { RichTextMedia } from './RichTextMedia'

package/dist/src/components/atoms/RichTextStrapi/useFormattedText.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { getDateFormatMMMMYYYY } from '../../../utils/getDateFormatMMMMYYYY';
-import { replaceAll } from '../../../utils/replaceAll';
-const formatTable = (text) => {
-    let tableTextFormated = replaceAll(text, '<table>', '<div class="table-wrapper"><table>');
-    tableTextFormated = replaceAll(tableTextFormated, '</table>', '</table></div>');
-    return tableTextFormated;
-};
-export const useFormattedText = (html, medias = []) => {
-    const initText = () => {
-        let text = html ?? '';
-        medias.forEach((media) => {
-            if ((media?.localFile?.publicURL ?? '').length === 0 || (media?.src ?? '').length === 0)
-                return;
-            text = text.replace(media.src, media.localFile.publicURL);
-        });
-        text = replaceAll(text, '<img ', '<img loading="lazy" ');
-        text = text.replace('{{monthYear}}', getDateFormatMMMMYYYY());
-        text = formatTable(text);
-        return text;
-    };
-    const [text] = React.useState(initText());
-    return { text };
-};

package/dist/src/components/atoms/RichTextStrapi/useFormattedText.tsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import { type RichTextMedia } from './RichTextMedia'
-import { getDateFormatMMMMYYYY } from '../../../utils/getDateFormatMMMMYYYY'
-import { replaceAll } from '../../../utils/replaceAll'
-
-const formatTable = (text: string): string => {
-  let tableTextFormated = replaceAll(text, '<table>', '<div class="table-wrapper"><table>')
-  tableTextFormated = replaceAll(tableTextFormated, '</table>', '</table></div>')
-  return tableTextFormated
-}
-
-export const useFormattedText = (html: string, medias: RichTextMedia[] = []): { text: string } => {
-  const initText = (): string => {
-    let text = html ?? ''
-    medias.forEach((media) => {
-      if ((media?.localFile?.publicURL ?? '').length === 0 || (media?.src ?? '').length === 0) return
-      text = text.replace(media.src, media.localFile.publicURL)
-    })
-    text = replaceAll(text, '<img ', '<img loading="lazy" ')
-    text = text.replace('{{monthYear}}', getDateFormatMMMMYYYY())
-
-    text = formatTable(text)
-
-    return text
-  }
-
-  const [text] = React.useState<string>(initText())
-
-  return { text }
-}

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

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type SearchSelectProps } from './SearchSelectProps.types';
-export declare enum MenuPlacement {
-    top = "top",
-    bottom = "bottom",
-    auto = "auto"
-}
-declare const SearchSelect: FC<SearchSelectProps>;
-export default SearchSelect;

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Select from 'react-select';
-import classNames from 'classnames';
-import error from '../../../../images/svg/info-error_24px_outlined.svg';
-// import './SearchSelect.scss'
-export var MenuPlacement;
-(function (MenuPlacement) {
-    MenuPlacement["top"] = "top";
-    MenuPlacement["bottom"] = "bottom";
-    MenuPlacement["auto"] = "auto";
-})(MenuPlacement || (MenuPlacement = {}));
-const getSortedItems = (items, isSortAlphabetically = false) => {
-    if (isSortAlphabetically) {
-        return items.sort((item1, item2) => {
-            const textItem1 = item1.label.toUpperCase();
-            const textItem2 = item2.label.toUpperCase();
-            if (textItem1 < textItem2)
-                return -1;
-            return textItem1 > textItem2 ? 1 : 0;
-        });
-    }
-    return items;
-};
-const SearchSelect = (props) => {
-    const { customClass = '', menuPlacement = MenuPlacement.bottom } = props;
-    const sortedItems = getSortedItems(props.items, props.isSortAlphabetically);
-    const defaultValue = props.defaultValue;
-    const classnames = classNames({
-        'e-searchselect': true,
-        '--is-invalid': !props.validate,
-        [`${customClass}`]: props.customClass,
-        '--group-invalid': !props.isValidGroup
-    });
-    const handleChange = (selectedOption) => {
-        const selectObject = {
-            target: {
-                name: props.name,
-                value: selectedOption
-            }
-        };
-        props.onChange(selectObject);
-    };
-    const TooltipObject = props.tooltip && typeof props.tooltip === 'string' ? (_jsx("p", { className: 'tooltip-form sans-serif --small', children: props.tooltip })) : ('');
-    return (_jsxs(_Fragment, { 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 {
-                                    ...baseStyles,
-                                    borderColor: state.isFocused ? 'var(--primary-main) !important' : '',
-                                    boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
-                                    borderStyle: state.isFocused ? 'solid' : 'initial'
-                                };
-                            }
-                        }, 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, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
-};
-export default SearchSelect;

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

@@ -1,222 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-searchselect {
-  display: flex;
-  flex-direction: column-reverse;
-  margin-bottom: 2rem;
-  position: relative;
-  width: 100%;
-
-  @include laptop {
-    max-width: 50%;
-  }
-
-  &--error {
-    display: none;
-  }
-
-  &__inner {
-    margin-bottom: 0.5rem;
-
-    label {
-      font-weight: bold;
-    }
-  }
-
-  .css-1wy0on6 {
-    & div:not(:last-child):first-child {
-      display: none;
-    }
-  }
-
-  .css-1hb7zxy-IndicatorsContainer {
-    div:nth-child(1) {
-      display: none;
-    }
-  }
-
-  .css-1gtu0rj-indicatorContainer {
-    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
-    background-repeat: no-repeat;
-    background-position: center center;
-    height: 30px;
-    width: 30px;
-
-    svg {
-      display: none;
-    }
-
-    &:not(:last-child):first-child {
-      display: none;
-    }
-  }
-
-  .css-tlfecz-indicatorContainer {
-    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
-    background-repeat: no-repeat;
-    background-position: center center;
-    height: 30px;
-    width: 30px;
-
-    svg {
-      display: none;
-    }
-  }
-
-  .css-1u9des2-indicatorSeparator {
-    display: none;
-  }
-
-  .legal-selector {
-    display: flex;
-    flex-direction: column-reverse;
-    margin-bottom: 1rem;
-    position: relative;
-    border-radius: $global-border-radius;
-    transition: box-shadow 0.3s ease;
-    box-shadow: 0 0 0 1px get-color(neutral, neutral-3);
-    background-color: get-color(neutral, neutral-5);
-
-    .css-1hwfws3 {
-      height: 40px;
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(neutral, neutral-6);
-      border: none;
-    }
-
-    .css-1pahdxg-control {
-      outline: none;
-      border: none;
-      background-color: get-color(neutral, neutral-6);
-      box-shadow: 0 0 0 2px get-color(primary);
-    }
-
-    .css-1wa3eu0-placeholder {
-      font-size: 0.875rem;
-      color: get-color(neutral, neutral-2);
-    }
-
-    .css-26l3qy-menu {
-      border-radius: $global-border-radius;
-      box-shadow: $box-shadow-container;
-      font-size: 0.875rem;
-    }
-
-    .css-9gakcf-option {
-      background-color: get-color(neutral, neutral-6);
-      color: get-color(neutral, neutral-1);
-    }
-
-    .css-1uccc91-singleValue {
-      font-size: 0.875rem;
-      transition: all 0.3s ease;
-    }
-
-    .css-b8ldur-Input {
-      font-size: 0.875rem;
-    }
-
-    .css-1n7v3ny-option {
-      background-color: transparent;
-      &:hover {
-        background-color: get-color(neutral, neutral-4);
-      }
-    }
-
-    &:hover {
-      box-shadow: 0 0 0 1px get-color(neutral, neutral-2);
-    }
-
-    &:active,
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &.--group-invalid {
-    .legal-selector {
-      box-shadow: 0 0 0 1px get-color(error);
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(error, error-3);
-    }
-  }
-
-  &.--is-invalid {
-    .e-searchselect--error {
-      display: flex;
-      align-content: center;
-      position: absolute;
-      bottom: 0;
-      margin-top: 0.5rem;
-      color: get-color(error);
-
-      img {
-        max-width: 20px;
-        margin-right: 0.25rem;
-      }
-    }
-
-    .legal-selector {
-      box-shadow: 0 0 0 1px get-color(error);
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(error, error-3);
-    }
-  }
-}
-
-.searchselect__label {
-  color: get-color(neutral, neutral-1);
-}
-
-.searchselect--fullwidth {
-  max-width: 100%;
-}
-
-.search-select--bare {
-  margin-bottom: 0;
-
-  .legal-selector,
-  .e-searchselect__inner {
-    margin-bottom: 0;
-  }
-
-  .legal-selector,
-  .css-1pahdxg-control,
-  .css-yk16xz-control {
-    min-height: 42px;
-  }
-
-  .legal-selector {
-    margin-bottom: 0;
-  }
-}
-
-.search-select--small {
-  width: 5.5rem;
-
-  @include laptop {
-    max-width: 100%;
-  }
-}
-
-.mobile-select-container {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 1.25rem;
-}
-
-.width {
-  width: 85%;
-
-  @include portrait-tablets {
-    width: 60%;
-  }
-}

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

@@ -1,100 +0,0 @@
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-import React, { type FC } from 'react'
-import Select from 'react-select'
-
-import { type SearchSelectProps } from './SearchSelectProps.types'
-import classNames from 'classnames'
-import error from '../../../../images/svg/info-error_24px_outlined.svg'
-// import './SearchSelect.scss'
-
-export enum MenuPlacement {
-  top = 'top',
-  bottom = 'bottom',
-  auto = 'auto'
-}
-
-const getSortedItems = (items: any, isSortAlphabetically: boolean | undefined = false): any => {
-  if (isSortAlphabetically) {
-    return items.sort((item1: any, item2: any) => {
-      const textItem1 = item1.label.toUpperCase()
-      const textItem2 = item2.label.toUpperCase()
-      if (textItem1 < textItem2) return -1
-      return textItem1 > textItem2 ? 1 : 0
-    })
-  }
-  return items
-}
-
-const SearchSelect: FC<SearchSelectProps> = (props) => {
-  const { customClass = '', menuPlacement = MenuPlacement.bottom } = props
-  const sortedItems = getSortedItems(props.items, props.isSortAlphabetically)
-  const defaultValue = props.defaultValue as unknown as string
-
-  const classnames = classNames({
-    'e-searchselect': true,
-    '--is-invalid': !props.validate,
-    [`${customClass}`]: props.customClass,
-    '--group-invalid': !props.isValidGroup
-  })
-
-  const handleChange = (selectedOption): void => {
-    const selectObject = {
-      target: {
-        name: props.name,
-        value: selectedOption
-      }
-    }
-    props.onChange(selectObject)
-  }
-
-  const TooltipObject =
-    props.tooltip && typeof props.tooltip === 'string' ? (
-      <p className='tooltip-form sans-serif --small'>{props.tooltip}</p>
-    ) : (
-      ''
-    )
-
-  return (
-    <>
-      {props.label && (
-        <div className={'e-searchselect__inner'}>
-          <label className='searchselect__label'>{props.label}</label>
-        </div>
-      )}
-      <div className={`${classnames} ${props.width ? 'width' : ''}`} data-qa={`${props.dataQA ?? props.name}`}>
-        {TooltipObject}
-        <span className='e-searchselect--error sans-serif --small'>
-          <img src={error} alt={props.errorMessage} width='24' height='24' />
-          {props.errorMessage}
-        </span>
-        <Select
-          styles={{
-            control: (baseStyles, state) => {
-              return {
-                ...baseStyles,
-                borderColor: state.isFocused ? 'var(--primary-main) !important' : '',
-                boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
-                borderStyle: state.isFocused ? 'solid' : 'initial'
-              }
-            }
-          }}
-          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}
-          placeholder={props.placeholder}
-          defaultMenuIsOpen={props.defaultMenuIsOpen}
-          menuPlacement={menuPlacement}
-        />
-      </div>
-    </>
-  )
-}
-
-export default SearchSelect

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

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/SearchSelect/SearchSelectProps.types.ts

@@ -1,28 +0,0 @@
-import { type MenuPlacement } from './SearchSelect'
-
-type DefaultValue = Record<string, string | null | undefined>
-
-export interface SearchSelectProps {
-  id?: string
-  name: string
-  customClass?: string
-  value?: string
-  validate?: boolean
-  tooltip?: string
-  isValidGroup?: boolean
-  label: string
-  items: any[]
-  onChange: (event: any) => void
-  disabled?: boolean
-  errorMessage?: string
-  notes?: string
-  isSortAlphabetically?: boolean
-  isSearchable?: boolean
-  placeholder?: string
-  defaultMenuIsOpen?: boolean
-  tooltipBesideLabel?: React.ReactNode
-  width?: boolean
-  defaultValue: DefaultValue
-  menuPlacement: MenuPlacement
-  dataQA: string
-}

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

@@ -1 +0,0 @@
-export { default as SearchSelect, MenuPlacement } from './SearchSelect';

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

@@ -1,2 +0,0 @@
-export { default as SearchSelect, MenuPlacement } from './SearchSelect'
-export { type SearchSelectProps } from './SearchSelectProps.types'