@npm_leadtech/legal-lib-components 7.102.1 → 7.102.3

package/dist/src/components/atoms/Button/Button.scss

@@ -1,5 +1,5 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
+@use '../../../globalStyles/variables.scss';
+@use '../../../globalStyles/mediaqueries.scss';
 
 html[data-theme='primarygreen'] {
   .e-button {
@@ -55,7 +55,7 @@ html[data-theme='primarygreen'] {
   }
 
   &.--styleless {
-    background-color: get-color(others, white);
+    background-color: variables.get-color(others, white);
     font-size: 0.9rem;
     color: var(--neutral-neutral-2);
     text-align: left;
@@ -71,7 +71,7 @@ html[data-theme='primarygreen'] {
     &-1 {
       background-color: var(--button);
       border: 2px solid var(--button);
-      color: get-color(others, white);
+      color: variables.get-color(others, white);
       font-weight: bold;
       max-height: 100%;
 
@@ -84,7 +84,7 @@ html[data-theme='primarygreen'] {
     &-2 {
       background-color: var(--button-2);
       border: 2px solid var(--button-2);
-      color: get-color(others, white);
+      color: variables.get-color(others, white);
       font-weight: bold;
 
       &:hover {
@@ -96,7 +96,7 @@ html[data-theme='primarygreen'] {
     &-3 {
       background-color: var(--secondary-main);
       border: 2px solid var(--secondary-main);
-      color: get-color(others, white);
+      color: variables.get-color(others, white);
       font-weight: bold;
 
       &:hover {
@@ -179,11 +179,11 @@ html[data-theme='primarygreen'] {
       }
 
       &.--dark {
-        border: 1px solid get-color(others, white) !important;
-        color: get-color(others, white);
+        border: 1px solid variables.get-color(others, white) !important;
+        color: variables.get-color(others, white);
 
         svg {
-          fill: get-color(others, white);
+          fill: variables.get-color(others, white);
         }
 
         &:hover {
@@ -197,6 +197,25 @@ html[data-theme='primarygreen'] {
     background-color: transparent;
   }
 
+  &.e-button--link {
+    padding: 0;
+    border: none;
+    background: none;
+    border-radius: 0;
+    color: var(--primary-main);
+    text-decoration: underline;
+    font-weight: inherit;
+
+    &:hover {
+      color: var(--primary-main-dark-1);
+      text-decoration: underline;
+    }
+
+    label {
+      cursor: pointer;
+    }
+  }
+
   &.--disabled {
     background-color: var(--neutral-neutral-4);
     color: var(--neutral-neutral-1);
@@ -257,11 +276,11 @@ html[data-theme='primarygreen'] {
 
 .button--secondary-4 {
   background-color: var(--neutral-main);
-  border: 1px solid get-color(others, white) !important;
-  color: get-color(others, white);
+  border: 1px solid variables.get-color(others, white) !important;
+  color: variables.get-color(others, white);
 
   svg {
-    fill: get-color(others, white);
+    fill: variables.get-color(others, white);
   }
 
   &:hover {
@@ -284,7 +303,7 @@ html[data-theme='primarygreen'] {
 
 .button--tertiary-2 {
   background-color: transparent;
-  border: 1px solid get-color(neutral, neutral-3);
+  border: 1px solid variables.get-color(neutral, neutral-3);
   color: var(--button-secondary);
   font-weight: bold;
   padding: 0.3rem 0.5rem;

package/dist/src/components/atoms/Button/Button.tsx

@@ -3,7 +3,6 @@ import React, { type FC } from 'react'
 import classNames from 'classnames'
 
 import { type ButtonProps } from './ButtonProps.types'
-// import './Button.scss'
 
 const Button: FC<ButtonProps> = ({
   label,
@@ -49,6 +48,7 @@ const Button: FC<ButtonProps> = ({
     '--secondary-icon --dark': color === 'secondaryIconDark',
     'button--tertiary-1': color === 'tertiary',
     'button--tertiary-2': color === 'tertiary2',
+    'e-button--link': color === 'link',
     '--styleless': color === 'styleless',
     '--transparent': color === 'transparent',
     '--disabled': disabled,

package/dist/src/components/atoms/Button/ButtonProps.types.d.ts

@@ -1,4 +1,4 @@
-export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
+export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent' | 'link';
 export interface ButtonProps {
     label: string;
     dataQa: string;

package/dist/src/components/atoms/Button/ButtonProps.types.ts

@@ -16,6 +16,7 @@ export type Colors =
   | 'tertiary2'
   | 'styleless'
   | 'transparent'
+  | 'link'
 export interface ButtonProps {
   label: string
   dataQa: string

package/dist/src/components/atoms/ButtonIcon/ButtonIcon.scss

@@ -1,5 +1,5 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
+@use '../../../globalStyles/variables.scss';
+@use '../../../globalStyles/mediaqueries.scss';
 
 .button-icon {
   background: none;

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

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

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

@@ -1 +1 @@
-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;
+export declare const CardPaneStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

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

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

@@ -1 +1 @@
-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;
+export declare const CheckboxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

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

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

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

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

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

package/dist/src/components/atoms/DatePickerCustom/DatepickerPlugin.scss

@@ -512,29 +512,29 @@ h2.react-datepicker__current-month {
   background-color: #1d5d90;
 }
 .react-datepicker__day--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
+  .react-datepicker__day--in-range,
+  .react-datepicker__month-text--in-range,
+  .react-datepicker__quarter-text--in-range,
+  .react-datepicker__year-text--in-range
+),
 .react-datepicker__month-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
+  .react-datepicker__day--in-range,
+  .react-datepicker__month-text--in-range,
+  .react-datepicker__quarter-text--in-range,
+  .react-datepicker__year-text--in-range
+),
 .react-datepicker__quarter-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
+  .react-datepicker__day--in-range,
+  .react-datepicker__month-text--in-range,
+  .react-datepicker__quarter-text--in-range,
+  .react-datepicker__year-text--in-range
+),
 .react-datepicker__year-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ) {
+  .react-datepicker__day--in-range,
+  .react-datepicker__month-text--in-range,
+  .react-datepicker__quarter-text--in-range,
+  .react-datepicker__year-text--in-range
+) {
   background-color: rgba(33, 107, 165, 0.5);
 }
 .react-datepicker__month--selecting-range