@npm_leadtech/legal-lib-components 7.56.1 → 7.58.0

package/dist/css/styles.css

@@ -835,7 +835,7 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
   border: 2px solid var(--button);
   color: var(--others-white);
   font-weight: bold;
-  height: 100%;
+  max-height: 100%;
 }
 .e-button.--primary-1:hover {
   background-color: var(--button-hover);
@@ -1853,7 +1853,7 @@ h2.react-datepicker__current-month {
   display: flex;
   height: 42px;
   justify-content: center;
-  width: 80px;
+  min-width: 80px;
 }
 .e-radio.tabs .e-radio__inner .radio-item-container:hover {
   background: var(--neutral-neutral-4);

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

@@ -73,7 +73,7 @@ html[data-theme='lawdistrict'] {
       border: 2px solid var(--button);
       color: get-color(others, white);
       font-weight: bold;
-      height: 100%;
+      max-height: 100%;
 
       &:hover {
         background-color: var(--button-hover);

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

@@ -41,7 +41,7 @@
       display: flex;
       height: 42px;
       justify-content: center;
-      width: 80px;
+      min-width: 80px;
 
       &:hover {
         background: var(--neutral-neutral-4);

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

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ContactBarWrapperStyled, ContactBarWrapperText, ScheduleWrapper } from './InfoBarFooter.styled';
 import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
 import { WideInfoBar } from '../../atoms/WideInfoBar';
 export const InfoBarFooter = ({ sitePhone, siteSchedule, securityText, guaranteeText, securityIconBlack, guaranteeIconGrey, isJonSnow = false, isAnonymousPayment = false }) => {
-    return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [sitePhone && _jsx(IconWeb, {}), _jsxs(ScheduleWrapper, { children: [_jsxs("div", { className: 'is-mobile', children: [sitePhone && (_jsxs(_Fragment, { children: [_jsx("a", { className: 'phone', href: `tel:${sitePhone}`, children: _jsx("strong", { children: sitePhone }) }), ' - '] })), siteSchedule] }), _jsx("div", { className: 'no-mobile', children: sitePhone ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: sitePhone }), " - ", siteSchedule] })) : (siteSchedule) })] })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: securityIconBlack, alt: 'security-icon' }), _jsx(ContactBarWrapperText, { children: securityText })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: guaranteeIconGrey, alt: 'guarantee-icon' }), _jsx(ContactBarWrapperText, { children: guaranteeText })] })] }) }));
+    return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [sitePhone && _jsx(IconWeb, {}), _jsxs(ScheduleWrapper, { children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${sitePhone}`, children: _jsx("strong", { children: sitePhone }) }), sitePhone ? `${sitePhone} - ${siteSchedule}` : siteSchedule] }), _jsx("div", { className: 'no-mobile', children: sitePhone ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: sitePhone }), " - ", siteSchedule] })) : (siteSchedule) })] })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: securityIconBlack, alt: 'security-icon' }), _jsx(ContactBarWrapperText, { children: securityText })] }), _jsxs(ContactBarWrapperStyled, { children: [_jsx("img", { src: guaranteeIconGrey, alt: 'guarantee-icon' }), _jsx(ContactBarWrapperText, { children: guaranteeText })] })] }) }));
 };
 export default InfoBarFooter;

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

@@ -21,15 +21,10 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
           {sitePhone && <IconWeb />}
           <ScheduleWrapper>
             <div className='is-mobile'>
-              {sitePhone && (
-                <>
-                  <a className='phone' href={`tel:${sitePhone}`}>
-                    <strong>{sitePhone}</strong>
-                  </a>
-                  {' - '}
-                </>
-              )}
-              {siteSchedule}
+              <a className='phone' href={`tel:${sitePhone}`}>
+                <strong>{sitePhone}</strong>
+              </a>
+              {sitePhone ? `${sitePhone} - ${siteSchedule}` : siteSchedule}
             </div>
             <div className='no-mobile'>
               {sitePhone ? (

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js

@@ -8,6 +8,8 @@ export const CardFunctionalityStyled = styled.article `
   gap: var(--global-gap);
   padding: 1em;
   width: 100%;
+  justify-content: space-between;
+
   @media ${device.laptop} {
     width: 50%;
   }
@@ -53,7 +55,7 @@ export const CardFunctionalityStyled = styled.article `
 
     .tags {
       display: flex;
-      gap: 2rem;
+      gap: 0.5rem;
       flex-wrap: wrap;
     }
   }

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

@@ -9,6 +9,8 @@ export const CardFunctionalityStyled = styled.article`
   gap: var(--global-gap);
   padding: 1em;
   width: 100%;
+  justify-content: space-between;
+
   @media ${device.laptop} {
     width: 50%;
   }
@@ -54,7 +56,7 @@ export const CardFunctionalityStyled = styled.article`
 
     .tags {
       display: flex;
-      gap: 2rem;
+      gap: 0.5rem;
       flex-wrap: wrap;
     }
   }

package/package.json

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