@npm_leadtech/legal-lib-components 2.21.6 → 2.22.0

package/dist/esm/legal-lib-components.css

@@ -232,7 +232,7 @@ html[data-theme='lawdistrictonline'] {
 .e-addButton {
   display: inline-block; }
   .e-addButton .tooltip {
-    margin-top: .5rem; }
+    margin-top: 0.5rem; }
   .e-addButton label:first-child {
     font-weight: bold; }
   .e-addButton__inner {
@@ -240,7 +240,7 @@ html[data-theme='lawdistrictonline'] {
     margin-top: 1rem;
     color: var(--primary-main);
     border-radius: 4px;
-    transition: all .3s ease;
+    transition: all 0.3s ease;
     font-weight: bold; }
     .e-addButton__inner label:hover {
       background-color: var(--primary-main-light-4); }
@@ -252,7 +252,7 @@ html[data-theme='lawdistrictonline'] {
       border: 1px solid var(--primary-main);
       border-radius: 4px;
       cursor: pointer;
-      padding: .75rem 1rem;
+      padding: 0.75rem 1rem;
       margin-right: 1rem; }
   .e-addButton input {
     position: absolute;
@@ -324,7 +324,8 @@ html[data-theme='lawdistrictonline'] {
   align-items: center; }
   .inline-list .chevron-right24px > g > g {
     fill: var(--primary-main-light-1); }
-  .inline-list a, .inline-list span {
+  .inline-list a,
+  .inline-list span {
     color: var(--primary-main-light-1);
     font-weight: 700;
     font-size: 12px;
@@ -522,7 +523,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   border: 1px solid var(--neutral-neutral-4);
   display: inline-flex;
   padding: 0.1875rem;
-  transition: all .3s ease;
+  transition: all 0.3s ease;
   position: relative;
   cursor: pointer; }
   .button-icon--disabled {
@@ -545,7 +546,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     opacity: 0;
     visibility: hidden;
     transform: translate(-50%, 1rem);
-    transition: all .3s ease; }
+    transition: all 0.3s ease; }
 
 .bottom-overlay-menu {
   display: flex;
@@ -662,7 +663,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   justify-content: flex-end;
   position: relative;
   font-size: 1rem;
-  margin-bottom: .5rem; }
+  margin-bottom: 0.5rem; }
   .e-checkbox-wrapper {
     display: flex;
     flex-flow: row nowrap; }
@@ -682,10 +683,10 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     margin-right: 1.5rem; }
     .e-checkbox input:not(:checked) + label span,
     .e-checkbox input:checked + label span {
-      margin-left: .5rem; }
+      margin-left: 0.5rem; }
     .e-checkbox input:not(:checked) + label:before,
     .e-checkbox input:checked + label:before {
-      content: "";
+      content: '';
       background-color: var(--others-white);
       border: 1px solid var(--neutral-main);
       left: 1px;
@@ -697,7 +698,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     .e-checkbox input:not(:checked) + label:after,
     .e-checkbox input:checked + label:after {
       background-color: currentColor;
-      content: "";
+      content: '';
       padding: 0 0.5em;
       margin: 0 0.125rem;
       -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");
@@ -717,7 +718,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     opacity: 0;
     transform: scale(0);
     top: 3px;
-    left: .25rem; }
+    left: 0.25rem; }
   .e-checkbox input:not(:checked) + label:hover:before {
     background-color: var(--primary-main-light-5); }
   .e-checkbox input:checked + label:after {
@@ -1064,7 +1065,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + (1.7rem / 2));
+  height: calc(195px + 1.7rem / 2);
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -1107,20 +1108,37 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
 }
-.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
+.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
+.react-datepicker__week-number--keyboard-selected):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
-
-.react-datepicker__day-names,
-.react-datepicker__week {
-  white-space: nowrap;
+.react-datepicker__week-number--selected {
+  border-radius: 0.3rem;
+  background-color: #216ba5;
+  color: #fff;
+}
+.react-datepicker__week-number--selected:hover {
+  background-color: #1d5d90;
+}
+.react-datepicker__week-number--keyboard-selected {
+  border-radius: 0.3rem;
+  background-color: #2a87d0;
+  color: #fff;
+}
+.react-datepicker__week-number--keyboard-selected:hover {
+  background-color: #1d5d90;
 }
 
 .react-datepicker__day-names {
+  white-space: nowrap;
   margin-bottom: -8px;
 }
 
+.react-datepicker__week {
+  white-space: nowrap;
+}
+
 .react-datepicker__day-name,
 .react-datepicker__day,
 .react-datepicker__time-name {
@@ -1177,6 +1195,45 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__year-text--highlighted-custom-2 {
   color: green;
 }
+.react-datepicker__day--holidays,
+.react-datepicker__month-text--holidays,
+.react-datepicker__quarter-text--holidays,
+.react-datepicker__year-text--holidays {
+  position: relative;
+  border-radius: 0.3rem;
+  background-color: #ff6803;
+  color: #fff;
+}
+.react-datepicker__day--holidays .holiday-overlay,
+.react-datepicker__month-text--holidays .holiday-overlay,
+.react-datepicker__quarter-text--holidays .holiday-overlay,
+.react-datepicker__year-text--holidays .holiday-overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
+}
+.react-datepicker__day--holidays:hover,
+.react-datepicker__month-text--holidays:hover,
+.react-datepicker__quarter-text--holidays:hover,
+.react-datepicker__year-text--holidays:hover {
+  background-color: #cf5300;
+}
+.react-datepicker__day--holidays:hover .holiday-overlay,
+.react-datepicker__month-text--holidays:hover .holiday-overlay,
+.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
+.react-datepicker__year-text--holidays:hover .holiday-overlay {
+  visibility: visible;
+  opacity: 1;
+}
 .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
 .react-datepicker__month-text--selected,
 .react-datepicker__month-text--in-selecting-range,
@@ -1291,6 +1348,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__input-container .react-datepicker__calendar-icon {
   position: absolute;
   padding: 0.5rem;
+  box-sizing: content-box;
 }
 
 .react-datepicker__view-calendar-icon input {
@@ -1516,13 +1574,13 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     background-color: var(--neutral-neutral-4);
     height: 40px;
     width: 100%;
-    padding: .75rem 0 .75rem .75rem;
+    padding: 0.75rem 0 0.75rem 0.75rem;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBza2V0Y2h0b29sIDYwICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPjNEODAzNjU0LUI3NjEtNEZEQy05MThDLTc1QzUwMjdEODcyMDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik0yMiwzIEwxOSwzIEwxOSwxIEwxNywxIEwxNywzIEw3LDMgTDcsMSBMNSwxIEw1LDMgTDIsMyBMMiwyMyBMMjIsMjMgTDIyLDMgWiBNMjAsMjEgTDQsMjEgTDQsOCBMMjAsOCBMMjAsMjEgWiIgaWQ9InBhdGgtMSIvPjwvZGVmcz48ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24vbmF2aWdhdGlvbi9leHBhbmRfbW9yZV8yNHB4LWljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxnIGlkPSLihrMtQ29sb3ItY29sb3ItLy1JY29ucy0vLUJsYWNrLS8tSW5hY3RpdmUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzQzNDM0MyI+PHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
     background-position: 95% 50%;
     background-repeat: no-repeat;
-    transition: box-shadow .3s ease;
+    transition: box-shadow 0.3s ease;
     box-shadow: 0 0 0 0 var(--primary-main-light-4);
-    margin: .0005em;
+    margin: 0.0005em;
     border: none; }
     .e-datepicker .react-datepicker__input-container input:focus {
       outline: none;
@@ -1537,7 +1595,7 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     vertical-align: middle;
     display: table-cell;
     line-height: 1.7rem; }
-  .e-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
+  .e-datepicker .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::after {
     border-bottom-color: var(--others-white); }
   .e-datepicker .react-datepicker__day--selected {
     background-color: var(--primary-main-light-2);
@@ -1694,8 +1752,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   flex-flow: row wrap;
   align-items: center;
   align-self: center;
-  padding: 0.125rem .5rem 0.125rem .25rem;
-  margin-right: .5rem;
+  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
+  margin-right: 0.5rem;
   width: 7.36rem; }
   @media (min-width: 960px) {
     .document-status {
@@ -1706,7 +1764,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .document-status span {
     font-weight: bold; }
   .document-status .icon {
-    margin-right: .25rem; }
+    margin-right: 0.25rem; }
   .document-status.--is-completed {
     background-color: var(--primary-main-light-5);
     border-color: var(--primary-main-light-3);
@@ -1777,10 +1835,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   position: relative;
   cursor: default; }
   .form-faq::before {
-    content: "\2022";
+    content: '\2022';
     color: var(--secondary-main-dark-2);
-    margin-right: .25rem;
-    margin-top: .2rem; }
+    margin-right: 0.25rem;
+    margin-top: 0.2rem; }
   .form-faq__container {
     padding-top: 0.25rem; }
     @media (hover: hover) {
@@ -1970,12 +2028,12 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   width: 100%;
   top: 5.25rem;
   left: 0;
-  height: .25rem; }
+  height: 0.25rem; }
 
 .progressbar {
   height: 100%;
   background: var(--primary-main);
-  transition: width .3s ease;
+  transition: width 0.3s ease;
   will-change: width; }
 
 .progressbar__remain {
@@ -2001,7 +2059,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     margin-top: 2rem;
     margin-bottom: 1rem; }
     .e-radio.--regular .e-radio__inner label {
-      margin-bottom: .25rem;
+      margin-bottom: 0.25rem;
       flex-basis: 100%;
       display: flex;
       align-items: center;
@@ -2021,7 +2079,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--primary-main);
       text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main); }
       .e-radio.--regular input:checked + label:before {
-        content: "";
+        content: '';
         position: absolute;
         top: 2px;
         left: -23px;
@@ -2032,24 +2090,24 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         border-radius: 50%;
         box-sizing: border-box; }
       .e-radio.--regular input:checked + label:after {
-        content: "";
+        content: '';
         position: absolute;
-        top: .5rem;
+        top: 0.5rem;
         left: -17px;
         display: block;
-        height: .5rem;
-        width: .5rem;
+        height: 0.5rem;
+        width: 0.5rem;
         background: currentColor;
         border-radius: 50%;
         opacity: 1;
         transform: scale(1);
         color: #fff;
-        transition: all .1s; }
+        transition: all 0.1s; }
     .e-radio.--regular input + label {
       cursor: pointer;
       font-size: 16px; }
       .e-radio.--regular input + label:before {
-        content: "";
+        content: '';
         position: absolute;
         left: -23px;
         top: 2px;
@@ -2061,17 +2119,17 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         box-sizing: border-box; }
       .e-radio.--regular input + label:after {
         position: absolute;
-        top: .5rem;
+        top: 0.5rem;
         left: -17px;
         display: block;
-        height: .5rem;
-        width: .5rem;
+        height: 0.5rem;
+        width: 0.5rem;
         opacity: 0;
         transform: scale(0);
         color: var(--others-white);
-        transition: all .1s;
-        content: "";
-        bottom: .5rem;
+        transition: all 0.1s;
+        content: '';
+        bottom: 0.5rem;
         border-radius: 50%; } }
 
 @media (min-width: 575px) {
@@ -2083,7 +2141,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     margin-top: 2rem;
     margin-bottom: 1rem; }
     .e-radio.--regular:not(.--icons) .e-radio__inner label {
-      margin-bottom: .25rem;
+      margin-bottom: 0.25rem;
       flex-basis: 100%;
       display: flex;
       align-items: center;
@@ -2103,7 +2161,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--primary-main);
       text-shadow: -0.02ex 0 var(--primary-main), 0.02ex 0 var(--primary-main); }
       .e-radio.--regular:not(.--icons) input:checked + label:before {
-        content: "";
+        content: '';
         position: absolute;
         top: 2px;
         left: -23px;
@@ -2114,24 +2172,24 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         border-radius: 50%;
         box-sizing: border-box; }
       .e-radio.--regular:not(.--icons) input:checked + label:after {
-        content: "";
+        content: '';
         position: absolute;
-        top: .5rem;
+        top: 0.5rem;
         left: -17px;
         display: block;
-        height: .5rem;
-        width: .5rem;
+        height: 0.5rem;
+        width: 0.5rem;
         background: currentColor;
         border-radius: 50%;
         opacity: 1;
         transform: scale(1);
         color: #fff;
-        transition: all .1s; }
+        transition: all 0.1s; }
     .e-radio.--regular:not(.--icons) input + label {
       cursor: pointer;
       font-size: 16px; }
       .e-radio.--regular:not(.--icons) input + label:before {
-        content: "";
+        content: '';
         position: absolute;
         left: -23px;
         top: 2px;
@@ -2143,17 +2201,17 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         box-sizing: border-box; }
       .e-radio.--regular:not(.--icons) input + label:after {
         position: absolute;
-        top: .5rem;
+        top: 0.5rem;
         left: -17px;
         display: block;
-        height: .5rem;
-        width: .5rem;
+        height: 0.5rem;
+        width: 0.5rem;
         opacity: 0;
         transform: scale(0);
         color: var(--others-white);
-        transition: all .1s;
-        content: "";
-        bottom: .5rem;
+        transition: all 0.1s;
+        content: '';
+        bottom: 0.5rem;
         border-radius: 50%; } }
 
 @media (max-width: 575px) {
@@ -2166,7 +2224,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     border: 1px solid var(--neutral-neutral-3);
     background: var(--neutral-neutral-6);
     border-radius: 4px;
-    transition: all .3s ease; }
+    transition: all 0.3s ease; }
     .e-radio.--tabs .e-radio__inner .e-radio-label {
       width: 100%;
       display: flex;
@@ -2181,7 +2239,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .e-radio.--tabs input + label {
       cursor: pointer;
       font-size: 14px;
-      transition: all .3s ease; }
+      transition: all 0.3s ease; }
       .e-radio.--tabs input + label:hover {
         background: var(--neutral-neutral-4); }
     .e-radio.--tabs input:checked + label {
@@ -2189,7 +2247,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--others-white);
       width: 100%;
       cursor: pointer;
-      transition: all .3s ease;
+      transition: all 0.3s ease;
       background-color: var(--primary-main);
       text-align: center;
       padding: 10px; }
@@ -2214,7 +2272,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     border: 1px solid var(--neutral-neutral-3);
     background: var(--neutral-neutral-6);
     border-radius: 4px;
-    transition: all .3s ease; }
+    transition: all 0.3s ease; }
     .e-radio.--tabs:not(.--icons) .e-radio__inner .e-radio-label {
       width: 100%;
       display: flex;
@@ -2229,7 +2287,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .e-radio.--tabs:not(.--icons) input + label {
       cursor: pointer;
       font-size: 14px;
-      transition: all .3s ease; }
+      transition: all 0.3s ease; }
       .e-radio.--tabs:not(.--icons) input + label:hover {
         background: var(--neutral-neutral-4); }
     .e-radio.--tabs:not(.--icons) input:checked + label {
@@ -2237,7 +2295,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--others-white);
       width: 100%;
       cursor: pointer;
-      transition: all .3s ease;
+      transition: all 0.3s ease;
       background-color: var(--primary-main);
       text-align: center;
       padding: 10px; }
@@ -2270,7 +2328,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     border-radius: 4px;
     border-color: var(--neutral-neutral-4);
     cursor: pointer; }
-  .e-radio.--icons .radio-item-container:not(:nth-child(2n+0)) {
+  .e-radio.--icons .radio-item-container:not(:nth-child(2n + 0)) {
     margin-right: 0.5rem; }
   .e-radio.--icons .radio-item-input {
     position: absolute;
@@ -2305,7 +2363,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 
 .e-radio.radio--small.--tabs input + label {
   font-size: 0.875rem;
-  padding: .75rem; }
+  padding: 0.75rem; }
 
 .e-radio.radio--small.--tabs .e-radio__inner {
   margin-top: 0;
@@ -2323,7 +2381,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 .e-radio.--regular.radio--regular--bare .e-radio-label,
 .e-radio.--regular.radio--regular--bare .e-radio-label__label {
   display: block;
-  margin-bottom: .75rem; }
+  margin-bottom: 0.75rem; }
 
 .e-removeButton {
   display: inline-block; }
@@ -2332,7 +2390,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     margin-top: 1rem;
     color: var(--error-main);
     border-radius: 4px;
-    transition: all .3s ease; }
+    transition: all 0.3s ease; }
     .e-removeButton__inner label {
       display: flex;
       flex-basis: 100%;
@@ -2341,7 +2399,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       border: 1px solid var(--error-main);
       border-radius: 4px;
       cursor: pointer;
-      padding: .75rem 1rem; }
+      padding: 0.75rem 1rem; }
     .e-removeButton__inner:hover {
       background-color: var(--error-error-3); }
   .e-removeButton input {
@@ -2539,7 +2597,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     font-size: 12px;
     box-shadow: none; }
     .tippy-box--inverted .tippy-content {
-      padding: .75rem;
+      padding: 0.75rem;
       white-space: pre-line; }
     .tippy-box--inverted .tippy-arrow {
       color: var(--neutral-neutral-1); }
@@ -2643,14 +2701,14 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     color: var(--neutral-neutral-2);
     background-color: var(--neutral-neutral-6);
     border-radius: 4px;
-    padding: .75rem 0 .75rem .75rem;
-    font-size: .875rem;
+    padding: 0.75rem 0 0.75rem 0.75rem;
+    font-size: 0.875rem;
     height: 10rem;
     border: none;
     text-overflow: ellipsis;
-    transition: box-shadow .3s ease;
+    transition: box-shadow 0.3s ease;
     box-shadow: 0 0 0 1px var(--neutral-neutral-3);
-    margin: .0005em;
+    margin: 0.0005em;
     outline: none;
     resize: vertical; }
     .e-textarea textarea::placeholder {
@@ -2675,11 +2733,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     display: flex;
     align-content: center;
     bottom: -1.5rem;
-    margin-top: .5rem;
+    margin-top: 0.5rem;
     color: var(--error-main); }
     .e-textarea.--is-invalid .e-text--error img {
       max-width: 20px;
-      margin-right: .25rem; }
+      margin-right: 0.25rem; }
   .e-textarea.--is-invalid textarea {
     box-shadow: 0 0 0 2px var(--error-main);
     background-color: var(--error-error-3); }
@@ -2770,7 +2828,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       @media (max-width: 575px) {
         .top-bar-wrapper .top-bar-content {
           margin: 0; } }
-      .top-bar-wrapper .top-bar-content svg, .top-bar-wrapper .top-bar-content img {
+      .top-bar-wrapper .top-bar-content svg,
+      .top-bar-wrapper .top-bar-content img {
         vertical-align: middle; }
       .top-bar-wrapper .top-bar-content img {
         margin-right: 8px;
@@ -2918,7 +2977,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .article .information .title {
       font-weight: bold; }
     .article .information .summary {
-      color: #6D7275;
+      color: #6d7275;
       margin: 0.5rem 0;
       display: -webkit-box;
       -webkit-line-clamp: 5;
@@ -3789,21 +3848,21 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border: 1px solid var(--neutral-neutral-4);
   display: flex;
   padding: 0.1875rem;
-  margin-right: .5rem;
-  transition: all .3s ease;
+  margin-right: 0.5rem;
+  transition: all 0.3s ease;
   position: relative;
   cursor: pointer; }
   .tooltip-menu__item span {
     position: absolute;
     color: var(--neutral-neutral-2);
     bottom: -1.25rem;
-    left: -.25rem;
+    left: -0.25rem;
     right: 0;
     margin: 0 auto;
     opacity: 0;
     visibility: hidden;
     transform: translateY(1rem);
-    transition: all .3s ease; }
+    transition: all 0.3s ease; }
   .tooltip-menu__item.--is-open {
     background-color: var(--primary-main-light-5); }
   .tooltip-menu__item:hover {
@@ -3875,7 +3934,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
           @media (min-width: 720px) {
             .free-doc-modal-content .right-container .info-box__button-box .button {
               width: auto; } }
-        .free-doc-modal-content .right-container .info-box__button-box button, .free-doc-modal-content .right-container .info-box__button-box a {
+        .free-doc-modal-content .right-container .info-box__button-box button,
+        .free-doc-modal-content .right-container .info-box__button-box a {
           min-height: 2.5rem;
           width: 100%;
           display: block; }
@@ -3980,7 +4040,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     display: flex; }
   .mobile-bottom-bar .e-button {
     max-height: 2.8rem;
-    margin: 0 0.50rem;
+    margin: 0 0.5rem;
     width: 2.75rem;
     min-width: 2.75rem;
     padding: 0;
@@ -4040,7 +4100,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .as-see-in-content__text {
     justify-content: center;
     text-align: center; }
-    .as-see-in-content__text #articles, .as-see-in-content__text #legal-documents {
+    .as-see-in-content__text #articles,
+    .as-see-in-content__text #legal-documents {
       color: var(--primary-main-light-1);
       font-weight: 400; }
     .as-see-in-content__text a {

package/dist/esm/src/components/molecules/BottomOverlay/BottomOverlayProps.types.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export interface BottomOverlayProps {
     givenClass?: string;
     header?: any;
     body?: any;
-    footer?: any;
+    footer?: React.ReactNode;
     open?: boolean;
     onClose?: () => void;
 }

package/dist/esm/src/figma/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -506,7 +506,7 @@ interface BottomOverlayProps {
     givenClass?: string;
     header?: any;
     body?: any;
-    footer?: any;
+    footer?: React.ReactNode;
     open?: boolean;
     onClose?: () => void;
 }
@@ -884,4 +884,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, ContinueEditingBanner, ContinueEditingBannerProps, CountDownMessage, CountDownMessageProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, FreeDocModalContent, FreeDocModalContentProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, LatestApplication, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, MessageInformationProps, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
+export { AboutUsContent, type AboutUsContentProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContinueEditingBanner, type ContinueEditingBannerProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, type LatestApplication, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };