@npm_leadtech/legal-lib-components 5.2.8 → 5.2.10

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

@@ -1,73 +0,0 @@
-import styled from 'styled-components';
-export const FormFaqStyled = styled.li `
-  display: flex;
-  position: relative;
-  cursor: default;
-
-  &:before {
-    content: '•';
-    color: var(--secondary-main-dark-2);
-    margin-right: 0.25rem;
-    margin-top: 0.2rem;
-  }
-
-  .form-faq {
-    &__container {
-      padding-top: 0.25rem;
-      @media (hover: hover) {
-        &:hover > .form-faq__answer {
-          display: flex;
-        }
-      }
-
-      &:hover,
-      &.active {
-        .form-faq__answer {
-          display: block;
-        }
-      }
-    }
-
-    &__title {
-      display: inline-block;
-      color: var(--neutral-neutral-1);
-      padding: 0.25rem;
-      transition: background-color 0.3s ease;
-      &:hover {
-        background-color: var(--secondary-main-light-4);
-      }
-    }
-
-    &__answer {
-      display: none;
-      background: var(--neutral-neutral-1);
-      position: absolute;
-      border-radius: var(--global-border-radius);
-      top: 0;
-      transform: translateY(-100%);
-      color: var(--others-white);
-      padding: 0.75rem;
-      width: 100%;
-      max-width: 600px;
-      white-space: pre-wrap;
-      &:hover {
-        display: flex;
-      }
-
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        left: 2rem;
-      }
-
-      &:before {
-        position: absolute;
-        content: '';
-        width: 0;
-        height: 0;
-        border-left: 1rem solid transparent;
-        border-right: 1rem solid transparent;
-        bottom: -0.35rem;
-        border-top: 1rem solid var(--neutral-neutral-1);
-      }
-    }
-  }
-`;

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

@@ -1,74 +0,0 @@
-import styled from 'styled-components'
-
-export const FormFaqStyled = styled.li`
-  display: flex;
-  position: relative;
-  cursor: default;
-
-  &:before {
-    content: '•';
-    color: var(--secondary-main-dark-2);
-    margin-right: 0.25rem;
-    margin-top: 0.2rem;
-  }
-
-  .form-faq {
-    &__container {
-      padding-top: 0.25rem;
-      @media (hover: hover) {
-        &:hover > .form-faq__answer {
-          display: flex;
-        }
-      }
-
-      &:hover,
-      &.active {
-        .form-faq__answer {
-          display: block;
-        }
-      }
-    }
-
-    &__title {
-      display: inline-block;
-      color: var(--neutral-neutral-1);
-      padding: 0.25rem;
-      transition: background-color 0.3s ease;
-      &:hover {
-        background-color: var(--secondary-main-light-4);
-      }
-    }
-
-    &__answer {
-      display: none;
-      background: var(--neutral-neutral-1);
-      position: absolute;
-      border-radius: var(--global-border-radius);
-      top: 0;
-      transform: translateY(-100%);
-      color: var(--others-white);
-      padding: 0.75rem;
-      width: 100%;
-      max-width: 600px;
-      white-space: pre-wrap;
-      &:hover {
-        display: flex;
-      }
-
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        left: 2rem;
-      }
-
-      &:before {
-        position: absolute;
-        content: '';
-        width: 0;
-        height: 0;
-        border-left: 1rem solid transparent;
-        border-right: 1rem solid transparent;
-        bottom: -0.35rem;
-        border-top: 1rem solid var(--neutral-neutral-1);
-      }
-    }
-  }
-`

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

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

@@ -1,21 +0,0 @@
-import styled from 'styled-components';
-export const GoogleButtonStyled = styled.button `
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--neutral-neutral-3);
-  padding: 0.5rem 0;
-  background-color: var(--others-white);
-  border-radius: 2px;
-  font-family: Roboto, sans-serif;
-  color: rgba(0, 0, 0, 0.54);
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  .google-logo {
-    margin-right: 1rem;
-  }
-`;

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

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

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-export const IconSvgURLWithThemeColorStyled = styled.i `
-  display: block;
-  background-color: var(--primary-main);
-`;

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

@@ -1,6 +0,0 @@
-import styled from 'styled-components'
-
-export const IconSvgURLWithThemeColorStyled = styled.i`
-  display: block;
-  background-color: var(--primary-main);
-`

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

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

@@ -1,76 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const IconTextInfoSectionStyled = styled.div `
-  .icon-text-info-section {
-    &__separator {
-      background-color: var(--neutral-neutral-3);
-      border-bottom: 1px get-color(neutral, neutral-3) solid;
-      display: none;
-      height: 70px;
-      padding-bottom: 40px;
-      width: 1px;
-
-      @media ${device.laptop} {
-        margin: 0 32px;
-      }
-      @media ${device['portrait-tablets']} {
-        display: flex;
-      }
-      @media ${device.mobile} {
-        margin: 19.2px 32px;
-      }
-    }
-  }
-
-  &.icon-text-info-section.bottom-side {
-    display: flex;
-    flex-direction: column;
-    background-color: var(--neutral-neutral-4);
-    justify-content: center;
-    padding: 1rem 3rem;
-
-    @media ${device['portrait-tablets']} {
-      padding: 0;
-      flex-direction: row;
-      padding: 1rem 1rem;
-    }
-
-    .box {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      margin: 0;
-
-      @media ${device.mobile} {
-        margin: 0.4rem;
-      }
-
-      @media ${device['portrait-tablets']} {
-        margin: 0 1rem;
-      }
-    }
-
-    .item-image {
-      width: 2.5rem;
-      margin-right: 1rem;
-
-      @media ${device.mobile} {
-        width: 1.5rem;
-      }
-
-      .image {
-        width: 40px;
-        height: 40px;
-
-        @media ${device.mobile} {
-          width: 24px;
-          height: 24px;
-        }
-      }
-    }
-
-    .item-text {
-      font-size: 16px;
-    }
-  }
-`;

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

@@ -1,77 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const IconTextInfoSectionStyled = styled.div`
-  .icon-text-info-section {
-    &__separator {
-      background-color: var(--neutral-neutral-3);
-      border-bottom: 1px get-color(neutral, neutral-3) solid;
-      display: none;
-      height: 70px;
-      padding-bottom: 40px;
-      width: 1px;
-
-      @media ${device.laptop} {
-        margin: 0 32px;
-      }
-      @media ${device['portrait-tablets']} {
-        display: flex;
-      }
-      @media ${device.mobile} {
-        margin: 19.2px 32px;
-      }
-    }
-  }
-
-  &.icon-text-info-section.bottom-side {
-    display: flex;
-    flex-direction: column;
-    background-color: var(--neutral-neutral-4);
-    justify-content: center;
-    padding: 1rem 3rem;
-
-    @media ${device['portrait-tablets']} {
-      padding: 0;
-      flex-direction: row;
-      padding: 1rem 1rem;
-    }
-
-    .box {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      margin: 0;
-
-      @media ${device.mobile} {
-        margin: 0.4rem;
-      }
-
-      @media ${device['portrait-tablets']} {
-        margin: 0 1rem;
-      }
-    }
-
-    .item-image {
-      width: 2.5rem;
-      margin-right: 1rem;
-
-      @media ${device.mobile} {
-        width: 1.5rem;
-      }
-
-      .image {
-        width: 40px;
-        height: 40px;
-
-        @media ${device.mobile} {
-          width: 24px;
-          height: 24px;
-        }
-      }
-    }
-
-    .item-text {
-      font-size: 16px;
-    }
-  }
-`

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

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

@@ -1,41 +0,0 @@
-import styled from 'styled-components';
-export const InfoBoxStyled = styled.div `
-  border-radius: var(--global-border-radius);
-  border: 1px solid;
-  padding: 1rem;
-  display: flex;
-  flex-direction: row;
-
-  &.error {
-    border-color: var(--error-main);
-    color: var(--error-main);
-    background-color: var(--error-error-3);
-    use {
-      fill: var(--error-main);
-    }
-  }
-
-  &.warning {
-    border-color: var(--secondary-main-dark-1);
-    color: var(--secondary-main-dark-2);
-    background-color: var(--secondary-main-light-4);
-    use {
-      fill: var(--secondary-main-dark-1);
-    }
-  }
-
-  .info-box {
-    &__img {
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    &__text-container {
-      margin-left: 0.5rem;
-
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        margin-left: 1.5rem;
-      }
-    }
-  }
-`;

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

@@ -1,42 +0,0 @@
-import styled from 'styled-components'
-
-export const InfoBoxStyled = styled.div`
-  border-radius: var(--global-border-radius);
-  border: 1px solid;
-  padding: 1rem;
-  display: flex;
-  flex-direction: row;
-
-  &.error {
-    border-color: var(--error-main);
-    color: var(--error-main);
-    background-color: var(--error-error-3);
-    use {
-      fill: var(--error-main);
-    }
-  }
-
-  &.warning {
-    border-color: var(--secondary-main-dark-1);
-    color: var(--secondary-main-dark-2);
-    background-color: var(--secondary-main-light-4);
-    use {
-      fill: var(--secondary-main-dark-1);
-    }
-  }
-
-  .info-box {
-    &__img {
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    &__text-container {
-      margin-left: 0.5rem;
-
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        margin-left: 1.5rem;
-      }
-    }
-  }
-`

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

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

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-export const JumbotronStaticStyled = styled.section `
-  text-align: center;
-  margin: 0 auto;
-  background-color: var(--primary-main-light-6);
-  padding: 2.5rem 1rem 4rem;
-`;

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

@@ -1,8 +0,0 @@
-import styled from 'styled-components'
-
-export const JumbotronStaticStyled = styled.section`
-  text-align: center;
-  margin: 0 auto;
-  background-color: var(--primary-main-light-6);
-  padding: 2.5rem 1rem 4rem;
-`

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

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

@@ -1,39 +0,0 @@
-import styled from 'styled-components';
-export const KeyFactRatafiaCardStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  align-self: stretch;
-
-  background: var(--neutral-neutral-6);
-
-  .key-fact-item {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-
-      margin-bottom: 1rem;
-      gap: 1rem;
-
-      &__title {
-        color: var(--neutral-neutral-1);
-        background: var(--neutral-neutral-6);
-        position: sticky;
-        top: 0;
-
-        margin-top: 1rem;
-      }
-
-      &__content {
-        color: var(--neutral-neutral-1);
-        overflow-y: auto;
-      }
-    }
-    &__divider {
-      height: 1px;
-      align-self: stretch;
-      background: var(--neutral-neutral-4);
-    }
-  }
-`;

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

@@ -1,40 +0,0 @@
-import styled from 'styled-components'
-
-export const KeyFactRatafiaCardStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  align-self: stretch;
-
-  background: var(--neutral-neutral-6);
-
-  .key-fact-item {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-
-      margin-bottom: 1rem;
-      gap: 1rem;
-
-      &__title {
-        color: var(--neutral-neutral-1);
-        background: var(--neutral-neutral-6);
-        position: sticky;
-        top: 0;
-
-        margin-top: 1rem;
-      }
-
-      &__content {
-        color: var(--neutral-neutral-1);
-        overflow-y: auto;
-      }
-    }
-    &__divider {
-      height: 1px;
-      align-self: stretch;
-      background: var(--neutral-neutral-4);
-    }
-  }
-`

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

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

@@ -1,36 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LogoTextStyled = styled.div `
-  display: flex;
-  align-items: flex-start;
-
-  .logo-text {
-    &__img {
-      align-items: center;
-      margin-right: 1.5rem;
-      margin-bottom: 0;
-    }
-
-    &__text {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-bottom: 0;
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        width: 17rem;
-
-        @media ${device.mobile} {
-          width: 17rem;
-        }
-
-        @media ${device['portrait-tablets']} {
-          width: 10rem;
-        }
-
-        @media ${device['landscape-tablets']} {
-          width: 17rem;
-        }
-      }
-    }
-  }
-`;

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

@@ -1,37 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const LogoTextStyled = styled.div`
-  display: flex;
-  align-items: flex-start;
-
-  .logo-text {
-    &__img {
-      align-items: center;
-      margin-right: 1.5rem;
-      margin-bottom: 0;
-    }
-
-    &__text {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-bottom: 0;
-      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-        width: 17rem;
-
-        @media ${device.mobile} {
-          width: 17rem;
-        }
-
-        @media ${device['portrait-tablets']} {
-          width: 10rem;
-        }
-
-        @media ${device['landscape-tablets']} {
-          width: 17rem;
-        }
-      }
-    }
-  }
-`

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

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

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

@@ -1,71 +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;
-      }
-    }
-  }
-`;