npm - @npm_leadtech/legal-lib-components - Versions diffs - 4.1.25 → 4.2.0 - Mend

@npm_leadtech/legal-lib-components 4.1.25 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2462) hide show

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.d.ts DELETED Viewed

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

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.js DELETED Viewed

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ChevronExpandLess } from '../../../../images/componentsSvg/ChevronExpandLess';
-import { ChevronExpandMore } from '../../../../images/componentsSvg/ChevronExpandMore';
-// import './ShowMoreBox.scss'
-export const ShowMoreBox = ({ children, collapsedButtonText = 'Show More', expandedButtonText = 'Show Less' }) => {
-    const [isExpanded, setIsExpanded] = React.useState(false);
-    return (_jsxs("div", { className: 'show-more-box', children: [_jsx("div", { className: `content ${isExpanded ? '' : 'truncate'}`, children: children }), _jsxs("div", { className: 'button', children: [_jsx("div", { role: 'button', tabIndex: 0, onClick: () => {
-                            setIsExpanded(!isExpanded);
-                        }, onKeyDown: () => {
-                            setIsExpanded(!isExpanded);
-                        }, children: isExpanded ? expandedButtonText : collapsedButtonText }), isExpanded ? _jsx(ChevronExpandLess, {}) : _jsx(ChevronExpandMore, {})] })] }));
-};

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.scss DELETED Viewed

@@ -1,48 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-.show-more-box {
-  display: flex;
-  padding: 1rem;
-  flex-direction: column;
-  gap: $global-gap;
-  border-radius: $global-border-radius;
-  background: get-color(neutral, neutral-5);
-  .content {
-    color: get-color(neutral, neutral-1);
-    font-size: 12px;
-    line-height: 16px;
-    letter-spacing: -0.3px;
-    &.truncate {
-      display: -webkit-box;
-      -webkit-line-clamp: 4;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-    }
-  }
-  .button {
-    display: flex;
-    align-items: center;
-    align-self: stretch;
-    cursor: pointer;
-    div {
-      color: get-color(primary, main-light-1);
-      font-size: 14px;
-      line-height: 18px;
-      letter-spacing: -0.3px;
-    }
-    svg {
-      width: 20px;
-      height: 20px;
-      path {
-        fill: get-color(primary, main-light-1);
-      }
-    }
-  }
-}

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.tsx DELETED Viewed

@@ -1,34 +0,0 @@
-import React from 'react'
-import { ChevronExpandLess } from '../../../../images/componentsSvg/ChevronExpandLess'
-import { ChevronExpandMore } from '../../../../images/componentsSvg/ChevronExpandMore'
-import { type ShowMoreBoxProps } from './ShowMoreBoxProps'
-// import './ShowMoreBox.scss'
-export const ShowMoreBox: React.FC<ShowMoreBoxProps> = ({
-  children,
-  collapsedButtonText = 'Show More',
-  expandedButtonText = 'Show Less'
-}) => {
-  const [isExpanded, setIsExpanded] = React.useState(false)
-  return (
-    <div className='show-more-box'>
-      <div className={`content ${isExpanded ? '' : 'truncate'}`}>{children}</div>
-      <div className='button'>
-        <div
-          role='button'
-          tabIndex={0}
-          onClick={() => {
-            setIsExpanded(!isExpanded)
-          }}
-          onKeyDown={() => {
-            setIsExpanded(!isExpanded)
-          }}
-        >
-          {isExpanded ? expandedButtonText : collapsedButtonText}
-        </div>
-        {isExpanded ? <ChevronExpandLess /> : <ChevronExpandMore />}
-      </div>
-    </div>
-  )
-}

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBoxProps.js DELETED Viewed

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

package/dist/src/components/atoms/ShowMoreBox/ShowMoreBoxProps.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export interface ShowMoreBoxProps {
-  children: React.ReactNode
-  collapsedButtonText?: string
-  expandedButtonText?: string
-}

package/dist/src/components/atoms/ShowMoreBox/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { ShowMoreBox } from './ShowMoreBox';

package/dist/src/components/atoms/ShowMoreBox/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export { ShowMoreBox } from './ShowMoreBox'
2	- export type { ShowMoreBoxProps } from './ShowMoreBoxProps'

package/dist/src/components/atoms/SidemenuTab/SideMenuTabProps.types.js DELETED Viewed

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

package/dist/src/components/atoms/SidemenuTab/SideMenuTabProps.types.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import { type MouseEventHandler } from 'react'
-export interface SideMenuTabProps {
-  text?: string
-  active?: boolean
-  mobile?: boolean
-  menu?: any
-  onClick?: MouseEventHandler<HTMLButtonElement>
-  image?: React.ReactNode
-  children?: React.ReactNode
-}

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.d.ts DELETED Viewed

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

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.js DELETED Viewed

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { MenuItems } from '../MenuItems';
-import { Tooltip } from '../Tooltip';
-// import './SidemenuTab.scss'
-const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) => {
-    const classes = classNames('sidemenu-tab', {
-        'sidemenu-tab--active': active,
-        'sidemenu-tab--mobile': mobile
-    });
-    const renderTab = () => (_jsx("button", { className: classes, onClick: onClick, children: _jsxs("div", { className: 'sidemenu-tab__inner', children: [image, _jsx("p", { className: 'sans-serif --medium', children: children ?? text })] }) }));
-    if (menu === undefined || menu?.lenght === 0) {
-        return renderTab();
-    }
-    return (_jsx(Tooltip, { content: _jsx(MenuItems, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
-};
-export default SidemenuTab;

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.scss DELETED Viewed

@@ -1,90 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-.sidemenu-tab {
-  padding: 1rem 0.5rem;
-  color: get-color(neutral, neutral-3);
-  background-color: transparent;
-  border: none;
-  outline: none;
-  width: 100%;
-  position: relative;
-  cursor: pointer;
-  svg {
-    margin-right: 1rem;
-    g g {
-      fill: get-color(neutral, neutral-3);
-    }
-  }
-  &--active {
-    border-left: 2px solid get-color(primary, main-light-3);
-    color: get-color(primary, main-light-3);
-    background-color: get-color(primary, main-dark-1);
-    p {
-      font-weight: bold;
-    }
-    svg g g {
-      fill: get-color(primary, main-light-3);
-    }
-  }
-  &__inner {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-  &--mobile {
-    background-color: transparent;
-    border: none;
-    outline: none;
-    width: 100%;
-    padding: 0;
-    position: relative;
-    .sans-serif.--medium {
-      font-size: 0.75rem;
-    }
-    &:hover {
-      cursor: pointer;
-    }
-    &.sidemenu-tab--active {
-      color: get-color(primary, main-light-1);
-      background-color: get-color(primary, main-light-5);
-      .sidemenu-tab__inner {
-        p {
-          font-weight: bold;
-        }
-        svg g g {
-          fill: get-color(primary, main-light-1);
-        }
-        svg g g use {
-          fill: get-color(primary, main-light-1);
-        }
-      }
-    }
-    .sidemenu-tab__inner {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-    svg {
-      margin-right: 0;
-      width: 16px;
-      g g use {
-        fill: get-color(neutral, neutral-2);
-      }
-    }
-  }
-}

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.tsx DELETED Viewed

@@ -1,35 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import { MenuItems } from '../MenuItems'
-import { type SideMenuTabProps } from './SideMenuTabProps.types'
-import { Tooltip } from '../Tooltip'
-// import './SidemenuTab.scss'
-const SidemenuTab: React.FC<SideMenuTabProps> = ({ active, mobile, menu, text, image, onClick, children }) => {
-  const classes = classNames('sidemenu-tab', {
-    'sidemenu-tab--active': active,
-    'sidemenu-tab--mobile': mobile
-  })
-  const renderTab = (): React.ReactElement => (
-    <button className={classes} onClick={onClick}>
-      <div className='sidemenu-tab__inner'>
-        {image}
-        <p className='sans-serif --medium'>{children ?? text}</p>
-      </div>
-    </button>
-  )
-  if (menu === undefined || menu?.lenght === 0) {
-    return renderTab()
-  }
-  return (
-    <Tooltip content={<MenuItems list={menu} />} interactive trigger='click'>
-      {renderTab()}
-    </Tooltip>
-  )
-}
-export default SidemenuTab

package/dist/src/components/atoms/SidemenuTab/index.js DELETED Viewed

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

package/dist/src/components/atoms/SidemenuTab/index.ts DELETED Viewed

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

package/dist/src/components/atoms/Spinner/Spinner.d.ts DELETED Viewed

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

package/dist/src/components/atoms/Spinner/Spinner.js DELETED Viewed

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import './Spinner.scss'
-const Spinner = ({ className = '', big = false }) => {
-    return !big ? (_jsx("svg", { className: `e-spinner ${className}`, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z', fill: '#6D7275' }) })) : (_jsx("svg", { className: `e-spinner big ${className}`, viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z', fill: '#6D7275' }) }));
-};
-export default Spinner;

package/dist/src/components/atoms/Spinner/Spinner.scss DELETED Viewed

@@ -1,32 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-.e-spinner {
-  animation: rotate 2s linear infinite;
-  width: 24px;
-  height: 24px;
-  path {
-    fill: get-color(others, white);
-    stroke-linecap: round;
-    stroke-dasharray: 15, 150;
-    animation: dash 1.5s ease-in-out infinite;
-  }
-}
-.e-spinner.big {
-  width: 70px;
-  height: 70px;
-}
-.spinner--neutral {
-  path {
-    fill: get-color(neutral, neutral-2);
-  }
-}
-.spinner--primary {
-  path {
-    fill: get-color(primary);
-  }
-}

package/dist/src/components/atoms/Spinner/Spinner.tsx DELETED Viewed

@@ -1,24 +0,0 @@
-import React, { type FC } from 'react'
-import { type SpinnerProps } from './SpinnerProps.types'
-// import './Spinner.scss'
-const Spinner: FC<SpinnerProps> = ({ className = '', big = false }) => {
-  return !big ? (
-    <svg className={`e-spinner ${className}`} width='24' height='24' viewBox='0 0 24 24' fill='none'>
-      <path
-        d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z'
-        fill='#6D7275'
-      />
-    </svg>
-  ) : (
-    <svg className={`e-spinner big ${className}`} viewBox='0 0 24 24' fill='none'>
-      <path
-        d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.3864 2.49746 10.8889 3.11111 10.8889C3.72476 10.8889 4.22222 11.3864 4.22222 12C4.22222 16.2955 7.70445 19.7778 12 19.7778C16.2955 19.7778 19.7778 16.2955 19.7778 12C19.7778 7.70445 16.2955 4.22222 12 4.22222C11.3864 4.22222 10.8889 3.72476 10.8889 3.11111C10.8889 2.49746 11.3864 2 12 2Z'
-        fill='#6D7275'
-      />
-    </svg>
-  )
-}
-export default Spinner

package/dist/src/components/atoms/Spinner/SpinnerProps.types.js DELETED Viewed

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

package/dist/src/components/atoms/Spinner/SpinnerProps.types.ts DELETED Viewed

@@ -1,4 +0,0 @@
-export interface SpinnerProps {
-  className?: string
-  big?: boolean
-}

package/dist/src/components/atoms/Spinner/index.js DELETED Viewed

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

package/dist/src/components/atoms/Spinner/index.ts DELETED Viewed

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

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.d.ts DELETED Viewed

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

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.js DELETED Viewed

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// import './StepRatafiaCard.scss'
-export const StepRatafiaCard = ({ title, icon, description }) => {
-    return (_jsxs("div", { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon !== null && _jsx("div", { className: 'step-ratafia-card__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
-};
-export default StepRatafiaCard;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.scss DELETED Viewed

@@ -1,27 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-.step-ratafia-card {
-  display: flex;
-  padding: 1.5rem;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.5rem;
-  align-self: stretch;
-  border-radius: 4px;
-  background: get-color(neutral, neutral-6);
-  &__title {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    align-self: stretch;
-    color: get-color(neutral, neutral-1);
-    &__icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.tsx DELETED Viewed

@@ -1,18 +0,0 @@
-import React from 'react'
-import { type StepRatafiaCardProps } from './StepRatafiaCardProps.types'
-// import './StepRatafiaCard.scss'
-export const StepRatafiaCard: React.FC<StepRatafiaCardProps> = ({ title, icon, description }) => {
-  return (
-    <div className='step-ratafia-card'>
-      <div className='step-ratafia-card__title'>
-        {icon !== null && <div className='step-ratafia-card__title__icon'>{icon}</div>}
-        <h3 className='sans-serif --medium --bold-weight step-ratafia-card__title__text'>{title}</h3>
-      </div>
-      <p className='sans-serif --small step-ratafia-card__description'>{description}</p>
-    </div>
-  )
-}
-export default StepRatafiaCard

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.js DELETED Viewed

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

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.ts DELETED Viewed

@@ -1,6 +0,0 @@
-export interface StepRatafiaCardProps {
-  id: string
-  title: string
-  icon?: React.ReactNode
-  description: string
-}

package/dist/src/components/atoms/StepRatafiaCard/index.js DELETED Viewed

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

package/dist/src/components/atoms/StepRatafiaCard/index.ts DELETED Viewed

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

package/dist/src/components/atoms/Tag/Tag.d.ts DELETED Viewed

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

package/dist/src/components/atoms/Tag/Tag.js DELETED Viewed

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// import './Tag.scss'
-export const Tag = ({ text, icon }) => {
-    return (_jsxs("div", { className: 'tag', children: [_jsx("div", { className: 'icon', children: icon }), _jsx("div", { className: 'text', children: text })] }));
-};

package/dist/src/components/atoms/Tag/Tag.scss DELETED Viewed

@@ -1,23 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-.tag {
-  align-items: center;
-  background: get-color(secondary, main-light-4);
-  border-radius: $global-border-radius;
-  display: flex;
-  gap: 4px;
-  justify-content: center;
-  padding: 4px;
-  width: fit-content;
-  .icon {
-    display: flex;
-  }
-  .text {
-    color: get-color(neutral, neutral-1);
-    font-size: 12px;
-    font-weight: 700;
-    line-height: 16px;
-  }
-}

package/dist/src/components/atoms/Tag/Tag.tsx DELETED Viewed

@@ -1,13 +0,0 @@
-import React from 'react'
-import { type TagProps } from './TagProps'
-// import './Tag.scss'
-export const Tag: React.FC<TagProps> = ({ text, icon }) => {
-  return (
-    <div className='tag'>
-      <div className='icon'>{icon}</div>
-      <div className='text'>{text}</div>
-    </div>
-  )
-}

package/dist/src/components/atoms/Tag/TagProps.js DELETED Viewed

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

package/dist/src/components/atoms/Tag/TagProps.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export interface TagProps {
-  id: string
-  icon: React.ReactNode
-  text: string
-}

package/dist/src/components/atoms/Tag/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './Tag'
2	- export * from './TagProps'

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.d.ts DELETED Viewed

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

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.js DELETED Viewed

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// import './TagRatafiaItem.scss'
-export const TagRatafiaItem = ({ icon, description }) => {
-    return (_jsxs("div", { className: 'tag-ratafia-item', children: [icon !== null && _jsx("div", { className: 'tag-ratafia-item__icon', children: icon }), _jsx("span", { className: 'sans-serif --small tag-ratafia-item__description', itemProp: 'text', children: description })] }));
-};
-export default TagRatafiaItem;

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.scss DELETED Viewed

@@ -1,22 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-.tag-ratafia-item {
-  background: get-color(primary, main-light-6);
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  &__icon {
-    height: 16px;
-    width: 16px;
-  }
-  &__description {
-    color: get-color(primary, main-dark-2);
-  }
-}

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.tsx DELETED Viewed

@@ -1,17 +0,0 @@
-import React from 'react'
-import { type TagRatafiaItemProps } from './TagRatafiaItemProps.types'
-// import './TagRatafiaItem.scss'
-export const TagRatafiaItem: React.FC<TagRatafiaItemProps> = ({ icon, description }) => {
-  return (
-    <div className={'tag-ratafia-item'}>
-      {icon !== null && <div className={'tag-ratafia-item__icon'}>{icon}</div>}
-      <span className='sans-serif --small tag-ratafia-item__description' itemProp='text'>
-        {description}
-      </span>
-    </div>
-  )
-}
-export default TagRatafiaItem

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItemProps.types.js DELETED Viewed

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

package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItemProps.types.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export interface TagRatafiaItemProps {
-  id: string
-  description: React.ReactNode
-  icon?: React.ReactNode
-}

package/dist/src/components/atoms/TagRatafiaItem/index.js DELETED Viewed

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

package/dist/src/components/atoms/TagRatafiaItem/index.ts DELETED Viewed

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

package/dist/src/components/atoms/Tagline/Tagline.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-import { type TaglineProps } from './TaglineProps.types';
-export declare const Tagline: FC<TaglineProps>;

package/dist/src/components/atoms/Tagline/Tagline.js DELETED Viewed

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import './Tagline.scss'
-export const Tagline = ({ text }) => {
-    return (_jsx("div", { className: 'tagline', children: _jsx("span", { className: 'sans-serif --small tagline__text', children: text }) }));
-};

package/dist/src/components/atoms/Tagline/Tagline.scss DELETED Viewed

@@ -1,16 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-.tagline {
-  margin-bottom: 1rem;
-}
-.tagline__text {
-  border-bottom: solid 1px get-color(neutral, neutral-3);
-  color: get-color(neutral, neutral-2);
-  display: inline-block;
-  font-family: $font-sans;
-  font-weight: bold;
-  letter-spacing: 0;
-  padding-bottom: 0.5rem;
-  text-transform: uppercase;
-}

package/dist/src/components/atoms/Tagline/Tagline.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React, { type FC } from 'react'
-import { type TaglineProps } from './TaglineProps.types'
-// import './Tagline.scss'
-export const Tagline: FC<TaglineProps> = ({ text }) => {
-  return (
-    <div className='tagline'>
-      <span className='sans-serif --small tagline__text'>{text}</span>
-    </div>
-  )
-}