diff --git a/.changeset/curvy-bananas-live.md b/.changeset/curvy-bananas-live.md new file mode 100644 index 0000000000..bb18e3effa --- /dev/null +++ b/.changeset/curvy-bananas-live.md @@ -0,0 +1,8 @@ +--- +'@toptal/picasso': major +--- + +### Icon + +- the `Resouces24` icon was renamed to `Resources24`, please find and replace its occurences in the code +- newly added icons have to have both `16` and `24` pixels variants (according to BASE) diff --git a/.husky/pre-commit b/.husky/pre-commit index 8f56dbc480..33d54b87b4 100755 --- a/.husky/pre-commit +++ b/.husky/pre-commit @@ -3,3 +3,4 @@ yarn lint-staged yarn syncpack:list || (echo "you can use \033[0;32myarn syncpack:fix \033[0mto sync versions automatically or do it manually" && return 1) +yarn check:icon-sizes diff --git a/README.md b/README.md index 7ef7ab091b..16b01686e6 100644 --- a/README.md +++ b/README.md @@ -57,7 +57,7 @@ To add a new icon to `@toptal/picasso` or pictogram to `@toptal/picasso-pictogra 1. Prepare your SVG: - Make sure that it has `viewBox` attribute specified - - Make sure that `viewBox` size is `0 0 16 16` for icon and `0 0 64 64` for pictogram (be careful this isn't just a simple value set!) + - Make sure that `viewBox` sizes are `0 0 16 16` and `0 0 24 24` for icon (there should always be two icon variants) and `0 0 64 64` for pictogram (be careful this isn't just a simple value set!) - Make sure all paths are expanded and strokes are not used 2. Add your SVG file(s) to the Picasso project: ```bash diff --git a/bin/check-icon-sizes.js b/bin/check-icon-sizes.js new file mode 100755 index 0000000000..326679e45c --- /dev/null +++ b/bin/check-icon-sizes.js @@ -0,0 +1,72 @@ +const fs = require('fs') +const path = require('path') +const { execSync } = require('child_process') + +/** + * Script checks if all icons have 16 and 24 pixels variants. + */ + +const ICON_COMPONENTS_DIRECTORY = 'packages/picasso/src/Icon' +// TODO: add missing icons and remove ability to ignore icons +const IGNORED_ICONS = ['Ach', 'CreditCard'] + +const getIconName = iconFileName => iconFileName.replace(/(16|24).tsx/, '') + +const getChangedFiles = () => { + const command = `git diff --name-only --cached` + const diffOutput = execSync(command).toString() + + return diffOutput.toString().split('\n').filter(Boolean) +} + +const checkIfIconIsComplete = (iconName, icons) => + icons.indexOf(`${iconName}16.tsx`) > -1 && + icons.indexOf(`${iconName}24.tsx`) > -1 + +const findIncompleteIcons = () => { + const changedFiles = getChangedFiles() + const iconsWereChanged = + changedFiles.filter(fileName => + fileName.startsWith(ICON_COMPONENTS_DIRECTORY) + ).length > 0 + + if (!iconsWereChanged) { + process.exit(0) + } + + const iconFileNames = fs + .readdirSync(ICON_COMPONENTS_DIRECTORY) + .filter( + file => path.extname(file) === '.tsx' && file.match(/(16|24)\.tsx$/) + ) + + const incompleteIcons = [] + + iconFileNames.forEach(iconFileName => { + const iconName = getIconName(iconFileName) + + if ( + IGNORED_ICONS.indexOf(iconName) === -1 && + !checkIfIconIsComplete(iconName, iconFileNames) + ) { + if (incompleteIcons.indexOf(iconFileName)) { + incompleteIcons.push(iconName) + } + } + }) + + return incompleteIcons +} + +const incompleteIcons = findIncompleteIcons() + +if (incompleteIcons.length > 0) { + console.error( + `The following icons need to have both 16 and 24 pixels variants generated:\n${incompleteIcons.join( + '\n' + )}` + ) + process.exit(1) +} + +process.exit(0) diff --git a/package.json b/package.json index 63b1609420..ac3d729981 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "build:package": "lerna run build:package", "build:storybook": "build-storybook -c .storybook -o build/storybook --quiet", "circularity": "madge --circular packages/*/src", + "check:icon-sizes": "node ./bin/check-icon-sizes", "generate:component": "davinci-code new component", "generate:example": "davinci-code new example", "generate:svg-components": "yarn generate:icons && yarn generate:pictograms", diff --git a/packages/picasso/src/Icon/Attachment24.tsx b/packages/picasso/src/Icon/Attachment24.tsx new file mode 100644 index 0000000000..397ef2d06d --- /dev/null +++ b/packages/picasso/src/Icon/Attachment24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgAttachment24', +}) +const SvgAttachment24 = forwardRef(function SvgAttachment24( + 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 ( + + + + ) +}) + +SvgAttachment24.displayName = 'SvgAttachment24' +export default SvgAttachment24 diff --git a/packages/picasso/src/Icon/Bold24.tsx b/packages/picasso/src/Icon/Bold24.tsx new file mode 100644 index 0000000000..94dde5fbab --- /dev/null +++ b/packages/picasso/src/Icon/Bold24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgBold24', +}) +const SvgBold24 = forwardRef(function SvgBold24( + 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 ( + + + + ) +}) + +SvgBold24.displayName = 'SvgBold24' +export default SvgBold24 diff --git a/packages/picasso/src/Icon/DropdownArrows24.tsx b/packages/picasso/src/Icon/DropdownArrows24.tsx new file mode 100644 index 0000000000..4a9a9d63c0 --- /dev/null +++ b/packages/picasso/src/Icon/DropdownArrows24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgDropdownArrows24', +}) +const SvgDropdownArrows24 = forwardRef(function SvgDropdownArrows24( + 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 ( + + + + ) +}) + +SvgDropdownArrows24.displayName = 'SvgDropdownArrows24' +export default SvgDropdownArrows24 diff --git a/packages/picasso/src/Icon/Italic24.tsx b/packages/picasso/src/Icon/Italic24.tsx new file mode 100644 index 0000000000..9f3500650e --- /dev/null +++ b/packages/picasso/src/Icon/Italic24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgItalic24', +}) +const SvgItalic24 = forwardRef(function SvgItalic24( + 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 ( + + + + ) +}) + +SvgItalic24.displayName = 'SvgItalic24' +export default SvgItalic24 diff --git a/packages/picasso/src/Icon/ListOrdered24.tsx b/packages/picasso/src/Icon/ListOrdered24.tsx new file mode 100644 index 0000000000..667b4fdbb0 --- /dev/null +++ b/packages/picasso/src/Icon/ListOrdered24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgListOrdered24', +}) +const SvgListOrdered24 = forwardRef(function SvgListOrdered24( + 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 ( + + + + ) +}) + +SvgListOrdered24.displayName = 'SvgListOrdered24' +export default SvgListOrdered24 diff --git a/packages/picasso/src/Icon/ListUnordered24.tsx b/packages/picasso/src/Icon/ListUnordered24.tsx new file mode 100644 index 0000000000..cc84b19c1c --- /dev/null +++ b/packages/picasso/src/Icon/ListUnordered24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgListUnordered24', +}) +const SvgListUnordered24 = forwardRef(function SvgListUnordered24( + 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 ( + + + + ) +}) + +SvgListUnordered24.displayName = 'SvgListUnordered24' +export default SvgListUnordered24 diff --git a/packages/picasso/src/Icon/MissedCall16.tsx b/packages/picasso/src/Icon/MissedCall16.tsx new file mode 100644 index 0000000000..c45a3c31bc --- /dev/null +++ b/packages/picasso/src/Icon/MissedCall16.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgMissedCall16', +}) +const SvgMissedCall16 = forwardRef(function SvgMissedCall16( + 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 ( + + + + ) +}) + +SvgMissedCall16.displayName = 'SvgMissedCall16' +export default SvgMissedCall16 diff --git a/packages/picasso/src/Icon/PlaySolid24.tsx b/packages/picasso/src/Icon/PlaySolid24.tsx new file mode 100644 index 0000000000..bef9b2545a --- /dev/null +++ b/packages/picasso/src/Icon/PlaySolid24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgPlaySolid24', +}) +const SvgPlaySolid24 = forwardRef(function SvgPlaySolid24( + 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 ( + + + + ) +}) + +SvgPlaySolid24.displayName = 'SvgPlaySolid24' +export default SvgPlaySolid24 diff --git a/packages/picasso/src/Icon/Report24.tsx b/packages/picasso/src/Icon/Report24.tsx new file mode 100644 index 0000000000..f4768f2b1f --- /dev/null +++ b/packages/picasso/src/Icon/Report24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgReport24', +}) +const SvgReport24 = forwardRef(function SvgReport24( + 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 ( + + + + ) +}) + +SvgReport24.displayName = 'SvgReport24' +export default SvgReport24 diff --git a/packages/picasso/src/Icon/Resouces24.tsx b/packages/picasso/src/Icon/Resources24.tsx similarity index 89% rename from packages/picasso/src/Icon/Resouces24.tsx rename to packages/picasso/src/Icon/Resources24.tsx index bd53ccc5dd..220bdd7808 100644 --- a/packages/picasso/src/Icon/Resouces24.tsx +++ b/packages/picasso/src/Icon/Resources24.tsx @@ -15,9 +15,9 @@ export interface Props extends StandardProps { base?: number } const useStyles = makeStyles(styles, { - name: 'PicassoSvgResouces24', + name: 'PicassoSvgResources24', }) -const SvgResouces24 = forwardRef(function SvgResouces24( +const SvgResources24 = forwardRef(function SvgResources24( props: Props, ref: Ref ) { @@ -57,5 +57,5 @@ const SvgResouces24 = forwardRef(function SvgResouces24( ) }) -SvgResouces24.displayName = 'SvgResouces24' -export default SvgResouces24 +SvgResources24.displayName = 'SvgResources24' +export default SvgResources24 diff --git a/packages/picasso/src/Icon/SoundOff24.tsx b/packages/picasso/src/Icon/SoundOff24.tsx new file mode 100644 index 0000000000..4617853cb6 --- /dev/null +++ b/packages/picasso/src/Icon/SoundOff24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgSoundOff24', +}) +const SvgSoundOff24 = forwardRef(function SvgSoundOff24( + 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 ( + + + + ) +}) + +SvgSoundOff24.displayName = 'SvgSoundOff24' +export default SvgSoundOff24 diff --git a/packages/picasso/src/Icon/SoundOn24.tsx b/packages/picasso/src/Icon/SoundOn24.tsx new file mode 100644 index 0000000000..7725c48ae5 --- /dev/null +++ b/packages/picasso/src/Icon/SoundOn24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgSoundOn24', +}) +const SvgSoundOn24 = forwardRef(function SvgSoundOn24( + 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 ( + + + + ) +}) + +SvgSoundOn24.displayName = 'SvgSoundOn24' +export default SvgSoundOn24 diff --git a/packages/picasso/src/Icon/StopSolid24.tsx b/packages/picasso/src/Icon/StopSolid24.tsx new file mode 100644 index 0000000000..a1a96eedaf --- /dev/null +++ b/packages/picasso/src/Icon/StopSolid24.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 '../utils/kebab-to-camel-case' +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: 'PicassoSvgStopSolid24', +}) +const SvgStopSolid24 = forwardRef(function SvgStopSolid24( + 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 ( + + + + ) +}) + +SvgStopSolid24.displayName = 'SvgStopSolid24' +export default SvgStopSolid24 diff --git a/packages/picasso/src/Icon/index.ts b/packages/picasso/src/Icon/index.ts index c3689443a9..2b0b13ec46 100644 --- a/packages/picasso/src/Icon/index.ts +++ b/packages/picasso/src/Icon/index.ts @@ -1,9 +1,4 @@ -export { default as Bold16 } from './Bold16' -export { default as CheckSolid16 } from './CheckSolid16' -export { default as CheckSolid24 } from './CheckSolid24' export { default as Italic16 } from './Italic16' -export { default as ListOrdered16 } from './ListOrdered16' -export { default as ListUnordered16 } from './ListUnordered16' export { default as Abstract16 } from './Abstract16' export { default as Abstract24 } from './Abstract24' export { default as Ach16 } from './Ach16' @@ -39,6 +34,7 @@ export { default as Ask24 } from './Ask24' export { default as AsteriskSolid16 } from './AsteriskSolid16' export { default as AsteriskSolid24 } from './AsteriskSolid24' export { default as Attachment16 } from './Attachment16' +export { default as Attachment24 } from './Attachment24' export { default as Award16 } from './Award16' export { default as Award24 } from './Award24' export { default as BackMinor16 } from './BackMinor16' @@ -57,6 +53,8 @@ export { default as BellSolid16 } from './BellSolid16' export { default as BellSolid24 } from './BellSolid24' export { default as Billing16 } from './Billing16' export { default as Billing24 } from './Billing24' +export { default as Bold16 } from './Bold16' +export { default as Bold24 } from './Bold24' export { default as Box16 } from './Box16' export { default as Box24 } from './Box24' export { default as Bullet16 } from './Bullet16' @@ -77,6 +75,8 @@ export { default as Check16 } from './Check16' export { default as Check24 } from './Check24' export { default as CheckMinor16 } from './CheckMinor16' export { default as CheckMinor24 } from './CheckMinor24' +export { default as CheckSolid16 } from './CheckSolid16' +export { default as CheckSolid24 } from './CheckSolid24' export { default as Chevron16 } from './Chevron16' export { default as Chevron24 } from './Chevron24' export { default as ChevronMinor16 } from './ChevronMinor16' @@ -116,6 +116,7 @@ export { default as Drag24 } from './Drag24' export { default as Dribble16 } from './Dribble16' export { default as Dribble24 } from './Dribble24' export { default as DropdownArrows16 } from './DropdownArrows16' +export { default as DropdownArrows24 } from './DropdownArrows24' export { default as Education16 } from './Education16' export { default as Education24 } from './Education24' export { default as Email16 } from './Email16' @@ -168,6 +169,7 @@ export { default as InfoSolid16 } from './InfoSolid16' export { default as InfoSolid24 } from './InfoSolid24' export { default as Instagram16 } from './Instagram16' export { default as Instagram24 } from './Instagram24' +export { default as Italic24 } from './Italic24' export { default as JobChange16 } from './JobChange16' export { default as JobChange24 } from './JobChange24' export { default as Jobs16 } from './Jobs16' @@ -190,6 +192,10 @@ export { default as Link16 } from './Link16' export { default as Link24 } from './Link24' export { default as Linkedin16 } from './Linkedin16' export { default as Linkedin24 } from './Linkedin24' +export { default as ListOrdered16 } from './ListOrdered16' +export { default as ListOrdered24 } from './ListOrdered24' +export { default as ListUnordered16 } from './ListUnordered16' +export { default as ListUnordered24 } from './ListUnordered24' export { default as Lock16 } from './Lock16' export { default as Lock24 } from './Lock24' export { default as Logo } from './Logo' @@ -202,6 +208,7 @@ export { default as MicrophoneOn16 } from './MicrophoneOn16' export { default as MicrophoneOn24 } from './MicrophoneOn24' export { default as Minus16 } from './Minus16' export { default as Minus24 } from './Minus24' +export { default as MissedCall16 } from './MissedCall16' export { default as MissedCall24 } from './MissedCall24' export { default as Mobile16 } from './Mobile16' export { default as Mobile24 } from './Mobile24' @@ -252,6 +259,7 @@ export { default as Pin24 } from './Pin24' export { default as PinSolid16 } from './PinSolid16' export { default as PinSolid24 } from './PinSolid24' export { default as PlaySolid16 } from './PlaySolid16' +export { default as PlaySolid24 } from './PlaySolid24' export { default as Player16 } from './Player16' export { default as Player24 } from './Player24' export { default as Plus16 } from './Plus16' @@ -287,14 +295,15 @@ export { default as ReferralDashboard24 } from './ReferralDashboard24' export { default as Referrals16 } from './Referrals16' export { default as Referrals24 } from './Referrals24' export { default as Report16 } from './Report16' +export { default as Report24 } from './Report24' export { default as Representatives16 } from './Representatives16' export { default as Representatives24 } from './Representatives24' export { default as RepresentativesSolid16 } from './RepresentativesSolid16' export { default as RepresentativesSolid24 } from './RepresentativesSolid24' export { default as Reset16 } from './Reset16' export { default as Reset24 } from './Reset24' -export { default as Resouces24 } from './Resouces24' export { default as Resources16 } from './Resources16' +export { default as Resources24 } from './Resources24' export { default as Rotate16 } from './Rotate16' export { default as Rotate24 } from './Rotate24' export { default as ScheduledPayment16 } from './ScheduledPayment16' @@ -318,7 +327,9 @@ export { default as Slack24 } from './Slack24' export { default as Sort16 } from './Sort16' export { default as Sort24 } from './Sort24' export { default as SoundOff16 } from './SoundOff16' +export { default as SoundOff24 } from './SoundOff24' export { default as SoundOn16 } from './SoundOn16' +export { default as SoundOn24 } from './SoundOn24' export { default as SpecialGroup16 } from './SpecialGroup16' export { default as SpecialGroup24 } from './SpecialGroup24' export { default as Star16 } from './Star16' @@ -326,6 +337,7 @@ export { default as Star24 } from './Star24' export { default as StarSolid16 } from './StarSolid16' export { default as StarSolid24 } from './StarSolid24' export { default as StopSolid16 } from './StopSolid16' +export { default as StopSolid24 } from './StopSolid24' export { default as Subfunction16 } from './Subfunction16' export { default as Subfunction24 } from './Subfunction24' export { default as Support16 } from './Support16' diff --git a/packages/picasso/src/Icon/svg/attachment24.svg b/packages/picasso/src/Icon/svg/attachment24.svg new file mode 100644 index 0000000000..64065869e0 --- /dev/null +++ b/packages/picasso/src/Icon/svg/attachment24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/bold24.svg b/packages/picasso/src/Icon/svg/bold24.svg new file mode 100644 index 0000000000..1613031175 --- /dev/null +++ b/packages/picasso/src/Icon/svg/bold24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/dropdownArrows24.svg b/packages/picasso/src/Icon/svg/dropdownArrows24.svg new file mode 100644 index 0000000000..f664944bb8 --- /dev/null +++ b/packages/picasso/src/Icon/svg/dropdownArrows24.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/picasso/src/Icon/svg/italic24.svg b/packages/picasso/src/Icon/svg/italic24.svg new file mode 100644 index 0000000000..72e8c54361 --- /dev/null +++ b/packages/picasso/src/Icon/svg/italic24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/listOrdered24.svg b/packages/picasso/src/Icon/svg/listOrdered24.svg new file mode 100644 index 0000000000..15365895cd --- /dev/null +++ b/packages/picasso/src/Icon/svg/listOrdered24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/listUnordered24.svg b/packages/picasso/src/Icon/svg/listUnordered24.svg new file mode 100644 index 0000000000..6a3ce05a23 --- /dev/null +++ b/packages/picasso/src/Icon/svg/listUnordered24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/missedCall16.svg b/packages/picasso/src/Icon/svg/missedCall16.svg new file mode 100644 index 0000000000..cec1c48f72 --- /dev/null +++ b/packages/picasso/src/Icon/svg/missedCall16.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/playSolid24.svg b/packages/picasso/src/Icon/svg/playSolid24.svg new file mode 100644 index 0000000000..8ae5b040f7 --- /dev/null +++ b/packages/picasso/src/Icon/svg/playSolid24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/report24.svg b/packages/picasso/src/Icon/svg/report24.svg new file mode 100644 index 0000000000..24032e0e7e --- /dev/null +++ b/packages/picasso/src/Icon/svg/report24.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/picasso/src/Icon/svg/resouces24.svg b/packages/picasso/src/Icon/svg/resources24.svg similarity index 100% rename from packages/picasso/src/Icon/svg/resouces24.svg rename to packages/picasso/src/Icon/svg/resources24.svg diff --git a/packages/picasso/src/Icon/svg/soundOff24.svg b/packages/picasso/src/Icon/svg/soundOff24.svg new file mode 100644 index 0000000000..f8bcd16b85 --- /dev/null +++ b/packages/picasso/src/Icon/svg/soundOff24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/soundOn24.svg b/packages/picasso/src/Icon/svg/soundOn24.svg new file mode 100644 index 0000000000..3fb3be2bb5 --- /dev/null +++ b/packages/picasso/src/Icon/svg/soundOn24.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/picasso/src/Icon/svg/stopSolid24.svg b/packages/picasso/src/Icon/svg/stopSolid24.svg new file mode 100644 index 0000000000..fc17a3020e --- /dev/null +++ b/packages/picasso/src/Icon/svg/stopSolid24.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file