@npm_leadtech/legal-lib-components 3.2.5 → 3.3.1

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

@@ -358,6 +358,27 @@ html[data-theme='lawdistrictonline'] {
         padding-top: 0;
         text-align: right; } }
 
+.bottom-overlay-menu {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 16px 24px;
+  background-color: var(--others-white);
+  box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
+  color: black; }
+  .bottom-overlay-menu .e-button {
+    width: 100%; }
+  .bottom-overlay-menu .e-searchselect {
+    width: 100%;
+    margin-bottom: 1rem; }
+  .bottom-overlay-menu .e-text {
+    width: 100%; }
+  .bottom-overlay-menu .desktop-radio-icons {
+    display: none; }
+  .bottom-overlay-menu ul li {
+    margin-bottom: 0; }
+
 .inline-list {
   display: flex;
   align-items: center; }
@@ -586,27 +607,6 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     transform: translate(-50%, 1rem);
     transition: all 0.3s ease; }
 
-.bottom-overlay-menu {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 16px 24px;
-  background-color: var(--others-white);
-  box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
-  color: black; }
-  .bottom-overlay-menu .e-button {
-    width: 100%; }
-  .bottom-overlay-menu .e-searchselect {
-    width: 100%;
-    margin-bottom: 1rem; }
-  .bottom-overlay-menu .e-text {
-    width: 100%; }
-  .bottom-overlay-menu .desktop-radio-icons {
-    display: none; }
-  .bottom-overlay-menu ul li {
-    margin-bottom: 0; }
-
 .marker {
   display: inline-block;
   margin-left: -10px; }
@@ -1957,6 +1957,63 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   display: block;
   background-color: var(--primary-main); }
 
+.separator {
+  background-color: var(--neutral-neutral-3);
+  border-bottom: 1px var(--neutral-neutral-3) solid;
+  display: none;
+  height: 70px;
+  padding-bottom: 40px;
+  width: 1px; }
+  @media (min-width: 960px) {
+    .separator {
+      margin: 0 32px; } }
+  @media (min-width: 575px) {
+    .separator {
+      display: flex; } }
+  @media (max-width: 575px) {
+    .separator {
+      margin: 19.2px 32px; } }
+
+.messi-version.bottom-side {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--neutral-neutral-4);
+  justify-content: center;
+  padding: 1rem 3rem; }
+  @media (min-width: 575px) {
+    .messi-version.bottom-side {
+      padding: 0;
+      flex-direction: row; } }
+  @media (min-width: 575px) {
+    .messi-version.bottom-side {
+      padding: 1rem 1rem; } }
+  .messi-version.bottom-side .box {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin: 0; }
+    @media (max-width: 575px) {
+      .messi-version.bottom-side .box {
+        margin: 0.4rem; } }
+    @media (min-width: 575px) {
+      .messi-version.bottom-side .box {
+        margin: 0 1rem; } }
+  .messi-version.bottom-side .item-image {
+    width: 2.5rem;
+    margin-right: 1rem; }
+    @media (max-width: 575px) {
+      .messi-version.bottom-side .item-image {
+        width: 1.5rem; } }
+    .messi-version.bottom-side .item-image .image {
+      width: 40px;
+      height: 40px; }
+      @media (max-width: 575px) {
+        .messi-version.bottom-side .item-image .image {
+          width: 24px;
+          height: 24px; } }
+  .messi-version.bottom-side .item-text {
+    font-size: 16px; }
+
 .info-box {
   border-radius: 4px;
   border: 1px solid;
@@ -2081,6 +2138,38 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border-radius: 5px;
   font-family: "Inter", sans-serif; }
 
+.message-information {
+  display: flex;
+  justify-content: center;
+  border-radius: 4px;
+  background: var(--secondary-main-light-4);
+  padding: 8px; }
+  @media (min-width: 960px) {
+    .message-information {
+      justify-content: flex-start; } }
+  .message-information.text-center {
+    justify-content: center; }
+  .message-information__icon {
+    width: 24px;
+    fill: var(--secondary-main-dark-1);
+    margin-right: 8px; }
+    .message-information__icon.hide {
+      display: none; }
+    .message-information__icon svg {
+      display: block; }
+  .message-information__text {
+    font-size: 0.875rem;
+    letter-spacing: -0.3px;
+    padding-top: 1px;
+    text-align: left; }
+    @media (min-width: 720px) {
+      .message-information__text {
+        text-align: center; } }
+    .message-information__text__time {
+      font-weight: 600; }
+      .message-information__text__time.regular {
+        font-weight: 400; }
+
 .more-docs-item {
   display: flex;
   flex-direction: row;
@@ -2748,6 +2837,39 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .width {
       width: 60%; } }
 
+.show-more-box {
+  display: flex;
+  padding: 1rem;
+  flex-direction: column;
+  gap: 1rem;
+  border-radius: 4px;
+  background: var(--neutral-neutral-5); }
+  .show-more-box .content {
+    color: var(--neutral-neutral-1);
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: -0.3px; }
+    .show-more-box .content.truncate {
+      display: -webkit-box;
+      -webkit-line-clamp: 4;
+      -webkit-box-orient: vertical;
+      overflow: hidden; }
+  .show-more-box .button {
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    cursor: pointer; }
+    .show-more-box .button div {
+      color: var(--primary-main-light-1);
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: -0.3px; }
+    .show-more-box .button svg {
+      width: 20px;
+      height: 20px; }
+      .show-more-box .button svg path {
+        fill: var(--primary-main-light-1); }
+
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
 .tippy-box {
   background-color: var(--others-white);
@@ -2847,39 +2969,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .sidemenu-tab--mobile svg g g use {
         fill: var(--neutral-neutral-2); }
 
-.show-more-box {
-  display: flex;
-  padding: 1rem;
-  flex-direction: column;
-  gap: 1rem;
-  border-radius: 4px;
-  background: var(--neutral-neutral-5); }
-  .show-more-box .content {
-    color: var(--neutral-neutral-1);
-    font-size: 12px;
-    line-height: 16px;
-    letter-spacing: -0.3px; }
-    .show-more-box .content.truncate {
-      display: -webkit-box;
-      -webkit-line-clamp: 4;
-      -webkit-box-orient: vertical;
-      overflow: hidden; }
-  .show-more-box .button {
-    display: flex;
-    align-items: center;
-    align-self: stretch;
-    cursor: pointer; }
-    .show-more-box .button div {
-      color: var(--primary-main-light-1);
-      font-size: 14px;
-      line-height: 18px;
-      letter-spacing: -0.3px; }
-    .show-more-box .button svg {
-      width: 20px;
-      height: 20px; }
-      .show-more-box .button svg path {
-        fill: var(--primary-main-light-1); }
-
 .e-spinner {
   animation: rotate 2s linear infinite;
   width: 24px;
@@ -3119,29 +3208,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .top-bar-mobile > b img {
       margin-right: 8px; }
 
-.wide-info-bar {
-  background-color: var(--neutral-neutral-6);
-  font-family: "Inter", sans-serif;
-  color: var(--neutral-neutral-1); }
-  .wide-info-bar.green {
-    background-color: var(--primary-main-light-6);
-    color: var(--primary-main-dark-1); }
-  .wide-info-bar__wrapper {
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: space-between;
-    max-width: 1200px;
-    margin: auto;
-    padding: 0.5rem 3.5rem 0.5rem 1.5rem; }
-    @media (min-width: 720px) {
-      .wide-info-bar__wrapper {
-        flex-flow: row;
-        font-size: 0.9rem;
-        padding: 1rem 1.5rem; } }
-    @media (min-width: 1200px) {
-      .wide-info-bar__wrapper {
-        padding: 0.5rem 2rem; } }
-
 .trustpilot {
   margin: auto;
   padding: 0 1rem; }
@@ -3175,37 +3241,28 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         .whyLawDistrictItems__item:first-child {
           margin-top: 0; } }
 
-.message-information {
-  display: flex;
-  justify-content: center;
-  border-radius: 4px;
-  background: var(--secondary-main-light-4);
-  padding: 8px; }
-  @media (min-width: 960px) {
-    .message-information {
-      justify-content: flex-start; } }
-  .message-information.text-center {
-    justify-content: center; }
-  .message-information__icon {
-    width: 24px;
-    fill: var(--secondary-main-dark-1);
-    margin-right: 8px; }
-    .message-information__icon.hide {
-      display: none; }
-    .message-information__icon svg {
-      display: block; }
-  .message-information__text {
-    font-size: 0.875rem;
-    letter-spacing: -0.3px;
-    padding-top: 1px;
-    text-align: left; }
+.wide-info-bar {
+  background-color: var(--neutral-neutral-6);
+  font-family: "Inter", sans-serif;
+  color: var(--neutral-neutral-1); }
+  .wide-info-bar.green {
+    background-color: var(--primary-main-light-6);
+    color: var(--primary-main-dark-1); }
+  .wide-info-bar__wrapper {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: space-between;
+    max-width: 1200px;
+    margin: auto;
+    padding: 0.5rem 3.5rem 0.5rem 1.5rem; }
     @media (min-width: 720px) {
-      .message-information__text {
-        text-align: center; } }
-    .message-information__text__time {
-      font-weight: 600; }
-      .message-information__text__time.regular {
-        font-weight: 400; }
+      .wide-info-bar__wrapper {
+        flex-flow: row;
+        font-size: 0.9rem;
+        padding: 1rem 1.5rem; } }
+    @media (min-width: 1200px) {
+      .wide-info-bar__wrapper {
+        padding: 0.5rem 2rem; } }
 
 .accordion__container {
   overflow: hidden;

package/dist/cjs/src/components/atoms/IconTextInfoSection/IconTextInfoSection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type IconTextInfoSectionProps } from './IconTextInfoSection.types';
+import './IconTextInfoSection.scss';
+export declare const IconTextInfoSection: React.FC<IconTextInfoSectionProps>;

package/dist/cjs/src/components/atoms/IconTextInfoSection/IconTextInfoSection.types.d.ts

@@ -0,0 +1,8 @@
+interface Items {
+    text: string;
+    src: string;
+}
+export interface IconTextInfoSectionProps {
+    items: Items[];
+}
+export {};

package/dist/cjs/src/components/atoms/IconTextInfoSection/index.d.ts

@@ -0,0 +1 @@
+export { IconTextInfoSection } from './IconTextInfoSection';

package/dist/cjs/src/components/atoms/index.d.ts

@@ -2,10 +2,10 @@ export * from './AddButton';
 export * from './BaseBox';
 export * from './BenefitRatafiaCard';
 export * from './BillCard';
+export * from './BottomOverlayMenu';
 export * from './BreadcrumItem';
 export * from './Button';
 export * from './ButtonIcon';
-export * from './BottomOverlayMenu';
 export * from './CardPane';
 export * from './Checkbox';
 export * from './DatePickerCustom';
@@ -20,12 +20,14 @@ export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
 export * from './IconSvgURLWithThemeColor';
+export * from './IconTextInfoSection';
 export * from './InfoBox';
 export * from './JumbotronStatic';
 export * from './Logo';
 export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
+export * from './MessageInformation';
 export * from './MoreDocsItem';
 export * from './NavMenuItem';
 export * from './PaypalButton';
@@ -36,8 +38,8 @@ export * from './RemoveButton';
 export * from './RichTextInner';
 export * from './RichTextStrapi';
 export * from './SearchSelect';
-export * from './SidemenuTab';
 export * from './ShowMoreBox';
+export * from './SidemenuTab';
 export * from './Spinner';
 export * from './StepRatafiaCard';
 export * from './Tagline';
@@ -47,7 +49,6 @@ export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
 export * from './TopBarMobile';
-export * from './WideInfoBar';
 export * from './TrustPilot';
 export * from './WhyLawDistrictItems';
-export * from './MessageInformation';
+export * from './WideInfoBar';