@npm_leadtech/legal-lib-components 2.10.2 → 2.11.0

package/dist/cjs/legal-lib-components.css

@@ -535,6 +535,27 @@ html[data-theme='uslawdistricts'] {
     transform: translate(-50%, 1rem);
     transition: all .3s ease; }
 
+.bottom-overlay-menu {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 1.5rem;
+  background-color: var(--others-white);
+  box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
+  color: black; }
+  .bottom-overlay-menu .e-button {
+    width: 100%; }
+  .bottom-overlay-menu .e-searchselect {
+    width: 100%;
+    margin-bottom: 1rem; }
+  .bottom-overlay-menu .e-text {
+    width: 100%; }
+  .bottom-overlay-menu .desktop-radio-icons {
+    display: none; }
+  .bottom-overlay-menu ul li {
+    margin-bottom: 0; }
+
 .marker {
   display: inline-block;
   margin-left: -10px; }
@@ -762,16 +783,15 @@ html[data-theme='uslawdistricts'] {
   display: inline-block;
   padding: 0;
   border: 0;
-  width: 100%;
 }
 
 .react-datepicker {
   font-family: "Helvetica Neue", helvetica, arial, sans-serif;
-  font-size: 0.8em;
+  font-size: 0.8rem;
   background-color: #fff;
   color: #000;
   border: 1px solid #aeaeae;
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   display: inline-block;
   position: relative;
 }
@@ -784,8 +804,8 @@ html[data-theme='uslawdistricts'] {
 }
 .react-datepicker--time-only .react-datepicker__time,
 .react-datepicker--time-only .react-datepicker__time-box {
-  border-bottom-left-radius: 0.3em;
-  border-bottom-right-radius: 0.3em;
+  border-bottom-left-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
 }
 
 .react-datepicker__triangle {
@@ -825,7 +845,7 @@ html[data-theme='uslawdistricts'] {
   text-align: center;
   background-color: #f0f0f0;
   border-bottom: 1px solid #aeaeae;
-  border-top-left-radius: 0.3em;
+  border-top-left-radius: 0.3rem;
   padding: 8px 0;
   position: relative;
 }
@@ -838,7 +858,7 @@ html[data-theme='uslawdistricts'] {
   border-top-left-radius: 0;
 }
 .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
-  border-top-right-radius: 0.3em;
+  border-top-right-radius: 0.3rem;
 }
 
 .react-datepicker__year-dropdown-container--select,
@@ -857,7 +877,7 @@ html[data-theme='uslawdistricts'] {
   margin-top: 0;
   color: #000;
   font-weight: bold;
-  font-size: 0.944em;
+  font-size: 0.944rem;
 }
 
 .react-datepicker-time__header {
@@ -935,7 +955,7 @@ html[data-theme='uslawdistricts'] {
 }
 
 .react-datepicker__year {
-  margin: 0.4em;
+  margin: 0.4rem;
   text-align: center;
 }
 .react-datepicker__year-wrapper {
@@ -945,18 +965,18 @@ html[data-theme='uslawdistricts'] {
 }
 .react-datepicker__year .react-datepicker__year-text {
   display: inline-block;
-  width: 4em;
+  width: 4rem;
   margin: 2px;
 }
 
 .react-datepicker__month {
-  margin: 0.4em;
+  margin: 0.4rem;
   text-align: center;
 }
 .react-datepicker__month .react-datepicker__month-text,
 .react-datepicker__month .react-datepicker__quarter-text {
   display: inline-block;
-  width: 4em;
+  width: 4rem;
   margin: 2px;
 }
 
@@ -1001,7 +1021,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__time-container--with-today-button {
   display: inline;
   border: 1px solid #aeaeae;
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   position: absolute;
   right: -87px;
   top: 0;
@@ -1009,19 +1029,19 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__time-container .react-datepicker__time {
   position: relative;
   background: white;
-  border-bottom-right-radius: 0.3em;
+  border-bottom-right-radius: 0.3rem;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
   width: 85px;
   overflow-x: hidden;
   margin: 0 auto;
   text-align: center;
-  border-bottom-right-radius: 0.3em;
+  border-bottom-right-radius: 0.3rem;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + (1.7em / 2));
+  height: calc(195px + (1.7rem / 2));
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -1056,16 +1076,16 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__week-number {
   color: #ccc;
   display: inline-block;
-  width: 1.7em;
-  line-height: 1.7em;
+  width: 1.7rem;
+  line-height: 1.7rem;
   text-align: center;
-  margin: 0.166em;
+  margin: 0.166rem;
 }
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
 }
 .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
 
@@ -1083,10 +1103,10 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__time-name {
   color: #000;
   display: inline-block;
-  width: 1.7em;
-  line-height: 1.7em;
+  width: 1.7rem;
+  line-height: 1.7rem;
   text-align: center;
-  margin: 0.166em;
+  margin: 0.166rem;
 }
 
 .react-datepicker__day,
@@ -1099,7 +1119,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__month-text:hover,
 .react-datepicker__quarter-text:hover,
 .react-datepicker__year-text:hover {
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
 .react-datepicker__day--today,
@@ -1112,7 +1132,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__month-text--highlighted,
 .react-datepicker__quarter-text--highlighted,
 .react-datepicker__year-text--highlighted {
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   background-color: #3dcc4a;
   color: #fff;
 }
@@ -1144,7 +1164,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__year-text--selected,
 .react-datepicker__year-text--in-selecting-range,
 .react-datepicker__year-text--in-range {
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   background-color: #216ba5;
   color: #fff;
 }
@@ -1164,7 +1184,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__month-text--keyboard-selected,
 .react-datepicker__quarter-text--keyboard-selected,
 .react-datepicker__year-text--keyboard-selected {
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   background-color: #bad9f1;
   color: rgb(0, 0, 0);
 }
@@ -1195,18 +1215,33 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range) {
   background-color: #f0f0f0;
   color: #000;
@@ -1232,7 +1267,7 @@ html[data-theme='uslawdistricts'] {
 }
 .react-datepicker__input-container .react-datepicker__calendar-icon {
   position: absolute;
-  padding: 0.5em;
+  padding: 0.5rem;
 }
 
 .react-datepicker__view-calendar-icon input {
@@ -1243,7 +1278,7 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__month-read-view,
 .react-datepicker__month-year-read-view {
   border: 1px solid transparent;
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   position: relative;
 }
 .react-datepicker__year-read-view:hover,
@@ -1277,7 +1312,7 @@ html[data-theme='uslawdistricts'] {
   top: 30px;
   z-index: 1;
   text-align: center;
-  border-radius: 0.3em;
+  border-radius: 0.3rem;
   border: 1px solid #aeaeae;
 }
 .react-datepicker__year-dropdown:hover,
@@ -1304,8 +1339,8 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__year-option:first-of-type,
 .react-datepicker__month-option:first-of-type,
 .react-datepicker__month-year-option:first-of-type {
-  border-top-left-radius: 0.3em;
-  border-top-right-radius: 0.3em;
+  border-top-left-radius: 0.3rem;
+  border-top-right-radius: 0.3rem;
 }
 .react-datepicker__year-option:last-of-type,
 .react-datepicker__month-option:last-of-type,
@@ -1314,8 +1349,8 @@ html[data-theme='uslawdistricts'] {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border-bottom-left-radius: 0.3em;
-  border-bottom-right-radius: 0.3em;
+  border-bottom-left-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
 }
 .react-datepicker__year-option:hover,
 .react-datepicker__month-option:hover,
@@ -1393,27 +1428,27 @@ html[data-theme='uslawdistricts'] {
 .react-datepicker__portal .react-datepicker__day-name,
 .react-datepicker__portal .react-datepicker__day,
 .react-datepicker__portal .react-datepicker__time-name {
-  width: 3em;
-  line-height: 3em;
+  width: 3rem;
+  line-height: 3rem;
 }
 @media (max-width: 400px), (max-height: 550px) {
   .react-datepicker__portal .react-datepicker__day-name,
   .react-datepicker__portal .react-datepicker__day,
   .react-datepicker__portal .react-datepicker__time-name {
-    width: 2em;
-    line-height: 2em;
+    width: 2rem;
+    line-height: 2rem;
   }
 }
 .react-datepicker__portal .react-datepicker__current-month,
 .react-datepicker__portal .react-datepicker-time__header {
-  font-size: 1.44em;
+  font-size: 1.44rem;
 }
 
 .react-datepicker__children-container {
-  width: 13.8em;
-  margin: 0.4em;
-  padding-right: 0.2em;
-  padding-left: 0.2em;
+  width: 13.8rem;
+  margin: 0.4rem;
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
   height: auto;
 }
 
@@ -2641,27 +2676,6 @@ html[data-theme='uslawdistricts'] {
         margin-right: 8px;
         display: inherit; }
 
-.bottom-overlay-menu {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 1.5rem;
-  background-color: var(--others-white);
-  box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
-  color: black; }
-  .bottom-overlay-menu .e-button {
-    width: 100%; }
-  .bottom-overlay-menu .e-searchselect {
-    width: 100%;
-    margin-bottom: 1rem; }
-  .bottom-overlay-menu .e-text {
-    width: 100%; }
-  .bottom-overlay-menu .desktop-radio-icons {
-    display: none; }
-  .bottom-overlay-menu ul li {
-    margin-bottom: 0; }
-
 .top-bar-mobile {
   background-color: var(--neutral-neutral-5);
   display: flex;
@@ -2885,7 +2899,7 @@ html[data-theme='uslawdistricts'] {
 .box--form {
   background: var(--others-white);
   border-radius: 4px;
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+  box-shadow: 0 2px 6px 0 rgba(var(--primary-main-dark-1), 0.25);
   padding-left: 1.5rem;
   padding-right: 1.5rem; }
   @media (min-width: 1200px) {

package/dist/cjs/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts

@@ -1,6 +1,13 @@
-import { type FC } from 'react';
+import React, { Component } from 'react';
 import { type DatePickerCustomProps } from './DatePickerCustomProps.types';
 import 'react-datepicker/dist/react-datepicker.css';
 import './DatePickerCustom.scss';
-declare const DatePickerCustom: FC<DatePickerCustomProps>;
+declare class DatePickerCustom extends Component<DatePickerCustomProps> {
+    constructor(props: DatePickerCustomProps);
+    componentDidMount(): void;
+    returnYears: (currentYear: number) => React.JSX.Element[];
+    handleChange: (date: Date) => void;
+    addDays: (date: any, days: any) => Date;
+    render(): React.JSX.Element;
+}
 export default DatePickerCustom;

package/dist/cjs/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts

@@ -11,6 +11,5 @@ export interface DatePickerCustomProps {
     isStartDate?: boolean;
     relatedDate?: Date;
     type?: string;
-    dateFormat?: string;
     onChange?: (dateObject: any) => void;
 }

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

@@ -0,0 +1,11 @@
+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/cjs/src/components/atoms/RichTextStrapi/RichTextStrapi.d.ts

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

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

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

package/dist/cjs/src/components/atoms/RichTextStrapi/__stories__/RichTextStrapi.stories.d.ts

@@ -0,0 +1,7 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import { RichTextStrapi } from '../RichTextStrapi';
+declare const meta: Meta<typeof RichTextStrapi>;
+export default meta;
+type Story = StoryObj<typeof RichTextStrapi>;
+export declare const Default: Story;
+export declare const DateFormatedMMMMYYYY: Story;

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

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

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

@@ -0,0 +1,4 @@
+import { type RichTextMedia } from './RichTextMedia';
+export declare const useFormattedText: (html: string, medias?: RichTextMedia[]) => {
+    text: string;
+};

package/dist/cjs/src/components/atoms/index.d.ts

@@ -4,6 +4,7 @@ export * from './BillCard';
 export * from './BreadcrumItem';
 export * from './Button';
 export * from './ButtonIcon';
+export * from './BottomOverlayMenu';
 export * from './CardPane';
 export * from './Checkbox';
 export * from './DatePickerCustom';
@@ -23,6 +24,7 @@ export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';
 export * from './RichTextInner';
+export * from './RichTextStrapi';
 export * from './SearchSelect';
 export * from './SidemenuTab';
 export * from './Spinner';
@@ -30,6 +32,5 @@ export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
-export * from './BottomOverlayMenu';
 export * from './TopBarMobile';
 export * from './WideInfoBar';

package/dist/cjs/src/utils/getDateFormatMMMMYYYY.d.ts

@@ -0,0 +1 @@
+export declare function getDateFormatMMMMYYYY(date?: Date | undefined): string;