@mmb-digital/ds-lilly 1.0.36 → 1.0.38

package/src/components/Components/Avatar/Avatar.stories.tsx

@@ -1,188 +0,0 @@
-import { ArgTypes, Stories, Title } from '@storybook/blocks'
-import React, { Fragment } from 'react'
-
-import rbLogo from '../../../images/rb-logo.jpeg'
-import { Flex } from '../../Layout'
-import { Avatar } from './Avatar'
-
-export default {
-  title: 'Components/🎉 Avatar',
-  component: Avatar,
-  parameters: {
-    docs: {
-      page: () => {
-        return (
-          <Fragment>
-            <Title />
-            <Stories />
-            <ArgTypes />
-          </Fragment>
-        )
-      }
-    }
-  }
-}
-
-export const BackgroundColor = {
-  render: () => (
-    <div>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar backgroundColor="bgInfoBold" color="fgInverseDefault" iconName="card" />
-        <Avatar backgroundColor="bgErrorBold" color="fgInverseDefault" iconName="card" />
-        <Avatar backgroundColor="bgWarningBold" color="fgInverseDefault" iconName="card" />
-        <Avatar backgroundColor="bgSuccessBold" color="fgInverseDefault" iconName="card" />
-      </Flex>
-    </div>
-  ),
-
-  name: 'backgroundColor'
-}
-
-export const BackgroundColorCustom = {
-  render: () => (
-    <div>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar backgroundCustom="#0000FF" color="fgInverseDefault" text="T" />
-        <Avatar backgroundCustom="#00AA00" color="fgInverseDefault" iconName="card" />
-        <Avatar backgroundCustom="#CC0000" iconName="card" />
-      </Flex>
-    </div>
-  ),
-
-  name: 'backgroundColor-custom'
-}
-
-export const Sizes = {
-  render: () => (
-    <div>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar isBold backgroundColor="bgInfoBold" size="xSmall" text="MM" />
-        <Avatar isBold backgroundColor="bgInfoBold" size="small" text="MM" />
-        <Avatar isBold backgroundColor="bgInfoBold" text="MM" />
-        <Avatar isBold backgroundColor="bgInfoBold" size="large" text="MM" />
-        <Avatar isBold backgroundColor="bgInfoBold" color="fgInverseDefault" size="xLarge" text="MM" />
-        <Avatar isBold backgroundColor="bgInfoBold" color="fgInverseDefault" size="xxLarge" text="MM" />
-      </Flex>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar backgroundColor="bgInfoBold" iconName="card" size="xSmall" />
-        <Avatar backgroundColor="bgInfoBold" iconName="card" size="small" />
-        <Avatar backgroundColor="bgInfoBold" iconName="card" />
-        <Avatar backgroundColor="bgInfoBold" iconName="card" size="large" />
-        <Avatar backgroundColor="bgInfoBold" color="fgInverseDefault" iconName="card" size="xLarge" />
-        <Avatar backgroundColor="bgInfoBold" color="fgInverseDefault" iconName="card" size="xxLarge" />
-      </Flex>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar isBold color="fgBrandDefault" size="xSmall" text="MM" />
-        <Avatar isBold color="fgBrandDefault" size="small" text="MM" />
-        <Avatar isBold color="fgBrandDefault" text="MM" />
-        <Avatar isBold color="fgBrandDefault" size="large" text="MM" />
-        <Avatar isBold color="fgBrandDefault" size="xLarge" text="MM" />
-        <Avatar isBold color="fgBrandDefault" size="xxLarge" text="MM" />
-      </Flex>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar color="fgBrandDefault" iconName="card" size="xSmall" />
-        <Avatar color="fgBrandDefault" iconName="card" size="small" />
-        <Avatar color="fgBrandDefault" iconName="card" />
-        <Avatar color="fgBrandDefault" iconName="card" size="large" />
-        <Avatar color="fgBrandDefault" iconName="card" size="xLarge" />
-        <Avatar color="fgBrandDefault" iconName="card" size="xxLarge" />
-      </Flex>
-    </div>
-  ),
-
-  name: 'sizes'
-}
-
-export const image = {
-  render: () => (
-    <div>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar isIconSizing imageUrl={rbLogo} size="xSmall" />
-        <Avatar imageUrl={rbLogo} size="small" />
-        <Avatar imageUrl={rbLogo} />
-        <Avatar imageUrl={rbLogo} size="large" />
-        <Avatar imageUrl={rbLogo} size="xLarge" />
-        <Avatar imageUrl={rbLogo} size="xxLarge" />
-      </Flex>
-      <Flex alignItems="center" justifyContent="center" wrap="wrap">
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-          size="xSmall"
-        />
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-          size="small"
-        />
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-        />
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-          size="large"
-        />
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-          size="xLarge"
-        />
-        <Avatar
-          isIconSizing
-          backgroundColor="bgSuccessBold"
-          imageUrl="https://teibs.internetbanka.cz/cbl_images/category-icons/telefon.png"
-          size="xxLarge"
-        />
-      </Flex>
-    </div>
-  ),
-
-  name: 'image / category'
-}
-
-export const isBold = {
-  render: () => (
-    <Flex alignItems="center" justifyContent="center" wrap="wrap">
-      <Avatar backgroundColor="bgNeutralDefault" size="large" text="T" />
-      <Avatar isBold backgroundColor="bgNeutralDefault" size="large" text="T" />
-    </Flex>
-  ),
-
-  name: 'isBold'
-}
-
-export const color = {
-  render: () => (
-    <Flex alignItems="center" justifyContent="center" wrap="wrap">
-      <Avatar isBold backgroundColor="bgNeutralDefault" color="fgInfoDefault" size="large" text="T" />
-      <Avatar isBold backgroundColor="bgNeutralDefault" color="fgWarningDefault" size="large" text="T" />
-      <Avatar isBold backgroundColor="bgNeutralDefault" color="fgSuccessDefault" iconName="card" size="large" />
-      <Avatar backgroundColor="bgNeutralDefault" color="fgErrorDefault" iconName="card" size="large" />
-    </Flex>
-  ),
-
-  name: 'color'
-}
-
-export const Position = {
-  render: () => (
-    <div>
-      <span>
-        This is some
-        <Avatar isLeft iconName="card" />
-        text. This is some
-        <Avatar isRight iconName="card" />
-        text.
-      </span>
-    </div>
-  ),
-
-  name: 'position'
-}

package/src/components/Components/Avatar/Avatar.tsx

@@ -1,124 +0,0 @@
-import camelcase from 'camelcase'
-import React, { Fragment, lazy, ReactNode, Suspense } from 'react'
-
-import { ColorType, IconNameType } from '../../../types'
-import { ComponentPropsType, cx } from '../../../utils'
-import { Image } from '../Image'
-
-export interface AvatarPropsType extends ComponentPropsType {
-  /** Color of avatar background - any color from palette-light */
-  backgroundColor?: ColorType
-  backgroundCustom?: string
-  /** Bold content */
-  isBold?: boolean
-  /** Render with icon sizing */
-  isIconSizing?: boolean
-  /** Color of Avatar text fill from _semantic-palette--(light|dark).scss example 'fgNeutralDefault' */
-  color?: ColorType
-  /** Avatar className */
-  className?: string
-  /** Avatar text */
-  text?: ReactNode
-  /** Avatar icon name */
-  iconName?: IconNameType
-  /** Image URL to render as icon */
-  imageUrl?: string
-  /** Avatar size enum type */
-  size?: AvatarSizeType
-  /** Set padding for left position */
-  isLeft?: boolean
-  /** Set padding for right position */
-  isRight?: boolean
-  /** Flag indicating that the button is rounded. */
-  isRounded?: boolean
-}
-
-export type AvatarSizeType = 'xSmall' | 'small' | 'large' | 'xLarge' | 'xxLarge'
-
-export type AvatarBadgePosition = 'topRight' | 'bottomRight' | 'topLeft' | 'bottomLeft'
-
-const usedIconComponents = {}
-
-export const Avatar = ({
-  backgroundColor,
-  backgroundCustom,
-  className,
-  color,
-  iconName,
-  imageUrl,
-  isBold,
-  isIconSizing,
-  isLeft,
-  isRight,
-  isRounded = false,
-  size,
-  testId,
-  text,
-  theme
-}: AvatarPropsType): JSX.Element => {
-  const componentClassName = cx(
-    'c-avatar',
-    {
-      [`c-avatar--${size}`]: size,
-      [`u-fg--${color}`]: color,
-      [`u-bg--${backgroundColor}`]: backgroundColor,
-      [`c-avatar--${iconName}`]: iconName,
-      'c-avatar--text': text,
-      'c-avatar--transparent': !backgroundColor,
-      'c-avatar--image': !!imageUrl || isRight || isLeft,
-      'c-avatar--bold': isBold,
-      'c-avatar--rounded': isRounded || backgroundColor || imageUrl || backgroundCustom,
-      'c-avatar--r': isRight,
-      'c-avatar--l': isLeft
-    },
-    className,
-    theme
-  )
-
-  let Component
-  if (iconName) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    if (usedIconComponents[iconName]) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      Component = usedIconComponents[iconName]
-    } else {
-      Component = lazy(() =>
-        import(`./_parts_/${camelcase(iconName, { pascalCase: true })}.tsx`).catch(() => import('./_parts_/Empty'))
-      )
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      usedIconComponents[iconName] = Component
-    }
-  }
-
-  return (
-    <span className={componentClassName} data-testid={testId} style={{ background: backgroundCustom }}>
-      {text && (
-        <span aria-hidden="true" className="c-avatar__text">
-          {text}
-        </span>
-      )}
-      {iconName && (
-        <Suspense fallback={<span className={`${componentClassName}-fallback`} />}>
-          <span aria-hidden="true" className="c-avatar__icon" data-testid={testId} tabIndex={-1}>
-            <Component className={cx('c-avatar__iconSvg')} color={color} />
-          </span>
-        </Suspense>
-      )}
-
-      {imageUrl && (
-        <Fragment>
-          {isIconSizing ? (
-            <span className={cx({ 'c-avatar__iconImage': isIconSizing })}>
-              <Image alt="" src={imageUrl} />
-            </span>
-          ) : (
-            <Image alt="" src={imageUrl} />
-          )}
-        </Fragment>
-      )}
-    </span>
-  )
-}

package/src/components/Components/Avatar/_parts_/Account.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAccount(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18 7H7.5c-.281 0-.5.219-.5.5s.219.5.5.5H18c.563 0 1 .438 1 1v8c0 .563-.438 1-1 1H7c-1.094 0-2-.906-2-2V8c0-1.094.906-2 2-2h11.5c.281 0 .5-.219.5-.5s-.219-.5-.5-.5H7a3 3 0 00-3 3v8a3 3 0 003 3h11c1.094 0 2-.906 2-2V9c0-1.094-.906-2-2-2zm-1.25 6a.76.76 0 00-.75-.75.76.76 0 00-.75.75c0 .406.344.75.75.75a.76.76 0 00.75-.75z" />
-    </svg>
-  )
-}
-export default SvgAccount

package/src/components/Components/Avatar/_parts_/AccountDuotone.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react'
-function SvgAccountDuotone(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path opacity={0.4} d="M19 6.5v1.777A1.98 1.98 0 0018 8H5.5a1.5 1.5 0 110-3h12A1.5 1.5 0 0119 6.5z" />
-      <path d="M18 8H5.5A1.5 1.5 0 014 6.5V17a2 2 0 002 2h12a2 2 0 002-2v-7a2 2 0 00-2-2zm-1 6.5a1 1 0 110-2 1 1 0 010 2z" />
-    </svg>
-  )
-}
-export default SvgAccountDuotone

package/src/components/Components/Avatar/_parts_/AccountFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAccountFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18 8H6.5a.494.494 0 01-.5-.5c0-.281.219-.5.5-.5H19v-.5c0-.813-.688-1.5-1.5-1.5H6c-1.094 0-2 .906-2 2v10c0 1.094.906 2 2 2h12c1.094 0 2-.906 2-2v-7c0-1.094-.906-2-2-2zm-1 6.5c-.563 0-1-.438-1-1 0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1z" />
-    </svg>
-  )
-}
-export default SvgAccountFill

package/src/components/Components/Avatar/_parts_/AddPayment.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAddPayment(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M17.844 12.34l-6.5 6.5a.442.442 0 01-.688 0 .502.502 0 01-.156-.344c0-.125.063-.25.156-.343l5.625-5.657H4.5a.494.494 0 01-.5-.5c0-.28.219-.5.5-.5h11.781L10.656 5.84a.442.442 0 010-.687c.219-.188.5-.22.688 0l6.5 6.5c.218.187.218.5 0 .687zM18.25 17.75h2.2c.31 0 .55.24.55.55 0 .31-.24.55-.55.55h-2.2v2.2c0 .31-.24.55-.55.55-.31 0-.55-.24-.55-.55v-2.2h-2.2c-.31 0-.55-.24-.55-.55 0-.31.24-.55.55-.55h2.2v-2.2c0-.31.24-.55.55-.55.31 0 .55.24.55.55v2.2z" />
-    </svg>
-  )
-}
-export default SvgAddPayment

package/src/components/Components/Avatar/_parts_/AddPaymentFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAddPaymentFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M16.781 11.563l-5.75 6.218a.745.745 0 01-1.062 0L8.906 16.75c-.312-.281-.312-.75-.031-1.063l2.938-3.187H4c-.563 0-1-.438-1-1v-1c0-.563.438-1 1-1h7.813L8.874 6.312c-.281-.312-.281-.78.031-1.062L9.97 4.219c.312-.282.781-.282 1.062 0l5.75 6.218a.855.855 0 010 1.126zM18.125 17.475h1.65c.447 0 .825.378.825.825a.836.836 0 01-.825.825h-1.65v1.65a.836.836 0 01-.825.825.836.836 0 01-.825-.825v-1.65h-1.65A.836.836 0 0114 18.3c0-.447.378-.825.825-.825h1.65v-1.65c0-.447.378-.825.825-.825.447 0 .825.378.825.825v1.65z" />
-    </svg>
-  )
-}
-export default SvgAddPaymentFill

package/src/components/Components/Avatar/_parts_/AddPaymentFill2.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react'
-function SvgAddPaymentFill2(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 25 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.852 6.077a.592.592 0 01.539-.366h3.155a.58.58 0 01.45.218l4.555 5.612c.19.234.192.58.004.817l-3.73 4.675h1.684l4.053-5.032-4.23-5.252a.656.656 0 01.065-.887.57.57 0 01.836.07l4.56 5.66c.189.236.189.582 0 .818l-4.56 5.66a.58.58 0 01-.451.221h-3.236a.592.592 0 01-.538-.364.66.66 0 01.085-.671l4.23-5.3-4.049-4.987h-1.592l3.701 4.573c.19.234.191.58.004.815l-3.819 4.8c-.282.355-.634.641-1.032.837-.397.196-.83.297-1.268.297h-3.75c-.65 0-1.275-.274-1.735-.762a2.686 2.686 0 01-.719-1.841V8.315c0-.69.259-1.353.72-1.841a2.385 2.385 0 011.734-.763h2.49c.327 0 .592.282.592.63 0 .347-.265.628-.593.628H5.518c-.336 0-.658.142-.896.394a1.388 1.388 0 00-.372.952v7.373c0 .356.134.699.372.95.238.253.56.395.896.395h3.75c.266 0 .528-.062.769-.18a1.84 1.84 0 00.625-.507l3.493-4.39L9.94 6.75a.66.66 0 01-.089-.673z"
-      />
-    </svg>
-  )
-}
-export default SvgAddPaymentFill2

package/src/components/Components/Avatar/_parts_/Airline.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAirline(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M17.5 9.5h-2.781l-3.125-5c-.188-.281-.531-.5-.875-.5H8.656a.977.977 0 00-.781.406.969.969 0 00-.156.875L9.03 9.5H7.25L6.062 7.906c-.187-.25-.5-.406-.812-.406H4a.948.948 0 00-.781.375c-.188.25-.25.563-.188.875L3.97 12l-.938 3.25c-.062.313 0 .625.188.875.187.25.469.375.781.375h1.25c.313 0 .625-.156.813-.406L7.25 14.5h1.781l-1.344 4.219c-.062.312 0 .625.188.875s.469.406.781.406h2.063c.344 0 .687-.188.844-.5l3.156-5H17.5c1.188 0 3.5-.969 3.5-2.5 0-1.531-2.313-2.5-3.5-2.5zm0 4h-3.344L10.72 19H8.656l1.75-5.5H6.75l-1.5 2-1.25.031L5.031 12 4 8.5h1.25l1.5 2h3.656L8.656 5h2.063l3.437 5.5H17.5c1 0 2.5.813 2.5 1.5 0 .688-1.5 1.5-2.5 1.5z" />
-    </svg>
-  )
-}
-export default SvgAirline

package/src/components/Components/Avatar/_parts_/AirlineFill.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react'
-function SvgAirlineFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <g clipPath="url(#airlineFill_svg__clip0)">
-        <path d="M10.719 4c.156 0 .344.125.437.25L14.437 10H18c1.094 0 3 .906 3 2 0 1.094-1.906 2-3 2h-3.563l-3.28 5.75a.539.539 0 01-.438.25H8.656a.493.493 0 01-.469-.625L9.72 14H6.5l-1.344 1.813A.504.504 0 014.75 16H3.5a.493.493 0 01-.469-.625L4 12 3 8.625C2.938 8.312 3.188 8 3.5 8h1.25c.156 0 .313.063.406.188L6.5 10h3.219L8.188 4.625A.493.493 0 018.655 4h2.063z" />
-      </g>
-      <defs>
-        <clipPath id="airlineFill_svg__clip0">
-          <path transform="translate(3 4)" d="M0 0h18v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
-  )
-}
-export default SvgAirlineFill

package/src/components/Components/Avatar/_parts_/AlignCenter.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignCenter(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M5.5 10.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-13c-.275 0-.5.225-.5.5s.225.5.5.5zm3-4h7c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-7c-.275 0-.5.225-.5.5s.225.5.5.5zm10 11h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5zm-10-4c-.275 0-.5.225-.5.5s.225.5.5.5h7c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-7z" />
-    </svg>
-  )
-}
-export default SvgAlignCenter

package/src/components/Components/Avatar/_parts_/AlignCenterDuotone.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react'
-function SvgAlignCenterDuotone(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path opacity={0.4} d="M15 5H9a1 1 0 000 2h6a1 1 0 100-2zm0 8H9a1 1 0 100 2h6a1 1 0 100-2z" />
-      <path d="M18 9H6a1 1 0 000 2h12a1 1 0 100-2zm0 8H6a1 1 0 100 2h12a1 1 0 100-2z" />
-    </svg>
-  )
-}
-export default SvgAlignCenterDuotone

package/src/components/Components/Avatar/_parts_/AlignCenterFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignCenterFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18 9H6a1 1 0 000 2h12a1 1 0 100-2zm0 8H6a1 1 0 100 2h12a1 1 0 100-2zM9 7h6a1 1 0 100-2H9a1 1 0 000 2zm6 8a1 1 0 100-2H9a1 1 0 100 2h6z" />
-    </svg>
-  )
-}
-export default SvgAlignCenterFill

package/src/components/Components/Avatar/_parts_/AlignJustify.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignJustify(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18.5 17.5h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5zm-13-11h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-13c-.275 0-.5.225-.5.5s.225.5.5.5zm13 3h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5zm0 4h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5z" />
-    </svg>
-  )
-}
-export default SvgAlignJustify

package/src/components/Components/Avatar/_parts_/AlignJustifyDuotone.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react'
-function SvgAlignJustifyDuotone(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path opacity={0.4} d="M18 13H6a1 1 0 100 2h12a1 1 0 100-2zm0-8H6a1 1 0 000 2h12a1 1 0 100-2z" />
-      <path d="M18 17H6a1 1 0 100 2h12a1 1 0 100-2zm0-8H6a1 1 0 000 2h12a1 1 0 100-2z" />
-    </svg>
-  )
-}
-export default SvgAlignJustifyDuotone

package/src/components/Components/Avatar/_parts_/AlignJustifyFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignJustifyFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18 17H6a1 1 0 100 2h12a1 1 0 100-2zm0-4H6a1 1 0 100 2h12a1 1 0 100-2zm0-4H6a1 1 0 000 2h12a1 1 0 100-2zm0-4H6a1 1 0 000 2h12a1 1 0 100-2z" />
-    </svg>
-  )
-}
-export default SvgAlignJustifyFill

package/src/components/Components/Avatar/_parts_/AlignLeft.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignLeft(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M5.5 10.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-13c-.275 0-.5.225-.5.5s.225.5.5.5zm0-4h8c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-8c-.275 0-.5.225-.5.5s.225.5.5.5zm0 8h8c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-8c-.275 0-.5.225-.5.5s.225.5.5.5zm13 3h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5z" />
-    </svg>
-  )
-}
-export default SvgAlignLeft

package/src/components/Components/Avatar/_parts_/AlignLeftDuotone.tsx

@@ -1,10 +0,0 @@
-import * as React from 'react'
-function SvgAlignLeftDuotone(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path opacity={0.4} d="M13 13H6a1 1 0 100 2h7a1 1 0 100-2zM6 7h7a1 1 0 100-2H6a1 1 0 100 2z" />
-      <path d="M6 11h12a1 1 0 100-2H6a1 1 0 100 2zm12 6H6a1 1 0 100 2h12a1 1 0 100-2z" />
-    </svg>
-  )
-}
-export default SvgAlignLeftDuotone

package/src/components/Components/Avatar/_parts_/AlignLeftFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignLeftFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M18 17H6a1 1 0 100 2h12a1 1 0 100-2zM6 11h12a1 1 0 100-2H6a1 1 0 100 2zm0-4h7a1 1 0 100-2H6a1 1 0 100 2zm0 8h7a1 1 0 100-2H6a1 1 0 100 2z" />
-    </svg>
-  )
-}
-export default SvgAlignLeftFill

package/src/components/Components/Avatar/_parts_/AlignRight.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignRight(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M10.5 6.5h8c.275 0 .5-.225.5-.5s-.225-.5-.5-.5h-8c-.275 0-.5.225-.5.5s.225.5.5.5zm8 11h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5zm0-8h-13c-.275 0-.5.225-.5.5s.225.5.5.5h13c.275 0 .5-.225.5-.5s-.225-.5-.5-.5zm0 4h-8c-.275 0-.5.225-.5.5s.225.5.5.5h8c.275 0 .5-.225.5-.5s-.225-.5-.5-.5z" />
-    </svg>
-  )
-}
-export default SvgAlignRight

package/src/components/Components/Avatar/_parts_/AlignRightDuotone.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react'
-function SvgAlignRightDuotone(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        opacity={0.4}
-        d="M10 14a1 1 0 001 1h7a1 1 0 100-2h-7a1 1 0 00-1 1zm9-8a1 1 0 00-1-1h-7a1 1 0 100 2h7a1 1 0 001-1z"
-      />
-      <path d="M19 10a1 1 0 00-1-1H6a1 1 0 100 2h12a1 1 0 001-1zM5 18a1 1 0 001 1h12a1 1 0 100-2H6a1 1 0 00-1 1z" />
-    </svg>
-  )
-}
-export default SvgAlignRightDuotone

package/src/components/Components/Avatar/_parts_/AlignRightFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAlignRightFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M5 18a1 1 0 001 1h12a1 1 0 100-2H6a1 1 0 00-1 1zm14-8a1 1 0 00-1-1H6a1 1 0 100 2h12a1 1 0 001-1zm0-4a1 1 0 00-1-1h-7a1 1 0 100 2h7a1 1 0 001-1zm0 8a1 1 0 00-1-1h-7a1 1 0 100 2h7a1 1 0 001-1z" />
-    </svg>
-  )
-}
-export default SvgAlignRightFill

package/src/components/Components/Avatar/_parts_/App.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgApp(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M14.727 4h-6c-1.093 0-2 .906-2 2v12c0 1.094.907 2 2 2h6c1.094 0 2-.906 2-2V6c0-1.094-.906-2-2-2zm1 14c0 .563-.437 1-1 1h-6c-.562 0-1-.438-1-1V6c0-.563.438-1 1-1h6c.563 0 1 .438 1 1v12zm-3-1.5h-2c-.281 0-.5.219-.5.5s.219.5.5.5h2c.281 0 .5-.219.5-.5s-.219-.5-.5-.5z" />
-    </svg>
-  )
-}
-export default SvgApp

package/src/components/Components/Avatar/_parts_/AppFill.tsx

@@ -1,9 +0,0 @@
-import * as React from 'react'
-function SvgAppFill(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M16 4H8c-.813 0-1.5.688-1.5 1.5v13c0 .813.688 1.5 1.5 1.5h8c.813 0 1.5-.688 1.5-1.5v-13c0-.813-.688-1.5-1.5-1.5zm-2.5 14c0 .281-.219.5-.5.5h-2a.494.494 0 01-.5-.5c0-.281.219-.5.5-.5h2c.281 0 .5.219.5.5z" />
-    </svg>
-  )
-}
-export default SvgAppFill

package/src/components/Components/Avatar/_parts_/ApplePay.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react'
-function SvgApplePay(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 48 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-      {...props}
-    >
-      <path fill="url(#applePay_svg__pattern0)" d="M4 3h40v18.73H4z" />
-      <defs>
-        <pattern id="applePay_svg__pattern0" patternContentUnits="objectBoundingBox" width={1} height={1}>
-          <use xlinkHref="#applePay_svg__image0" transform="scale(.00024 .00052)" />
-        </pattern>
-        <image
-          id="applePay_svg__image0"
-          width={409}
-          height={191}
-          xlinkHref="data:image/png;base64,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"
-        />
-      </defs>
-    </svg>
-  )
-}
-export default SvgApplePay