@npm_leadtech/legal-lib-components 7.69.5 → 7.70.1

package/dist/src/components/atoms/BenefitCard/BenefitCard.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BenefitCardStyled } from './BenefitCardStyled.styled';
+import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
 export const BenefitCard = ({ description, hasShadow = true, hasBigFontSize = true, title, image }) => {
-    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image !== null && _jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: image }), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("div", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
+    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image && (_jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: _jsx(IconSvgURLWithThemeColor, { url: image, height: '32', width: '32' }) })), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("div", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
 };

package/dist/src/components/atoms/BenefitCard/BenefitCard.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 
 import { type BenefitCardProps } from './BenefitCardProps.types'
 import { BenefitCardStyled } from './BenefitCardStyled.styled'
+import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
 
 export const BenefitCard: React.FC<BenefitCardProps> = ({
   description,
@@ -12,7 +13,12 @@ export const BenefitCard: React.FC<BenefitCardProps> = ({
 }) => {
   return (
     <BenefitCardStyled className={`benefit-card ${hasShadow && 'has-shadow'}`}>
-      {image !== null && <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>{image}</div>}
+      {image && (
+        <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>
+          <IconSvgURLWithThemeColor url={image} height='32' width='32' />
+        </div>
+      )}
+
       <div className='benefit-card__content'>
         <div className={`sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`}>
           {title}

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.d.ts

@@ -1,7 +1,7 @@
 export interface BenefitCardProps {
     id: string;
     title: string;
-    image?: React.ReactNode;
+    image?: string;
     description: string;
     hasShadow?: boolean;
     hasBigFontSize?: boolean;

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts

@@ -1,7 +1,7 @@
 export interface BenefitCardProps {
   id: string
   title: string
-  image?: React.ReactNode
+  image?: string
   description: string
   hasShadow?: boolean
   hasBigFontSize?: boolean

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.js

@@ -37,11 +37,6 @@ export const BenefitCardStyled = styled.div `
       &.has-shadow {
         box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
       }
-
-      img {
-        min-width: 32px;
-        min-height: 32px;
-      }
     }
     &__content {
       display: flex;

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.ts

@@ -38,11 +38,6 @@ export const BenefitCardStyled = styled.div`
       &.has-shadow {
         box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
       }
-
-      img {
-        min-width: 32px;
-        min-height: 32px;
-      }
     }
     &__content {
       display: flex;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
 import { StepRatafiaCardStyled } from './StepRatafiaCard.styled';
 export const StepRatafiaCard = ({ title, icon, description }) => {
-    return (_jsxs(StepRatafiaCardStyled, { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon !== null && _jsx("div", { className: 'step-ratafia-card__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
+    return (_jsxs(StepRatafiaCardStyled, { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon && _jsx(IconSvgURLWithThemeColor, { url: icon, height: '20', width: '20' }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
 };
 export default StepRatafiaCard;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.js

@@ -18,11 +18,6 @@ export const StepRatafiaCardStyled = styled.div `
       align-self: stretch;
 
       color: var(--neutral-neutral-1);
-
-      &__icon {
-        width: 20px;
-        height: 20px;
-      }
     }
   }
 `;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.ts

@@ -19,11 +19,6 @@ export const StepRatafiaCardStyled = styled.div`
       align-self: stretch;
 
       color: var(--neutral-neutral-1);
-
-      &__icon {
-        width: 20px;
-        height: 20px;
-      }
     }
   }
 `

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 
+import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
 import { type StepRatafiaCardProps } from './StepRatafiaCardProps.types'
 import { StepRatafiaCardStyled } from './StepRatafiaCard.styled'
 
@@ -7,7 +8,7 @@ export const StepRatafiaCard: React.FC<StepRatafiaCardProps> = ({ title, icon, d
   return (
     <StepRatafiaCardStyled className='step-ratafia-card'>
       <div className='step-ratafia-card__title'>
-        {icon !== null && <div className='step-ratafia-card__title__icon'>{icon}</div>}
+        {icon && <IconSvgURLWithThemeColor url={icon} height='20' width='20' />}
         <h3 className='sans-serif --medium --bold-weight step-ratafia-card__title__text'>{title}</h3>
       </div>
       <p className='sans-serif --small step-ratafia-card__description'>{description}</p>

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.d.ts

@@ -1,6 +1,6 @@
 export interface StepRatafiaCardProps {
     id: string;
     title: string;
-    icon?: React.ReactNode;
+    icon?: string;
     description: string;
 }

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.ts

@@ -1,6 +1,6 @@
 export interface StepRatafiaCardProps {
   id: string
   title: string
-  icon?: React.ReactNode
+  icon?: string
   description: string
 }

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

@@ -16,8 +16,9 @@ export const FooterMenuList = styled.ul `
 export const FooterStyledLink = styled.a `
   color: var(--neutral-neutral-6);
   text-decoration: none;
-  &.ai-link::after {
-    content: 'AI';
+
+  &.ai-link::after,
+  &.ki-link::after {
     color: var(--neutral-neutral-1);
     font-weight: 600;
     font-size: 0.625rem;
@@ -28,4 +29,16 @@ export const FooterStyledLink = styled.a `
     display: inline-block;
     line-height: 1;
   }
+
+  &.ai-link.lowercase::after {
+    content: 'Ai';
+  }
+
+  &.ai-link.uppercase::after {
+    content: 'AI';
+  }
+
+  &.ki-link::after {
+    content: 'KI';
+  }
 `;

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

@@ -20,8 +20,9 @@ export const FooterMenuList = styled.ul`
 export const FooterStyledLink = styled.a`
   color: var(--neutral-neutral-6);
   text-decoration: none;
-  &.ai-link::after {
-    content: 'AI';
+
+  &.ai-link::after,
+  &.ki-link::after {
     color: var(--neutral-neutral-1);
     font-weight: 600;
     font-size: 0.625rem;
@@ -32,4 +33,16 @@ export const FooterStyledLink = styled.a`
     display: inline-block;
     line-height: 1;
   }
+
+  &.ai-link.lowercase::after {
+    content: 'Ai';
+  }
+
+  &.ai-link.uppercase::after {
+    content: 'AI';
+  }
+
+  &.ki-link::after {
+    content: 'KI';
+  }
 `

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

@@ -7,7 +7,7 @@ import arrowDown from '../../../../images/svg/arrow-down.svg';
 export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, configVars, aiLabel, documentsMenuItems, navMenuItems, extraMenu }) => {
     return (_jsxs(MenuItemsStyled, { children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsxs("div", { className: 'navigation-pane__products__container', children: [_jsx("p", { className: 'navigation-pane__products__title', children: documentsMenuItems?.title }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsxs("div", { className: 'products__list', children: [_jsx("div", { className: 'menu-mobile-wrapper', children: _jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc }) }), _jsx("div", { className: 'menu-desktop-wrapper', children: _jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu }) })] })] })), !!navMenuItems &&
                 navMenuItems.map((item) => {
-                    const showIcon = ['lawgenius', 'copilot'].includes(item.label.toLowerCase());
+                    const showIcon = ['lawgenius', 'legalfinity'].includes(item.label.toLowerCase());
                     return (_jsx("div", { className: `navigation-pane__link`, children: _jsxs("a", { className: `navigation-pane__link__title`, title: item.title, "data-qa": item.dataQa, href: item.href, children: [_jsx("p", { children: item.label }), showIcon && _jsx(RatafiaLandingIcon, { aiLabel: aiLabel })] }) }, item.title));
                 }), !!extraMenu && extraMenu?.items?.length > 0 && (_jsxs("div", { className: 'navigation-pane__resources', children: [_jsxs("div", { className: 'navigation-pane__resources__container', children: [_jsx("p", { className: 'navigation-pane__resources__title', children: extraMenu.title }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsx("ul", { className: 'resources__list', children: extraMenu.items.map((item) => (_jsx("li", { className: 'menu-items-li', children: _jsx("a", { title: item.title, "data-qa": item.dataQa, href: item.href, children: item.label }) }, item.title))) })] }))] }));
 };

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

@@ -54,7 +54,7 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
       )}
       {!!navMenuItems &&
         navMenuItems.map((item) => {
-          const showIcon = ['lawgenius', 'copilot'].includes(item.label.toLowerCase())
+          const showIcon = ['lawgenius', 'legalfinity'].includes(item.label.toLowerCase())
           return (
             <div className={`navigation-pane__link`} key={item.title}>
               <a className={`navigation-pane__link__title`} title={item.title} data-qa={item.dataQa} href={item.href}>

package/package.json

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