@npm_leadtech/legal-lib-components 5.39.11 → 5.39.12

package/dist/css/styles.css

@@ -1783,6 +1783,9 @@ h2.react-datepicker__current-month {
   align-items: center;
   gap: 0.5rem;
 }
+.e-radio.default .e-radio__inner .radio-item-container .e-radio-label .radio-item-input {
+  visibility: hidden;
+}
 .e-radio.default .e-radio__inner .radio-item-container .e-radio-label input[type=radio]:after {
   width: 16px;
   height: 16px;
@@ -1947,6 +1950,9 @@ h2.react-datepicker__current-month {
     align-items: center;
     gap: 0.5rem;
   }
+  .e-radio.--icons .e-radio__inner .radio-item-container .e-radio-label .radio-item-input {
+    visibility: hidden;
+  }
   .e-radio.--icons .e-radio__inner .radio-item-container .e-radio-label input[type=radio]:after {
     width: 16px;
     height: 16px;

package/dist/src/components/atoms/Radio/Radio.scss

@@ -12,6 +12,10 @@
         align-items: center;
         gap: 0.5rem;
 
+        .radio-item-input {
+          visibility: hidden;
+        }
+
         input[type='radio']:after {
           width: 16px;
           height: 16px;

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

@@ -14,7 +14,7 @@ const themes = {
         icon: _jsx(Done24pxOutline, {})
     }
 };
-const Feedback = ({ theme = 'success', title, text, button, cancel, large, fluid, imgSrc = '', dataQa = '' }) => {
+const Feedback = ({ theme = 'success', title, text, button, cancel, large = false, fluid = false, imgSrc = '', dataQa = '' }) => {
     const currentTheme = themes[theme] ?? {};
     if (Object.keys(currentTheme).length === 0 && imgSrc.length === 0) {
         return null;

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

@@ -28,8 +28,8 @@ const Feedback: FC<FeedbackProps> = ({
   text,
   button,
   cancel,
-  large,
-  fluid,
+  large = false,
+  fluid = false,
   imgSrc = '',
   dataQa = ''
 }) => {

package/dist/src/components/molecules/Feedback/FeedbackProps.types.d.ts

@@ -4,8 +4,8 @@ export interface FeedbackProps {
     title?: string;
     text?: string;
     imgSrc?: string;
-    large: boolean;
-    fluid: boolean;
+    large?: boolean;
+    fluid?: boolean;
     dataQa?: string;
     button?: ButtonProps;
     cancel?: {

package/dist/src/components/molecules/Feedback/FeedbackProps.types.ts

@@ -5,8 +5,8 @@ export interface FeedbackProps {
   title?: string
   text?: string
   imgSrc?: string
-  large: boolean
-  fluid: boolean
+  large?: boolean
+  fluid?: boolean
   dataQa?: string
   button?: ButtonProps
   cancel?: {

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 = 'primary', iconTitle, title, priceText, mainFeatures, AIFeatures, buttonText, dataQa, handleClick }) => {
     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: `${dataQa ?? 'ratafia-card-button'}`, givenClass: 'ratafia-card__button', color: buttonStyle, label: buttonText, noLink: true, onClick: handleClick }) }))] }));
 };
 export default RatafiaSubscriptionCard;

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

@@ -13,6 +13,7 @@ const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
   mainFeatures,
   AIFeatures,
   buttonText,
+  dataQa,
   handleClick
 }) => {
   if (!title) return null
@@ -44,7 +45,7 @@ const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
       {buttonText && (
         <div className='ratafia-card__footer'>
           <Button
-            dataQa='ratafia-card-button'
+            dataQa={`${dataQa ?? 'ratafia-card-button'}`}
             givenClass='ratafia-card__button'
             color={buttonStyle}
             label={buttonText}

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

@@ -1,4 +1,5 @@
 export interface RatafiaSubscriptionCardProps {
+    subscriptionTypeName?: string;
     cardStyle?: CardStyleType;
     iconTitle?: IconTitleProps;
     title?: string;
@@ -6,6 +7,7 @@ export interface RatafiaSubscriptionCardProps {
     mainFeatures?: BenefitProps[];
     AIFeatures?: BenefitProps[];
     buttonText?: string;
+    dataQa?: string;
     handleClick?: () => void;
 }
 interface IconTitleProps {

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

@@ -1,4 +1,5 @@
 export interface RatafiaSubscriptionCardProps {
+  subscriptionTypeName?: string
   cardStyle?: CardStyleType
   iconTitle?: IconTitleProps
   title?: string
@@ -6,6 +7,7 @@ export interface RatafiaSubscriptionCardProps {
   mainFeatures?: BenefitProps[]
   AIFeatures?: BenefitProps[]
   buttonText?: string
+  dataQa?: string
   handleClick?: () => void
 }
 

package/package.json

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