@npm_leadtech/legal-lib-components 2.21.2 → 2.21.4

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

@@ -2864,19 +2864,26 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         .whyLawDistrictItems__item:first-child {
           margin-top: 0; } }
 
-.messageInformation {
+.message-information {
   display: flex;
+  justify-content: center;
   border-radius: 4px;
   background: var(--secondary-main-light-4);
   padding: 8px; }
-  .messageInformation__icon {
+  @media (min-width: 960px) {
+    .message-information {
+      justify-content: flex-start; } }
+  .message-information__icon {
     width: 24px;
     fill: var(--secondary-main-dark-1);
     margin-right: 8px; }
-    .messageInformation__icon svg {
+    .message-information__icon svg {
       display: block; }
-  .messageInformation__text__time {
-    font-weight: bold; }
+  .message-information__text {
+    font-size: 0.875rem;
+    letter-spacing: -0.3px; }
+    .message-information__text__time {
+      font-weight: bold; }
 
 .article {
   display: flex;

package/dist/esm/src/components/molecules/MessageInformationContent/CountDownMessage.d.ts

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

package/dist/esm/src/components/molecules/MessageInformationContent/CountDownMessage.types.d.ts

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

package/dist/esm/src/components/molecules/MessageInformationContent/index.d.ts

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

package/dist/esm/src/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useIntersectionObserver } from './useIntersectionObserver';
+export { useIsMobileOrTable } from './useIsMobileOrTable';

package/dist/esm/src/hooks/useIsMobileOrTable.d.ts

@@ -0,0 +1,7 @@
+interface UseIsMobileOrTablePropsReturn {
+    isMobile: boolean;
+    isTablet: boolean;
+    load: boolean;
+}
+export declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
+export {};

package/dist/index.d.ts

@@ -870,4 +870,11 @@ 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, 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 };
+interface UseIsMobileOrTablePropsReturn {
+    isMobile: boolean;
+    isTablet: boolean;
+    load: boolean;
+}
+declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
+
+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, useIsMobileOrTable };

package/package.json

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