@npm_leadtech/legal-lib-components 2.37.1 → 2.37.3

package/dist/cjs/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/cjs/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/cjs/src/components/atoms/DocumentTag/DocumentTagProps.d.ts

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

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

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

package/dist/cjs/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/cjs/src/components/molecules/AlsoKnownAs/AlsoKnownAsProps.types.d.ts

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

package/dist/cjs/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/esm/images/componentsSvg/SymbolDoc.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SymbolDoc: React.FC;