@npm_leadtech/legal-lib-components 5.33.2 → 5.33.3

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms';
 import { RatafiaSubscriptionCardStyled } from './RatafiaSubscriptionCard.styled';
 import { stringSlugify } from '../../../utils/stringSlugify';
-const RatafiaSubscriptionCard = ({ cardStyle = 'primary', iconTitle, title, priceText, mainFeatures, AIFeatures, buttonText, handleClick }) => {
+const RatafiaSubscriptionCard = ({ cardStyle, iconTitle, title, priceText, mainFeatures, AIFeatures, buttonText, linkText }) => {
     if (!title)
         return null;
     const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
     const renderFeatures = (features, className) => features.map((feature) => (_jsxs("div", { className: `ratafia-card__feature ${className ?? ''}`, children: [feature.image?.url && _jsx(IconSvgURLWithThemeColor, { url: feature.image.url, height: '16', width: '16' }), _jsx(RichTextStrapi, { html: feature.title })] }, feature.title)));
-    return (_jsxs(RatafiaSubscriptionCardStyled, { className: `ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`, children: [_jsxs("div", { className: 'ratafia-card__header', children: [title && (_jsxs("div", { className: 'ratafia-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'ratafia-card__price-text', children: priceText })] }), _jsx("hr", {}), _jsxs("div", { className: 'ratafia-card__body', children: [mainFeatures && renderFeatures(mainFeatures, 'main-feature'), AIFeatures && renderFeatures(AIFeatures, 'ratafia-feature')] }), buttonText && (_jsx("div", { className: 'ratafia-card__footer', children: _jsx(Button, { dataQa: 'ratafia-card-button', givenClass: 'ratafia-card__button', color: buttonStyle, label: buttonText, noLink: true, onClick: handleClick }) }))] }));
+    return (_jsxs(RatafiaSubscriptionCardStyled, { className: `ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`, children: [_jsxs("div", { className: 'ratafia-card__header', children: [title && (_jsxs("div", { className: 'ratafia-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'ratafia-card__price-text', children: priceText })] }), _jsx("hr", {}), _jsxs("div", { className: 'ratafia-card__body', children: [mainFeatures && renderFeatures(mainFeatures, 'main-feature'), AIFeatures && renderFeatures(AIFeatures, 'ratafia-feature')] }), buttonText && (_jsx("div", { className: 'ratafia-card__footer', children: _jsx(Button, { dataQa: 'ratafia-card-button', givenClass: 'ratafia-card__button', color: buttonStyle, label: buttonText, link: linkText ?? '#' }) }))] }));
 };
 export default RatafiaSubscriptionCard;

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx

@@ -6,14 +6,14 @@ import { RatafiaSubscriptionCardStyled } from './RatafiaSubscriptionCard.styled'
 import { stringSlugify } from '../../../utils/stringSlugify'
 
 const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
-  cardStyle = 'primary',
+  cardStyle,
   iconTitle,
   title,
   priceText,
   mainFeatures,
   AIFeatures,
   buttonText,
-  handleClick
+  linkText
 }) => {
   if (!title) return null
   const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
@@ -48,8 +48,7 @@ const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
             givenClass='ratafia-card__button'
             color={buttonStyle}
             label={buttonText}
-            noLink
-            onClick={handleClick}
+            link={linkText ?? '#'}
           />
         </div>
       )}

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types.d.ts

@@ -6,7 +6,7 @@ export interface RatafiaSubscriptionCardProps {
     mainFeatures?: BenefitProps[];
     AIFeatures?: BenefitProps[];
     buttonText?: string;
-    handleClick?: () => void;
+    linkText?: string;
 }
 interface IconTitleProps {
     name?: string;

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types.ts

@@ -6,7 +6,7 @@ export interface RatafiaSubscriptionCardProps {
   mainFeatures?: BenefitProps[]
   AIFeatures?: BenefitProps[]
   buttonText?: string
-  handleClick?: () => void
+  linkText?: string
 }
 
 interface IconTitleProps {

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Tag } from '../../atoms';
 import { CardFunctionalityStyled } from './CardFunctionality.styled';
-export const CardFunctionality = ({ icon, title, text, tags, cta }) => {
+export const CardFunctionality = ({ icon, title, text, tags, cta, isHidden = false }) => {
+    if (isHidden)
+        return null;
     return (_jsxs(CardFunctionalityStyled, { children: [_jsxs("div", { className: 'content-tags', children: [_jsxs("div", { className: 'content', children: [_jsxs("div", { className: 'header', children: [_jsx("div", { className: 'icon', children: icon }), _jsx("p", { className: 'title', children: title })] }), _jsx("div", { title: text, className: 'text', children: text })] }), _jsx("div", { className: 'tags', children: tags.map((tag) => (_jsx(Tag, { ...tag }, tag.id))) })] }), _jsx(Button, { ...cta, givenClass: 'cta-card' })] }));
 };

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const CardFunctionalityStyled = styled.article `
   border-radius: var(--global-border-radius);
@@ -6,6 +7,10 @@ export const CardFunctionalityStyled = styled.article `
   flex-direction: column;
   gap: var(--global-gap);
   padding: 1em;
+  width: 100%;
+  @media ${device.laptop} {
+    width: 50%;
+  }
 
   .content-tags {
     display: flex;

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const CardFunctionalityStyled = styled.article`
@@ -7,6 +8,10 @@ export const CardFunctionalityStyled = styled.article`
   flex-direction: column;
   gap: var(--global-gap);
   padding: 1em;
+  width: 100%;
+  @media ${device.laptop} {
+    width: 50%;
+  }
 
   .content-tags {
     display: flex;

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.tsx

@@ -4,7 +4,15 @@ import { Button, Tag } from '../../atoms'
 import { type CardFunctionalityProps } from './CardFunctionalityProps'
 import { CardFunctionalityStyled } from './CardFunctionality.styled'
 
-export const CardFunctionality: React.FC<CardFunctionalityProps> = ({ icon, title, text, tags, cta }) => {
+export const CardFunctionality: React.FC<CardFunctionalityProps> = ({
+  icon,
+  title,
+  text,
+  tags,
+  cta,
+  isHidden = false
+}) => {
+  if (isHidden) return null
   return (
     <CardFunctionalityStyled>
       <div className='content-tags'>

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

@@ -6,4 +6,5 @@ export interface CardFunctionalityProps {
     tags: TagProps[];
     cta: ButtonProps;
     id: string;
+    isHidden: boolean;
 }

package/dist/src/components/organisms/CardFunctionality/CardFunctionalityProps.ts

@@ -7,4 +7,5 @@ export interface CardFunctionalityProps {
   tags: TagProps[]
   cta: ButtonProps
   id: string
+  isHidden: boolean
 }

package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.js

@@ -14,6 +14,7 @@ export const ErrorRatafiaPageStyled = styled.div `
     &__button {
       display: block;
       width: 100%;
+      height: auto;
       &:first-child {
         margin-bottom: 1rem;
       }

package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.ts

@@ -15,6 +15,7 @@ export const ErrorRatafiaPageStyled = styled.div`
     &__button {
       display: block;
       width: 100%;
+      height: auto;
       &:first-child {
         margin-bottom: 1rem;
       }

package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CardFunctionality } from '../../organisms';
 import { FunctionalityCardsSectionStyled } from './FunctionalityCardsSection.styled';
-// import './FunctionalityCardsSection.scss'
 export const FunctionalityCardsSection = ({ cards = [] }) => {
     if (cards.length === 0)
         return null;

package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.js

@@ -3,12 +3,10 @@ import styled from 'styled-components';
 export const FunctionalityCardsSectionStyled = styled.section `
   display: flex;
   flex-direction: column;
-  gap: $global-gap;
-  margin-bottom: 2rem;
+  gap: var(--global-gap);
   width: 100%;
 
   @media ${device.laptop} {
     flex-direction: row;
-    width: 50%;
   }
 `;

package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.ts

@@ -4,12 +4,10 @@ import styled from 'styled-components'
 export const FunctionalityCardsSectionStyled = styled.section`
   display: flex;
   flex-direction: column;
-  gap: $global-gap;
-  margin-bottom: 2rem;
+  gap: var(--global-gap);
   width: 100%;
 
   @media ${device.laptop} {
     flex-direction: row;
-    width: 50%;
   }
 `

package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.tsx

@@ -3,7 +3,6 @@ import React from 'react'
 import { CardFunctionality } from '../../organisms'
 import { type FunctionalityCardsSectionProps } from './FunctionalityCardsSectionProps'
 import { FunctionalityCardsSectionStyled } from './FunctionalityCardsSection.styled'
-// import './FunctionalityCardsSection.scss'
 
 export const FunctionalityCardsSection: React.FC<FunctionalityCardsSectionProps> = ({ cards = [] }) => {
   if (cards.length === 0) return null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.33.2",
+  "version": "5.33.3",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",