@npm_leadtech/legal-lib-components 5.2.8 → 5.2.10

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

@@ -1,72 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const MenuItemsStyled = styled.ul`
-  .menu-items {
-    &__spacing {
-      .menu-items__item:not(:last-child) {
-        margin-bottom: 0.5rem;
-      }
-    }
-
-    &__bullets {
-      list-style-position: inside;
-      list-style-type: disc;
-    }
-
-    &__item {
-      transition: background-color 0.3s ease;
-      border-radius: var(--global-border-radius);
-      padding: 0.25rem 0.5rem;
-
-      svg {
-        vertical-align: bottom;
-        width: 1.5rem;
-        margin-right: 0.5rem;
-
-        @media ${device['portrait-tablets']} {
-          width: 1rem;
-        }
-
-        > g > g {
-          fill: var(--neutral-neutral-1);
-        }
-
-        #color-bin {
-          fill: var(--neutral-neutral-1);
-        }
-      }
-
-      &.active {
-        color: var(--primary-main-light-1);
-        font-weight: 700;
-        background-color: var(--primary-main-light-5);
-      }
-
-      &.inactive {
-        color: var(--neutral-neutral-2);
-        font-weight: 400;
-      }
-
-      &.disabled {
-        color: var(--neutral-neutral-3);
-        svg > g > g {
-          fill: var(--neutral-neutral-3);
-        }
-      }
-
-      &:not(.disabled):hover {
-        background-color: var(--primary-main-light-5);
-        cursor: pointer;
-        svg > g > g {
-          transition: all 0.3s ease;
-          fill: var(--primary-main);
-        }
-      }
-
-      a {
-        display: flex;
-      }
-    }
-  }
-`

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

@@ -1 +0,0 @@
-export declare const MessageStyled: 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/Message/Message.styled.js

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-export const MessageStyled = styled.div `
-  &.e-message {
-    &-error {
-      box-shadow: 0 0 0 1px #d63837;
-      background-color: #ffecee;
-      padding: 10px;
-      color: #d63837;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-
-    &-success {
-      box-shadow: 0 0 0 1px #5aa900;
-      background-color: #e6ffe1;
-      padding: 10px;
-      color: #5aa900;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-
-    &-neutral {
-      box-shadow: 0 0 0 1px #beebe9;
-      background-color: #e1f2fb;
-      padding: 10px;
-      color: #2a8aeb;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-  }
-`;

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

@@ -1,32 +0,0 @@
-import styled from 'styled-components'
-
-export const MessageStyled = styled.div`
-  &.e-message {
-    &-error {
-      box-shadow: 0 0 0 1px #d63837;
-      background-color: #ffecee;
-      padding: 10px;
-      color: #d63837;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-
-    &-success {
-      box-shadow: 0 0 0 1px #5aa900;
-      background-color: #e6ffe1;
-      padding: 10px;
-      color: #5aa900;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-
-    &-neutral {
-      box-shadow: 0 0 0 1px #beebe9;
-      background-color: #e1f2fb;
-      padding: 10px;
-      color: #2a8aeb;
-      border-radius: 5px;
-      font-family: var(--font-sans);
-    }
-  }
-`

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

@@ -1 +0,0 @@
-export declare const MessageInformationStyled: 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/MessageInformation/MessageInformation.styled.js

@@ -1,53 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const MessageInformationStyled = styled.div `
-  display: flex;
-  justify-content: center;
-  border-radius: 4px;
-  background: var(--secondary-main-light-4);
-  padding: 8px;
-
-  &.message-information {
-    @media ${device.laptop} {
-      justify-content: flex-start;
-    }
-
-    &.text-center {
-      justify-content: center;
-    }
-  }
-  .message-information {
-    &__icon {
-      width: 24px;
-      fill: var(--secondary-main-dark-1);
-      margin-right: 8px;
-
-      &.hide {
-        display: none;
-      }
-
-      svg {
-        display: block;
-      }
-    }
-
-    &__text {
-      font-size: 0.875rem;
-      letter-spacing: -0.3px;
-      padding-top: 1px;
-      text-align: left;
-
-      @media ${device['landscape-tablets']} {
-        text-align: center;
-      }
-
-      &__time {
-        font-weight: 600;
-
-        &.regular {
-          font-weight: 400;
-        }
-      }
-    }
-  }
-`;

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

@@ -1,54 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const MessageInformationStyled = styled.div`
-  display: flex;
-  justify-content: center;
-  border-radius: 4px;
-  background: var(--secondary-main-light-4);
-  padding: 8px;
-
-  &.message-information {
-    @media ${device.laptop} {
-      justify-content: flex-start;
-    }
-
-    &.text-center {
-      justify-content: center;
-    }
-  }
-  .message-information {
-    &__icon {
-      width: 24px;
-      fill: var(--secondary-main-dark-1);
-      margin-right: 8px;
-
-      &.hide {
-        display: none;
-      }
-
-      svg {
-        display: block;
-      }
-    }
-
-    &__text {
-      font-size: 0.875rem;
-      letter-spacing: -0.3px;
-      padding-top: 1px;
-      text-align: left;
-
-      @media ${device['landscape-tablets']} {
-        text-align: center;
-      }
-
-      &__time {
-        font-weight: 600;
-
-        &.regular {
-          font-weight: 400;
-        }
-      }
-    }
-  }
-`

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

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

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

@@ -1,45 +0,0 @@
-import styled from 'styled-components';
-export const MoreDocsItemStyled = styled.a `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 8px;
-  gap: 10px;
-  border-radius: var(--global-border-radius);
-  text-decoration: none;
-
-  &:hover {
-    background-color: var(--primary-main-light-5);
-  }
-
-  &.more-docs-item {
-    .category-icon {
-      margin: 0 1rem 0 1.3rem;
-      svg {
-        fill: var(--primary-main);
-      }
-    }
-
-    .texts {
-      display: flex;
-      flex-direction: column;
-      gap: calc(1rem / 2);
-      text-align: left;
-      padding-left: 1rem;
-
-      .title {
-        line-height: 22px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-1);
-        padding-right: 0.5rem;
-      }
-
-      .description {
-        font-size: 12px;
-        line-height: 16px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-2);
-      }
-    }
-  }
-`;

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

@@ -1,46 +0,0 @@
-import styled from 'styled-components'
-
-export const MoreDocsItemStyled = styled.a`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 8px;
-  gap: 10px;
-  border-radius: var(--global-border-radius);
-  text-decoration: none;
-
-  &:hover {
-    background-color: var(--primary-main-light-5);
-  }
-
-  &.more-docs-item {
-    .category-icon {
-      margin: 0 1rem 0 1.3rem;
-      svg {
-        fill: var(--primary-main);
-      }
-    }
-
-    .texts {
-      display: flex;
-      flex-direction: column;
-      gap: calc(1rem / 2);
-      text-align: left;
-      padding-left: 1rem;
-
-      .title {
-        line-height: 22px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-1);
-        padding-right: 0.5rem;
-      }
-
-      .description {
-        font-size: 12px;
-        line-height: 16px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-2);
-      }
-    }
-  }
-`

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

@@ -1 +0,0 @@
-export declare const NavMenuItemStyled: 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/NavMenuItem/NavMenuItem.styled.js

@@ -1,63 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const NavMenuItemStyled = styled.div `
-  border-radius: var(--global-border-radius);
-  position: relative;
-  width: fit-content;
-
-  &.nav-menu-item:hover {
-    .nav-menu-item {
-      &__title {
-        &:after {
-          display: block;
-        }
-      }
-
-      &__list {
-        opacity: 1;
-        z-index: 11;
-        margin-top: 0.8rem;
-        visibility: visible;
-        transition: all 0.4s ease;
-      }
-    }
-  }
-
-  @media ${device.laptop} {
-    display: block;
-  }
-
-  .e-button {
-    display: flex;
-    flex-flow: row nowrap;
-    gap: 0.1rem;
-    padding: 0.25rem 0.5rem;
-    border: 0;
-  }
-
-  .nav-menu-item {
-    &__title {
-      position: relative;
-    }
-
-    &__list {
-      border-radius: var(--global-border-radius);
-      padding: 0.5rem;
-      margin-top: 0.5rem;
-      display: flex;
-      visibility: hidden;
-      opacity: 0;
-      background: var(--others-white);
-      transition: all 0.1s ease;
-      box-shadow: var(--box-shadow-medium);
-      min-width: max-content;
-      flex-flow: column wrap;
-      position: absolute;
-      left: 0;
-
-      &__item:hover {
-        background-color: var(--primary-main-light-5);
-      }
-    }
-  }
-`;

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

@@ -1,64 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const NavMenuItemStyled = styled.div`
-  border-radius: var(--global-border-radius);
-  position: relative;
-  width: fit-content;
-
-  &.nav-menu-item:hover {
-    .nav-menu-item {
-      &__title {
-        &:after {
-          display: block;
-        }
-      }
-
-      &__list {
-        opacity: 1;
-        z-index: 11;
-        margin-top: 0.8rem;
-        visibility: visible;
-        transition: all 0.4s ease;
-      }
-    }
-  }
-
-  @media ${device.laptop} {
-    display: block;
-  }
-
-  .e-button {
-    display: flex;
-    flex-flow: row nowrap;
-    gap: 0.1rem;
-    padding: 0.25rem 0.5rem;
-    border: 0;
-  }
-
-  .nav-menu-item {
-    &__title {
-      position: relative;
-    }
-
-    &__list {
-      border-radius: var(--global-border-radius);
-      padding: 0.5rem;
-      margin-top: 0.5rem;
-      display: flex;
-      visibility: hidden;
-      opacity: 0;
-      background: var(--others-white);
-      transition: all 0.1s ease;
-      box-shadow: var(--box-shadow-medium);
-      min-width: max-content;
-      flex-flow: column wrap;
-      position: absolute;
-      left: 0;
-
-      &__item:hover {
-        background-color: var(--primary-main-light-5);
-      }
-    }
-  }
-`

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

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

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

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-export const PaypalButtonStyled = styled.button `
-  padding: 0;
-  border: none;
-  cursor: pointer;
-`;

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

@@ -1,7 +0,0 @@
-import styled from 'styled-components'
-
-export const PaypalButtonStyled = styled.button`
-  padding: 0;
-  border: none;
-  cursor: pointer;
-`

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

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

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

@@ -1,58 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PopularDocsItemStyled = styled.a `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 24px 16px 24px 24px;
-  gap: calc(1rem * 2);
-  height: 6rem;
-  background: var(--others-white);
-  box-shadow: var(--box-shadow-container);
-  border-radius: var(--global-border-radius);
-  text-decoration: none;
-
-  &:hover {
-    background-color: var(--neutral-neutral-5);
-    cursor: pointer;
-
-    .icon-left svg .main-fill {
-      fill: var(--primary-main);
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    margin-left: 0.5rem;
-  }
-
-  .category-icon svg {
-    fill: var(--primary-main-dark-1);
-  }
-
-  .category-icon i {
-    background-color: var(--primary-main-dark-1);
-  }
-
-  .texts {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-    width: 100%;
-
-    .description {
-      color: var(--neutral-neutral-2);
-      font-size: 12px;
-      line-height: 1.33;
-      margin-top: 0.3rem;
-    }
-  }
-
-  .icon-left svg {
-    width: 40px;
-    height: 40px;
-
-    .main-fill {
-      fill: var(--neutral-neutral-4);
-    }
-  }
-`;

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

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

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

@@ -1,23 +0,0 @@
-import styled from 'styled-components';
-export const ProgressBarStyled = styled.section `
-  position: absolute;
-  width: 100%;
-  top: 5.25rem;
-  left: 0;
-  height: 0.25rem;
-
-  .progressbar {
-    height: 100%;
-    background: var(--primary-main);
-    transition: width 0.3s ease;
-    will-change: width;
-  }
-  .progressbar__remain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: var(--primary-main-light-5);
-    z-index: -1;
-    transform: translateY(-100%);
-  }
-`;

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

@@ -1,24 +0,0 @@
-import styled from 'styled-components'
-
-export const ProgressBarStyled = styled.section`
-  position: absolute;
-  width: 100%;
-  top: 5.25rem;
-  left: 0;
-  height: 0.25rem;
-
-  .progressbar {
-    height: 100%;
-    background: var(--primary-main);
-    transition: width 0.3s ease;
-    will-change: width;
-  }
-  .progressbar__remain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: var(--primary-main-light-5);
-    z-index: -1;
-    transform: translateY(-100%);
-  }
-`

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

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

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

@@ -1,43 +0,0 @@
-import styled from 'styled-components';
-export const RemoveButtonStyled = styled.section `
-  display: inline-block;
-
-  .e-removeButton {
-    &__inner {
-      display: inline-block;
-      margin-top: 1rem;
-      color: var(--error-main);
-
-      border-radius: var(--global-border-radius);
-      transition: all 0.3s ease;
-
-      label {
-        display: flex;
-        flex-basis: 100%;
-        align-items: center;
-        position: relative;
-        border: 1px solid var(--error-main);
-        border-radius: 4px;
-        cursor: pointer;
-        padding: 0.75rem 1rem;
-      }
-
-      &:hover {
-        background-color: var(--error-error-3);
-      }
-    }
-  }
-
-  input {
-    position: absolute;
-    left: -9999px;
-
-    &:checked + label {
-      border-radius: var(--global-border-radius);
-    }
-
-    & + label {
-      font-weight: bold;
-    }
-  }
-`;