npm - @npm_leadtech/legal-lib-components - Versions diffs - 5.31.7 → 5.31.8 - Mend

@npm_leadtech/legal-lib-components 5.31.7 → 5.31.8

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 (15) hide show

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AddButtonStyled } from './AddButton.styled';
 // import './AddButton.scss'
-const AddButton = ({ label = '', className = '', items, name = '', onChange, value = '', disabled = false, tooltip = undefined }) => {
-    return (_jsxs(AddButtonStyled, { className: `e-addButton ${className}`, children: [items.addButton.value !== '' && (_jsxs("div", { className: 'e-addButton__inner', children: [_jsx("input", { type: 'radio', id: `${name}_${items.addButton.value}`, name: name, onChange: onChange, value: items.addButton.value, checked: items.addButton.value === value, disabled: disabled, "data-qa": `${name}_${items.addButton.value}` }), _jsx("label", { htmlFor: `${name}_${items.addButton.value}`, children: label })] })), tooltip !== undefined && _jsx("p", { className: 'tooltip sans-serif --extra-small', children: tooltip })] }));
+const AddButton = ({ label = '', className = '', items, name = '', onChange, value = '', disabled = false, tooltip = undefined, index = 0, total = 1 }) => {
+    return (_jsxs(AddButtonStyled, { className: `e-addButton ${className} ${index === 0 && total > 1 ? 'hidden' : ''}`, children: [items.addButton.value !== '' && (_jsxs("div", { className: 'e-addButton__inner', children: [_jsx("input", { type: 'radio', id: `${name}_${items.addButton.value}`, name: name, onChange: onChange, value: items.addButton.value, checked: items.addButton.value === value, disabled: disabled, "data-qa": `${name}_${items.addButton.value}` }), _jsx("label", { htmlFor: `${name}_${items.addButton.value}`, children: label })] })), tooltip !== undefined && _jsx("p", { className: 'tooltip sans-serif --extra-small', children: tooltip })] }));
 };
 export default AddButton;

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

@@ -2,6 +2,10 @@ import styled from 'styled-components';
 export const AddButtonStyled = styled.div `
   display: inline-block;
+  .hidden {
+    display: none;
+  }
   .tooltip {
     margin-top: 0.5rem;
   }

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

@@ -3,6 +3,10 @@ import styled from 'styled-components'
 export const AddButtonStyled = styled.div`
   display: inline-block;
+  .hidden {
+    display: none;
+  }
   .tooltip {
     margin-top: 0.5rem;
   }

package/dist/src/components/atoms/AddButton/AddButton.tsx CHANGED Viewed

@@ -12,10 +12,12 @@ const AddButton: FC<AddButtonProps> = ({
   onChange,
   value = '',
   disabled = false,
-  tooltip = undefined
+  tooltip = undefined,
+  index = 0,
+  total = 1
 }) => {
   return (
-    <AddButtonStyled className={`e-addButton ${className}`}>
+    <AddButtonStyled className={`e-addButton ${className} ${index === 0 && total > 1 ? 'hidden' : ''}`}>
       {items.addButton.value !== '' && (
         <div className={'e-addButton__inner'}>
           <input

package/dist/src/components/atoms/AddButton/AddButtonProps.types.d.ts CHANGED Viewed

@@ -12,4 +12,6 @@ export interface AddButtonProps {
     value?: string;
     tooltip?: string;
     disabled?: boolean;
+    index?: number;
+    total?: number;
 }

package/dist/src/components/atoms/AddButton/AddButtonProps.types.ts CHANGED Viewed

@@ -12,4 +12,6 @@ export interface AddButtonProps {
   value?: string
   tooltip?: string
   disabled?: boolean
+  index?: number
+  total?: number
 }

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

@@ -6,7 +6,6 @@ export const CardFunctionalityStyled = styled.article `
   flex-direction: column;
   gap: var(--global-gap);
   padding: 1em;
-  width: 50%;
   .content-tags {
     display: flex;

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

@@ -7,7 +7,6 @@ export const CardFunctionalityStyled = styled.article`
   flex-direction: column;
   gap: var(--global-gap);
   padding: 1em;
-  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/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.js CHANGED Viewed

@@ -3,11 +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,11 +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/package.json CHANGED Viewed

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