@npm_leadtech/legal-lib-components 2.37.1 → 2.37.3

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

@@ -1790,6 +1790,17 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .document-status.--is-new .icon {
       margin-right: 1.4rem; }
 
+.document-tag {
+  background: var(--others-white);
+  border: 1px solid var(--neutral-neutral-4);
+  border-radius: 4px;
+  color: var(--neutral-neutral-2);
+  font-size: 0.875rem;
+  letter-spacing: -0.3px;
+  line-height: 1.15rem;
+  padding: 4px 8px;
+  white-space: nowrap; }
+
 .expert-card {
   display: flex;
   align-items: center;
@@ -3007,17 +3018,26 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .message-information__text__time.regular {
         font-weight: 400; }
 
-.also-known-as-list-item {
-  display: inline-block;
-  margin: 0 8px 8px 0; }
-  .also-known-as-list-item__text {
-    font-size: 0.875rem;
-    line-height: 1.15;
-    color: var(--neutral-neutral-2);
-    padding: 4px 8px;
-    border-radius: 4px;
-    border: 1px solid var(--neutral-neutral-4);
-    background: var(--others-white); }
+.also-known-as {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap; }
+  .also-known-as .title {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    flex-wrap: nowrap; }
+    .also-known-as .title svg {
+      width: 18px;
+      height: 18px;
+      fill: var(--secondary-main-dark-1); }
+    .also-known-as .title .text {
+      color: var(--Neutral-600, #6d7275);
+      font-size: 0.875rem;
+      line-height: 18px;
+      letter-spacing: -0.3px;
+      white-space: nowrap; }
 
 .article {
   display: flex;
@@ -4200,23 +4220,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .trustworthy-websites__image {
     margin: 1.5rem; }
 
-@media (min-width: 720px) {
-  .also-known-as {
-    display: flex; } }
-
-.also-known-as__title {
-  font-size: 0.875rem;
-  color: var(--neutral-neutral-2);
-  margin-bottom: 8px; }
-  .also-known-as__title__content {
-    display: flex; }
-  .also-known-as__title__text {
-    padding-left: 4px; }
-  @media (min-width: 720px) {
-    .also-known-as__title {
-      flex: 0 0 auto;
-      width: 130px; } }
-
 .about-us-content {
   display: flex;
   flex-flow: row wrap;

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

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

package/dist/esm/src/components/atoms/DocumentTag/DocumentTagProps.d.ts

@@ -0,0 +1,3 @@
+export interface DocumentTagProps {
+    text: string;
+}

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

@@ -0,0 +1,2 @@
+export { DocumentTag } from './DocumentTag';
+export { type DocumentTagProps } from './DocumentTagProps';

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

@@ -12,6 +12,7 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './Divider';
 export * from './DocumentStatus';
+export * from './DocumentTag';
 export * from './ExpertCard';
 export * from './FormFaq';
 export * from './GoogleButton';
@@ -43,4 +44,3 @@ export * from './WideInfoBar';
 export * from './TrustPilot';
 export * from './WhyLawDistrictItems';
 export * from './MessageInformation';
-export * from './AlsoKnownAsListItem';

package/dist/esm/src/components/molecules/AlsoKnownAs/AlsoKnownAsProps.types.d.ts

@@ -1,4 +1,4 @@
 export interface AlsoKnownAsProps {
     title: string;
-    items: string[];
+    documents: string[];
 }

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

@@ -1,3 +1,4 @@
+export * from './AlsoKnownAs';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BottomFixedBar';
@@ -23,4 +24,3 @@ export * from './StepGetForm';
 export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
-export * from './AlsoKnownAs';

package/dist/index.d.ts

@@ -173,6 +173,12 @@ interface DocumentStatusProps {
 
 declare const DocumentStatus: FC<DocumentStatusProps>;
 
+interface DocumentTagProps {
+    text: string;
+}
+
+declare const DocumentTag: React$1.FC<DocumentTagProps>;
+
 interface ExpertCardProps {
     title: string;
     description: string;
@@ -500,11 +506,12 @@ interface MessageInformationProps {
 
 declare const MessageInformation: FC<MessageInformationProps>;
 
-interface AlsoKnownAsListItemProps {
-    text: string;
+interface AlsoKnownAsProps {
+    title: string;
+    documents: string[];
 }
 
-declare const AlsoKnownAs$1: FC<AlsoKnownAsListItemProps>;
+declare const AlsoKnownAs: FC<AlsoKnownAsProps>;
 
 interface ArticleProps {
     imageUrl: string;
@@ -805,13 +812,6 @@ interface ImageStructure {
 
 declare const TrustworthyWebsites: FC<TrustworthyWebsitesProps>;
 
-interface AlsoKnownAsProps {
-    title: string;
-    items: string[];
-}
-
-declare const AlsoKnownAs: FC<AlsoKnownAsProps>;
-
 interface AboutUsContentProps {
     children: React.ReactNode;
     image: React.ReactNode;
@@ -1082,4 +1082,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, AlsoKnownAs, AlsoKnownAs$1 as AlsoKnownAsListItem, type AlsoKnownAsListItemProps, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
+export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.37.1",
+  "version": "2.37.3",
   "dependencies": {
     "@testing-library/jest-dom": "^6.1.4",
     "@tippyjs/react": "4.2.6",
@@ -41,13 +41,13 @@
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-a11y": "^7.6.7",
-    "@storybook/addon-actions": "^7.6.7",
-    "@storybook/addon-controls": "^7.6.7",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/react-webpack5": "^7.6.7",
+    "@storybook/addon-a11y": "^7.6.9",
+    "@storybook/addon-actions": "^7.6.9",
+    "@storybook/addon-controls": "^7.6.9",
+    "@storybook/addon-essentials": "^7.6.9",
+    "@storybook/addon-links": "^7.6.9",
+    "@storybook/react": "^7.6.9",
+    "@storybook/react-webpack5": "^7.6.9",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.10",
@@ -107,7 +107,7 @@
     "rollup-plugin-uglify": "^6.0.4",
     "rollup-plugin-visualizer": "^5.9.3",
     "sass-loader": "13.3.2",
-    "storybook": "^7.6.7",
+    "storybook": "^7.6.9",
     "style-loader": "^3.3.3",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",

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

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

package/dist/cjs/src/components/atoms/AlsoKnownAsListItem/AlsoKnownAsListItemProps.types.d.ts

@@ -1,3 +0,0 @@
-export interface AlsoKnownAsListItemProps {
-    text: string;
-}

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

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

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

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

package/dist/esm/src/components/atoms/AlsoKnownAsListItem/AlsoKnownAsListItemProps.types.d.ts

@@ -1,3 +0,0 @@
-export interface AlsoKnownAsListItemProps {
-    text: string;
-}

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

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