@npm_leadtech/legal-lib-components 5.31.12 → 5.31.42

package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.js

@@ -29,7 +29,7 @@ export const AccordionItemStyled = styled.div `
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
-    line-height: 22px;
+    line-height: 20px;
     letter-spacing: -0.3px;
 
     &.--success {
@@ -48,10 +48,9 @@ export const AccordionItemStyled = styled.div `
   .accordion__title {
     color: var(--primary-main-dark-1);
     font-family: Inter;
-    font-size: 18px;
+    font-size: 16px;
     font-style: normal;
     font-weight: 700;
-    line-height: 24px;
     letter-spacing: -0.3px;
 
     &.--locked {

package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.ts

@@ -30,7 +30,7 @@ export const AccordionItemStyled = styled.div`
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
-    line-height: 22px;
+    line-height: 20px;
     letter-spacing: -0.3px;
 
     &.--success {
@@ -49,10 +49,9 @@ export const AccordionItemStyled = styled.div`
   .accordion__title {
     color: var(--primary-main-dark-1);
     font-family: Inter;
-    font-size: 18px;
+    font-size: 16px;
     font-style: normal;
     font-weight: 700;
-    line-height: 24px;
     letter-spacing: -0.3px;
 
     &.--locked {

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

@@ -18,18 +18,18 @@ const CountDownMessage = ({ noImg = false, text, time, centered = false }) => {
     };
     useEffect(() => {
         window.removeEventListener('scroll', handleScroll);
-        if (isMobile || isTablet) {
+        if (isTablet) {
             window.addEventListener('scroll', handleScroll);
         }
         return () => {
             window.removeEventListener('scroll', handleScroll);
         };
-    }, [isMobile, isTablet]);
+    }, [isTablet]);
     const messageInformationHtml = _jsx(MessageInformation, { noImg: noImg, text: text, time: time, centered: centered });
     const classCountDownMessageFixed = classNames({
         'count-down-message-fixed': true,
-        'count-down-message-fixed--show': scrollSuperateCountDown
+        'count-down-message-fixed--show': scrollSuperateCountDown || isMobile
     });
-    return (_jsxs(_Fragment, { children: [_jsx(CountDownMessageStyled, { className: `count-down-message ${noImg && 'extra-margin'}`, ref: countDownRef, children: messageInformationHtml }), _jsx(CountDownMessageStyled, { className: classCountDownMessageFixed, children: messageInformationHtml })] }));
+    return (_jsxs(_Fragment, { children: [!isMobile && (_jsx(CountDownMessageStyled, { className: `count-down-message ${noImg && 'extra-margin'}`, ref: countDownRef, children: messageInformationHtml })), _jsx(CountDownMessageStyled, { className: classCountDownMessageFixed, children: messageInformationHtml })] }));
 };
 export default CountDownMessage;

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

@@ -24,27 +24,29 @@ const CountDownMessage: FC<CountDownMessageProps> = ({ noImg = false, text, time
   useEffect(() => {
     window.removeEventListener('scroll', handleScroll)
 
-    if (isMobile || isTablet) {
+    if (isTablet) {
       window.addEventListener('scroll', handleScroll)
     }
 
     return () => {
       window.removeEventListener('scroll', handleScroll)
     }
-  }, [isMobile, isTablet])
+  }, [isTablet])
 
   const messageInformationHtml = <MessageInformation noImg={noImg} text={text} time={time} centered={centered} />
 
   const classCountDownMessageFixed = classNames({
     'count-down-message-fixed': true,
-    'count-down-message-fixed--show': scrollSuperateCountDown
+    'count-down-message-fixed--show': scrollSuperateCountDown || isMobile
   })
 
   return (
     <>
-      <CountDownMessageStyled className={`count-down-message ${noImg && 'extra-margin'}`} ref={countDownRef}>
-        {messageInformationHtml}
-      </CountDownMessageStyled>
+      {!isMobile && (
+        <CountDownMessageStyled className={`count-down-message ${noImg && 'extra-margin'}`} ref={countDownRef}>
+          {messageInformationHtml}
+        </CountDownMessageStyled>
+      )}
 
       <CountDownMessageStyled className={classCountDownMessageFixed}>{messageInformationHtml}</CountDownMessageStyled>
     </>

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

@@ -1,8 +1,6 @@
 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, isHidden = false }) => {
-    if (isHidden)
-        return null;
+export const CardFunctionality = ({ icon, title, text, tags, cta }) => {
     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,4 +1,3 @@
-import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const CardFunctionalityStyled = styled.article `
   border-radius: var(--global-border-radius);
@@ -7,10 +6,6 @@ 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,4 +1,3 @@
-import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const CardFunctionalityStyled = styled.article`
@@ -8,10 +7,6 @@ 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,15 +4,7 @@ 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,
-  isHidden = false
-}) => {
-  if (isHidden) return null
+export const CardFunctionality: React.FC<CardFunctionalityProps> = ({ icon, title, text, tags, cta }) => {
   return (
     <CardFunctionalityStyled>
       <div className='content-tags'>

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,7 @@ 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.31.12",
+  "version": "5.31.42",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",