@npm_leadtech/legal-lib-components 7.68.0 → 7.68.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/package.json

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