@npm_leadtech/legal-lib-components 2.11.18 → 2.11.19

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%;
@@ -3759,7 +3788,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
3759
3788
  outline: none;
3760
3789
  display: flex;
3761
3790
  align-items: center;
3762
- justify-content: center; }
3791
+ justify-content: center;
3792
+ background-color: var(--primary-main);
3793
+ border-color: var(--primary-main); }
3763
3794
  .mobile-bottom-bar .e-button:hover {
3764
3795
  cursor: pointer; }
3765
3796
  .mobile-bottom-bar .e-button svg {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "2.11.18",
3
+ "version": "2.11.19",
4
4
  "dependencies": {
5
5
  "@testing-library/jest-dom": "^5.16.5",
6
6
  "@tippyjs/react": "4.2.6",