@npm_leadtech/legal-lib-components 2.18.0 → 2.18.1

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

@@ -3807,6 +3807,88 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .expert-card-list {
       flex-direction: row; } }
 
+.modal-free-doc {
+  display: flex;
+  flex-direction: column;
+  max-width: 325px; }
+  @media (min-width: 720px) {
+    .modal-free-doc {
+      flex-direction: row;
+      max-width: 620px; } }
+  .modal-free-doc .left-container {
+    width: 100%;
+    height: 11.875rem;
+    display: flex;
+    justify-content: center;
+    background-image: url("../../../../images/png/img-modal-template-mobile.png");
+    background-size: contain;
+    background-repeat: no-repeat; }
+    @media (min-width: 720px) {
+      .modal-free-doc .left-container {
+        background-image: url("../../../../images/png/img-modal-template.png");
+        height: auto;
+        width: 35%; } }
+  .modal-free-doc .right-container {
+    display: flex;
+    width: 100%;
+    padding: 1rem; }
+    @media (min-width: 720px) {
+      .modal-free-doc .right-container {
+        width: 65%; } }
+    .modal-free-doc .right-container .info-box {
+      display: flex;
+      flex-direction: column;
+      border: none;
+      padding: 1rem 0 0 1rem; }
+      .modal-free-doc .right-container .info-box__title {
+        padding-bottom: 1rem;
+        border-bottom: 1px solid var(--neutral-neutral-4);
+        font-size: 20px; }
+      .modal-free-doc .right-container .info-box__text {
+        padding: 1rem 0;
+        font-size: 16px; }
+      .modal-free-doc .right-container .info-box__button-box {
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-end;
+        height: 100%; }
+        .modal-free-doc .right-container .info-box__button-box .button {
+          padding-top: 1rem;
+          width: 100%; }
+          @media (min-width: 720px) {
+            .modal-free-doc .right-container .info-box__button-box .button {
+              width: auto; } }
+        .modal-free-doc .right-container .info-box__button-box button {
+          min-height: 3rem;
+          width: 100%; }
+    .modal-free-doc .right-container .modal-free-close {
+      display: none; }
+      @media (min-width: 720px) {
+        .modal-free-doc .right-container .modal-free-close {
+          display: flex;
+          line-height: 1rem;
+          color: var(--neutral-neutral-1);
+          font-size: 35px; }
+          .modal-free-doc .right-container .modal-free-close:hover, .modal-free-doc .right-container .modal-free-close:focus {
+            color: #000;
+            text-decoration: none;
+            cursor: pointer; } }
+  .modal-free-doc .modal-free-close-mobile {
+    display: flex;
+    position: relative;
+    left: 280px;
+    top: 30px;
+    line-height: 1rem;
+    color: var(--neutral-neutral-1);
+    font-size: 35px; }
+    .modal-free-doc .modal-free-close-mobile:hover, .modal-free-doc .modal-free-close-mobile:focus {
+      color: #000;
+      text-decoration: none;
+      cursor: pointer; }
+    @media (min-width: 720px) {
+      .modal-free-doc .modal-free-close-mobile {
+        display: none; } }
+
 .articles_wrapper {
   display: flex;
   flex-direction: column;

package/dist/cjs/src/components/molecules/ModalFreeDoc/ModalFreeDoc.d.ts

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

package/dist/cjs/src/components/molecules/ModalFreeDoc/ModalFreeDoc.types.d.ts

@@ -0,0 +1,4 @@
+export interface ModalFreeDocProps {
+    productName?: string;
+    closeModal: () => void;
+}

package/dist/cjs/src/components/molecules/ModalFreeDoc/index.d.ts

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

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

@@ -17,3 +17,4 @@ export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
 export * from './ExpertCardList';
+export * from './ModalFreeDoc';