@npm_leadtech/legal-lib-components 2.12.3 → 2.12.5

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 (22) hide show
  1. package/dist/cjs/index.js +2 -2
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/legal-lib-components.css +56 -21
  4. package/dist/cjs/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts +2 -1
  5. package/dist/cjs/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.d.ts +4 -0
  6. package/dist/cjs/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColorProps.types.d.ts +6 -0
  7. package/dist/cjs/src/components/atoms/IconSvgURLWithThemeColor/__stories__/IconSvgURLWithThemeColor.stories.d.ts +7 -0
  8. package/dist/cjs/src/components/atoms/IconSvgURLWithThemeColor/index.d.ts +2 -0
  9. package/dist/cjs/src/components/atoms/index.d.ts +1 -0
  10. package/dist/esm/index.js +3 -3
  11. package/dist/esm/index.js.map +1 -1
  12. package/dist/esm/legal-lib-components.css +56 -21
  13. package/dist/esm/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts +2 -1
  14. package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.d.ts +4 -0
  15. package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColorProps.types.d.ts +6 -0
  16. package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/__stories__/IconSvgURLWithThemeColor.stories.d.ts +7 -0
  17. package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/index.d.ts +2 -0
  18. package/dist/esm/src/components/atoms/index.d.ts +1 -0
  19. package/dist/index.d.ts +12 -2
  20. package/package.json +1 -1
  21. package/dist/cjs/src/utils/envVariables.d.ts +0 -1
  22. package/dist/esm/src/utils/envVariables.d.ts +0 -1
@@ -696,12 +696,23 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
696
696
  border-radius: 4px; }
697
697
  .e-checkbox input:not(:checked) + label:after,
698
698
  .e-checkbox input:checked + label:after {
699
- content: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E %3Cdefs%3E %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E %3C%2Fdefs%3E %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22icon%2Fdone_24px%22%3E %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E %3C%2Fmask%3E %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
700
- top: 3px;
701
- left: .3rem;
699
+ background-color: currentColor;
700
+ content: "";
701
+ padding: 0 0.5em;
702
+ margin: 0 0.125rem;
703
+ -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E %3Cdefs%3E %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E %3C%2Fdefs%3E %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22icon%2Fdone_24px%22%3E %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E %3C%2Fmask%3E %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
704
+ mask-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E %3Cdefs%3E %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E %3C%2Fdefs%3E %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22icon%2Fdone_24px%22%3E %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E %3C%2Fmask%3E %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
705
+ -webkit-mask-repeat: no-repeat;
706
+ mask-repeat: no-repeat;
707
+ -webkit-mask-position: center;
708
+ mask-position: center;
709
+ clip-path: padding-box inset(0.28125em 0);
702
710
  position: absolute;
703
- width: 1.5rem;
704
- transition: all 0.2s; }
711
+ width: 20px;
712
+ height: 20px;
713
+ left: 0.09rem;
714
+ top: 2px;
715
+ color: var(--primary-main); }
705
716
  .e-checkbox input:not(:checked) + label:after {
706
717
  opacity: 0;
707
718
  transform: scale(0);
@@ -1661,6 +1672,20 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
1661
1672
  text-align: center;
1662
1673
  margin: 0 0.75rem; }
1663
1674
 
1675
+ html[data-theme='lawdistrict'] .document-status.--in-progress {
1676
+ background-color: var(--secondary-main-light-4);
1677
+ border-color: var(--secondary-main-dark-1);
1678
+ color: var(--secondary-main-dark-2); }
1679
+ html[data-theme='lawdistrict'] .document-status.--in-progress svg g > g {
1680
+ fill: var(--secondary-main-dark-2); }
1681
+
1682
+ html[data-theme='lawdistrict'] .document-status.--is-new {
1683
+ background-color: var(--secondary-main-dark-2);
1684
+ border-color: var(--secondary-main);
1685
+ color: var(--secondary-main-light-4); }
1686
+ html[data-theme='lawdistrict'] .document-status.--is-new .icon {
1687
+ margin-right: 1.4rem; }
1688
+
1664
1689
  .document-status {
1665
1690
  font-family: "Inter", sans-serif;
1666
1691
  border-radius: 4px;
@@ -1686,13 +1711,17 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
1686
1711
  background-color: var(--primary-main-light-5);
1687
1712
  border-color: var(--primary-main-light-3);
1688
1713
  color: var(--primary-main); }
1714
+ .document-status.--is-completed svg path {
1715
+ fill: var(--primary-main); }
1689
1716
  .document-status.--in-progress {
1690
- background-color: var(--secondary-main-light-4);
1691
- border-color: var(--secondary-main-dark-1);
1692
- color: var(--secondary-main-dark-2); }
1717
+ background-color: var(--neutral-neutral-5);
1718
+ border-color: var(--neutral-neutral-3);
1719
+ color: var(--neutral-neutral-1); }
1720
+ .document-status.--in-progress svg g > g {
1721
+ fill: var(--neutral-neutral-1); }
1693
1722
  .document-status.--is-new {
1694
- background-color: var(--secondary-main-dark-2);
1695
- border-color: var(--secondary-main);
1723
+ background-color: var(--primary-main-light-1);
1724
+ border-color: var(--primary-main);
1696
1725
  color: var(--secondary-main-light-4); }
1697
1726
  .document-status.--is-new .icon {
1698
1727
  margin-right: 1.4rem; }
@@ -1808,6 +1837,10 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
1808
1837
  .google-button .google-logo {
1809
1838
  margin-right: 1rem; }
1810
1839
 
1840
+ .icon-svg-with-theme-color {
1841
+ display: block;
1842
+ background-color: var(--primary-main); }
1843
+
1811
1844
  .info-box {
1812
1845
  border-radius: 4px;
1813
1846
  border: 1px solid;
@@ -2156,11 +2189,11 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
2156
2189
  width: 100%;
2157
2190
  cursor: pointer;
2158
2191
  transition: all .3s ease;
2159
- background-color: var(--primary-main-light-1);
2192
+ background-color: var(--primary-main);
2160
2193
  text-align: center;
2161
2194
  padding: 10px; }
2162
2195
  .e-radio.--tabs input:checked + label:hover {
2163
- background-color: var(--primary-main-light-1); }
2196
+ background-color: var(--primary-main); }
2164
2197
  .e-radio.--tabs input:not(:checked) + label {
2165
2198
  text-align: center;
2166
2199
  width: 100%;
@@ -2204,11 +2237,11 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
2204
2237
  width: 100%;
2205
2238
  cursor: pointer;
2206
2239
  transition: all .3s ease;
2207
- background-color: var(--primary-main-light-1);
2240
+ background-color: var(--primary-main);
2208
2241
  text-align: center;
2209
2242
  padding: 10px; }
2210
2243
  .e-radio.--tabs:not(.--icons) input:checked + label:hover {
2211
- background-color: var(--primary-main-light-1); }
2244
+ background-color: var(--primary-main); }
2212
2245
  .e-radio.--tabs:not(.--icons) input:not(:checked) + label {
2213
2246
  text-align: center;
2214
2247
  width: 100%;
@@ -3040,7 +3073,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3040
3073
  white-space: nowrap; } }
3041
3074
 
3042
3075
  .box--form__link {
3043
- color: var(--primary-main); }
3076
+ color: #078080; }
3044
3077
 
3045
3078
  .body-container {
3046
3079
  display: flex;
@@ -3423,9 +3456,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3423
3456
  .snackbar--welcome:before {
3424
3457
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cdefs%3E %3Cpath id%3D%22prefix__a%22 d%3D%22M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12zM7 9h2v2H7V9zm4 0h2v2h-2V9zm4 0h2v2h-2V9z%22%2F%3E %3C%2Fdefs%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E %3C%2Fmask%3E %3Cg fill%3D%22%235DD8C3%22 mask%3D%22url(%23prefix__b)%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
3425
3458
  .snackbar--success {
3426
- background-color: var(--primary-main-light-3);
3427
- color: var(--primary-main-dark-1);
3428
- border: 1px solid var(--primary-main-light-2); }
3459
+ background-color: #5dd8c3;
3460
+ color: #02374a;
3461
+ border: 1px solid #34b2a7; }
3429
3462
  .snackbar--success:before {
3430
3463
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cdefs%3E %3Cpath id%3D%22prefix__a%22 d%3D%22M8.8 15.9L4.6 11.7 3.2 13.1 8.8 18.7 20.8 6.7 19.4 5.3z%22%2F%3E %3C%2Fdefs%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E %3C%2Fmask%3E %3Cg fill%3D%22%2302374A%22 mask%3D%22url(%23prefix__b)%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
3431
3464
  .snackbar--error {
@@ -3435,9 +3468,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3435
3468
  .snackbar--error:before {
3436
3469
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cdefs%3E %3Cpath id%3D%22prefix__a%22 d%3D%22M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-9h2v6h-2v-6zm0-4h2v2h-2V7z%22 %2F%3E %3C%2Fdefs%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22 %2F%3E %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E %3Cuse xlink%3Ahref%3D%22%23prefix__a%22 %2F%3E %3C%2Fmask%3E %3Cuse fill%3D%22%23000%22 fill-rule%3D%22nonzero%22 xlink%3Ahref%3D%22%23prefix__a%22 %2F%3E %3Cg fill%3D%22%23FFF%22 mask%3D%22url(%23prefix__b)%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22 %2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
3437
3470
  .snackbar--reminder {
3438
- background-color: var(--secondary-main);
3471
+ background-color: #f2bd6a;
3439
3472
  color: var(--neutral-main);
3440
- border: 1px solid var(--secondary-main-dark-1); }
3473
+ border: 1px solid #cd9a4c; }
3441
3474
  .snackbar--reminder:before {
3442
3475
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cdefs%3E %3Cpath id%3D%22prefix__a%22 d%3D%22M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12zM7 9h2v2H7V9zm4 0h2v2h-2V9zm4 0h2v2h-2V9z%22%2F%3E %3C%2Fdefs%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E %3C%2Fmask%3E %3Cg fill%3D%22%23936C2F%22 mask%3D%22url(%23prefix__b)%22%3E %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
3443
3476
  .snackbar-content {
@@ -3766,7 +3799,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3766
3799
  outline: none;
3767
3800
  display: flex;
3768
3801
  align-items: center;
3769
- justify-content: center; }
3802
+ justify-content: center;
3803
+ background-color: var(--primary-main);
3804
+ border-color: var(--primary-main); }
3770
3805
  .mobile-bottom-bar .e-button:hover {
3771
3806
  cursor: pointer; }
3772
3807
  .mobile-bottom-bar .e-button svg {
@@ -1,6 +1,7 @@
1
1
  export interface DisclaimerProps {
2
2
  text?: string;
3
3
  disclaimerLinks?: boolean;
4
- environment?: string;
4
+ linksUrl?: string;
5
5
  givenClass?: string;
6
+ siteUrl?: string;
6
7
  }
@@ -0,0 +1,4 @@
1
+ import { type FC } from 'react';
2
+ import { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types';
3
+ import './IconSvgURLWithThemeColor.scss';
4
+ export declare const IconSvgURLWithThemeColor: FC<IconSvgURLWithThemeColorProps>;
@@ -0,0 +1,6 @@
1
+ export interface IconSvgURLWithThemeColorProps {
2
+ url: string;
3
+ width?: string;
4
+ height?: string;
5
+ color?: string;
6
+ }
@@ -0,0 +1,7 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react';
2
+ import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
3
+ declare const meta: Meta<typeof IconSvgURLWithThemeColor>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof IconSvgURLWithThemeColor>;
6
+ export declare const Default: Story;
7
+ export declare const CustomColor: Story;
@@ -0,0 +1,2 @@
1
+ export { IconSvgURLWithThemeColor } from './IconSvgURLWithThemeColor';
2
+ export { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types';
@@ -16,6 +16,7 @@ export * from './ExpertCard';
16
16
  export * from './FormFaq';
17
17
  export * from './GoogleButton';
18
18
  export * from './IconImage';
19
+ export * from './IconSvgURLWithThemeColor';
19
20
  export * from './InfoBox';
20
21
  export * from './Logo';
21
22
  export * from './LogoText';