@npm_leadtech/legal-lib-components 7.58.0 → 7.60.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 (5) hide show
  1. package/dist/css/styles.css +36 -0
  2. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js +2 -2
  3. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx +9 -4
  4. package/dist/src/globalStyles/themes.scss +34 -0
  5. package/package.json +1 -1
package/dist/css/styles.css CHANGED
@@ -531,6 +531,42 @@ html[data-theme=lawdistrictonline] {
531
531
  --others-disabled: #6b7280;
532
532
  --others-black: #000;
533
533
  }
534
+ html[data-theme=legalfinity] {
535
+ --primary-main-light-6: #e9f5ff;
536
+ --primary-main-light-5: #d7ecff;
537
+ --primary-main-light-4: #b7daff;
538
+ --primary-main-light-3: #8bc1ff;
539
+ --primary-main-light-2: #5e99ff;
540
+ --primary-main-light-1: #1039f5;
541
+ --primary-main: #3970ff;
542
+ --primary-main-dark-1: #163399;
543
+ --primary-main-dark-1-rgb:
544
+ 2,
545
+ 55,
546
+ 74;
547
+ --primary-main-dark-2: #07144b;
548
+ --secondary-main-light-5: #fff6ed;
549
+ --secondary-main-light-4: #fff0d5;
550
+ --secondary-main-light-3: #fedcaa;
551
+ --secondary-main-light-2: #fdc374;
552
+ --secondary-main-light-1: #fb9e3c;
553
+ --secondary-main: #f98116;
554
+ --secondary-main-dark-1: #ea660c;
555
+ --secondary-main-dark-2: #d3530d;
556
+ --neutral-main: #1f2532;
557
+ --neutral-neutral-1: #2f3a4b;
558
+ --neutral-neutral-2: #496080;
559
+ --neutral-neutral-3: #b5babd;
560
+ --neutral-neutral-4: #d2d9e5;
561
+ --neutral-neutral-5: #ebeef3;
562
+ --neutral-neutral-6: #f5f7fa;
563
+ --error-main: #d63737;
564
+ --error-error-2: #f09d9e;
565
+ --error-error-3: #ffecef;
566
+ --others-white: #ffffff;
567
+ --others-disabled: #6b7280;
568
+ --others-black: #000;
569
+ }
534
570
  body {
535
571
  min-height: calc(100vh - 3.25rem);
536
572
  }
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ContactBarWrapperStyled, ContactBarWrapperText, ScheduleWrapper } from './InfoBarFooter.styled';
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: [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 })] })] }) }));
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: [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 })] })] }) }));
7
7
  };
8
8
  export default InfoBarFooter;
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx CHANGED
@@ -21,10 +21,15 @@ export const InfoBarFooter: React.FC<InfoBarFooterProps> = ({
21
21
  {sitePhone && <IconWeb />}
22
22
  <ScheduleWrapper>
23
23
  <div className='is-mobile'>
24
- <a className='phone' href={`tel:${sitePhone}`}>
25
- <strong>{sitePhone}</strong>
26
- </a>
27
- {sitePhone ? `${sitePhone} - ${siteSchedule}` : siteSchedule}
24
+ {sitePhone && (
25
+ <>
26
+ <a className='phone' href={`tel:${sitePhone}`}>
27
+ <strong>{sitePhone}</strong>
28
+ </a>
29
+ {' - '}
30
+ </>
31
+ )}
32
+ {siteSchedule}
28
33
  </div>
29
34
  <div className='no-mobile'>
30
35
  {sitePhone ? (
package/dist/src/globalStyles/themes.scss CHANGED
@@ -317,3 +317,37 @@ html[data-theme='lawdistrictonline'] {
317
317
  --others-disabled: #6b7280;
318
318
  --others-black: #000;
319
319
  }
320
+
321
+ html[data-theme='legalfinity'] {
322
+ --primary-main-light-6: #e9f5ff;
323
+ --primary-main-light-5: #d7ecff;
324
+ --primary-main-light-4: #b7daff;
325
+ --primary-main-light-3: #8bc1ff;
326
+ --primary-main-light-2: #5e99ff;
327
+ --primary-main-light-1: #1039f5;
328
+ --primary-main: #3970ff;
329
+ --primary-main-dark-1: #163399;
330
+ --primary-main-dark-1-rgb: 2, 55, 74;
331
+ --primary-main-dark-2: #07144b;
332
+ --secondary-main-light-5: #fff6ed;
333
+ --secondary-main-light-4: #fff0d5;
334
+ --secondary-main-light-3: #fedcaa;
335
+ --secondary-main-light-2: #fdc374;
336
+ --secondary-main-light-1: #fb9e3c;
337
+ --secondary-main: #f98116;
338
+ --secondary-main-dark-1: #ea660c;
339
+ --secondary-main-dark-2: #d3530d;
340
+ --neutral-main: #1f2532;
341
+ --neutral-neutral-1: #2f3a4b;
342
+ --neutral-neutral-2: #496080;
343
+ --neutral-neutral-3: #b5babd;
344
+ --neutral-neutral-4: #d2d9e5;
345
+ --neutral-neutral-5: #ebeef3;
346
+ --neutral-neutral-6: #f5f7fa;
347
+ --error-main: #d63737;
348
+ --error-error-2: #f09d9e;
349
+ --error-error-3: #ffecef;
350
+ --others-white: #ffffff;
351
+ --others-disabled: #6b7280;
352
+ --others-black: #000;
353
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.58.0",
3
+ "version": "7.60.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",