@toptal/picasso 13.4.0 → 13.4.2

package/src/Icon/Referral24.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferral24' })
+const SvgReferral24 = forwardRef(function SvgReferral24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M6 10.5a4.5 4.5 0 012.667 8.125 5.998 5.998 0 013.326 5.076L12 24h-1.5a4.5 4.5 0 00-8.992-.264L1.5 24H0a6 6 0 013.333-5.376A4.5 4.5 0 016 10.5zM6 12a3 3 0 100 6 3 3 0 000-6zM18 0v1.5h.75a3.75 3.75 0 013.742 3.503l.008.247H21a2.25 2.25 0 00-2.033-2.24L18.75 3H18v4.5h.75a3.75 3.75 0 01.247 7.492L18.75 15H18v1.5h-1.5V15h-.75a3.75 3.75 0 01-3.742-3.503L12 11.25h1.5c0 1.17.892 2.13 2.033 2.24l.217.01h.75V9h-.75a3.75 3.75 0 01-.247-7.492l.247-.008h.75V0H18zm.75 9H18v4.5h.75a2.25 2.25 0 00.217-4.49L18.75 9zM16.5 3h-.75a2.25 2.25 0 00-.217 4.49l.217.01h.75V3z' />
+    </svg>
+  )
+})
+
+SvgReferral24.displayName = 'SvgReferral24'
+export default SvgReferral24

package/src/Icon/ReferralBonus16.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferralBonus16' })
+const SvgReferralBonus16 = forwardRef(function SvgReferralBonus16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M9 14.5H7V16H6v-1.606c-1.472-.302-2.75-1.232-3.443-2.563l-.231-.443.886-.462.231.443c.52.998 1.46 1.717 2.557 1.999v-4.87a3.688 3.688 0 01-2.431-1.016A3.44 3.44 0 012.5 5c0-1.897 1.56-3.434 3.5-3.498V0h1v1.5h2V0h1v1.606c1.472.302 2.75 1.232 3.443 2.563l.231.443-.886.462-.231-.443c-.52-.998-1.46-1.717-2.557-1.999v4.87c1.94.064 3.5 1.6 3.5 3.498 0 1.897-1.56 3.434-3.5 3.498V16H9v-1.5zm0-7v-5H7v5h2zm0 6v-5H7v5h2zm1-.003c1.396-.062 2.5-1.16 2.5-2.497 0-1.336-1.104-2.435-2.5-2.497v4.994zM6 2.503C4.604 2.565 3.5 3.663 3.5 5c0 .659.273 1.292.762 1.76A2.687 2.687 0 006 7.498V2.503z' />
+    </svg>
+  )
+})
+
+SvgReferralBonus16.displayName = 'SvgReferralBonus16'
+export default SvgReferralBonus16

package/src/Icon/ReferralBonus24.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferralBonus24' })
+const SvgReferralBonus24 = forwardRef(function SvgReferralBonus24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M13 21.5h-2V24h-1v-2.5c-2.727-.025-5.217-1.515-6.443-3.869l-.231-.443.886-.462.231.443c1.053 2.02 3.199 3.306 5.557 3.33V12.5H8.687a5.288 5.288 0 01-3.66-1.457A4.91 4.91 0 013.5 7.5c0-2.766 2.327-5 5.188-5H10V0h1v2.5h2V0h1v2.5c2.727.025 5.217 1.515 6.443 3.869l.231.443-.886.462-.231-.443c-1.053-2.02-3.199-3.306-5.557-3.33V11.5h1.313c2.86 0 5.187 2.234 5.187 5s-2.327 5-5.188 5H14V24h-1v-2.5zm0-10v-8h-2v8h2zm0 9v-8h-2v8h2zm1 0h1.313c2.317 0 4.187-1.796 4.187-4 0-2.204-1.87-4-4.188-4H14v8zm-4-17H8.687C6.37 3.5 4.5 5.296 4.5 7.5a3.91 3.91 0 001.22 2.821A4.289 4.289 0 008.687 11.5H10v-8z' />
+    </svg>
+  )
+})
+
+SvgReferralBonus24.displayName = 'SvgReferralBonus24'
+export default SvgReferralBonus24

package/src/Icon/ReferralDashboard16.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferralDashboard16' })
+const SvgReferralDashboard16 = forwardRef(function SvgReferralDashboard16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M12 7a3 3 0 011.777 5.418 3.994 3.994 0 012.218 3.382L16 16h-1a3 3 0 00-5.995-.176L9 16H8a4 4 0 012.223-3.585A3 3 0 0112 7zM1.444 10.459a7.015 7.015 0 004.858 4.334l-.243.97a8.017 8.017 0 01-5.551-4.952l.936-.352zM12 8a2 2 0 100 4 2 2 0 000-4zM4 0a3 3 0 011.777 5.418A3.994 3.994 0 017.995 8.8L8 9H7a3 3 0 00-5.995-.176L1 9H0a4 4 0 012.223-3.585A3 3 0 014 0zm4 0a8.001 8.001 0 017.94 7.008l-.993.124A7.001 7.001 0 008 1V0zM4 1a2 2 0 100 4 2 2 0 000-4z' />
+    </svg>
+  )
+})
+
+SvgReferralDashboard16.displayName = 'SvgReferralDashboard16'
+export default SvgReferralDashboard16

package/src/Icon/ReferralDashboard24.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferralDashboard24' })
+const SvgReferralDashboard24 = forwardRef(function SvgReferralDashboard24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M2.894 16.14a10.015 10.015 0 007.317 5.7l-.178.985a11.016 11.016 0 01-8.05-6.271l.911-.415zM17.5 9a4.5 4.5 0 012.168 8.444 5.5 5.5 0 013.328 4.835L23 22.5h-1a4.5 4.5 0 00-8.995-.212L13 22.5h-1a5.501 5.501 0 013.333-5.057A4.5 4.5 0 0117.5 9zm0 1a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm-11-9a4.5 4.5 0 012.168 8.444 5.5 5.5 0 013.328 4.835L12 14.5h-1a4.5 4.5 0 00-8.995-.212L2 14.5H1a5.501 5.501 0 013.333-5.057A4.5 4.5 0 016.5 1zM12 1c5.073 0 9.344 3.434 10.615 8.105l-.965.264C20.496 5.123 16.612 2 12 2V1zM6.5 2a3.5 3.5 0 100 7 3.5 3.5 0 000-7z' />
+    </svg>
+  )
+})
+
+SvgReferralDashboard24.displayName = 'SvgReferralDashboard24'
+export default SvgReferralDashboard24

package/src/Icon/Referrals16.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferrals16' })
+const SvgReferrals16 = forwardRef(function SvgReferrals16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M14.5 6.793l.707.707L8.5 14.207l-.707-.707 6-6-6-6L8.5.793l6 6zm-7 0l.707.707L1.5 14.207.793 13.5l6-6-6-6L1.5.793l6 6z' />
+    </svg>
+  )
+})
+
+SvgReferrals16.displayName = 'SvgReferrals16'
+export default SvgReferrals16

package/src/Icon/Referrals24.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReferrals24' })
+const SvgReferrals24 = forwardRef(function SvgReferrals24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M21.5 10.793l.707.707-9.707 9.707-.707-.707 9-9-9-9 .707-.707 9 9zm-10 0l.707.707L2.5 21.207l-.707-.707 9-9-9-9 .707-.707 9 9z' />
+    </svg>
+  )
+})
+
+SvgReferrals24.displayName = 'SvgReferrals24'
+export default SvgReferrals24

package/src/Icon/Report16.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgReport16' })
+const SvgReport16 = forwardRef(function SvgReport16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M15 0v12H6l-4 4v-4H0V0h15zm-1 1H1v10h2v2.586L5.586 11H14V1zM8 3v4H7V3h1zM7 8h1v1H7V8z' />
+    </svg>
+  )
+})
+
+SvgReport16.displayName = 'SvgReport16'
+export default SvgReport16

package/src/Icon/Representatives16.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgRepresentatives16' })
+const SvgRepresentatives16 = forwardRef(function SvgRepresentatives16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M2 0h12v16l-6-4.005L2 16V0zm1 1v13.13l5-3.337 5 3.337V1H3z' />
+    </svg>
+  )
+})
+
+SvgRepresentatives16.displayName = 'SvgRepresentatives16'
+export default SvgRepresentatives16

package/src/Icon/Representatives24.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgRepresentatives24' })
+const SvgRepresentatives24 = forwardRef(function SvgRepresentatives24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M3 0h18v24l-9-6.007L3 24V0zm1 1v21.13l8-5.34 8 5.34V1H4z' />
+    </svg>
+  )
+})
+
+SvgRepresentatives24.displayName = 'SvgRepresentatives24'
+export default SvgRepresentatives24

package/src/Icon/RepresentativesSolid16.tsx

@@ -0,0 +1,60 @@
+import React, { forwardRef, Ref } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import { 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: 'PicassoSvgRepresentativesSolid16'
+})
+const SvgRepresentativesSolid16 = forwardRef(function SvgRepresentativesSolid16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId
+  } = props
+  const classes: Record<string, string> = 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 (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M2 0v16l6-4.005L14 16V0z' />
+    </svg>
+  )
+})
+
+SvgRepresentativesSolid16.displayName = 'SvgRepresentativesSolid16'
+export default SvgRepresentativesSolid16