@npm_leadtech/legal-lib-components 7.30.8 → 7.31.0

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 (9) hide show
  1. package/dist/src/components/molecules/ContactInfo/ContactInfo.js +1 -1
  2. package/dist/src/components/molecules/ContactInfo/ContactInfo.tsx +6 -4
  3. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js +1 -1
  4. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx +9 -3
  5. package/dist/src/components/organisms/NavMenu/NavMenu.js +1 -1
  6. package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +1 -1
  7. package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +1 -1
  8. package/dist/src/components/organisms/NavMenu/NavMenu.tsx +1 -1
  9. package/package.json +1 -1
package/dist/src/components/molecules/ContactInfo/ContactInfo.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ContactInformation, PhoneButton } from './ContactInfo.styled';
3
3
  import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
4
- export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }), _jsxs(PhoneButton, { children: [_jsx(PhoneIcon, { fill: 'white', width: 20, height: 20 }), _jsx("span", { children: phoneNumber })] }), _jsx("span", { className: 'sans-serif --extra-small site-schedule', children: schedule })] }));
4
+ export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }), phoneNumber && (_jsxs(PhoneButton, { children: [_jsx(PhoneIcon, { fill: 'white', width: 20, height: 20 }), _jsx("span", { children: phoneNumber })] })), _jsx("span", { className: 'sans-serif --extra-small site-schedule', children: schedule })] }));
package/dist/src/components/molecules/ContactInfo/ContactInfo.tsx CHANGED
@@ -7,10 +7,12 @@ export const ContactInfo: React.FC<ContactInfoProps> = ({ phoneNumber, schedule,
7
7
  <ContactInformation>
8
8
  {Boolean(languageSelector) && <div className='language-selector-mobile-container'>{languageSelector}</div>}
9
9
  <b className='sans-serif --extra-small --bold-weight site-phone'>{phoneNumber}</b>
10
- <PhoneButton>
11
- <PhoneIcon fill='white' width={20} height={20} />
12
- <span>{phoneNumber}</span>
13
- </PhoneButton>
10
+ {phoneNumber && (
11
+ <PhoneButton>
12
+ <PhoneIcon fill='white' width={20} height={20} />
13
+ <span>{phoneNumber}</span>
14
+ </PhoneButton>
15
+ )}
14
16
  <span className='sans-serif --extra-small site-schedule'>{schedule}</span>
15
17
  </ContactInformation>
16
18
  )
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js CHANGED
@@ -3,6 +3,6 @@ import { ContactBarWrapperStyled, ContactBarWrapperText, ScheduleWrapper } from
3
3
  import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
4
4
  import { WideInfoBar } from '../../atoms/WideInfoBar';
5
5
  export const InfoBarFooter = ({ sitePhone, siteSchedule, securityText, guaranteeText, securityIconBlack, guaranteeIconGrey, isJonSnow = false, isAnonymousPayment = false }) => {
6
- return (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs(ContactBarWrapperStyled, { className: `${(isJonSnow || isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs(ScheduleWrapper, { children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${sitePhone}`, children: _jsx("strong", { children: sitePhone }) }), ` - ${siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: sitePhone }), " - ", 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 })] })] }) }));
6
+ 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 })] })] }) }));
7
7
  };
8
8
  export default InfoBarFooter;
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx CHANGED
@@ -18,16 +18,22 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
18
18
  <WideInfoBar>
19
19
  <>
20
20
  <ContactBarWrapperStyled className={`${(isJonSnow || isAnonymousPayment) && 'hidden'}`}>
21
- <IconWeb />
21
+ {sitePhone && <IconWeb />}
22
22
  <ScheduleWrapper>
23
23
  <div className='is-mobile'>
24
24
  <a className='phone' href={`tel:${sitePhone}`}>
25
25
  <strong>{sitePhone}</strong>
26
26
  </a>
27
- {` - ${siteSchedule}`}
27
+ {sitePhone ? `${sitePhone} - ${siteSchedule}` : siteSchedule}
28
28
  </div>
29
29
  <div className='no-mobile'>
30
- <strong>{sitePhone}</strong> - {siteSchedule}
30
+ {sitePhone ? (
31
+ <>
32
+ <strong>{sitePhone}</strong> - {siteSchedule}
33
+ </>
34
+ ) : (
35
+ siteSchedule
36
+ )}
31
37
  </div>
32
38
  </ScheduleWrapper>
33
39
  </ContactBarWrapperStyled>
package/dist/src/components/organisms/NavMenu/NavMenu.js CHANGED
@@ -6,5 +6,5 @@ import { NavMobileContactBar } from '../../molecules/NavMobileContactBar';
6
6
  import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
7
7
  import { SearchBar } from '../../../components/molecules/SearchBar/SearchBar';
8
8
  export const NavMenu = ({ isLeftNavHidden, isHeaderProductsHidden, isSearchBarHidden, isResourcesHidden, showHeaderPhone, toggleMenuOpen, isMenuOpen, languageSelectorProps, configVars, searchableProducts, finalMenu, userActions, menuStrings, routes, searchBarTexts, sitePhone, handleResultClick, languageSelectorConfigEnabled, isJonSnow, triggerMenuClose, triggerMenuOpen, setCookiePolicyFunc, navMenuItems, extraMenu }) => {
9
- return (_jsxs(NavMenuStyled, { children: [_jsxs("nav", { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && _jsx(NavMobileContactBar, { phone: sitePhone })] }))] }), _jsxs("nav", { className: `navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [!isLeftNavHidden && (_jsx("div", { className: 'left-nav', children: _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }) })), _jsxs("div", { className: 'right-nav', children: [showHeaderPhone && (_jsxs("div", { className: 'header-phone', children: [_jsx(PhoneIcon, {}), _jsxs("b", { children: [sitePhone, " "] })] })), !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), languageSelectorConfigEnabled && languageSelectorProps && _jsx(LanguageSelector, { ...languageSelectorProps }), userActions] })] })] }));
9
+ return (_jsxs(NavMenuStyled, { children: [_jsxs("nav", { itemScope: true, itemType: 'https://www.schema.org/SiteNavigationElement', className: `navigation-pane --is-mobile ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [_jsx("div", { onClick: toggleMenuOpen, onKeyDown: toggleMenuOpen, className: 'navigation-pane__trigger sans-serif --small', children: !isMenuOpen ? triggerMenuOpen : triggerMenuClose }), isMenuOpen && (_jsxs("div", { className: 'navigation-pane__wrapper', children: [userActions, !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }), !isJonSnow && sitePhone && _jsx(NavMobileContactBar, { phone: sitePhone })] }))] }), _jsxs("nav", { className: `navigation-pane --is-desktop ${isHeaderProductsHidden ? '--no-products' : ''}`, children: [!isLeftNavHidden && (_jsx("div", { className: 'left-nav', children: _jsx(MenuItems, { hasProducts: !isHeaderProductsHidden, isResourcesHidden: isResourcesHidden, seeAllDocumentsText: menuStrings, setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, finalMenu: finalMenu, configVars: configVars, navMenuItems: navMenuItems, extraMenu: extraMenu }) })), _jsxs("div", { className: 'right-nav', children: [showHeaderPhone && (_jsxs("div", { className: 'header-phone', children: [_jsx(PhoneIcon, {}), _jsxs("b", { children: [sitePhone, " "] })] })), !isSearchBarHidden && (_jsx(SearchBar, { products: searchableProducts, searchBarTexts: searchBarTexts, routes: routes, handleResultClick: handleResultClick })), languageSelectorConfigEnabled && languageSelectorProps && _jsx(LanguageSelector, { ...languageSelectorProps }), userActions] })] })] }));
10
10
  };
package/dist/src/components/organisms/NavMenu/NavMenu.styled.js CHANGED
@@ -312,7 +312,7 @@ export const NavMenuStyled = styled.nav `
312
312
  overflow: hidden;
313
313
  white-space: nowrap;
314
314
  width: 6rem;
315
- color: var(--primary-main-light-1);
315
+ color: var(--primary-main-light-5);
316
316
  }
317
317
 
318
318
  .navigation-pane__user-menu {
package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts CHANGED
@@ -313,7 +313,7 @@ export const NavMenuStyled = styled.nav`
313
313
  overflow: hidden;
314
314
  white-space: nowrap;
315
315
  width: 6rem;
316
- color: var(--primary-main-light-1);
316
+ color: var(--primary-main-light-5);
317
317
  }
318
318
 
319
319
  .navigation-pane__user-menu {
package/dist/src/components/organisms/NavMenu/NavMenu.tsx CHANGED
@@ -71,7 +71,7 @@ export const NavMenu: React.FC<NavMenuProps> = ({
71
71
  navMenuItems={navMenuItems}
72
72
  extraMenu={extraMenu}
73
73
  />
74
- {!isJonSnow && <NavMobileContactBar phone={sitePhone} />}
74
+ {!isJonSnow && sitePhone && <NavMobileContactBar phone={sitePhone} />}
75
75
  </div>
76
76
  )}
77
77
  </nav>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.30.8",
3
+ "version": "7.31.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",