npm - @npm_leadtech/legal-lib-components - Versions diffs - 5.33.14 → 5.33.16 - Mend

@npm_leadtech/legal-lib-components 5.33.14 → 5.33.16

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

package/dist/css/styles.css CHANGED Viewed

@@ -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 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/IconTextInfoSection/IconTextInfoSection.styled.js CHANGED Viewed

@@ -27,7 +27,7 @@ export const IconTextInfoSectionStyled = styled.div `
     flex-direction: column;
     background-color: var(--neutral-neutral-4);
     justify-content: center;
-    padding: 1rem 1.5rem;
+    padding: 1rem 3rem;
     @media ${device['portrait-tablets']} {
       padding: 0;

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

@@ -28,7 +28,7 @@ export const IconTextInfoSectionStyled = styled.div`
     flex-direction: column;
     background-color: var(--neutral-neutral-4);
     justify-content: center;
-    padding: 1rem 1.5rem;
+    padding: 1rem 3rem;
     @media ${device['portrait-tablets']} {
       padding: 0;

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

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

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

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

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

@@ -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/atoms/TopBar/TopBar.styled.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const TopBarStyled = styled.div `
     .top-bar {
       display: flex;
       background-color: var(--neutral-neutral-6);
-      font-size: 14px;
+      font-size: 0.9rem;
       letter-spacing: -0.3px;
       width: 100%;
       height: 100%;

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

@@ -22,7 +22,7 @@ export const TopBarStyled = styled.div`
     .top-bar {
       display: flex;
       background-color: var(--neutral-neutral-6);
-      font-size: 14px;
+      font-size: 0.9rem;
       letter-spacing: -0.3px;
       width: 100%;
       height: 100%;

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.scss CHANGED Viewed

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

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

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

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

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