@npm_leadtech/legal-lib-components 5.2.31 → 5.2.40

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

@@ -1,59 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const BillCardStyled = styled.div `
-  background-color: var(--neutral-neutral-6);
-  border: 1px solid var(--neutral-neutral-4);
-  border-radius: var(--global-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding: 1rem 1rem;
-
-  @media ${device['portrait-tablets']} {
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0.5rem 1.5rem;
-  }
-
-  &.bill-card {
-    .date-price {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-      border-bottom: 1px solid var(--neutral-neutral-4);
-      padding-bottom: 1rem;
-      @media ${device['portrait-tablets']} {
-        padding-bottom: 0;
-        justify-content: left;
-        border-bottom: none;
-      }
-    }
-
-    .date-price__left {
-      @media ${device['portrait-tablets']} {
-        padding: 0.2rem 1rem 0.2rem 0;
-        border-right: 1px solid var(--neutral-neutral-4);
-      }
-      @media ${device['landscape-tablets']} {
-        padding: 0.2rem 1.5rem 0.2rem 0;
-      }
-    }
-
-    .date-price__right {
-      margin-left: 1rem;
-      @media ${device['landscape-tablets']} {
-        margin-left: 1.5rem;
-      }
-    }
-
-    .annual-plan {
-      text-align: left;
-      padding-top: 1rem;
-      @media ${device['portrait-tablets']} {
-        padding-top: 0;
-        text-align: right;
-      }
-    }
-  }
-`;

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

@@ -1,60 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const BillCardStyled = styled.div`
-  background-color: var(--neutral-neutral-6);
-  border: 1px solid var(--neutral-neutral-4);
-  border-radius: var(--global-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding: 1rem 1rem;
-
-  @media ${device['portrait-tablets']} {
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0.5rem 1.5rem;
-  }
-
-  &.bill-card {
-    .date-price {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-      border-bottom: 1px solid var(--neutral-neutral-4);
-      padding-bottom: 1rem;
-      @media ${device['portrait-tablets']} {
-        padding-bottom: 0;
-        justify-content: left;
-        border-bottom: none;
-      }
-    }
-
-    .date-price__left {
-      @media ${device['portrait-tablets']} {
-        padding: 0.2rem 1rem 0.2rem 0;
-        border-right: 1px solid var(--neutral-neutral-4);
-      }
-      @media ${device['landscape-tablets']} {
-        padding: 0.2rem 1.5rem 0.2rem 0;
-      }
-    }
-
-    .date-price__right {
-      margin-left: 1rem;
-      @media ${device['landscape-tablets']} {
-        margin-left: 1.5rem;
-      }
-    }
-
-    .annual-plan {
-      text-align: left;
-      padding-top: 1rem;
-      @media ${device['portrait-tablets']} {
-        padding-top: 0;
-        text-align: right;
-      }
-    }
-  }
-`

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

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

@@ -1,34 +0,0 @@
-import styled from 'styled-components';
-export const BottomOverlayMenuStyled = styled.div `
-  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%;
-    }
-
-    .e-searchselect {
-      width: 100%;
-      margin-bottom: 1rem;
-    }
-
-    .e-text {
-      width: 100%;
-    }
-
-    .desktop-radio-icons {
-      display: none;
-    }
-
-    ul li {
-      margin-bottom: 0;
-    }
-  }
-`;

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

@@ -1,35 +0,0 @@
-import styled from 'styled-components'
-
-export const BottomOverlayMenuStyled = styled.div`
-  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%;
-    }
-
-    .e-searchselect {
-      width: 100%;
-      margin-bottom: 1rem;
-    }
-
-    .e-text {
-      width: 100%;
-    }
-
-    .desktop-radio-icons {
-      display: none;
-    }
-
-    ul li {
-      margin-bottom: 0;
-    }
-  }
-`

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

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

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

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-export const BreadcrumItemStyled = styled.li `
-  display: flex;
-  align-items: center;
-
-  &.inline-list {
-    .chevron-right24px {
-      > g > g {
-        fill: var(--primary-main-light-1);
-      }
-    }
-
-    a,
-    span {
-      color: var(--primary-main-light-1);
-      font-weight: 700;
-      font-size: 12px;
-      line-height: 16px;
-      letter-spacing: -0.3px;
-    }
-  }
-`;

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

@@ -1,23 +0,0 @@
-import styled from 'styled-components'
-
-export const BreadcrumItemStyled = styled.li`
-  display: flex;
-  align-items: center;
-
-  &.inline-list {
-    .chevron-right24px {
-      > g > g {
-        fill: var(--primary-main-light-1);
-      }
-    }
-
-    a,
-    span {
-      color: var(--primary-main-light-1);
-      font-weight: 700;
-      font-size: 12px;
-      line-height: 16px;
-      letter-spacing: -0.3px;
-    }
-  }
-`

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

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

@@ -1,109 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const CardPaneStyled = styled.div `
-  align-items: flex-start;
-  border-top: 1px solid var(--neutral-neutral-4);
-  display: flex;
-  font-family: var(--font-sans);
-  padding: 1.5rem 0;
-  flex-direction: row;
-  flex-wrap: wrap;
-
-  .pane {
-    &-wrapper {
-      margin-top: 1rem;
-      padding-right: 0;
-      width: 100%;
-
-      @media ${device['portrait-tablets']} {
-        margin-top: 0;
-        padding-right: 0.875rem;
-        width: 50%;
-      }
-
-      @media ${device['landscape-tablets']} {
-        padding-right: 0.55rem;
-      }
-      @media ${device.laptop} {
-        padding-right: 0.875rem;
-      }
-      &:first-child {
-        margin-top: 0;
-      }
-      &:nth-child(2) {
-        text-align: right;
-        @media (min-width: ${size.xxs}) and (max-width: ${size.sm}) {
-          text-align: left;
-        }
-      }
-      &:nth-child(3) {
-        margin-top: 30px;
-      }
-      &:last-child {
-        padding-right: 0;
-      }
-      span {
-        display: block;
-        &.marker {
-          display: inline-block;
-          text-indent: -0.625rem;
-        }
-      }
-    }
-    &--title {
-      color: var(--neutral-neutral-2);
-      font-size: 0.875rem;
-      line-height: 1.29;
-      @media ${device['portrait-tablets']} {
-        font-size: 0.65rem;
-      }
-      @media ${device['landscape-tablets']} {
-        font-size: 0.75rem;
-      }
-      @media ${device.laptop} {
-        font-size: 0.875rem;
-      }
-    }
-    &--description {
-      color: var(--neutral-main);
-      font-size: 1rem;
-      font-weight: 700;
-      letter-spacing: -0.3px;
-      line-height: 1.38;
-      margin-top: 2px;
-
-      &--active {
-        color: var(--primary-main);
-      }
-
-      &--inactive {
-        color: var(--error-main);
-      }
-    }
-
-    @media ${device['portrait-tablets']} {
-      flex-direction: row;
-    }
-  }
-  .marker {
-    display: inline-block;
-    margin-left: -10px;
-    @-moz-document url-prefix() {
-      margin-left: 0px;
-    }
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      margin-left: 0px;
-    }
-  }
-  .position {
-    margin-left: 2px;
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      margin-left: 15px;
-    }
-  }
-  @-moz-document url-prefix() {
-    .position {
-      margin-left: 15px;
-    }
-  }
-`;

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

@@ -1,110 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const CardPaneStyled = styled.div`
-  align-items: flex-start;
-  border-top: 1px solid var(--neutral-neutral-4);
-  display: flex;
-  font-family: var(--font-sans);
-  padding: 1.5rem 0;
-  flex-direction: row;
-  flex-wrap: wrap;
-
-  .pane {
-    &-wrapper {
-      margin-top: 1rem;
-      padding-right: 0;
-      width: 100%;
-
-      @media ${device['portrait-tablets']} {
-        margin-top: 0;
-        padding-right: 0.875rem;
-        width: 50%;
-      }
-
-      @media ${device['landscape-tablets']} {
-        padding-right: 0.55rem;
-      }
-      @media ${device.laptop} {
-        padding-right: 0.875rem;
-      }
-      &:first-child {
-        margin-top: 0;
-      }
-      &:nth-child(2) {
-        text-align: right;
-        @media (min-width: ${size.xxs}) and (max-width: ${size.sm}) {
-          text-align: left;
-        }
-      }
-      &:nth-child(3) {
-        margin-top: 30px;
-      }
-      &:last-child {
-        padding-right: 0;
-      }
-      span {
-        display: block;
-        &.marker {
-          display: inline-block;
-          text-indent: -0.625rem;
-        }
-      }
-    }
-    &--title {
-      color: var(--neutral-neutral-2);
-      font-size: 0.875rem;
-      line-height: 1.29;
-      @media ${device['portrait-tablets']} {
-        font-size: 0.65rem;
-      }
-      @media ${device['landscape-tablets']} {
-        font-size: 0.75rem;
-      }
-      @media ${device.laptop} {
-        font-size: 0.875rem;
-      }
-    }
-    &--description {
-      color: var(--neutral-main);
-      font-size: 1rem;
-      font-weight: 700;
-      letter-spacing: -0.3px;
-      line-height: 1.38;
-      margin-top: 2px;
-
-      &--active {
-        color: var(--primary-main);
-      }
-
-      &--inactive {
-        color: var(--error-main);
-      }
-    }
-
-    @media ${device['portrait-tablets']} {
-      flex-direction: row;
-    }
-  }
-  .marker {
-    display: inline-block;
-    margin-left: -10px;
-    @-moz-document url-prefix() {
-      margin-left: 0px;
-    }
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      margin-left: 0px;
-    }
-  }
-  .position {
-    margin-left: 2px;
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      margin-left: 15px;
-    }
-  }
-  @-moz-document url-prefix() {
-    .position {
-      margin-left: 15px;
-    }
-  }
-`

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

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

@@ -1,133 +0,0 @@
-// import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components';
-export const CheckboxStyled = styled.div `
-  display: flex;
-  flex-direction: column-reverse;
-  justify-content: flex-end;
-  position: relative;
-  font-size: 1rem;
-  margin-bottom: 0.5rem;
-
-  .e-checkbox {
-    &-wrapper {
-      display: flex;
-      flex-flow: row nowrap;
-    }
-  }
-
-  input {
-    &:not(:checked),
-    &:checked {
-      position: absolute;
-      left: -9999px;
-    }
-
-    &:not(:checked) + label,
-    &:checked + label {
-      cursor: pointer;
-      font-size: 1rem;
-      font-weight: normal;
-      display: flex;
-      position: relative;
-      padding-top: 0;
-      top: 35%;
-      padding-left: 1.5rem;
-      margin-right: 1.5rem;
-
-      span {
-        margin-left: 0.5rem;
-      }
-
-      &:before {
-        content: '';
-        background-color: var(--others-white);
-        border: 1px solid var(--neutral-main);
-        left: 1px;
-        position: absolute;
-        top: 0;
-        height: 1.5rem;
-        width: 1.5rem;
-        border-radius: var(--global-border-radius);
-      }
-
-      &:after {
-        background-color: currentColor;
-        content: '';
-        padding: 0 0.5em;
-        margin: 0 0.125rem;
-        -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
-        mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
-        -webkit-mask-repeat: no-repeat;
-        mask-repeat: no-repeat;
-        -webkit-mask-position: center;
-        mask-position: center;
-        clip-path: padding-box inset(0.28125em 0);
-        position: absolute;
-        width: 20px;
-        height: 20px;
-        left: 0.09rem;
-        top: 2px;
-        color: var(--primary-main);
-      }
-    }
-
-    &:not(:checked) {
-      & + label {
-        &:after {
-          opacity: 0;
-          transform: scale(0);
-          top: 3px;
-          left: 0.25rem;
-        }
-
-        &:hover {
-          &:before {
-            background-color: var(--primary-main-light-5);
-          }
-        }
-      }
-    }
-
-    &:checked {
-      & + label {
-        &:after {
-          opacity: 1;
-          transform: scale(1);
-        }
-
-        &:before {
-          background-color: var(--primary-main-light-5);
-          border: 1.5px solid var(--primary-main);
-          border-radius: var(--global-border-radius);
-        }
-      }
-    }
-
-    &[disabled] {
-      & + label {
-        opacity: 0.4;
-
-        &:before,
-        &:after {
-          opacity: 0.7;
-        }
-      }
-    }
-  }
-
-  &.--is-invalid,
-  &.--group-invalid {
-    input {
-      &:not(:checked) + label,
-      &:checked + label {
-        &:before {
-          border: 2px solid var(--error-main);
-        }
-      }
-    }
-  }
-
-  .tooltip-form {
-    margin-top: 0;
-  }
-`;

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

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