@npm_leadtech/legal-lib-components 2.44.0 → 2.45.0

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

@@ -4471,6 +4471,60 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .trustworthy-websites__image {
     margin: 1.5rem; }
 
+.type-modules-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem; }
+  .type-modules-list .module-item {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    background-color: var(--neutral-neutral-6);
+    padding: 24px;
+    box-shadow: 0px 2px 6px 0px #02374a3f; }
+  .type-modules-list .module-title {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-description {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-image {
+    width: 150px;
+    margin-right: 20px; }
+  .type-modules-list .module-content {
+    flex: 1; }
+  .type-modules-list .module-buttons {
+    display: flex;
+    gap: 1rem;
+    width: max-content; }
+  .type-modules-list .e-button {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin: 0 0.2rem;
+    padding-top: 0.6rem;
+    padding-bottom: 0.6rem;
+    background: var(--others-white); }
+    @media (min-width: 960px) {
+      .type-modules-list .e-button {
+        margin: 0 0.5rem; } }
+    .type-modules-list .e-button.download-icon::before {
+      content: '';
+      width: 1rem;
+      height: 1rem;
+      background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8625 8.47054C13.1222 8.21085 13.1222 7.7898 12.8625 7.53012C12.6029 7.27059 12.1822 7.2704 11.9225 7.52969L8.66602 10.7803V3.33366C8.66602 2.96547 8.36754 2.66699 7.99935 2.66699C7.63116 2.66699 7.33268 2.96547 7.33268 3.33366V10.7803L4.0858 7.52763C3.82457 7.26593 3.4006 7.26574 3.13914 7.5272C2.87784 7.7885 2.87784 8.21215 3.13914 8.47345L7.29224 12.6266C7.68277 13.0171 8.31593 13.0171 8.70646 12.6266L12.8625 8.47054Z%22 fill%3D%22%233D4042%22%2F%3E%3C%2Fsvg%3E");
+      margin-right: 0.5rem; }
+
 .about-us-content {
   display: flex;
   flex-flow: row wrap;

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

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

package/dist/cjs/src/components/molecules/TypeModulesList/TypeModulesListProps.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface TypeModulesListProps {
+    typeModules: TypeModule[];
+}
+export interface TypeModule {
+    title: string;
+    description: string;
+    buttonPdfCta: string;
+    buttonPdfUrl: string;
+    buttonWordCta: string;
+    buttonWordUrl: string;
+    image: React.ReactNode;
+}

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

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

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

@@ -28,3 +28,4 @@ export * from './StepGetForm';
 export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
+export * from './TypeModulesList';