@npm_leadtech/legal-lib-components 2.21.1 → 2.21.2

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

@@ -1960,38 +1960,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border-radius: 5px;
   font-family: "Inter", sans-serif; }
 
-.native-datepicker {
-  max-width: 55%;
-  width: 100%;
-  display: flex;
-  flex-flow: column;
-  margin-bottom: 2rem; }
-  .native-datepicker__inner {
-    margin-bottom: 0.5rem; }
-  .native-datepicker__label {
-    font-weight: bold; }
-  .native-datepicker input {
-    color: var(--neutral-main);
-    border-radius: 4px;
-    font-size: 1rem;
-    background-color: var(--neutral-neutral-4);
-    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBza2V0Y2h0b29sIDYwICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPjNEODAzNjU0LUI3NjEtNEZEQy05MThDLTc1QzUwMjdEODcyMDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik0yMiwzIEwxOSwzIEwxOSwxIEwxNywxIEwxNywzIEw3LDMgTDcsMSBMNSwxIEw1LDMgTDIsMyBMMiwyMyBMMjIsMjMgTDIyLDMgWiBNMjAsMjEgTDQsMjEgTDQsOCBMMjAsOCBMMjAsMjEgWiIgaWQ9InBhdGgtMSIvPjwvZGVmcz48ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24vbmF2aWdhdGlvbi9leHBhbmRfbW9yZV8yNHB4LWljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxnIGlkPSLihrMtQ29sb3ItY29sb3ItLy1JY29ucy0vLUJsYWNrLS8tSW5hY3RpdmUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzQzNDM0MyI+PHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
-    background-position: 95% 50%;
-    background-repeat: no-repeat;
-    height: 40px;
-    width: 100%;
-    padding: .75rem;
-    padding-right: 1.8rem;
-    transition: box-shadow .3s ease;
-    box-shadow: 0 0 0 0 var(--primary-main-light-4);
-    margin: .0005em;
-    border: none; }
-    .native-datepicker input::-webkit-calendar-picker-indicator {
-      background: transparent; }
-    .native-datepicker input:focus {
-      outline: none;
-      box-shadow: 0 0 0 2px var(--primary-main-light-1); }
-
 .paypal-button {
   padding: 0;
   border: none;
@@ -2896,6 +2864,20 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         .whyLawDistrictItems__item:first-child {
           margin-top: 0; } }
 
+.messageInformation {
+  display: flex;
+  border-radius: 4px;
+  background: var(--secondary-main-light-4);
+  padding: 8px; }
+  .messageInformation__icon {
+    width: 24px;
+    fill: var(--secondary-main-dark-1);
+    margin-right: 8px; }
+    .messageInformation__icon svg {
+      display: block; }
+  .messageInformation__text__time {
+    font-weight: bold; }
+
 .article {
   display: flex;
   flex-flow: row wrap;

package/dist/esm/src/components/atoms/MessageInformation/MessageInformation.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type MessageInformationProps } from './MessageInformation.types';
+import './MessageInformation.scss';
+declare const MessageInformation: FC<MessageInformationProps>;
+export default MessageInformation;

package/dist/esm/src/components/atoms/MessageInformation/MessageInformation.types.d.ts

@@ -0,0 +1,4 @@
+export interface MessageInformationProps {
+    text: string;
+    time?: string;
+}

package/dist/esm/src/components/atoms/MessageInformation/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MessageInformation } from './MessageInformation';
+export { type MessageInformationProps } from './MessageInformation.types';

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

@@ -22,7 +22,6 @@ export * from './Logo';
 export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
-export * from './NativeDatePicker';
 export * from './PaypalButton';
 export * from './ProgressBar';
 export * from './Radio';
@@ -40,3 +39,4 @@ export * from './TopBarMobile';
 export * from './WideInfoBar';
 export * from './TrustPilot';
 export * from './WhyLawDistrictItems';
+export * from './MessageInformation';

package/dist/index.d.ts

@@ -263,21 +263,6 @@ interface MessageProps {
 
 declare const Message: FC<MessageProps>;
 
-interface DateObject {
-    target: {
-        name: string;
-        value: Date;
-    };
-}
-interface NativeDatePickerProps {
-    onChange: (dateObect: DateObject) => void;
-    name: string;
-    value?: string;
-    label?: string;
-}
-
-declare const NativeDatePicker: FC<NativeDatePickerProps>;
-
 interface PaypalButtonProps {
     onClickButton: () => void;
 }
@@ -484,6 +469,13 @@ interface WhyLawDistrictItem {
 
 declare const WhyLawDistrictItems: React$1.FC<WhyLawDistrictItemsProps>;
 
+interface MessageInformationProps {
+    text: string;
+    time?: string;
+}
+
+declare const MessageInformation: FC<MessageInformationProps>;
+
 interface ArticleProps {
     imageUrl: string;
     title: string;
@@ -878,4 +870,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
     defaultIntersecting?: boolean | undefined;
 }): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
 
-export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, ContinueEditingBanner, ContinueEditingBannerProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, FreeDocModalContent, FreeDocModalContentProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, LatestApplication, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NativeDatePicker, NativeDatePickerProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver };
+export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, ContinueEditingBanner, ContinueEditingBannerProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, FreeDocModalContent, FreeDocModalContentProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, LatestApplication, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, MessageInformationProps, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.21.1",
+  "version": "2.21.2",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",

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

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

package/dist/cjs/src/components/atoms/NativeDatePicker/NativeDatePickerProps.types.d.ts

@@ -1,13 +0,0 @@
-interface DateObject {
-    target: {
-        name: string;
-        value: Date;
-    };
-}
-export interface NativeDatePickerProps {
-    onChange: (dateObect: DateObject) => void;
-    name: string;
-    value?: string;
-    label?: string;
-}
-export {};

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

@@ -1,2 +0,0 @@
-export { NativeDatePicker } from './NativeDatePicker';
-export { type NativeDatePickerProps } from './NativeDatePickerProps.types';

package/dist/esm/src/components/atoms/NativeDatePicker/NativeDatePicker.d.ts

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

package/dist/esm/src/components/atoms/NativeDatePicker/NativeDatePickerProps.types.d.ts

@@ -1,13 +0,0 @@
-interface DateObject {
-    target: {
-        name: string;
-        value: Date;
-    };
-}
-export interface NativeDatePickerProps {
-    onChange: (dateObect: DateObject) => void;
-    name: string;
-    value?: string;
-    label?: string;
-}
-export {};

package/dist/esm/src/components/atoms/NativeDatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { NativeDatePicker } from './NativeDatePicker';
-export { type NativeDatePickerProps } from './NativeDatePickerProps.types';