@npm_leadtech/legal-lib-components 5.34.0 → 5.34.1

package/dist/css/styles.css

@@ -1780,8 +1780,6 @@ h2.react-datepicker__current-month {
     flex-flow: row wrap;
     width: 100%;
     margin-left: 1.5rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
   }
   .e-radio.--regular .e-radio__inner label {
     margin-bottom: 0.25rem;
@@ -1873,8 +1871,6 @@ h2.react-datepicker__current-month {
     flex-flow: row wrap;
     width: 100%;
     margin-left: 1.5rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
   }
   .e-radio.--regular:not(.--icons) .e-radio__inner label {
     margin-bottom: 0.25rem;
@@ -2286,7 +2282,7 @@ h2.react-datepicker__current-month {
   display: none;
 }
 .e-text__inner {
-  margin-bottom: 0.6rem;
+  margin-bottom: 0.5rem;
 }
 .e-text__children {
   margin-top: 0.5rem;

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

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

@@ -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/Radio/Radio.scss

@@ -7,8 +7,6 @@
     flex-flow: row wrap;
     width: 100%;
     margin-left: 1.5rem;
-    margin-top: 2rem;
-    margin-bottom: 1rem;
 
     label {
       margin-bottom: 0.25rem;

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

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

@@ -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/atoms/TextArea/TextArea.js

@@ -4,6 +4,6 @@ import error from '../../../../images/svg/info-error_24px_outlined.svg';
 const TextArea = ({ customClass = '', disabled, errorMessage, label, name, onChange, placeholder, tooltip, validate = false, value, dataQa }) => {
     const classNames = `${validate ? 'e-textarea' : 'e-textarea --is-invalid'} 
     ${customClass}`;
-    return (_jsxs(TextAreaStyled, { className: classNames, children: [tooltip !== undefined && _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip }), errorMessage !== undefined && !validate && (_jsxs("span", { className: 'e-text--error sans-serif --small', children: [_jsx("img", { src: error, alt: errorMessage }), errorMessage] })), _jsx("textarea", { id: name, name: name, placeholder: placeholder, onChange: onChange, value: value, disabled: disabled, "data-qa": dataQa }), label !== undefined && (_jsx("div", { className: 'e-textarea__inner', children: _jsx("div", { className: 'inputLabel', children: label }) }))] }));
+    return (_jsxs(TextAreaStyled, { className: classNames, children: [Boolean(tooltip) && _jsx("p", { className: 'tooltip-form sans-serif --small', children: tooltip }), Boolean(errorMessage) && !validate && (_jsxs("span", { className: 'e-text--error sans-serif --small', children: [_jsx("img", { src: error, alt: errorMessage }), errorMessage] })), _jsx("textarea", { id: name, name: name, placeholder: placeholder, onChange: onChange, value: value, disabled: disabled, "data-qa": dataQa }), Boolean(label) && (_jsx("div", { className: 'e-textarea__inner', children: _jsx("div", { className: 'inputLabel', children: label }) }))] }));
 };
 export default TextArea;

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

@@ -92,8 +92,8 @@ export const TextAreaStyled = styled.div `
       bottom: 0;
     }
 
-    &__inner {
-      margin-bottom: 0;
+    .e-textarea__inner {
+      margin-bottom: 0.5rem;
     }
 
     .inputLabel {

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

@@ -93,8 +93,8 @@ export const TextAreaStyled = styled.div`
       bottom: 0;
     }
 
-    &__inner {
-      margin-bottom: 0;
+    .e-textarea__inner {
+      margin-bottom: 0.5rem;
     }
 
     .inputLabel {

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

@@ -22,8 +22,8 @@ const TextArea: FC<TextAreaProps> = ({
 
   return (
     <TextAreaStyled className={classNames}>
-      {tooltip !== undefined && <p className='tooltip-form sans-serif --small'>{tooltip}</p>}
-      {errorMessage !== undefined && !validate && (
+      {Boolean(tooltip) && <p className='tooltip-form sans-serif --small'>{tooltip}</p>}
+      {Boolean(errorMessage) && !validate && (
         <span className='e-text--error sans-serif --small'>
           <img src={error} alt={errorMessage} />
           {errorMessage}
@@ -38,7 +38,7 @@ const TextArea: FC<TextAreaProps> = ({
         disabled={disabled}
         data-qa={dataQa}
       />
-      {label !== undefined && (
+      {Boolean(label) && (
         <div className={'e-textarea__inner'}>
           <div className='inputLabel'>{label}</div>
         </div>

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

@@ -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.scss

@@ -77,7 +77,7 @@
   }
 
   &__inner {
-    margin-bottom: 0.6rem;
+    margin-bottom: 0.5rem;
   }
 
   &__children {

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

@@ -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/molecules/TextInput/TextInputLabel.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DialogMenuIcon } from '../../atoms';
 export const TextInputLabel = ({ label, htmlFor, notes, dialogMenuTip = '' }) => {
-    if (label === undefined && notes === undefined)
+    if (!label && !notes)
         return null;
     return (_jsxs("div", { className: 'e-text__inner', children: [_jsxs("label", { htmlFor: htmlFor, className: dialogMenuTip.length > 0 ? 'form-group__label-icon' : 'form-group__label', children: [label, dialogMenuTip.length > 0 ? _jsx(DialogMenuIcon, { content: dialogMenuTip }) : null] }), _jsx("p", { className: 'e-text__inner__notes', children: notes })] }));
 };

package/dist/src/components/molecules/TextInput/TextInputLabel.tsx

@@ -12,7 +12,7 @@ interface TextInputLabelProps {
 }
 
 export const TextInputLabel: FC<TextInputLabelProps> = ({ label, htmlFor, notes, dialogMenuTip = '' }) => {
-  if (label === undefined && notes === undefined) return null
+  if (!label && !notes) return null
 
   return (
     <div className='e-text__inner'>

package/package.json

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