@npm_leadtech/legal-lib-components 3.7.7 → 3.7.9

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

@@ -5186,33 +5186,34 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--primary-main-light-1);
       font-weight: 400 !important; }
 
-.card-funcionality {
+.card-functionality {
   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 {
+  .card-functionality .content-tags {
     display: flex;
     flex-direction: column;
     gap: 1rem; }
-    .card-funcionality .content-tags .content {
+    .card-functionality .content-tags .content {
       display: flex;
       flex-direction: column;
       gap: 0.5rem; }
-      .card-funcionality .content-tags .content .header {
+      .card-functionality .content-tags .content .header {
         display: flex;
         align-items: center;
-        gap: 10px; }
-        .card-funcionality .content-tags .content .header .icon {
+        gap: 10px;
+        flex-direction: row; }
+        .card-functionality .content-tags .content .header .icon {
           padding: 2px;
           border-radius: 4px;
           background: var(--primary-main-light-5); }
-        .card-funcionality .content-tags .content .header .title {
+        .card-functionality .content-tags .content .header .title {
           color: var(--neutral-neutral-1);
           font-weight: 700; }
-      .card-funcionality .content-tags .content .text {
+      .card-functionality .content-tags .content .text {
         overflow: hidden;
         color: var(--neutral-neutral-1);
         font-size: 14px;
@@ -5220,11 +5221,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         -webkit-line-clamp: 2;
         line-clamp: 2;
         -webkit-box-orient: vertical; }
-    .card-funcionality .content-tags .tags {
+    .card-functionality .content-tags .tags {
       display: flex;
       gap: 2rem;
       flex-wrap: wrap; }
-  .card-funcionality .cta-card {
+  .card-functionality .cta-card {
     align-self: flex-start;
     margin-top: 0; }
 
@@ -6064,6 +6065,15 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .features-ratafia-section__wrapper__children img {
         width: 100%; }
 
+.functionality-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 2rem; }
+  @media (min-width: 960px) {
+    .functionality-cards {
+      flex-direction: row; } }
+
 .guidelines-section {
   display: flex;
   flex-direction: column; }

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

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

package/dist/{esm/src/components/organisms/CardFuncionality/CardFuncionalityProps.d.ts → cjs/src/components/organisms/CardFunctionality/CardFunctionalityProps.d.ts}

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

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

@@ -0,0 +1,2 @@
+export * from './CardFunctionality';
+export * from './CardFunctionalityProps';

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

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

package/dist/cjs/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.d.ts

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

package/dist/cjs/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSectionProps.d.ts

@@ -0,0 +1,4 @@
+import { type CardFunctionalityProps } from '../../organisms';
+export interface FunctionalityCardsSectionProps {
+    cards: CardFunctionalityProps[];
+}

package/dist/cjs/src/components/sections/FunctionalityCardsSection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FunctionalityCardsSection';
+export * from './FunctionalityCardsSectionProps';

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

@@ -7,6 +7,7 @@ export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
 export * from './FeaturesRatafiaSection';
+export * from './FunctionalityCardsSection';
 export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronRatafiaSection';