@npm_leadtech/legal-lib-components 5.2.7 → 5.2.9

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

@@ -1,48 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.top-bar-mobile {
-  background-color: get-color(neutral, neutral-5);
-  display: flex;
-  padding: 8px 16px;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 4px;
-  box-shadow: $box-shadow-container;
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.3px;
-  position: fixed;
-  top: 8px;
-  left: 8px;
-  right: 8px;
-
-  &.fade-In {
-    visibility: visible;
-    opacity: 1;
-    transition:
-      visibility 0s linear 0s,
-      opacity 300ms;
-  }
-
-  &.fade-Out {
-    visibility: hidden;
-    opacity: 0;
-    transition:
-      visibility 0s linear 300ms,
-      opacity 300ms;
-  }
-
-  > b {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    a {
-      display: contents;
-    }
-
-    img {
-      margin-right: 8px;
-    }
-  }
-}

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

@@ -1,11 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries';
-
-.trustpilot {
-  margin: auto;
-  padding: 0 1rem;
-
-  @include landscape-tablets {
-    margin: 3rem auto;
-  }
-}

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

@@ -1,36 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.whyLawDistrictItems {
-  max-width: $md;
-  display: flex;
-  justify-content: center;
-  margin: 0 auto;
-  flex-flow: row wrap;
-  padding: 0 0 1.5rem 0;
-
-  @include landscape-tablets {
-    justify-content: space-between;
-    padding: 0 1rem;
-  }
-
-  &__item {
-    max-width: 100%;
-    color: get-color(neutral, neutral-2);
-    margin-bottom: 1rem;
-    padding: 0 1rem;
-
-    @include landscape-tablets {
-      padding: 2rem 0;
-      max-width: calc(100% / 3 - 1.5rem);
-    }
-
-    &:first-child {
-      margin-top: 2rem;
-
-      @include landscape-tablets {
-        margin-top: 0;
-      }
-    }
-  }
-}

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

@@ -1,32 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.wide-info-bar {
-  background-color: get-color(neutral, neutral-6);
-  font-family: $font-sans;
-  color: get-color(neutral, neutral-1);
-
-  &.green {
-    background-color: get-color(primary, main-light-6);
-    color: get-color(primary, main-dark-1);
-  }
-
-  &__wrapper {
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: space-between;
-    max-width: 1200px;
-    margin: auto;
-    padding: 0.5rem 3.5rem 0.5rem 1.5rem;
-
-    @include landscape-tablets {
-      flex-flow: row;
-      font-size: 0.9rem;
-      padding: 1rem 1.5rem;
-    }
-
-    @include desktop {
-      padding: 0.5rem 2rem;
-    }
-  }
-}

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

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

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms';
-import { stringSlugify } from '../../../utils/stringSlugify';
-const RatafiaSubscriptionCard = ({ cardStyle, iconTitle, title, priceText, mainFeatures, AIFeatures, buttonText, linkText }) => {
-    if (!title)
-        return null;
-    const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
-    const renderFeatures = (features, className) => features.map((feature) => (_jsxs("div", { className: `ratafia-card__feature ${className ?? ''}`, children: [feature.image?.url && _jsx(IconSvgURLWithThemeColor, { url: feature.image.url, height: '16', width: '16' }), _jsx(RichTextStrapi, { html: feature.title })] }, feature.title)));
-    return (_jsxs("div", { className: `ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`, children: [_jsxs("div", { className: 'ratafia-card__header', children: [title && (_jsxs("div", { className: 'ratafia-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'ratafia-card__price-text', children: priceText })] }), _jsx("hr", {}), _jsxs("div", { className: 'ratafia-card__body', children: [mainFeatures && renderFeatures(mainFeatures, 'main-feature'), AIFeatures && renderFeatures(AIFeatures, 'ai-feature')] }), buttonText && (_jsx("div", { className: 'ratafia-card__footer', children: _jsx(Button, { dataQa: 'ratafia-card-button', givenClass: 'ratafia-card__button', color: buttonStyle, label: buttonText, link: linkText ?? '#' }) }))] }));
-};
-export default RatafiaSubscriptionCard;

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.scss

@@ -1,93 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.ratafia-card {
-  display: flex;
-  flex-flow: column nowrap;
-  flex: 1;
-  gap: 0.5rem;
-  min-width: 320px;
-  padding: 1rem;
-  border-radius: $global-border-radius;
-
-  &__header {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.5rem 1rem;
-  }
-
-  &__title {
-    display: flex;
-    flex-flow: row nowrap;
-    align-items: center;
-    gap: 0.8rem;
-    font-weight: bold;
-  }
-
-  hr {
-    border: none;
-    border-top: 1px solid get-color(neutral, neutral-4);
-    width: 100%;
-  }
-
-  &__body {
-    display: flex;
-    flex-flow: column;
-    flex: 1;
-  }
-
-  &__feature {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-    gap: 0.5rem;
-    color: get-color(neutral, neutral-1);
-    text-align: left;
-    padding: 0.25rem 0;
-
-    .icon-svg-with-theme-color {
-      flex-basis: 1rem;
-      margin-top: 0.2rem;
-    }
-
-    &.ratafia-card__ai-feature {
-      background-color: get-color(primary, main-light-6);
-      padding-left: 0.5rem;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    margin-top: 1.5rem;
-  }
-
-  &.primary {
-    background-color: get-color(neutral, neutral-6);
-
-    .icon-svg-with-theme-color {
-      background-color: get-color(primary, main-light-1);
-    }
-
-    .ratafia-card__feature {
-      &.ratafia-card__ai-feature {
-        background-color: get-color(primary, main-light-6);
-      }
-    }
-  }
-
-  &.secondary {
-    background-color: get-color(secondary, main-light-4);
-
-    .icon-svg-with-theme-color {
-      background-color: get-color(secondary, main-dark-2);
-    }
-
-    .ratafia-card__feature {
-      &.ratafia-card__ai-feature {
-        background-color: get-color(secondary, main-light-3);
-      }
-    }
-  }
-}

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

@@ -1,58 +0,0 @@
-import React, { FC, ReactNode } from 'react'
-
-import { BenefitProps, RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCardProps.types'
-import { Button, IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms'
-import { stringSlugify } from '../../../utils/stringSlugify'
-
-const RatafiaSubscriptionCard: FC<RatafiaSubscriptionCardProps> = ({
-  cardStyle,
-  iconTitle,
-  title,
-  priceText,
-  mainFeatures,
-  AIFeatures,
-  buttonText,
-  linkText
-}) => {
-  if (!title) return null
-  const buttonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
-  const renderFeatures = (features: BenefitProps[], className?: string): ReactNode =>
-    features.map((feature) => (
-      <div key={feature.title} className={`ratafia-card__feature ${className ?? ''}`}>
-        {feature.image?.url && <IconSvgURLWithThemeColor url={feature.image.url} height='16' width='16' />}
-        <RichTextStrapi html={feature.title} />
-      </div>
-    ))
-
-  return (
-    <div className={`ratafia-card ${cardStyle ? stringSlugify(cardStyle) : 'primary'}`}>
-      <div className='ratafia-card__header'>
-        {title && (
-          <div className='ratafia-card__title'>
-            {iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
-            <RichTextStrapi html={title} />
-          </div>
-        )}
-        {priceText && <div className='ratafia-card__price-text'>{priceText}</div>}
-      </div>
-      <hr />
-      <div className='ratafia-card__body'>
-        {mainFeatures && renderFeatures(mainFeatures as unknown as BenefitProps[], 'main-feature')}
-        {AIFeatures && renderFeatures(AIFeatures as unknown as BenefitProps[], 'ai-feature')}
-      </div>
-      {buttonText && (
-        <div className='ratafia-card__footer'>
-          <Button
-            dataQa='ratafia-card-button'
-            givenClass='ratafia-card__button'
-            color={buttonStyle}
-            label={buttonText}
-            link={linkText ?? '#'}
-          />
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default RatafiaSubscriptionCard

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types.d.ts

@@ -1,24 +0,0 @@
-export interface RatafiaSubscriptionCardProps {
-    cardStyle?: CardStyleType;
-    iconTitle?: IconTitleProps;
-    title?: string;
-    priceText?: string;
-    mainFeatures?: BenefitProps[];
-    AIFeatures?: BenefitProps[];
-    buttonText?: string;
-    linkText?: string;
-}
-interface IconTitleProps {
-    name?: string;
-    url: string;
-}
-export interface BenefitProps {
-    title?: string;
-    description: string;
-    image?: {
-        name: string;
-        url: string;
-    };
-}
-export type CardStyleType = 'Primary' | 'Secondary';
-export {};

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types.js

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

package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types.ts

@@ -1,26 +0,0 @@
-export interface RatafiaSubscriptionCardProps {
-  cardStyle?: CardStyleType
-  iconTitle?: IconTitleProps
-  title?: string
-  priceText?: string
-  mainFeatures?: BenefitProps[]
-  AIFeatures?: BenefitProps[]
-  buttonText?: string
-  linkText?: string
-}
-
-interface IconTitleProps {
-  name?: string
-  url: string
-}
-
-export interface BenefitProps {
-  title?: string
-  description: string
-  image?: {
-    name: string
-    url: string
-  }
-}
-
-export type CardStyleType = 'Primary' | 'Secondary'

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

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

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

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

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

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