@loja-integrada/admin-components 0.19.2 → 1.0.0-beta.0

package/src/Forms/ToggleButton/ToggleButton.tsx

@@ -1,95 +0,0 @@
-import React from 'react'
-
-const ToggleButtonComponent = (
-  {
-    value,
-    className = '',
-    id,
-    children,
-    disabled,
-    defaultCheckedIndex = 0,
-    onChange,
-    ...props
-  }: ToggleButtonProps,
-  ref: React.ForwardedRef<HTMLInputElement>
-) => {
-  const toggleClasses = disabled
-    ? `pointer-events-none bg-base-3 border-card-stroke text-on-base-2`
-    : `peer-checked:bg-primary peer-checked:border-primary peer-checked:text-base-1 text-primary`
-
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
-    onChange && onChange(e)
-  }
-
-  const toggleItems = children.map((item, index) => {
-    const borderRadius =
-      index === 0
-        ? 'rounded-l'
-        : children.length - 1 === index
-        ? 'border-r rounded-r'
-        : ''
-    return (
-      <li
-        key={`toggle-btn-[${index}]`}
-        className="inline-flex justify-center items-center h-12"
-      >
-        <label className="relative inline-flex justify-center items-center h-12">
-          <input
-            ref={ref}
-            className="peer absolute top-0 bottom-0 left-0 right-0 cursor-pointer opacity-0 z-20"
-            type="radio"
-            id={id}
-            name="toggleButton"
-            value={value}
-            onChange={handleChange}
-            {...props}
-            defaultChecked={defaultCheckedIndex === index ? true : false}
-            disabled={disabled}
-          />
-          <div
-            className={`${className} checkmark ${toggleClasses} inline-flex justify-center items-center ${borderRadius} py-4 px-6 border-y border-l h-12`}
-          >
-            {item}
-          </div>
-        </label>
-      </li>
-    )
-  })
-
-  return (
-    <div
-      className={`${className} inline-flex justify-center items-center h-12 ${toggleClasses}} rounded text-f6 tracking-4 font-semibold`}
-    >
-      <ul className="list-none inline-flex justify-center items-center h-12">
-        {toggleItems}
-      </ul>
-    </div>
-  )
-}
-
-const ToggleButtonWithForwardRef = React.forwardRef(ToggleButtonComponent)
-export const ToggleButton = React.memo(ToggleButtonWithForwardRef)
-
-export interface ToggleButtonProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  /**
-   * Custom class name
-   * */
-  className?: string
-  /**
-   * Custom id
-   * */
-  id?: string
-  /**
-   * Custom value
-   * */
-  value?: string | number
-  /**
-   * Set icon or an text element to be a children
-   * */
-  children: React.ReactNode[]
-  /**
-   * Set element should be a checked
-   * */
-  defaultCheckedIndex: number
-}

package/src/Forms/ToggleButton/index.tsx

@@ -1 +0,0 @@
-export * from './ToggleButton'

package/src/Forms/commonStyles.ts

@@ -1,29 +0,0 @@
-export const inputPlaceholderClasses = 'placeholder-on-base-2'
-
-export const inputContainerDisabledClasses =
-  '!bg-base-3 !pointer-events-none !text-on-base-2'
-
-export const inputContainerReadonlyClasses = '!bg-base-2'
-
-export const errorBorderClasses = 'border-danger focus:border-danger'
-
-export const defaultBorderClasses = 'border-card-stroke'
-
-export const focusClass = 'focus:border-inverted-1'
-
-export const inputClasses = `appearance-none shadow-none outline-none bg-base-1 border px-4 rounded text-on-base text-sm tracking-4 min-w-0 w-full transition-border duration-75 ${focusClass} ${inputPlaceholderClasses}`
-
-export const inputContainerClasses = `flex focus-within:border-inverted-1 bg-base-1 border rounded text-on-base text-sm tracking-4 min-w-0 w-full transition-border duration-75 overflow-hidden ${inputPlaceholderClasses}`
-
-const adornmentClasses = `adornment flex justify-center items-center relative w-16 text-f6 text-inverted-2 tracking-4 -mt-px`
-
-export const prefixClasses = `${adornmentClasses} rounded-l left-0`
-
-export const sufixClasses = `${adornmentClasses} rounded-r right-0`
-
-export const variantClasses = {
-  default: 'h-12',
-  small: 'h-10',
-  large: 'h-14',
-  xlarge: 'h-24',
-}

package/src/Forms/index.ts

@@ -1,14 +0,0 @@
-export * from './Input'
-export * from './InputMask'
-export * from './RadioButton'
-export * from './InputCurrency'
-export * from './InputLabel'
-export * from './InputHelpText'
-export * from './Select'
-export * from './Toggle'
-export * from './ToggleButton'
-export * from './Dropdown'
-export * from './Checkbox'
-export * from './FloatingLabelInput'
-export * from './FloatingLabelInputMask'
-export * from './FloatingLabelInputCurrency'

package/src/Icons/Icon/Icon.spec.tsx

@@ -1,27 +0,0 @@
-import * as React from "react"
-import { composeStories } from "@storybook/testing-react"
-import { mount } from "@cypress/react"
-import * as stories from "./Icon.stories"
-
-const { Example } = composeStories(stories)
-
-const specTitle = require('cypress-sonarqube-reporter/specTitle');
-describe(specTitle('Icon tests'), () => {
-
-  it('Default', () => {
-    mount(<Example icon="edit" />)
-    cy.get('svg path')
-    cy.get('svg').should('have.class', 'icon-edit')
-  })
-
-  it('Block', () => {
-    mount(<Example block />)
-    cy.get('svg').should('have.class', 'block')
-  })
-
-  it('Size', () => {
-    mount(<Example size={10} />)
-    cy.get('svg').should('have.class', 'h-10 w-10')
-  })
-
-})

package/src/Icons/Icon/Icon.stories.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { Meta } from '@storybook/react'
-import { Icon as IconComponent } from './Icon'
-
-export default {
-  title: 'Icons/Icon',
-  component: IconComponent,
-  tags: ['autodocs'],
-} as Meta
-
-export const Example = (args: any) => <IconComponent {...args} />
-Example.args = { icon: 'cog' }

package/src/Icons/Icon/Icon.tsx

@@ -1,56 +0,0 @@
-import React, { FunctionComponent } from 'react'
-import { icons } from '../icons-path'
-
-const iconSizes = {
-  1: 'h-1 w-1',
-  2: 'h-2 w-2',
-  3: 'h-3 w-3',
-  4: 'h-4 w-4',
-  5: 'h-5 w-5',
-  6: 'h-6 w-6',
-  7: 'h-7 w-7',
-  8: 'h-8 w-8',
-  9: 'h-9 w-9',
-  10: 'h-10 w-10',
-}
-
-export const Icon: FunctionComponent<IconProps> = React.memo(
-  ({ icon = 'minus', block = false, size = 5, className }: IconProps) => {
-    let classes = `${'icon-' + icon} fill-current transform-gpu `
-    classes += block ? `block ` : `inline-block `
-    if (size) classes += `${iconSizes[size]} `
-    if (className) classes += className
-
-    const Path = icons[icon] || icons['minus']
-    const viewBox = icon === 'exclamation' ? '0 0 6 30' : '0 0 18 18'
-
-    return (
-      <svg
-        className={classes}
-        viewBox={viewBox}
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <Path />
-      </svg>
-    )
-  }
-)
-
-export interface IconProps {
-  /**
-   * Icon variation
-   */
-  icon: keyof typeof icons
-  /** Make icon block
-   * @default false
-   */
-  block?: boolean
-  /**
-   * Adittional classes for icon
-   */
-  className?: string
-  /** Icon size, number beetween 1 and 10
-   * @default 5
-   */
-  size?: keyof typeof iconSizes
-}

package/src/Icons/Icon/index.ts

@@ -1 +0,0 @@
-export * from './Icon'

package/src/Icons/IconCircular/IconCircular.spec.tsx

@@ -1,24 +0,0 @@
-import * as React from "react"
-import { composeStories } from "@storybook/testing-react"
-import { mount } from "@cypress/react"
-import * as stories from "./IconCircular.stories"
-
-const { Default } = composeStories(stories)
-
-const specTitle = require('cypress-sonarqube-reporter/specTitle');
-describe(specTitle('IconCircular tests'), () => {
-
-  it('Default', () => {
-    mount(<Default variant="success" />)
-    cy.get('.icon-circular').should('have.class', 'bg-primary')
-    cy.get('svg path')
-    cy.get('svg').should('have.class', 'icon-check')
-  })
-
-  it('CustomIconAndBackground', () => {
-    mount(<Default icon="camera" bgClass="bg-[#d380ec]" />)
-    cy.get('.icon-circular').should('have.class', 'bg-[#d380ec]')
-    cy.get('svg path')
-    cy.get('svg').should('have.class', 'icon-camera')
-  })
-})

package/src/Icons/IconCircular/IconCircular.stories.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import { Story, Meta } from '@storybook/react'
-import { IconCircular as IconCircularComponent, IconCircularProps } from './IconCircular'
-
-export default {
-  title: 'Icons/IconCircular',
-  component: IconCircularComponent,
-} as Meta
-
-const Template: Story<IconCircularProps> = args => <IconCircularComponent {...args} />
-
-export const Default = Template.bind({})
-
-export const CustomIcon = Template.bind({})
-CustomIcon.args = {
-  icon: 'camera',
-  variant: 'danger'
-}
-
-export const CustomIconAndBackground = Template.bind({})
-CustomIconAndBackground.args = {
-  icon: 'camera',
-  bgClass: 'bg-[#d380ec]',
-}

package/src/Icons/IconCircular/IconCircular.tsx

@@ -1,67 +0,0 @@
-import React, { FunctionComponent } from 'react'
-import { Icon, IconProps } from '../Icon/Icon'
-
-type variantType = 'success' | 'warning' | 'danger'
-const variantsStyles: {
-  [key in variantType]: {
-    bgClass: string
-    icon: IconProps['icon']
-  }
-} = {
-  success: {
-    bgClass: 'bg-primary',
-    icon: 'check',
-  },
-  warning: {
-    bgClass: 'bg-warning',
-    icon: 'exclamation',
-  },
-  danger: {
-    bgClass: 'bg-danger',
-    icon: 'times',
-  },
-}
-
-export const IconCircular: FunctionComponent<IconCircularProps> = React.memo(
-  ({
-    variant = 'success',
-    icon: customIcon,
-    bgClass: customBgClass,
-  }: IconCircularProps) => {
-    const icon = customIcon
-      ? customIcon
-      : variantsStyles[variant].icon || 'check'
-    const bgClass = customBgClass
-      ? customBgClass
-      : variantsStyles[variant].bgClass || 'bg-primary'
-
-    return (
-      <>
-        <div
-          className={`icon-circular flex w-20 h-20 mx-auto rounded-full items-center justify-center bg-opacity-20 ${bgClass}`}
-        >
-          <div
-            className={`flex w-14 h-14 rounded-full items-center justify-center ${bgClass}`}
-          >
-            <Icon icon={icon} className="text-base-1" size={7} block />
-          </div>
-        </div>
-      </>
-    )
-  }
-)
-
-export interface IconCircularProps {
-  /** Icon circular variant
-   * @default success
-   * */
-  variant?: variantType
-  /**
-   * Icon variation
-   */
-  icon?: IconProps['icon']
-  /**
-   * Custom class for background
-   */
-  bgClass?: string
-}

package/src/Icons/IconCircular/index.ts

@@ -1 +0,0 @@
-export * from './IconCircular'

package/src/Icons/IconList.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import { Icon as IconComponent } from './Icon'
-import { icons } from './icons-path'
-
-const IconsList = () => {
-  return (
-    <>
-      <div className="text-f6 mb-10">
-        There are {Object.keys(icons).length} icons
-      </div>
-      <ul className="grid grid-cols-6 gap-4 list-none">
-        {(Object.keys(icons) as Array<keyof typeof icons>).map((key) => (
-          <li key={key} className="flex items-center min-w-0 group">
-            <div className="shrink-0 border border-transparent group-hover:border-card-stroke rounded flex">
-              <IconComponent icon={key} />
-            </div>
-            <div className="ml-4 overflow-hidden text-ellipsis min-w-0 text-f6">
-              {key}
-            </div>
-          </li>
-        ))}
-      </ul>
-    </>
-  )
-}
-
-export default IconsList

package/src/Icons/icons-path/Adjust.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-
-export const Adjust = () => (
-  <>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M2.25 5c0-.9665.7835-1.75 1.75-1.75h2c.9665 0 1.75.7835 1.75 1.75v2c0 .9665-.7835 1.75-1.75 1.75H4c-.9665 0-1.75-.7835-1.75-1.75V5ZM4 4.75c-.13807 0-.25.11193-.25.25v2c0 .13807.11193.25.25.25h2c.13807 0 .25-.11193.25-.25V5c0-.13807-.11193-.25-.25-.25H4ZM10.25 11c0-.9665.7835-1.75 1.75-1.75h2c.9665 0 1.75.7835 1.75 1.75v2c0 .9665-.7835 1.75-1.75 1.75h-2c-.9665 0-1.75-.7835-1.75-1.75v-2Zm1.75-.25c-.1381 0-.25.1119-.25.25v2c0 .1381.1119.25.25.25h2c.1381 0 .25-.1119.25-.25v-2c0-.1381-.1119-.25-.25-.25h-2Z"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M5.74951 4V.5h-1.5V4h1.5Zm0 4h-1.5v9.5h1.5V8ZM13.7495 10V.5h-1.5V10h1.5Zm0 4h-1.5v3.5h1.5V14Z"
-    />
-  </>
-)

package/src/Icons/icons-path/AngleDiagonal.tsx

@@ -1,20 +0,0 @@
-import React from 'react'
-
-export const AngleDiagonal = () => (
-  <>
-    <path
-      d="M12.7122 4.22709L13.7728 5.28775L5.28753 13.773L4.22687 12.7124L12.7122 4.22709Z"
-      fillRule="evenodd"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M13.8425 4.15742V8.75742H12.6425L12.6425 5.35742L9.24248 5.35742V4.15742L13.8425 4.15742Z"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.1572 13.8427H8.7572L8.7572 12.6427L5.3572 12.6427L5.3572 9.2427L4.1572 9.2427V13.8427Z"
-    />
-  </>
-)

package/src/Icons/icons-path/AngleDown.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const AngleDown = () => (
-  <path
-    fillRule="evenodd"
-    d="M9 12.25c-.286 0-.558-.123-.748-.336l-4-4.5a1 1 0 0 1 1.495-1.329L9 9.745l3.252-3.66a1 1 0 1 1 1.495 1.33l-4 4.5a1 1 0 0 1-.747.334Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/AngleHeight.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-export const AngleHeight = () => (
-  <>
-    <path d="M8.24976 2.9999H9.74976V14.9999H8.24976V2.9999Z" />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M8.99976 2.15137L12.2525 5.40406L11.4039 6.25259L8.99976 3.84842L6.5956 6.25259L5.74707 5.40406L8.99976 2.15137Z"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M8.99976 15.8484L12.2525 12.5957L11.4039 11.7472L8.99976 14.1514L6.5956 11.7472L5.74707 12.5957L8.99976 15.8484Z"
-    />
-  </>
-)

package/src/Icons/icons-path/AngleLeft.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const AngleLeft = () => (
-  <path
-    fillRule="evenodd"
-    d="M10.75 14a.995.995 0 01-.665-.253l-4.5-4a1.001 1.001 0 010-1.495l4.5-4a1 1 0 111.329 1.495L7.757 9l3.659 3.252A1 1 0 0110.75 14z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/AngleRight.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const AngleRight = () => (
-  <path
-    fillRule="evenodd"
-    d="M7.25 14a1 1 0 01-.665-1.748L10.245 9l-3.66-3.253a1 1 0 111.33-1.495l4.5 4a1.003 1.003 0 010 1.495l-4.5 4A1 1 0 017.25 14z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/AngleWidth.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-export const AngleWidth = () => (
-  <>
-    <path d="M14.9996 8.24976L14.9996 9.74976L2.99962 9.74976L2.99962 8.24976L14.9996 8.24976Z" />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15.8481 8.99976L12.5955 12.2525L11.7469 11.4039L14.1511 8.99976L11.7469 6.5956L12.5955 5.74707L15.8481 8.99976Z"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M2.15109 8.99976L5.40378 12.2525L6.25231 11.4039L3.84814 8.99976L6.25231 6.5956L5.40378 5.74707L2.15109 8.99976Z"
-    />
-  </>
-)

package/src/Icons/icons-path/App.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const App = () => (
-  <path
-    fillRule="evenodd"
-    d="M9 0a4.79 4.79 0 011.708.316l6.386 2.429c1.208.46 1.208 2.382 0 2.842l-6.386 2.43A4.813 4.813 0 019 8.333a4.813 4.813 0 01-1.708-.316L.906 5.587c-1.208-.46-1.208-2.382 0-2.842L7.292.316A4.79 4.79 0 019 0zm0 1.5c-.399 0-.795.073-1.175.218L1.503 4.123a.31.31 0 000 .086l6.322 2.405c.38.145.776.219 1.175.219s.795-.074 1.175-.219l6.322-2.405a.31.31 0 000-.086l-6.322-2.405A3.287 3.287 0 009 1.5zm8.101 6.083l-.007.004-2.099.799 1.502.571a.31.31 0 010 .086l-6.322 2.405a3.287 3.287 0 01-2.35 0L1.503 9.043a.31.31 0 010-.086l1.502-.571-2.099-.799-.007-.004c-1.2.465-1.198 2.379.007 2.838l6.386 2.429a4.79 4.79 0 003.416 0l6.386-2.429c1.205-.459 1.207-2.373.007-2.838zm-.007 7.672l-6.386 2.429a4.79 4.79 0 01-3.416 0L.906 15.255c-1.205-.459-1.207-2.373-.007-2.838l.007.004 2.099.798-1.502.572a.31.31 0 000 .086l6.322 2.405a3.287 3.287 0 002.35 0l6.322-2.405a.31.31 0 000-.086l-1.502-.572 2.099-.798.007-.004c1.2.465 1.198 2.379-.007 2.838z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Arrow.tsx

@@ -1,11 +0,0 @@
-import React from 'react'
-
-export const Arrow = () => (
-  <>
-    <path
-      fillRule="evenodd"
-      d="m17.808 8.498-2.25-2.5a.75.75 0 1 0-1.115 1.004L15.61 8.3H9.7V2.389l1.296 1.169a.756.756 0 0 0 1.06-.056.752.752 0 0 0-.056-1.06l-2.5-2.25a.75.75 0 0 0-1.003 0l-2.5 2.25a.752.752 0 0 0-.055 1.06.749.749 0 0 0 1.059.056L8.3 2.389V8.3H2.39l1.168-1.298a.751.751 0 0 0-1.115-1.004l-2.25 2.5a.75.75 0 0 0 0 1.004l2.25 2.5a.748.748 0 0 0 1.059.056.751.751 0 0 0 .056-1.06L2.39 9.7H8.3v5.911l-1.298-1.169a.75.75 0 0 0-1.004 1.116l2.5 2.25a.752.752 0 0 0 1.004 0l2.5-2.25a.752.752 0 0 0-1.004-1.116L9.7 15.611V9.7h5.91l-1.168 1.298a.752.752 0 0 0 .556 1.252.75.75 0 0 0 .558-.248l2.25-2.5a.75.75 0 0 0 0-1.004Z"
-      clipRule="evenodd"
-    />
-  </>
-)

package/src/Icons/icons-path/ArrowLeft.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const ArrowLeft = () => (
-  <path
-    fillRule="evenodd"
-    d="M17.134 8.237H3.951l7.165-6.743A.864.864 0 1 0 9.931.235L1.287 8.37a.868.868 0 0 0 0 1.26l8.644 8.134a.86.86 0 0 0 1.222-.036.863.863 0 0 0-.037-1.222L3.951 9.762h13.183V8.237Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/ArrowRight.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const ArrowRight = () => (
-  <path
-    fillRule="evenodd"
-    d="M16.712 8.37 8.068.236a.865.865 0 0 0-1.185 1.259l7.165 6.744H.865v1.525h13.183l-7.165 6.744A.863.863 0 0 0 7.476 18a.861.861 0 0 0 .592-.234l8.644-8.136a.868.868 0 0 0 0-1.26Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Back.tsx

@@ -1,5 +0,0 @@
-import React from 'react'
-
-export const Back = () => (
-  <path d="M5.5495 4.26c.282-.303.265-.777-.039-1.06-.304-.281-.778-.264-1.061.039l-3.25 3.5c-.266.289-.266.734 0 1.021l3.25 3.5c.149.159.349.24.55.24.183 0 .366-.066.511-.2.304-.282.321-.757.039-1.061L3.4695 8H13V6.5H3.4695l2.08-2.24ZM13 6.5V8c.5926-.00007 1.1679.22038 1.6206.60807.4916.42109.8001 1.01704.8599 1.66163.0599.6445-.1335 1.2871-.5393 1.7915-.4057.5044-.9918.8311-1.6342.9108l.1858 1.4976c1.0316-.1281 1.9728-.6526 2.6243-1.4626.6515-.81.9621-1.8418.866-2.8769-.0962-1.03499-.5914-1.99196-1.3809-2.66814C14.8753 6.83943 13.9516 6.49992 13 6.5Z" />
-)

package/src/Icons/icons-path/Ban.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Ban = () => (
-  <path
-    fillRule="evenodd"
-    d="M1.5 9c0-1.798.637-3.45 1.696-4.743l10.547 10.547A7.465 7.465 0 0 1 9 16.5c-4.136 0-7.5-3.364-7.5-7.5Zm15 0c0 1.798-.637 3.45-1.696 4.743L4.257 3.196A7.463 7.463 0 0 1 9 1.5c4.136 0 7.5 3.364 7.5 7.5ZM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/BarcodeRead.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const BarcodeRead = () => (
-  <path
-    fillRule="evenodd"
-    d="M13 12h1V6h-1v6zm-3 0h2V6h-2v6zm-2.5 0h1V6h-1v6zM4 12h2V6H4v6zm12.5-1.5v3c0 .552-.447 1-1 1h-3V16h3c1.381 0 2.5-1.119 2.5-2.5v-3h-1.5zm-11 4h-3c-.553 0-1-.448-1-1v-3H0v3C0 14.881 1.119 16 2.5 16h3v-1.5zm12.5-7v-3C18 3.119 16.881 2 15.5 2h-3v1.5h3c.553 0 1 .448 1 1v3H18zm-12.5-4h-3c-.553 0-1 .448-1 1v3H0v-3C0 3.119 1.119 2 2.5 2h3v1.5z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Bell.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Bell = () => (
-  <path
-    fillRule="evenodd"
-    d="M16.5 13c0 .275-.225.5-.5.5H2c-.275 0-.5-.225-.5-.5v-.368c0-.174.093-.339.242-.428l.109-.065c1.26-.756 2.15-1.957 2.506-3.383l.509-2.037C5.34 4.824 7.036 3.5 8.989 3.5h.022c1.953 0 3.649 1.324 4.123 3.219l.509 2.037c.356 1.426 1.246 2.627 2.506 3.383l.108.065c.15.089.243.254.243.428V13Zm-6 2c0 .827-.673 1.5-1.5 1.5s-1.5-.673-1.5-1.5h3Zm6.529-4.083-.108-.064c-.91-.546-1.566-1.431-1.823-2.46l-.509-2.038c-.529-2.117-2.195-3.708-4.248-4.196.098-.2.159-.421.159-.659C10.5.671 9.829 0 9 0S7.5.671 7.5 1.5c0 .238.061.459.159.659-2.053.488-3.719 2.079-4.248 4.196l-.509 2.038c-.257 1.029-.913 1.914-1.823 2.46l-.108.064C.369 11.279 0 11.93 0 12.632V13c0 1.104.896 2 2 2h4c0 1.657 1.343 3 3 3s3-1.343 3-3h4c1.104 0 2-.896 2-2v-.368c0-.702-.369-1.353-.971-1.715Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Blog.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Blog = () => (
-  <path
-    fillRule="evenodd"
-    d="M4 13v1h3.57c-.041-.159-.07-.323-.07-.495V13H4Zm10.5 2c0 .827-.673 1.5-1.5 1.5H3c-.827 0-1.5-.673-1.5-1.5V3c0-.827.673-1.5 1.5-1.5h10c.827 0 1.5.673 1.5 1.5v.872c.387-.238.831-.372 1.296-.372.069 0 .137.008.204.014V3c0-1.657-1.343-3-3-3H3C1.343 0 0 1.343 0 3v12c0 1.657 1.343 3 3 3h10c1.657 0 3-1.343 3-3v-3.265l-1.5 1.5V15Zm-6.416-4.819L8.265 10H4v1h3.599c.094-.305.253-.588.485-.819ZM4 5h8V4H4v1Zm7.265 2H4v1h6.265l1-1Zm6.445.904-5.951 5.95c-.093.094-.219.146-.35.146H9.495C9.222 14 9 13.778 9 13.505v-1.914c0-.131.052-.257.145-.35l5.951-5.951c.193-.193.447-.29.7-.29.254 0 .507.097.701.29l1.213 1.213c.387.387.387 1.015 0 1.401Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Bullhorn.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Bullhorn = () => (
-  <path
-    fillRule="evenodd"
-    d="M15.25 10.25H15v-2.5h.25c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25zm-1.75 5.98l-4.868-3.276A11.443 11.443 0 006.75 11.94V6.031A11.476 11.476 0 008.618 5.03L13.5 1.767V16.23zm-8.25.27H3.008l1.14-3.8c.373.073.741.169 1.102.285V16.5zM1.5 7.25l2.629-.44c.38-.063.753-.149 1.121-.248v4.844a11.396 11.396 0 00-1.137-.252L1.5 10.717V7.25zm13.75-1H15V1.205C15 .497 14.421 0 13.797 0c-.224 0-.452.063-.662.204L7.786 3.779a9.987 9.987 0 01-3.903 1.547l-3.047.51A1.003 1.003 0 000 6.825v4.317c0 .49.354.908.836.989l1.825.305-1.38 4.599A.752.752 0 002 18h4a.75.75 0 00.75-.75v-3.655c.359.183.71.382 1.046.608l5.335 3.59c.211.143.441.207.666.207.623 0 1.203-.497 1.203-1.205V11.75h.25A2.752 2.752 0 0018 9a2.752 2.752 0 00-2.75-2.75z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Calculator.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Calculator = () => (
-  <path
-    fillRule="evenodd"
-    d="M15.6248 14.6389V2.36111C15.6248 1.05683 14.5679 0 13.2636-1e-7L4.76365-5e-7C3.45937-5e-7 2.40253 1.05683 2.40253 2.36111V14.6389C2.40253 15.9422 3.45937 17 4.76365 17h8.49995c1.3043 0 2.3612-1.0578 2.3612-2.3611Zm-1.4167 0c0 .5204-.4231.9444-.9445.9444H4.76364c-.52133 0-.94444-.424-.94444-.9444V2.36111c0-.52133.42311-.94444.94445-.94444h8.49995c.5214 0 .9445.42311.9445.94444V14.6389ZM5.9442 2.71528c-.4564 0-.82639.36998-.82639.82639v1.41666c0 .4564.36999.82639.82639.82639h6.1389c.4564 0 .8264-.36998.8264-.82639V3.54167c0-.4564-.37-.82639-.8264-.82639H5.9442Zm.35417 1.88889v-.70834h5.43053v.70834H6.29837ZM5.9442 7.08333h.47222c.3912 0 .70834.31714.70834.70834v.47222c0 .3912-.31714.70833-.70834.70833H5.9442c-.3912 0-.70833-.31713-.70833-.70833v-.47222c0-.3912.31713-.70834.70833-.70834Zm.47222 2.83334H5.9442c-.3912 0-.70833.31713-.70833.70833v.4722c0 .3912.31713.7084.70833.7084h.47222c.39121 0 .70834-.3172.70834-.7084v-.4722c0-.3912-.31714-.70833-.70834-.70833Zm0 2.83333H5.9442c-.3912 0-.70833.3171-.70833.7083v.4723c0 .3912.31713.7083.70833.7083h.47222c.39121 0 .70834-.3171.70834-.7083v-.4723c0-.3912-.31713-.7083-.70834-.7083Zm2.83334-5.66667h-.47223c-.3912 0-.70833.31714-.70833.70834v.47222c0 .3912.31713.70833.70833.70833h.47223c.3912 0 .70833-.31713.70833-.70833v-.47222c0-.3912-.31713-.70834-.70833-.70834Zm0 2.83334h-.47223c-.3912 0-.70833.31713-.70833.70833v.4722c0 .3912.31713.7084.70833.7084h.47223c.3912 0 .70833-.3172.70833-.7084v-.4722c0-.3912-.31713-.70833-.70833-.70833Zm0 2.83333h-.47223c-.3912 0-.70833.3171-.70833.7083v.4723c0 .3912.31713.7083.70833.7083h.47223c.3912 0 .70833-.3171.70833-.7083v-.4723c0-.3912-.31713-.7083-.70833-.7083Zm2.83334-5.66667h-.4722c-.3912 0-.7084.31713-.7084.70834v.47222c0 .3912.3172.70833.7084.70833h.4722c.3912 0 .7083-.31713.7083-.70833v-.47222c0-.39121-.3171-.70834-.7083-.70834Zm0 2.83334h-.4722c-.3912 0-.7084.31713-.7084.70833v3.3056c0 .3912.3172.7083.7084.7083h.4722c.3912 0 .7083-.3171.7083-.7083V10.625c0-.3912-.3171-.70833-.7083-.70833Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/CalendarAlt.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const CalendarAlt = () => (
-  <path
-    fillRule="evenodd"
-    d="M14.5 13.25v1c0 .276-.224.5-.5.5h-1c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm-4.5 0v1c0 .276-.224.5-.5.5h-1c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm-4.5 0v1c0 .276-.224.5-.5.5H4c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm9-3.5v1c0 .276-.224.5-.5.5h-1c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm-4.5 0v1c0 .276-.224.5-.5.5h-1c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm-4.5 0v1c0 .276-.224.5-.5.5H4c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5h1c.276 0 .5.224.5.5Zm10 6.75h-13c-.552 0-1-.449-1-1v-8h15v8c0 .551-.448 1-1 1ZM2.5 3h1.75v2h1.5V3h6.5v2h1.5V3h1.75c.552 0 1 .449 1 1v2h-15V4c0-.551.448-1 1-1Zm13-1.5h-1.75V0h-1.5v1.5h-6.5V0h-1.5v1.5H2.5C1.119 1.5 0 2.619 0 4v11.5C0 16.881 1.119 18 2.5 18h13c1.381 0 2.5-1.119 2.5-2.5V4c0-1.381-1.119-2.5-2.5-2.5Z"
-    clipRule="evenodd"
-  />
-)

package/src/Icons/icons-path/Camera.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const Camera = () => (
-  <path
-    fillRule="evenodd"
-    d="M7.75 1C6.7835 1 6 1.7835 6 2.75V3.75H7.5V2.75C7.5 2.61193 7.61193 2.5 7.75 2.5H10.25C10.3881 2.5 10.5 2.61193 10.5 2.75C10.5 3.7165 11.2835 4.5 12.25 4.5H14.5C15.466 4.5 16.25 5.28341 16.25 6.25V13.25C16.25 14.2166 15.466 15 14.5 15H3.5C2.53321 15 1.75 14.2168 1.75 13.25V7.25H0.25V13.25C0.25 15.0452 1.70479 16.5 3.5 16.5H14.5C16.294 16.5 17.75 15.0454 17.75 13.25V6.25C17.75 4.45459 16.294 3 14.5 3H12.25C12.1119 3 12 2.88807 12 2.75C12 1.7835 11.2165 1 10.25 1H7.75ZM5.5 9.75C5.5 11.683 7.067 13.25 9 13.25C10.933 13.25 12.5 11.683 12.5 9.75C12.5 7.817 10.933 6.25 9 6.25C7.067 6.25 5.5 7.817 5.5 9.75ZM7 9.75C7 8.64543 7.89543 7.75 9 7.75C10.1046 7.75 11 8.64543 11 9.75C11 10.8546 10.1046 11.75 9 11.75C7.89543 11.75 7 10.8546 7 9.75ZM12 6.5C12 6.08579 12.3358 5.75 12.75 5.75H14.25C14.6642 5.75 15 6.08579 15 6.5C15 6.91421 14.6642 7.25 14.25 7.25H12.75C12.3358 7.25 12 6.91421 12 6.5ZM3.24 2.5C3.24 2.08579 2.90421 1.75 2.49 1.75C2.07579 1.75 1.74 2.08579 1.74 2.5V3.5H0.75C0.335786 3.5 0 3.83579 0 4.25C0 4.66421 0.335786 5 0.75 5H1.74V6C1.74 6.41421 2.07579 6.75 2.49 6.75C2.90421 6.75 3.24 6.41421 3.24 6V5H4.25C4.66421 5 5 4.66421 5 4.25C5 3.83579 4.66421 3.5 4.25 3.5H3.24V2.5Z"
-    clipRule="evenodd"
-  />
-)