diff --git a/.changeset/serious-dragons-pretend.md b/.changeset/serious-dragons-pretend.md new file mode 100644 index 0000000000..0509a7fa78 --- /dev/null +++ b/.changeset/serious-dragons-pretend.md @@ -0,0 +1,7 @@ +--- +'@toptal/picasso-icons': minor +--- + +### Icon + +- add new icons: `AssociatedOrgUnitJoin16`, `Dashboard`, `Memo`, `ProfileCard`, `Table`, `VideoCall` diff --git a/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin16.tsx b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin16.tsx new file mode 100644 index 0000000000..c850814235 --- /dev/null +++ b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin16.tsx @@ -0,0 +1,61 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgAssociatedOrgUnitJoin16', +}) +const SvgAssociatedOrgUnitJoin16 = forwardRef( + function SvgAssociatedOrgUnitJoin16(props: Props, ref: Ref) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) + } +) + +SvgAssociatedOrgUnitJoin16.displayName = 'SvgAssociatedOrgUnitJoin16' +export default SvgAssociatedOrgUnitJoin16 diff --git a/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin24.tsx b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin24.tsx new file mode 100644 index 0000000000..489eb7b998 --- /dev/null +++ b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoin24.tsx @@ -0,0 +1,61 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgAssociatedOrgUnitJoin24', +}) +const SvgAssociatedOrgUnitJoin24 = forwardRef( + function SvgAssociatedOrgUnitJoin24(props: Props, ref: Ref) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) + } +) + +SvgAssociatedOrgUnitJoin24.displayName = 'SvgAssociatedOrgUnitJoin24' +export default SvgAssociatedOrgUnitJoin24 diff --git a/packages/base/Icons/src/Icon/AssociatedOrgUnitJoinResponsive.tsx b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoinResponsive.tsx new file mode 100644 index 0000000000..110c581ea6 --- /dev/null +++ b/packages/base/Icons/src/Icon/AssociatedOrgUnitJoinResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import AssociatedOrgUnitJoin16 from './AssociatedOrgUnitJoin16' +import AssociatedOrgUnitJoin24 from './AssociatedOrgUnitJoin24' +import type { Props } from './AssociatedOrgUnitJoin16' + +const AssociatedOrgUnitJoinResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default AssociatedOrgUnitJoinResponsive diff --git a/packages/base/Icons/src/Icon/Dashboard16.tsx b/packages/base/Icons/src/Icon/Dashboard16.tsx new file mode 100644 index 0000000000..82f371d085 --- /dev/null +++ b/packages/base/Icons/src/Icon/Dashboard16.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgDashboard16', +}) +const SvgDashboard16 = forwardRef(function SvgDashboard16( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgDashboard16.displayName = 'SvgDashboard16' +export default SvgDashboard16 diff --git a/packages/base/Icons/src/Icon/Dashboard24.tsx b/packages/base/Icons/src/Icon/Dashboard24.tsx new file mode 100644 index 0000000000..1c4ef7a5eb --- /dev/null +++ b/packages/base/Icons/src/Icon/Dashboard24.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgDashboard24', +}) +const SvgDashboard24 = forwardRef(function SvgDashboard24( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgDashboard24.displayName = 'SvgDashboard24' +export default SvgDashboard24 diff --git a/packages/base/Icons/src/Icon/DashboardResponsive.tsx b/packages/base/Icons/src/Icon/DashboardResponsive.tsx new file mode 100644 index 0000000000..c139b744d2 --- /dev/null +++ b/packages/base/Icons/src/Icon/DashboardResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import Dashboard16 from './Dashboard16' +import Dashboard24 from './Dashboard24' +import type { Props } from './Dashboard16' + +const DashboardResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default DashboardResponsive diff --git a/packages/base/Icons/src/Icon/Memo16.tsx b/packages/base/Icons/src/Icon/Memo16.tsx new file mode 100644 index 0000000000..1b24cf302b --- /dev/null +++ b/packages/base/Icons/src/Icon/Memo16.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgMemo16', +}) +const SvgMemo16 = forwardRef(function SvgMemo16( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgMemo16.displayName = 'SvgMemo16' +export default SvgMemo16 diff --git a/packages/base/Icons/src/Icon/Memo24.tsx b/packages/base/Icons/src/Icon/Memo24.tsx new file mode 100644 index 0000000000..9f31f90166 --- /dev/null +++ b/packages/base/Icons/src/Icon/Memo24.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgMemo24', +}) +const SvgMemo24 = forwardRef(function SvgMemo24( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgMemo24.displayName = 'SvgMemo24' +export default SvgMemo24 diff --git a/packages/base/Icons/src/Icon/MemoResponsive.tsx b/packages/base/Icons/src/Icon/MemoResponsive.tsx new file mode 100644 index 0000000000..34dab593cd --- /dev/null +++ b/packages/base/Icons/src/Icon/MemoResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import Memo16 from './Memo16' +import Memo24 from './Memo24' +import type { Props } from './Memo16' + +const MemoResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default MemoResponsive diff --git a/packages/base/Icons/src/Icon/ProfileCard16.tsx b/packages/base/Icons/src/Icon/ProfileCard16.tsx new file mode 100644 index 0000000000..8a920be4ec --- /dev/null +++ b/packages/base/Icons/src/Icon/ProfileCard16.tsx @@ -0,0 +1,66 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgProfileCard16', +}) +const SvgProfileCard16 = forwardRef(function SvgProfileCard16( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgProfileCard16.displayName = 'SvgProfileCard16' +export default SvgProfileCard16 diff --git a/packages/base/Icons/src/Icon/ProfileCard24.tsx b/packages/base/Icons/src/Icon/ProfileCard24.tsx new file mode 100644 index 0000000000..b3da1f540c --- /dev/null +++ b/packages/base/Icons/src/Icon/ProfileCard24.tsx @@ -0,0 +1,66 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgProfileCard24', +}) +const SvgProfileCard24 = forwardRef(function SvgProfileCard24( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgProfileCard24.displayName = 'SvgProfileCard24' +export default SvgProfileCard24 diff --git a/packages/base/Icons/src/Icon/ProfileCardResponsive.tsx b/packages/base/Icons/src/Icon/ProfileCardResponsive.tsx new file mode 100644 index 0000000000..5157a7a28e --- /dev/null +++ b/packages/base/Icons/src/Icon/ProfileCardResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import ProfileCard16 from './ProfileCard16' +import ProfileCard24 from './ProfileCard24' +import type { Props } from './ProfileCard16' + +const ProfileCardResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default ProfileCardResponsive diff --git a/packages/base/Icons/src/Icon/Table16.tsx b/packages/base/Icons/src/Icon/Table16.tsx new file mode 100644 index 0000000000..0d9159347c --- /dev/null +++ b/packages/base/Icons/src/Icon/Table16.tsx @@ -0,0 +1,66 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgTable16', +}) +const SvgTable16 = forwardRef(function SvgTable16( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgTable16.displayName = 'SvgTable16' +export default SvgTable16 diff --git a/packages/base/Icons/src/Icon/Table24.tsx b/packages/base/Icons/src/Icon/Table24.tsx new file mode 100644 index 0000000000..84dd0d7b8c --- /dev/null +++ b/packages/base/Icons/src/Icon/Table24.tsx @@ -0,0 +1,66 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgTable24', +}) +const SvgTable24 = forwardRef(function SvgTable24( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgTable24.displayName = 'SvgTable24' +export default SvgTable24 diff --git a/packages/base/Icons/src/Icon/TableResponsive.tsx b/packages/base/Icons/src/Icon/TableResponsive.tsx new file mode 100644 index 0000000000..7d98e7975b --- /dev/null +++ b/packages/base/Icons/src/Icon/TableResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import Table16 from './Table16' +import Table24 from './Table24' +import type { Props } from './Table16' + +const TableResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default TableResponsive diff --git a/packages/base/Icons/src/Icon/VideoCall16.tsx b/packages/base/Icons/src/Icon/VideoCall16.tsx new file mode 100644 index 0000000000..fa78ab3112 --- /dev/null +++ b/packages/base/Icons/src/Icon/VideoCall16.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 16 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgVideoCall16', +}) +const SvgVideoCall16 = forwardRef(function SvgVideoCall16( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgVideoCall16.displayName = 'SvgVideoCall16' +export default SvgVideoCall16 diff --git a/packages/base/Icons/src/Icon/VideoCall24.tsx b/packages/base/Icons/src/Icon/VideoCall24.tsx new file mode 100644 index 0000000000..020f2764e6 --- /dev/null +++ b/packages/base/Icons/src/Icon/VideoCall24.tsx @@ -0,0 +1,62 @@ +import type { Ref } from 'react' +import React, { forwardRef } from 'react' +import cx from 'classnames' +import { makeStyles } from '@material-ui/core/styles' +import type { StandardProps } from '@toptal/picasso-shared' +import { kebabToCamelCase } from '@toptal/picasso-utils' + +import styles from './styles' +const BASE_SIZE = 24 + +type ScaleType = 1 | 2 | 3 | 4 +export interface Props extends StandardProps { + scale?: ScaleType + color?: string + base?: number +} +const useStyles = makeStyles(styles, { + name: 'PicassoSvgVideoCall24', +}) +const SvgVideoCall24 = forwardRef(function SvgVideoCall24( + props: Props, + ref: Ref +) { + const { + className, + style = {}, + color, + scale, + base, + 'data-testid': testId, + } = props + const classes: Record = useStyles(props) + const classNames = [classes.root, className] + const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1) + const colorClassName = kebabToCamelCase(`${color}`) + + if (classes[colorClassName]) { + classNames.push(classes[colorClassName]) + } + + const svgStyle = { + minWidth: `${scaledSize}px`, + minHeight: `${scaledSize}px`, + ...style, + } + + return ( + + + + ) +}) + +SvgVideoCall24.displayName = 'SvgVideoCall24' +export default SvgVideoCall24 diff --git a/packages/base/Icons/src/Icon/VideoCallResponsive.tsx b/packages/base/Icons/src/Icon/VideoCallResponsive.tsx new file mode 100644 index 0000000000..2c614c09cb --- /dev/null +++ b/packages/base/Icons/src/Icon/VideoCallResponsive.tsx @@ -0,0 +1,19 @@ +import { useScreens } from '@toptal/picasso-provider' +import React from 'react' + +import VideoCall16 from './VideoCall16' +import VideoCall24 from './VideoCall24' +import type { Props } from './VideoCall16' + +const VideoCallResponsive = (props: Props) => { + const screens = useScreens() + + return screens( + { + xl: , + }, + + ) as JSX.Element +} + +export default VideoCallResponsive diff --git a/packages/base/Icons/src/Icon/index.ts b/packages/base/Icons/src/Icon/index.ts index 86bb87f64c..4f8ef3c5ae 100644 --- a/packages/base/Icons/src/Icon/index.ts +++ b/packages/base/Icons/src/Icon/index.ts @@ -39,6 +39,8 @@ export { default as ArrowUpMinor16 } from './ArrowUpMinor16' export { default as ArrowUpMinor24 } from './ArrowUpMinor24' export { default as Ask16 } from './Ask16' export { default as Ask24 } from './Ask24' +export { default as AssociatedOrgUnitJoin16 } from './AssociatedOrgUnitJoin16' +export { default as AssociatedOrgUnitJoin24 } from './AssociatedOrgUnitJoin24' export { default as AsteriskSolid16 } from './AsteriskSolid16' export { default as AsteriskSolid24 } from './AsteriskSolid24' export { default as Attachment16 } from './Attachment16' @@ -121,6 +123,8 @@ export { default as Critical16 } from './Critical16' export { default as Critical24 } from './Critical24' export { default as CriticalSolid16 } from './CriticalSolid16' export { default as CriticalSolid24 } from './CriticalSolid24' +export { default as Dashboard16 } from './Dashboard16' +export { default as Dashboard24 } from './Dashboard24' export { default as DesignerPencil16 } from './DesignerPencil16' export { default as DesignerPencil24 } from './DesignerPencil24' export { default as Dialpad16 } from './Dialpad16' @@ -229,6 +233,8 @@ export { default as Lock24 } from './Lock24' export { default as Logo } from './Logo' export { default as LogoEmblem } from './LogoEmblem' export { default as LogoNoTrademark } from './LogoNoTrademark' +export { default as Memo16 } from './Memo16' +export { default as Memo24 } from './Memo24' export { default as Message16 } from './Message16' export { default as Message24 } from './Message24' export { default as MicrophoneOff16 } from './MicrophoneOff16' @@ -311,6 +317,8 @@ export { default as ProductManager16 } from './ProductManager16' export { default as ProductManager24 } from './ProductManager24' export { default as Profile16 } from './Profile16' export { default as Profile24 } from './Profile24' +export { default as ProfileCard16 } from './ProfileCard16' +export { default as ProfileCard24 } from './ProfileCard24' export { default as ProfileCrossed16 } from './ProfileCrossed16' export { default as ProfileCrossed24 } from './ProfileCrossed24' export { default as Project16 } from './Project16' @@ -391,6 +399,8 @@ export { default as Support16 } from './Support16' export { default as Support24 } from './Support24' export { default as Switch16 } from './Switch16' export { default as Switch24 } from './Switch24' +export { default as Table16 } from './Table16' +export { default as Table24 } from './Table24' export { default as Tasks16 } from './Tasks16' export { default as Tasks24 } from './Tasks24' export { default as Team16 } from './Team16' @@ -435,6 +445,8 @@ export { default as UploadDocument16 } from './UploadDocument16' export { default as UploadDocument24 } from './UploadDocument24' export { default as VerificationBadge16 } from './VerificationBadge16' export { default as VerificationBadge24 } from './VerificationBadge24' +export { default as VideoCall16 } from './VideoCall16' +export { default as VideoCall24 } from './VideoCall24' export { default as VideoOff16 } from './VideoOff16' export { default as VideoOff24 } from './VideoOff24' export { default as VideoOn16 } from './VideoOn16' @@ -474,6 +486,7 @@ export { default as ArrowLongUpResponsive } from './ArrowLongUpResponsive' export { default as ArrowSubdirectoryResponsive } from './ArrowSubdirectoryResponsive' export { default as ArrowUpMinorResponsive } from './ArrowUpMinorResponsive' export { default as AskResponsive } from './AskResponsive' +export { default as AssociatedOrgUnitJoinResponsive } from './AssociatedOrgUnitJoinResponsive' export { default as AsteriskSolidResponsive } from './AsteriskSolidResponsive' export { default as AttachmentResponsive } from './AttachmentResponsive' export { default as AvatarResponsive } from './AvatarResponsive' @@ -514,6 +527,7 @@ export { default as CopyResponsive } from './CopyResponsive' export { default as CreditCardResponsive } from './CreditCardResponsive' export { default as CriticalResponsive } from './CriticalResponsive' export { default as CriticalSolidResponsive } from './CriticalSolidResponsive' +export { default as DashboardResponsive } from './DashboardResponsive' export { default as DesignerPencilResponsive } from './DesignerPencilResponsive' export { default as DialpadResponsive } from './DialpadResponsive' export { default as DisputeResponsive } from './DisputeResponsive' @@ -565,6 +579,7 @@ export { default as LinkResponsive } from './LinkResponsive' export { default as LinkedinResponsive } from './LinkedinResponsive' export { default as LocationResponsive } from './LocationResponsive' export { default as LockResponsive } from './LockResponsive' +export { default as MemoResponsive } from './MemoResponsive' export { default as MessageResponsive } from './MessageResponsive' export { default as MicrophoneOffResponsive } from './MicrophoneOffResponsive' export { default as MicrophoneOnResponsive } from './MicrophoneOnResponsive' @@ -606,6 +621,7 @@ export { default as PortfolioFinanceResponsive } from './PortfolioFinanceRespons export { default as PreviewResponsive } from './PreviewResponsive' export { default as ProductManagerResponsive } from './ProductManagerResponsive' export { default as ProfileResponsive } from './ProfileResponsive' +export { default as ProfileCardResponsive } from './ProfileCardResponsive' export { default as ProfileCrossedResponsive } from './ProfileCrossedResponsive' export { default as ProjectResponsive } from './ProjectResponsive' export { default as ProjectDiscoveryResponsive } from './ProjectDiscoveryResponsive' @@ -646,6 +662,7 @@ export { default as StopSolidResponsive } from './StopSolidResponsive' export { default as SubfunctionResponsive } from './SubfunctionResponsive' export { default as SupportResponsive } from './SupportResponsive' export { default as SwitchResponsive } from './SwitchResponsive' +export { default as TableResponsive } from './TableResponsive' export { default as TasksResponsive } from './TasksResponsive' export { default as TeamResponsive } from './TeamResponsive' export { default as TelegramResponsive } from './TelegramResponsive' @@ -668,6 +685,7 @@ export { default as UpdateResponsive } from './UpdateResponsive' export { default as UploadResponsive } from './UploadResponsive' export { default as UploadDocumentResponsive } from './UploadDocumentResponsive' export { default as VerificationBadgeResponsive } from './VerificationBadgeResponsive' +export { default as VideoCallResponsive } from './VideoCallResponsive' export { default as VideoOffResponsive } from './VideoOffResponsive' export { default as VideoOnResponsive } from './VideoOnResponsive' export { default as ViewResponsive } from './ViewResponsive' diff --git a/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin16.svg b/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin16.svg new file mode 100644 index 0000000000..22cbecdb3c --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin24.svg b/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin24.svg new file mode 100644 index 0000000000..5e4926efb2 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/associatedOrgUnitJoin24.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/dashboard16.svg b/packages/base/Icons/src/Icon/svg/dashboard16.svg new file mode 100644 index 0000000000..ec0c938889 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/dashboard16.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/base/Icons/src/Icon/svg/dashboard24.svg b/packages/base/Icons/src/Icon/svg/dashboard24.svg new file mode 100644 index 0000000000..3d3babdc0c --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/dashboard24.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/base/Icons/src/Icon/svg/memo16.svg b/packages/base/Icons/src/Icon/svg/memo16.svg new file mode 100644 index 0000000000..8fed87d4f1 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/memo16.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/packages/base/Icons/src/Icon/svg/memo24.svg b/packages/base/Icons/src/Icon/svg/memo24.svg new file mode 100644 index 0000000000..df5cc2f3d3 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/memo24.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/packages/base/Icons/src/Icon/svg/profileCard16.svg b/packages/base/Icons/src/Icon/svg/profileCard16.svg new file mode 100644 index 0000000000..31e95438d1 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/profileCard16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/profileCard24.svg b/packages/base/Icons/src/Icon/svg/profileCard24.svg new file mode 100644 index 0000000000..6facfafd82 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/profileCard24.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/table16.svg b/packages/base/Icons/src/Icon/svg/table16.svg new file mode 100644 index 0000000000..6399af4b0c --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/table16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/table24.svg b/packages/base/Icons/src/Icon/svg/table24.svg new file mode 100644 index 0000000000..8bdeab45f3 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/table24.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/base/Icons/src/Icon/svg/videoCall16.svg b/packages/base/Icons/src/Icon/svg/videoCall16.svg new file mode 100644 index 0000000000..26c2cae985 --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/videoCall16.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/base/Icons/src/Icon/svg/videoCall24.svg b/packages/base/Icons/src/Icon/svg/videoCall24.svg new file mode 100644 index 0000000000..a7d9bd5fbf --- /dev/null +++ b/packages/base/Icons/src/Icon/svg/videoCall24.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file