npm - @npm_leadtech/legal-lib-components - Versions diffs - 5.33.3 → 5.33.5 - Mend

@npm_leadtech/legal-lib-components 5.33.3 → 5.33.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/src/components/atoms/AddButton/AddButton.styled.js CHANGED Viewed

@@ -17,7 +17,6 @@ export const AddButtonStyled = styled.div `
   .e-addButton {
     &__inner {
       display: inline-block;
-      margin-top: 1rem;
       color: var(--primary-main);
       border-radius: var(--global-border-radius);
       transition: all 0.3s ease;

package/dist/src/components/atoms/AddButton/AddButton.styled.ts CHANGED Viewed

@@ -18,7 +18,6 @@ export const AddButtonStyled = styled.div`
   .e-addButton {
     &__inner {
       display: inline-block;
-      margin-top: 1rem;
       color: var(--primary-main);
       border-radius: var(--global-border-radius);
       transition: all 0.3s ease;

package/dist/src/components/atoms/RemoveButton/RemoveButton.styled.js CHANGED Viewed

@@ -5,7 +5,6 @@ export const RemoveButtonStyled = styled.section `
   .e-removeButton {
     &__inner {
       display: inline-block;
-      margin-top: 1rem;
       color: var(--error-main);
       border-radius: var(--global-border-radius);

package/dist/src/components/atoms/RemoveButton/RemoveButton.styled.ts CHANGED Viewed

@@ -6,7 +6,6 @@ export const RemoveButtonStyled = styled.section`
   .e-removeButton {
     &__inner {
       display: inline-block;
-      margin-top: 1rem;
       color: var(--error-main);
       border-radius: var(--global-border-radius);

package/dist/src/components/molecules/TextInput/TextInput.js CHANGED Viewed

@@ -32,7 +32,7 @@ const TextInput = React.forwardRef(({ label, value, validate = true, isValidGrou
         }
         return (_jsx(Input, { name: name ?? '', type: type, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }));
     };
-    return (_jsxs("div", { className: classnames, children: [children !== null && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
+    return (_jsxs("div", { className: classnames, children: [Boolean(children) && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
 });
 export default TextInput;
 TextInput.displayName = 'TextInput';

package/dist/src/components/molecules/TextInput/TextInput.tsx CHANGED Viewed

@@ -97,7 +97,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
     return (
       <div className={classnames}>
-        {children !== null && <div className='e-text__children'>{children}</div>}
+        {Boolean(children) && <div className='e-text__children'>{children}</div>}
         <TextInputTooltip tooltip={tooltip} />
         <TextInputMessage errorMessage={errorMessage} validate={validate} />
         {renderInput()}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

@@ -14,7 +14,6 @@ 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 CHANGED Viewed

@@ -15,7 +15,6 @@ 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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