@npm_leadtech/legal-lib-components 5.2.31 → 5.2.40

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.styled.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-export const TagRatafiaItemStyled = styled.div `
-  background: var(--primary-main-light-6);
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem 0.5rem;
-
-  .tag-ratafia-item {
-    &__icon {
-      height: 16px;
-      width: 16px;
-    }
-    &__description {
-      color: var(--primary-main-dark-2);
-    }
-  }
-`;

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.styled.ts

@@ -1,21 +0,0 @@
-import styled from 'styled-components'
-
-export const TagRatafiaItemStyled = styled.div`
-  background: var(--primary-main-light-6);
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem 0.5rem;
-
-  .tag-ratafia-item {
-    &__icon {
-      height: 16px;
-      width: 16px;
-    }
-    &__description {
-      color: var(--primary-main-dark-2);
-    }
-  }
-`

package/dist/src/components/atoms/Tagline/Tagline.styled.d.ts

@@ -1 +0,0 @@
-export declare const TaglineStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/Tagline/Tagline.styled.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-export const TaglineStyled = styled.div `
-  margin-bottom: 1rem;
-
-  .tagline {
-    &__text {
-      border-bottom: solid 1px var(--neutral-neutral-3);
-      color: var(--neutral-neutral-2);
-      display: inline-block;
-      font-family: var(--font-sans);
-      font-weight: bold;
-      letter-spacing: 0;
-      padding-bottom: 0.5rem;
-      text-transform: uppercase;
-    }
-  }
-`;

package/dist/src/components/atoms/Tagline/Tagline.styled.ts

@@ -1,18 +0,0 @@
-import styled from 'styled-components'
-
-export const TaglineStyled = styled.div`
-  margin-bottom: 1rem;
-
-  .tagline {
-    &__text {
-      border-bottom: solid 1px var(--neutral-neutral-3);
-      color: var(--neutral-neutral-2);
-      display: inline-block;
-      font-family: var(--font-sans);
-      font-weight: bold;
-      letter-spacing: 0;
-      padding-bottom: 0.5rem;
-      text-transform: uppercase;
-    }
-  }
-`

package/dist/src/components/atoms/TextArea/TextArea.styled.d.ts

@@ -1 +0,0 @@
-export declare const TextAreaStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/TextArea/TextArea.styled.js

@@ -1,106 +0,0 @@
-import styled from 'styled-components';
-export const TextAreaStyled = styled.div `
-  display: flex;
-  flex-direction: column-reverse;
-
-  &.--group-invalid {
-    input {
-      box-shadow: 0 0 0 2px var(--error-main);
-      background-color: var(--error-error-3);
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px var(--primary-main);
-        outline: none;
-        background-color: var(--neutral-neutral-6);
-      }
-    }
-  }
-
-  &.e-textarea {
-    &.--is-invalid {
-      .e-text--error {
-        display: flex;
-        align-content: center;
-        bottom: -1.5rem;
-        margin-top: 0.5rem;
-        color: var(--error-main);
-
-        img {
-          max-width: 20px;
-          margin-right: 0.25rem;
-        }
-      }
-
-      textarea {
-        box-shadow: 0 0 0 2px var(--error-main);
-        background-color: var(--error-error-3);
-
-        &:active,
-        &:focus {
-          box-shadow: 0 0 0 2px var(--primary-main);
-          outline: none;
-          background-color: var(--neutral-neutral-6);
-        }
-      }
-    }
-  }
-
-  &.e-textarea {
-    textarea {
-      color: var(--neutral-neutral-2);
-      background-color: var(--neutral-neutral-6);
-      border-radius: 4px;
-      padding: 0.75rem 0 0.75rem 0.75rem;
-      font-size: 0.875rem;
-      height: 10rem;
-      border: none;
-      text-overflow: ellipsis;
-      transition: box-shadow 0.3s ease;
-      box-shadow: 0 0 0 1px var(--neutral-neutral-3);
-      margin: 0.0005em;
-      outline: none;
-      resize: vertical;
-
-      &::placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &:-ms-input-placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &::-ms-input-placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &:hover {
-        box-shadow: 0 0 0 1px var(--neutral-neutral-2);
-      }
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px var(--primary-main);
-        outline: none;
-      }
-    }
-
-    .input-icon {
-      position: absolute;
-      transform: translate(-15%, -65%);
-      right: 0;
-      bottom: 0;
-    }
-
-    &__inner {
-      margin-bottom: 0;
-    }
-
-    .inputLabel {
-      font-weight: bold;
-    }
-    .tooltip-form {
-      margin-top: 0;
-    }
-  }
-`;

package/dist/src/components/atoms/TextArea/TextArea.styled.ts

@@ -1,107 +0,0 @@
-import styled from 'styled-components'
-
-export const TextAreaStyled = styled.div`
-  display: flex;
-  flex-direction: column-reverse;
-
-  &.--group-invalid {
-    input {
-      box-shadow: 0 0 0 2px var(--error-main);
-      background-color: var(--error-error-3);
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px var(--primary-main);
-        outline: none;
-        background-color: var(--neutral-neutral-6);
-      }
-    }
-  }
-
-  &.e-textarea {
-    &.--is-invalid {
-      .e-text--error {
-        display: flex;
-        align-content: center;
-        bottom: -1.5rem;
-        margin-top: 0.5rem;
-        color: var(--error-main);
-
-        img {
-          max-width: 20px;
-          margin-right: 0.25rem;
-        }
-      }
-
-      textarea {
-        box-shadow: 0 0 0 2px var(--error-main);
-        background-color: var(--error-error-3);
-
-        &:active,
-        &:focus {
-          box-shadow: 0 0 0 2px var(--primary-main);
-          outline: none;
-          background-color: var(--neutral-neutral-6);
-        }
-      }
-    }
-  }
-
-  &.e-textarea {
-    textarea {
-      color: var(--neutral-neutral-2);
-      background-color: var(--neutral-neutral-6);
-      border-radius: 4px;
-      padding: 0.75rem 0 0.75rem 0.75rem;
-      font-size: 0.875rem;
-      height: 10rem;
-      border: none;
-      text-overflow: ellipsis;
-      transition: box-shadow 0.3s ease;
-      box-shadow: 0 0 0 1px var(--neutral-neutral-3);
-      margin: 0.0005em;
-      outline: none;
-      resize: vertical;
-
-      &::placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &:-ms-input-placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &::-ms-input-placeholder {
-        color: var(--neutral-neutral-2);
-      }
-
-      &:hover {
-        box-shadow: 0 0 0 1px var(--neutral-neutral-2);
-      }
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px var(--primary-main);
-        outline: none;
-      }
-    }
-
-    .input-icon {
-      position: absolute;
-      transform: translate(-15%, -65%);
-      right: 0;
-      bottom: 0;
-    }
-
-    &__inner {
-      margin-bottom: 0;
-    }
-
-    .inputLabel {
-      font-weight: bold;
-    }
-    .tooltip-form {
-      margin-top: 0;
-    }
-  }
-`

package/dist/src/components/atoms/Toggle/Toggle.styled.d.ts

@@ -1 +0,0 @@
-export declare const ToggleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/Toggle/Toggle.styled.js

@@ -1,59 +0,0 @@
-import styled from 'styled-components';
-export const ToggleStyled = styled.div `
-  display: flex;
-  align-items: center;
-  color: get-color(others, black);
-
-  &.e-toggle {
-    .switch {
-      position: relative;
-      display: inline-block;
-      width: 60px;
-      height: 34px;
-      outline: none;
-    }
-
-    .switch input {
-      position: absolute;
-      top: -99999px;
-      left: -99999px;
-    }
-
-    .slider {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: #ccc;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 34px;
-    }
-
-    .slider:before {
-      position: absolute;
-      content: '';
-      height: 26px;
-      width: 26px;
-      left: 4px;
-      bottom: 4px;
-      background-color: var(--others-white);
-      transition: 0.4s;
-      border-radius: 50%;
-    }
-
-    input:checked + .slider {
-      background-color: green;
-    }
-
-    input:focus + .slider {
-      box-shadow: 0 0 1px green;
-    }
-
-    input:checked + .slider:before {
-      transform: translateX(26px);
-    }
-  }
-`;

package/dist/src/components/atoms/Toggle/Toggle.styled.ts

@@ -1,60 +0,0 @@
-import styled from 'styled-components'
-
-export const ToggleStyled = styled.div`
-  display: flex;
-  align-items: center;
-  color: get-color(others, black);
-
-  &.e-toggle {
-    .switch {
-      position: relative;
-      display: inline-block;
-      width: 60px;
-      height: 34px;
-      outline: none;
-    }
-
-    .switch input {
-      position: absolute;
-      top: -99999px;
-      left: -99999px;
-    }
-
-    .slider {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: #ccc;
-      -webkit-transition: 0.4s;
-      transition: 0.4s;
-      border-radius: 34px;
-    }
-
-    .slider:before {
-      position: absolute;
-      content: '';
-      height: 26px;
-      width: 26px;
-      left: 4px;
-      bottom: 4px;
-      background-color: var(--others-white);
-      transition: 0.4s;
-      border-radius: 50%;
-    }
-
-    input:checked + .slider {
-      background-color: green;
-    }
-
-    input:focus + .slider {
-      box-shadow: 0 0 1px green;
-    }
-
-    input:checked + .slider:before {
-      transform: translateX(26px);
-    }
-  }
-`

package/dist/src/components/atoms/TopBar/TopBar.styled.d.ts

@@ -1 +0,0 @@
-export declare const TopBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/TopBar/TopBar.styled.js

@@ -1,55 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TopBarStyled = styled.div `
-  display: none;
-  height: 35px;
-  overflow: hidden;
-  transition: all 0.6s ease;
-
-  &.top-bar-wrapper {
-    &.--is-hidden {
-      height: 0;
-    }
-
-    @media ${device['landscape-tablets']} {
-      display: block;
-    }
-    @media ${device.mobile} {
-      display: block;
-    }
-
-    .top-bar {
-      display: flex;
-      background-color: var(--neutral-neutral-6);
-      font-size: 0.9rem;
-      letter-spacing: -0.3px;
-      width: 100%;
-      height: 100%;
-      justify-content: center;
-      align-items: flex-end;
-      border: 1px solid var(--neutral-neutral-4);
-
-      @media ${device.mobile} {
-        align-items: center;
-      }
-
-      &-content {
-        margin: 0 1rem 5px;
-
-        @media ${device.mobile} {
-          margin: 0;
-        }
-
-        svg,
-        img {
-          vertical-align: middle;
-        }
-
-        img {
-          margin-right: 8px;
-          display: inherit;
-        }
-      }
-    }
-  }
-`;

package/dist/src/components/atoms/TopBar/TopBar.styled.ts

@@ -1,56 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const TopBarStyled = styled.div`
-  display: none;
-  height: 35px;
-  overflow: hidden;
-  transition: all 0.6s ease;
-
-  &.top-bar-wrapper {
-    &.--is-hidden {
-      height: 0;
-    }
-
-    @media ${device['landscape-tablets']} {
-      display: block;
-    }
-    @media ${device.mobile} {
-      display: block;
-    }
-
-    .top-bar {
-      display: flex;
-      background-color: var(--neutral-neutral-6);
-      font-size: 0.9rem;
-      letter-spacing: -0.3px;
-      width: 100%;
-      height: 100%;
-      justify-content: center;
-      align-items: flex-end;
-      border: 1px solid var(--neutral-neutral-4);
-
-      @media ${device.mobile} {
-        align-items: center;
-      }
-
-      &-content {
-        margin: 0 1rem 5px;
-
-        @media ${device.mobile} {
-          margin: 0;
-        }
-
-        svg,
-        img {
-          vertical-align: middle;
-        }
-
-        img {
-          margin-right: 8px;
-          display: inherit;
-        }
-      }
-    }
-  }
-`

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.d.ts

@@ -1 +0,0 @@
-export declare const TopBarMobileStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.js

@@ -1,49 +0,0 @@
-import styled from 'styled-components';
-export const TopBarMobileStyled = styled.div `
-  background-color: var(--neutral-neutral-5);
-  display: flex;
-  padding: 8px 16px;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 4px;
-  box-shadow: var(--box-shadow-container);
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.3px;
-  position: fixed;
-  top: 8px;
-  left: 8px;
-  right: 8px;
-
-  &.top-bar-mobile {
-    &.fade-In {
-      visibility: visible;
-      opacity: 1;
-      transition:
-        visibility 0s linear 0s,
-        opacity 300ms;
-    }
-
-    &.fade-Out {
-      visibility: hidden;
-      opacity: 0;
-      transition:
-        visibility 0s linear 300ms,
-        opacity 300ms;
-    }
-
-    > b {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      a {
-        display: contents;
-      }
-
-      img {
-        margin-right: 8px;
-      }
-    }
-  }
-`;

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.ts

@@ -1,50 +0,0 @@
-import styled from 'styled-components'
-
-export const TopBarMobileStyled = styled.div`
-  background-color: var(--neutral-neutral-5);
-  display: flex;
-  padding: 8px 16px;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 4px;
-  box-shadow: var(--box-shadow-container);
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.3px;
-  position: fixed;
-  top: 8px;
-  left: 8px;
-  right: 8px;
-
-  &.top-bar-mobile {
-    &.fade-In {
-      visibility: visible;
-      opacity: 1;
-      transition:
-        visibility 0s linear 0s,
-        opacity 300ms;
-    }
-
-    &.fade-Out {
-      visibility: hidden;
-      opacity: 0;
-      transition:
-        visibility 0s linear 300ms,
-        opacity 300ms;
-    }
-
-    > b {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      a {
-        display: contents;
-      }
-
-      img {
-        margin-right: 8px;
-      }
-    }
-  }
-`

package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.d.ts

@@ -1 +0,0 @@
-export declare const TrustPilotStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.js

@@ -1,12 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TrustPilotStyled = styled.div `
-  margin: auto;
-  padding: 0 1rem;
-
-  &.trustpilot {
-    @media ${device['landscape-tablets']} {
-      margin: 3rem auto;
-    }
-  }
-`;

package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.ts

@@ -1,13 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const TrustPilotStyled = styled.div`
-  margin: auto;
-  padding: 0 1rem;
-
-  &.trustpilot {
-    @media ${device['landscape-tablets']} {
-      margin: 3rem auto;
-    }
-  }
-`

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.d.ts

@@ -1 +0,0 @@
-export declare const WhyLawDistrictItemsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;