@npm_leadtech/legal-lib-components 5.64.16 → 5.65.2

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

@@ -1,92 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const CardStoryItemStyled = styled.li`
-  position: relative;
-  background: var(--neutral-neutral-6);
-  padding: 1.5rem;
-  border-radius: var(--l-border-radius);
-  margin-top: 16px;
-  list-style-type: none;
-
-  &:first-child {
-    margin-top: 0;
-
-    &:after {
-      content: '';
-      position: absolute;
-      top: 0;
-      bottom: calc(50% + 5px);
-      left: -26px;
-      width: 10px;
-      background: var(--others-white);
-    }
-  }
-
-  &:last-child:before {
-    content: '';
-    position: absolute;
-    top: calc(50% + 5px);
-    bottom: 0;
-    left: -26px;
-    width: 10px;
-    background: var(--others-white);
-  }
-
-  .card-story-item {
-    &__bullet {
-      position: absolute;
-      top: calc(50% - 5px);
-      left: -26px;
-      width: 10px;
-      height: 10px;
-      background-color: #333;
-      border-radius: 50%;
-    }
-    &__image {
-      &__content {
-        border-radius: var(--m-border-radius);
-        background: var(--neutral-neutral-4);
-        padding: 8px;
-        width: 40px;
-      }
-      &__item {
-        display: block;
-      }
-    }
-    &__content {
-      &__title {
-        margin-top: 1rem;
-        font-family: var(--font-sans);
-        font-size: 1.15rem;
-        font-weight: 700;
-        color: var(--neutral-neutral-1);
-      }
-      &__text {
-        font-family: var(--font-sans);
-        margin-top: 0.5rem;
-        font-weight: 400;
-        font-size: 1rem;
-        color: var(--neutral-neutral-1);
-
-        .m-richText p:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    display: flex;
-    .card-story-item {
-      &__content {
-        flex: 1;
-        padding-left: 1rem;
-
-        &__title {
-          margin-top: 0;
-        }
-      }
-    }
-  }
-`

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

@@ -1,23 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type CardStoryItemProps } from './CardStoryItemProps.types'
-import { CardStoryItemStyled } from './CardStoryItem.styled'
-
-const CardStoryItem: FC<CardStoryItemProps> = ({ image, title, text }) => {
-  return (
-    <CardStoryItemStyled className='card-story-item'>
-      <span className='card-story-item__bullet'></span>
-      <div className='card-story-item__image'>
-        <div className='card-story-item__image__content'>
-          <img className='card-story-item__image__item' src={image} alt='' role='img' width='24' height='24'></img>
-        </div>
-      </div>
-      <div className='card-story-item__content'>
-        <p className='card-story-item__content__title'>{title}</p>
-        <div className='card-story-item__content__text'>{text}</div>
-      </div>
-    </CardStoryItemStyled>
-  )
-}
-
-export default CardStoryItem

package/dist/src/components/atoms/CardStoryItem/CardStoryItemProps.types.d.ts

@@ -1,5 +0,0 @@
-export interface CardStoryItemProps {
-    image: string;
-    title: string;
-    text: React.JSX.Element;
-}

package/dist/src/components/atoms/CardStoryItem/CardStoryItemProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/CardStoryItem/CardStoryItemProps.types.ts

@@ -1,5 +0,0 @@
-export interface CardStoryItemProps {
-  image: string
-  title: string
-  text: React.JSX.Element
-}

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

@@ -1,2 +0,0 @@
-export { default as CardStoryItem } from './CardStoryItem';
-export { type CardStoryItemProps } from './CardStoryItemProps.types';

package/dist/src/components/atoms/CardStoryItem/index.js

@@ -1 +0,0 @@
-export { default as CardStoryItem } from './CardStoryItem';

package/dist/src/components/atoms/CardStoryItem/index.ts

@@ -1,2 +0,0 @@
-export { default as CardStoryItem } from './CardStoryItem'
-export { type CardStoryItemProps } from './CardStoryItemProps.types'

package/dist/src/components/molecules/CardStory/CardStory.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { CardStoryProps } from './CardStoryProps.types';
-declare const CardStory: FC<CardStoryProps>;
-export default CardStory;

package/dist/src/components/molecules/CardStory/CardStory.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardStoryItem } from '../../atoms/CardStoryItem';
-import { CardStoryStyled } from './CardStory.styled';
-const CardStory = ({ cardStoryItems }) => {
-    return (_jsx(CardStoryStyled, { className: 'card-story', children: cardStoryItems.map((item) => (_jsx(CardStoryItem, { ...item }, item.title))) }));
-};
-export default CardStory;

package/dist/src/components/molecules/CardStory/CardStory.styled.d.ts

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

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-export const CardStoryStyled = styled.ul `
-  position: relative;
-  padding-left: 26px;
-
-  &:before {
-    content: '';
-    position: absolute;
-    left: 4px;
-    top: 0px;
-    bottom: 0;
-    background-image: repeating-linear-gradient(
-      180deg,
-      var(--neutral-neutral-3),
-      var(--neutral-neutral-3) 11px,
-      transparent 11px,
-      transparent 18px
-    );
-    background-position: left -4px;
-    background-repeat: repeat-y;
-    background-size: 2px 100%;
-    width: 2px;
-  }
-`;

package/dist/src/components/molecules/CardStory/CardStory.styled.ts

@@ -1,25 +0,0 @@
-import styled from 'styled-components'
-
-export const CardStoryStyled = styled.ul`
-  position: relative;
-  padding-left: 26px;
-
-  &:before {
-    content: '';
-    position: absolute;
-    left: 4px;
-    top: 0px;
-    bottom: 0;
-    background-image: repeating-linear-gradient(
-      180deg,
-      var(--neutral-neutral-3),
-      var(--neutral-neutral-3) 11px,
-      transparent 11px,
-      transparent 18px
-    );
-    background-position: left -4px;
-    background-repeat: repeat-y;
-    background-size: 2px 100%;
-    width: 2px;
-  }
-`

package/dist/src/components/molecules/CardStory/CardStory.tsx

@@ -1,17 +0,0 @@
-import React, { type FC } from 'react'
-
-import { CardStoryItem } from '../../atoms/CardStoryItem'
-import { CardStoryProps } from './CardStoryProps.types'
-import { CardStoryStyled } from './CardStory.styled'
-
-const CardStory: FC<CardStoryProps> = ({ cardStoryItems }) => {
-  return (
-    <CardStoryStyled className='card-story'>
-      {cardStoryItems.map((item) => (
-        <CardStoryItem key={item.title} {...item} />
-      ))}
-    </CardStoryStyled>
-  )
-}
-
-export default CardStory

package/dist/src/components/molecules/CardStory/CardStoryProps.types.d.ts

@@ -1,4 +0,0 @@
-import { CardStoryItemProps } from 'src/components/atoms/CardStoryItem';
-export interface CardStoryProps {
-    cardStoryItems: CardStoryItemProps[];
-}

package/dist/src/components/molecules/CardStory/CardStoryProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/molecules/CardStory/CardStoryProps.types.ts

@@ -1,5 +0,0 @@
-import { CardStoryItemProps } from 'src/components/atoms/CardStoryItem'
-
-export interface CardStoryProps {
-  cardStoryItems: CardStoryItemProps[]
-}

package/dist/src/components/molecules/CardStory/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CardStory } from './CardStory';
-export { type CardStoryProps } from './CardStoryProps.types';

package/dist/src/components/molecules/CardStory/index.js

@@ -1 +0,0 @@
-export { default as CardStory } from './CardStory';

package/dist/src/components/molecules/CardStory/index.ts

@@ -1,2 +0,0 @@
-export { default as CardStory } from './CardStory'
-export { type CardStoryProps } from './CardStoryProps.types'

package/dist/src/components/sections/CardStorySection/CardStorySection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { CardStorySectionProps } from './CardStorySectionProps.types';
-declare const CardStorySection: FC<CardStorySectionProps>;
-export default CardStorySection;

package/dist/src/components/sections/CardStorySection/CardStorySection.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardStory } from '../../molecules/CardStory';
-import { CardStorySectionStyled } from './CardStorySection.styled';
-const CardStorySection = ({ title, text, cardStory }) => {
-    return (_jsx(CardStorySectionStyled, { className: 'card-story-section', children: _jsxs("div", { className: 'wrapper card-story-section__content', children: [_jsx("h2", { className: 'card-story-section__title', children: title }), _jsx("div", { className: 'card-story-section__text', children: text }), _jsx(CardStory, { cardStoryItems: cardStory.cardStoryItems })] }) }));
-};
-export default CardStorySection;

package/dist/src/components/sections/CardStorySection/CardStorySection.styled.d.ts

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

@@ -1,42 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const CardStorySectionStyled = styled.div `
-  padding: 1.5rem;
-  background: var(--secondary-main-light-4);
-
-  .card-story-section {
-    &__title {
-      font-weight: 700;
-      font-size: 1.8rem;
-      color: var(--neutral-neutral-1);
-      font-family: var(--font-sans);
-      padding-bottom: 1.5rem;
-    }
-    &__text {
-      font-size: 1rem;
-      color: var(--neutral-neutral-1);
-      font-family: var(--font-sans);
-      padding-bottom: 0.5rem;
-    }
-    &__content {
-      border-radius: var(--l-border-radius);
-      background: var(--others-white);
-      padding: 1.5rem;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    padding: 3rem 1.5rem 3rem 1.5rem;
-
-    .card-story-section {
-      &__title {
-      }
-      &__text {
-        padding-bottom: 1.5rem;
-      }
-      &__content {
-        padding: 3rem;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/CardStorySection/CardStorySection.styled.ts

@@ -1,43 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const CardStorySectionStyled = styled.div`
-  padding: 1.5rem;
-  background: var(--secondary-main-light-4);
-
-  .card-story-section {
-    &__title {
-      font-weight: 700;
-      font-size: 1.8rem;
-      color: var(--neutral-neutral-1);
-      font-family: var(--font-sans);
-      padding-bottom: 1.5rem;
-    }
-    &__text {
-      font-size: 1rem;
-      color: var(--neutral-neutral-1);
-      font-family: var(--font-sans);
-      padding-bottom: 0.5rem;
-    }
-    &__content {
-      border-radius: var(--l-border-radius);
-      background: var(--others-white);
-      padding: 1.5rem;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    padding: 3rem 1.5rem 3rem 1.5rem;
-
-    .card-story-section {
-      &__title {
-      }
-      &__text {
-        padding-bottom: 1.5rem;
-      }
-      &__content {
-        padding: 3rem;
-      }
-    }
-  }
-`

package/dist/src/components/sections/CardStorySection/CardStorySection.tsx

@@ -1,19 +0,0 @@
-import React, { type FC } from 'react'
-
-import { CardStory } from '../../molecules/CardStory'
-import { CardStorySectionProps } from './CardStorySectionProps.types'
-import { CardStorySectionStyled } from './CardStorySection.styled'
-
-const CardStorySection: FC<CardStorySectionProps> = ({ title, text, cardStory }) => {
-  return (
-    <CardStorySectionStyled className='card-story-section'>
-      <div className='wrapper card-story-section__content'>
-        <h2 className='card-story-section__title'>{title}</h2>
-        <div className='card-story-section__text'>{text}</div>
-        <CardStory cardStoryItems={cardStory.cardStoryItems} />
-      </div>
-    </CardStorySectionStyled>
-  )
-}
-
-export default CardStorySection

package/dist/src/components/sections/CardStorySection/CardStorySectionProps.types.d.ts

@@ -1,7 +0,0 @@
-import { CardStoryProps } from 'src/components/molecules/CardStory';
-import React from 'react';
-export interface CardStorySectionProps {
-    title: string;
-    text: React.JSX.Element;
-    cardStory: CardStoryProps;
-}

package/dist/src/components/sections/CardStorySection/CardStorySectionProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/CardStorySection/CardStorySectionProps.types.ts

@@ -1,8 +0,0 @@
-import { CardStoryProps } from 'src/components/molecules/CardStory'
-import React from 'react'
-
-export interface CardStorySectionProps {
-  title: string
-  text: React.JSX.Element
-  cardStory: CardStoryProps
-}

package/dist/src/components/sections/CardStorySection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CardStorySection } from './CardStorySection';
-export { type CardStorySectionProps } from './CardStorySectionProps.types';

package/dist/src/components/sections/CardStorySection/index.js

@@ -1 +0,0 @@
-export { default as CardStorySection } from './CardStorySection';

package/dist/src/components/sections/CardStorySection/index.ts

@@ -1,2 +0,0 @@
-export { default as CardStorySection } from './CardStorySection'
-export { type CardStorySectionProps } from './CardStorySectionProps.types'