@npm_leadtech/legal-lib-components 3.7.6 → 3.7.7

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

@@ -1792,6 +1792,8 @@ h2.react-datepicker__current-month {
       color: var(--neutral-neutral-2); }
       .disclaimer-ratafia__copyright__text a, .disclaimer-ratafia__legal-advice__text a {
         color: var(--neutral-neutral-2); }
+  .disclaimer-ratafia__legal-advice {
+    margin-bottom: 16px; }
   .disclaimer-ratafia__disclaimer-fixed {
     border-radius: 5px 5px 0 0;
     position: fixed;
@@ -3199,6 +3201,23 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       width: 20px;
       height: 20px; }
 
+.tag {
+  align-items: center;
+  background: var(--secondary-main-light-4);
+  border-radius: 4px;
+  display: flex;
+  gap: 4px;
+  justify-content: center;
+  padding: 4px;
+  width: fit-content; }
+  .tag .icon {
+    display: flex; }
+  .tag .text {
+    color: var(--neutral-neutral-1);
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 16px; }
+
 .tagline {
   margin-bottom: 1rem; }
 
@@ -5167,6 +5186,48 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--primary-main-light-1);
       font-weight: 400 !important; }
 
+.card-funcionality {
+  border-radius: 4px;
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1em; }
+  .card-funcionality .content-tags {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem; }
+    .card-funcionality .content-tags .content {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem; }
+      .card-funcionality .content-tags .content .header {
+        display: flex;
+        align-items: center;
+        gap: 10px; }
+        .card-funcionality .content-tags .content .header .icon {
+          padding: 2px;
+          border-radius: 4px;
+          background: var(--primary-main-light-5); }
+        .card-funcionality .content-tags .content .header .title {
+          color: var(--neutral-neutral-1);
+          font-weight: 700; }
+      .card-funcionality .content-tags .content .text {
+        overflow: hidden;
+        color: var(--neutral-neutral-1);
+        font-size: 14px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical; }
+    .card-funcionality .content-tags .tags {
+      display: flex;
+      gap: 2rem;
+      flex-wrap: wrap; }
+  .card-funcionality .cta-card {
+    align-self: flex-start;
+    margin-top: 0; }
+
 .contact__text .contact__text__title {
   color: var(--primary-main-dark-1);
   margin-bottom: 2rem;

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

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

package/dist/cjs/src/components/atoms/Tag/TagProps.d.ts

@@ -0,0 +1,5 @@
+export interface TagProps {
+    id: string;
+    icon: React.ReactNode;
+    text: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './Tag';
+export * from './TagProps';

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

@@ -46,6 +46,7 @@ export * from './ShowMoreBox';
 export * from './SidemenuTab';
 export * from './Spinner';
 export * from './StepRatafiaCard';
+export * from './Tag';
 export * from './Tagline';
 export * from './TagRatafiaItem';
 export * from './TextArea';

package/dist/cjs/src/components/organisms/CardFuncionality/CardFuncionality.d.ts

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

package/dist/cjs/src/components/organisms/CardFuncionality/CardFuncionalityProps.d.ts

@@ -0,0 +1,8 @@
+import { type ButtonProps, type TagProps } from '../../atoms';
+export interface CardFuncionalityProps {
+    icon: React.ReactNode;
+    title: string;
+    text: string;
+    tags: TagProps[];
+    cta: ButtonProps;
+}

package/dist/cjs/src/components/organisms/CardFuncionality/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CardFuncionality';
+export * from './CardFuncionalityProps';

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

@@ -2,6 +2,7 @@ export * from './AboutUsContent';
 export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
+export * from './CardFuncionality';
 export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './ErrorContentRatafia';