@npm_leadtech/legal-lib-components 7.63.10 → 7.64.0

package/dist/src/components/atoms/PlanCard/PlanCard.d.ts

@@ -1,3 +0,0 @@
-import { PlanCardProps } from './PlanCardProps';
-import React from 'react';
-export declare const PlanCard: React.FC<PlanCardProps>;

package/dist/src/components/atoms/PlanCard/PlanCard.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Benefit, BenefitsList, Divider, PlanCardContainer, PlanTitle, Price, PriceLabel, PricingInfo } from './PlanCard.styled';
-import { Button } from '../Button';
-export const PlanCard = ({ plan, onSelect }) => {
-    return (_jsxs(PlanCardContainer, { children: [_jsx(PlanTitle, { className: plan?.highlightPlan ? 'highlight' : 'asdfasdf', children: plan?.subscription_type?.name }), _jsxs(PricingInfo, { children: [_jsx(Price, { children: plan?.pricing }), _jsx(PriceLabel, { children: plan?.pricingLabel })] }), _jsx(Button, { label: plan?.buttonText ?? '', dataQa: `${plan?.subscription_type?.name.replaceAll(' ', '')}-button`, noLink: true, onClick: () => onSelect?.(plan?.subscription_type?.sku ?? ''), givenClass: 'pricing-plan__button', color: plan?.highlightPlan ? 'primary' : 'transparent' }), _jsx(Divider, {}), _jsx(BenefitsList, { children: plan?.benefits?.map((item) => (_jsxs(Benefit, { className: item?.type == 'default' ? 'default' : 'ai-benefit', children: [item?.icon, _jsx("p", { className: 'benefit-text', dangerouslySetInnerHTML: { __html: item?.benefit } })] }, item?.benefit))) })] }));
-};

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

@@ -1,8 +0,0 @@
-export declare const PlanCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlanTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const PricingInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const PriceLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-export declare const BenefitsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const Benefit: 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/PlanCard/PlanCard.styled.js

@@ -1,75 +0,0 @@
-import styled from 'styled-components';
-export const PlanCardContainer = styled.div `
-  text-align: center;
-  gap: 2rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 1.5rem;
-
-  .pricing-plan__button {
-    width: 100%;
-  }
-`;
-export const PlanTitle = styled.span `
-  border-radius: 8px;
-  padding: 0.5rem 1rem;
-  background-color: var(--neutral-neutral-4);
-  font-size: large;
-  font-weight: 700;
-  &.highlight {
-    background-color: var(--primary-main-light-4);
-  }
-`;
-export const PricingInfo = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-export const Price = styled.h4 `
-  font-size: 36px;
-  font-weight: 700;
-  margin: 0 0 -0.5rem 0;
-`;
-export const PriceLabel = styled.span `
-  font-size: 14px;
-`;
-export const Divider = styled.hr `
-  border: 1px solid var(--neutral-neutral-4);
-  width: 100%;
-`;
-export const BenefitsList = styled.ul `
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-`;
-export const Benefit = styled.li `
-  display: flex;
-  align-items: start;
-  box-sizing: border-box;
-  padding: 0 1rem;
-
-  &.ai-benefit {
-    background-color: var(--primary-main-light-5);
-    padding: 1rem;
-    border-radius: 0.5rem;
-  }
-
-  .benefit-text {
-    text-align: left;
-    font-size: 14px;
-  }
-
-  svg {
-    flex-shrink: 0;
-    width: 16px;
-    height: 16px;
-    margin-top: 0.3rem;
-    margin-right: 0.5rem;
-  }
-`;

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

@@ -1,83 +0,0 @@
-import styled from 'styled-components'
-
-export const PlanCardContainer = styled.div`
-  text-align: center;
-  gap: 2rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 1.5rem;
-
-  .pricing-plan__button {
-    width: 100%;
-  }
-`
-
-export const PlanTitle = styled.span`
-  border-radius: 8px;
-  padding: 0.5rem 1rem;
-  background-color: var(--neutral-neutral-4);
-  font-size: large;
-  font-weight: 700;
-  &.highlight {
-    background-color: var(--primary-main-light-4);
-  }
-`
-
-export const PricingInfo = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`
-
-export const Price = styled.h4`
-  font-size: 36px;
-  font-weight: 700;
-  margin: 0 0 -0.5rem 0;
-`
-
-export const PriceLabel = styled.span`
-  font-size: 14px;
-`
-
-export const Divider = styled.hr`
-  border: 1px solid var(--neutral-neutral-4);
-  width: 100%;
-`
-
-export const BenefitsList = styled.ul`
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-`
-
-export const Benefit = styled.li`
-  display: flex;
-  align-items: start;
-  box-sizing: border-box;
-  padding: 0 1rem;
-
-  &.ai-benefit {
-    background-color: var(--primary-main-light-5);
-    padding: 1rem;
-    border-radius: 0.5rem;
-  }
-
-  .benefit-text {
-    text-align: left;
-    font-size: 14px;
-  }
-
-  svg {
-    flex-shrink: 0;
-    width: 16px;
-    height: 16px;
-    margin-top: 0.3rem;
-    margin-right: 0.5rem;
-  }
-`

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

@@ -1,42 +0,0 @@
-import {
-  Benefit,
-  BenefitsList,
-  Divider,
-  PlanCardContainer,
-  PlanTitle,
-  Price,
-  PriceLabel,
-  PricingInfo
-} from './PlanCard.styled'
-import { Button } from '../Button'
-import { PlanCardProps } from './PlanCardProps'
-import React from 'react'
-
-export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect }) => {
-  return (
-    <PlanCardContainer>
-      <PlanTitle className={plan?.highlightPlan ? 'highlight' : 'asdfasdf'}>{plan?.subscription_type?.name}</PlanTitle>
-      <PricingInfo>
-        <Price>{plan?.pricing}</Price>
-        <PriceLabel>{plan?.pricingLabel}</PriceLabel>
-      </PricingInfo>
-      <Button
-        label={plan?.buttonText ?? ''}
-        dataQa={`${plan?.subscription_type?.name.replaceAll(' ', '')}-button`}
-        noLink
-        onClick={() => onSelect?.(plan?.subscription_type?.sku ?? '')}
-        givenClass='pricing-plan__button'
-        color={plan?.highlightPlan ? 'primary' : 'transparent'}
-      />
-      <Divider />
-      <BenefitsList>
-        {plan?.benefits?.map((item) => (
-          <Benefit key={item?.benefit} className={item?.type == 'default' ? 'default' : 'ai-benefit'}>
-            {item?.icon}
-            <p className='benefit-text' dangerouslySetInnerHTML={{ __html: item?.benefit }}></p>
-          </Benefit>
-        ))}
-      </BenefitsList>
-    </PlanCardContainer>
-  )
-}

package/dist/src/components/atoms/PlanCard/PlanCardProps.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-export interface PlanCardProps {
-    plan: SubscriptionPlan;
-    onSelect?: (sku: string) => void;
-}
-export interface SubscriptionPlan {
-    benefits?: Benefit[];
-    pricing?: string;
-    pricingLabel?: string;
-    buttonText?: string;
-    highlightPlan?: boolean;
-    subscription_type?: SubscriptionType;
-}
-interface Benefit {
-    type: 'default' | 'lawgenius';
-    benefit: string;
-    icon: ReactNode;
-}
-interface SubscriptionType {
-    name: string;
-    sku: string;
-}
-export {};

package/dist/src/components/atoms/PlanCard/PlanCardProps.js

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

package/dist/src/components/atoms/PlanCard/PlanCardProps.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react'
-
-export interface PlanCardProps {
-  plan: SubscriptionPlan
-  onSelect?: (sku: string) => void
-}
-
-export interface SubscriptionPlan {
-  benefits?: Benefit[]
-  pricing?: string
-  pricingLabel?: string
-  buttonText?: string
-  highlightPlan?: boolean
-  subscription_type?: SubscriptionType
-}
-
-interface Benefit {
-  type: 'default' | 'lawgenius'
-  benefit: string
-  icon: ReactNode
-}
-
-interface SubscriptionType {
-  name: string
-  sku: string
-}

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

@@ -1,2 +0,0 @@
-export * from './PlanCard';
-export * from './PlanCardProps';

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

@@ -1,2 +0,0 @@
-export * from './PlanCard';
-export * from './PlanCardProps';

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

@@ -1,2 +0,0 @@
-export * from './PlanCard'
-export * from './PlanCardProps'

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { StickyPlanBarProps } from './StickyPlanBarProps';
-export declare const StickyPlanBar: React.FC<StickyPlanBarProps>;

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StickyPlanBarStyled, StickyPlanContent, StickySelectButton } from './StickyPlanBar.styled';
-export const StickyPlanBar = ({ activePlan, showStickyBar, onPlanSelect }) => {
-    return (_jsxs(StickyPlanBarStyled, { className: `sticky-plan-bar ${showStickyBar ? 'visible' : ''}`, children: [_jsxs(StickyPlanContent, { className: 'sticky-plan-info', children: [_jsx("span", { className: 'sticky-plan-name', children: activePlan.subscription_type?.name }), _jsxs("div", { className: 'sticky-plan-pricing', children: [_jsx("span", { className: 'sticky-plan-price', children: activePlan.pricing }), _jsx("span", { className: 'sticky-plan-priceLabel', children: activePlan.pricingLabel })] })] }), _jsx(StickySelectButton, { className: 'sticky-select-button', onClick: () => (onPlanSelect ? onPlanSelect(activePlan?.subscription_type?.sku ?? '') : undefined), children: "Select" })] }));
-};

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

@@ -1,3 +0,0 @@
-export declare const StickyPlanBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StickyPlanContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StickySelectButton: 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/molecules/StickyPlanBar/StickyPlanBar.styled.js

@@ -1,69 +0,0 @@
-import { size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StickyPlanBarStyled = styled.div `
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  z-index: 100;
-  padding: 1rem;
-  gap: 1rem;
-
-  background-color: #ffffff;
-  border-radius: 1rem 1rem 0 0;
-  display: flex;
-  justify-content: space-between;
-  flex-direction: column;
-  align-items: center;
-
-  transform: translateY(100%);
-  transition: transform 0.3s ease-in-out;
-
-  &.visible {
-    transform: translateY(0);
-  }
-
-  @media (min-width: ${size.sm}) {
-    display: none;
-  }
-`;
-export const StickyPlanContent = styled.div `
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-
-  .sticky-plan-name {
-    padding: 0.25rem 0.5rem;
-    background-color: var(--primary-main-light-5);
-    color: var(--primary-main-dark-1);
-    font-size: 12px;
-    font-weight: 700;
-    border-radius: 8px;
-  }
-
-  .sticky-plan-pricing {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .sticky-plan-price {
-    font-size: 12px;
-    font-weight: 700;
-  }
-  .sticky-plan-priceLabel {
-    font-size: 12px;
-  }
-`;
-export const StickySelectButton = styled.button `
-  background-color: var(--primary-main-light-1);
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 0.68rem 1rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: background-color 0.2s;
-  width: 100%;
-`;

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

@@ -1,72 +0,0 @@
-import { size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const StickyPlanBarStyled = styled.div`
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  z-index: 100;
-  padding: 1rem;
-  gap: 1rem;
-
-  background-color: #ffffff;
-  border-radius: 1rem 1rem 0 0;
-  display: flex;
-  justify-content: space-between;
-  flex-direction: column;
-  align-items: center;
-
-  transform: translateY(100%);
-  transition: transform 0.3s ease-in-out;
-
-  &.visible {
-    transform: translateY(0);
-  }
-
-  @media (min-width: ${size.sm}) {
-    display: none;
-  }
-`
-
-export const StickyPlanContent = styled.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-
-  .sticky-plan-name {
-    padding: 0.25rem 0.5rem;
-    background-color: var(--primary-main-light-5);
-    color: var(--primary-main-dark-1);
-    font-size: 12px;
-    font-weight: 700;
-    border-radius: 8px;
-  }
-
-  .sticky-plan-pricing {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .sticky-plan-price {
-    font-size: 12px;
-    font-weight: 700;
-  }
-  .sticky-plan-priceLabel {
-    font-size: 12px;
-  }
-`
-
-export const StickySelectButton = styled.button`
-  background-color: var(--primary-main-light-1);
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 0.68rem 1rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: background-color 0.2s;
-  width: 100%;
-`

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

@@ -1,23 +0,0 @@
-import { StickyPlanBarStyled, StickyPlanContent, StickySelectButton } from './StickyPlanBar.styled'
-import React from 'react'
-import { StickyPlanBarProps } from './StickyPlanBarProps'
-
-export const StickyPlanBar: React.FC<StickyPlanBarProps> = ({ activePlan, showStickyBar, onPlanSelect }) => {
-  return (
-    <StickyPlanBarStyled className={`sticky-plan-bar ${showStickyBar ? 'visible' : ''}`}>
-      <StickyPlanContent className='sticky-plan-info'>
-        <span className='sticky-plan-name'>{activePlan.subscription_type?.name}</span>
-        <div className='sticky-plan-pricing'>
-          <span className='sticky-plan-price'>{activePlan.pricing}</span>
-          <span className='sticky-plan-priceLabel'>{activePlan.pricingLabel}</span>
-        </div>
-      </StickyPlanContent>
-      <StickySelectButton
-        className='sticky-select-button'
-        onClick={() => (onPlanSelect ? onPlanSelect(activePlan?.subscription_type?.sku ?? '') : undefined)}
-      >
-        Select
-      </StickySelectButton>
-    </StickyPlanBarStyled>
-  )
-}

package/dist/src/components/molecules/StickyPlanBar/StickyPlanBarProps.d.ts

@@ -1,6 +0,0 @@
-import { SubscriptionPlan } from '../../../components/atoms';
-export interface StickyPlanBarProps {
-    activePlan: SubscriptionPlan;
-    showStickyBar: boolean;
-    onPlanSelect?: (sku: string) => void;
-}

package/dist/src/components/molecules/StickyPlanBar/StickyPlanBarProps.js

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

package/dist/src/components/molecules/StickyPlanBar/StickyPlanBarProps.ts

@@ -1,7 +0,0 @@
-import { SubscriptionPlan } from '../../../components/atoms'
-
-export interface StickyPlanBarProps {
-  activePlan: SubscriptionPlan
-  showStickyBar: boolean
-  onPlanSelect?: (sku: string) => void
-}

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

@@ -1,2 +0,0 @@
-export * from './StickyPlanBar';
-export * from './StickyPlanBarProps';

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

@@ -1,2 +0,0 @@
-export * from './StickyPlanBar';
-export * from './StickyPlanBarProps';

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

@@ -1,2 +0,0 @@
-export * from './StickyPlanBar'
-export * from './StickyPlanBarProps'

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeader.d.ts

@@ -1,3 +0,0 @@
-import { PricingHeaderProps } from './PricingPageHeaderProps';
-import React from 'react';
-export declare const PricingPageHeader: React.FC<PricingHeaderProps>;

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PhoneButtonStyled, PhoneNumberStyled, PricingHeaderStyled } from './PricingPageHeader.styled';
-import { Logo } from '../../atoms';
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
-export const PricingPageHeader = ({ siteName = 'Legalfinity', phoneNumber }) => {
-    return (_jsxs(PricingHeaderStyled, { children: [_jsx(Logo, { siteName: siteName, width: '150', height: '26' }), _jsxs(PhoneNumberStyled, { children: [_jsx(PhoneIcon, { width: 16, height: 16, fill: '#6d7275' }), _jsx("strong", { children: phoneNumber })] }), _jsxs(PhoneButtonStyled, { href: `tel:${phoneNumber}`, target: '__self', children: [_jsx(PhoneIcon, { width: 24, height: 24, fill: 'currentColor' }), _jsx("strong", { children: 'Call Us' })] })] }));
-};

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeader.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const PricingHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const PhoneButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const PhoneNumberStyled: 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/organisms/PricingPageHeader/PricingPageHeader.styled.js

@@ -1,35 +0,0 @@
-import { size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PricingHeaderStyled = styled.header `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 1.5rem;
-`;
-export const PhoneButtonStyled = styled.a `
-  display: none;
-  align-items: center;
-  gap: 0.25rem;
-  height: 2.5rem;
-  border-radius: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  text-decoration: none;
-  cursor: pointer;
-  border: 1px solid var(--neutral-neutral-4);
-  font-size: 14px;
-  color: var(--primary-main);
-  @media (max-width: ${size.tab}) {
-    display: flex;
-  }
-`;
-export const PhoneNumberStyled = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--neutral-neutral-2);
-  height: 2.5rem;
-
-  @media (max-width: ${size.tab}) {
-    display: none;
-  }
-`;

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeader.styled.tsx

@@ -1,38 +0,0 @@
-import { size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PricingHeaderStyled = styled.header`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 1.5rem;
-`
-
-export const PhoneButtonStyled = styled.a`
-  display: none;
-  align-items: center;
-  gap: 0.25rem;
-  height: 2.5rem;
-  border-radius: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  text-decoration: none;
-  cursor: pointer;
-  border: 1px solid var(--neutral-neutral-4);
-  font-size: 14px;
-  color: var(--primary-main);
-  @media (max-width: ${size.tab}) {
-    display: flex;
-  }
-`
-
-export const PhoneNumberStyled = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--neutral-neutral-2);
-  height: 2.5rem;
-
-  @media (max-width: ${size.tab}) {
-    display: none;
-  }
-`

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeader.tsx

@@ -1,21 +0,0 @@
-import { PhoneButtonStyled, PhoneNumberStyled, PricingHeaderStyled } from './PricingPageHeader.styled'
-import { Logo } from '../../atoms'
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon'
-import { PricingHeaderProps } from './PricingPageHeaderProps'
-import React from 'react'
-
-export const PricingPageHeader: React.FC<PricingHeaderProps> = ({ siteName = 'Legalfinity', phoneNumber }) => {
-  return (
-    <PricingHeaderStyled>
-      <Logo siteName={siteName} width='150' height='26' />
-      <PhoneNumberStyled>
-        <PhoneIcon width={16} height={16} fill='#6d7275' />
-        <strong>{phoneNumber}</strong>
-      </PhoneNumberStyled>
-      <PhoneButtonStyled href={`tel:${phoneNumber}`} target='__self'>
-        <PhoneIcon width={24} height={24} fill='currentColor' />
-        <strong>{'Call Us'}</strong>
-      </PhoneButtonStyled>
-    </PricingHeaderStyled>
-  )
-}

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeaderProps.d.ts

@@ -1,4 +0,0 @@
-export interface PricingHeaderProps {
-    siteName?: string;
-    phoneNumber?: string;
-}

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeaderProps.js

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

package/dist/src/components/organisms/PricingPageHeader/PricingPageHeaderProps.ts

@@ -1,4 +0,0 @@
-export interface PricingHeaderProps {
-  siteName?: string
-  phoneNumber?: string
-}

package/dist/src/components/organisms/PricingPageHeader/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PricingPageHeader';
-export * from './PricingPageHeaderProps';

package/dist/src/components/organisms/PricingPageHeader/index.js

@@ -1,2 +0,0 @@
-export * from './PricingPageHeader';
-export * from './PricingPageHeaderProps';

package/dist/src/components/organisms/PricingPageHeader/index.ts

@@ -1,2 +0,0 @@
-export * from './PricingPageHeader'
-export * from './PricingPageHeaderProps'

package/dist/src/components/pages/PricingPlansPage/PricingPlansPage.d.ts

@@ -1,3 +0,0 @@
-import { PricingPlansPageProps } from './PricingPlansPageProps';
-import React from 'react';
-export declare const PricingPlansPage: React.FC<PricingPlansPageProps>;