@npm_leadtech/legal-lib-components 2.12.1 → 2.12.4

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.
@@ -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-dark-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; }
@@ -2156,11 +2185,11 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
2156
2185
  width: 100%;
2157
2186
  cursor: pointer;
2158
2187
  transition: all .3s ease;
2159
- background-color: var(--primary-main-light-1);
2188
+ background-color: var(--primary-main);
2160
2189
  text-align: center;
2161
2190
  padding: 10px; }
2162
2191
  .e-radio.--tabs input:checked + label:hover {
2163
- background-color: var(--primary-main-light-1); }
2192
+ background-color: var(--primary-main); }
2164
2193
  .e-radio.--tabs input:not(:checked) + label {
2165
2194
  text-align: center;
2166
2195
  width: 100%;
@@ -2204,11 +2233,11 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
2204
2233
  width: 100%;
2205
2234
  cursor: pointer;
2206
2235
  transition: all .3s ease;
2207
- background-color: var(--primary-main-light-1);
2236
+ background-color: var(--primary-main);
2208
2237
  text-align: center;
2209
2238
  padding: 10px; }
2210
2239
  .e-radio.--tabs:not(.--icons) input:checked + label:hover {
2211
- background-color: var(--primary-main-light-1); }
2240
+ background-color: var(--primary-main); }
2212
2241
  .e-radio.--tabs:not(.--icons) input:not(:checked) + label {
2213
2242
  text-align: center;
2214
2243
  width: 100%;
@@ -3766,7 +3795,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3766
3795
  outline: none;
3767
3796
  display: flex;
3768
3797
  align-items: center;
3769
- justify-content: center; }
3798
+ justify-content: center;
3799
+ background-color: var(--primary-main);
3800
+ border-color: var(--primary-main); }
3770
3801
  .mobile-bottom-bar .e-button:hover {
3771
3802
  cursor: pointer; }
3772
3803
  .mobile-bottom-bar .e-button svg {
@@ -4041,10 +4072,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
4041
4072
  width: 100%; } }
4042
4073
 
4043
4074
  .people-say {
4044
- display: flex;
4045
- flex-direction: column;
4046
- justify-content: flex-start;
4047
- align-items: center; }
4075
+ width: 100%;
4076
+ margin: 0 auto;
4077
+ text-align: center; }
4048
4078
  .people-say__title {
4049
4079
  font-family: Lora;
4050
4080
  font-size: 32px;
@@ -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
  }
@@ -1,5 +1,5 @@
1
1
  import { type TrustPilotProps } from '../../atoms/TrustPilot';
2
2
  export interface PeopleSayAboutUsSectionProps {
3
- title: string;
3
+ title?: string;
4
4
  contentTrustPilot: TrustPilotProps;
5
5
  }
@@ -4,3 +4,4 @@ declare const meta: Meta<typeof PeopleSayAboutUsSection>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof PeopleSayAboutUsSection>;
6
6
  export declare const Default: Story;
7
+ export declare const WithoutTitle: Story;
package/dist/index.d.ts CHANGED
@@ -149,8 +149,9 @@ declare const DialogMenuIcon: FC<DialogMenuIconProps>;
149
149
  interface DisclaimerProps {
150
150
  text?: string;
151
151
  disclaimerLinks?: boolean;
152
- environment?: string;
152
+ linksUrl?: string;
153
153
  givenClass?: string;
154
+ siteUrl?: string;
154
155
  }
155
156
 
156
157
  declare const Disclaimer: FC<DisclaimerProps>;
@@ -774,7 +775,7 @@ interface ExpertsSectionProps {
774
775
  declare const ExpertsSection: FC<ExpertsSectionProps>;
775
776
 
776
777
  interface PeopleSayAboutUsSectionProps {
777
- title: string;
778
+ title?: string;
778
779
  contentTrustPilot: TrustPilotProps;
779
780
  }
780
781
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "2.12.1",
3
+ "version": "2.12.4",
4
4
  "dependencies": {
5
5
  "@testing-library/jest-dom": "^5.16.5",
6
6
  "@tippyjs/react": "4.2.6",
@@ -1 +0,0 @@
1
- export declare const envVar = "lawdistrict.com";
@@ -1 +0,0 @@
1
- export declare const envVar = "lawdistrict.com";