@toptal/picasso-icons 1.2.1-alpha-fx-null-fix-tag-7b2900a3d.11 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-package/src/Icon/Critical16.d.ts +11 -0
- package/dist-package/src/Icon/Critical16.d.ts.map +1 -0
- package/dist-package/src/Icon/Critical16.js +25 -0
- package/dist-package/src/Icon/Critical16.js.map +1 -0
- package/dist-package/src/Icon/Critical24.d.ts +11 -0
- package/dist-package/src/Icon/Critical24.d.ts.map +1 -0
- package/dist-package/src/Icon/Critical24.js +25 -0
- package/dist-package/src/Icon/Critical24.js.map +1 -0
- package/dist-package/src/Icon/CriticalResponsive.d.ts +5 -0
- package/dist-package/src/Icon/CriticalResponsive.d.ts.map +1 -0
- package/dist-package/src/Icon/CriticalResponsive.js +12 -0
- package/dist-package/src/Icon/CriticalResponsive.js.map +1 -0
- package/dist-package/src/Icon/CriticalSolid16.d.ts +11 -0
- package/dist-package/src/Icon/CriticalSolid16.d.ts.map +1 -0
- package/dist-package/src/Icon/CriticalSolid16.js +25 -0
- package/dist-package/src/Icon/CriticalSolid16.js.map +1 -0
- package/dist-package/src/Icon/CriticalSolid24.d.ts +11 -0
- package/dist-package/src/Icon/CriticalSolid24.d.ts.map +1 -0
- package/dist-package/src/Icon/CriticalSolid24.js +25 -0
- package/dist-package/src/Icon/CriticalSolid24.js.map +1 -0
- package/dist-package/src/Icon/CriticalSolidResponsive.d.ts +5 -0
- package/dist-package/src/Icon/CriticalSolidResponsive.d.ts.map +1 -0
- package/dist-package/src/Icon/CriticalSolidResponsive.js +12 -0
- package/dist-package/src/Icon/CriticalSolidResponsive.js.map +1 -0
- package/dist-package/src/Icon/Warning16.d.ts +11 -0
- package/dist-package/src/Icon/Warning16.d.ts.map +1 -0
- package/dist-package/src/Icon/Warning16.js +25 -0
- package/dist-package/src/Icon/Warning16.js.map +1 -0
- package/dist-package/src/Icon/Warning24.d.ts +11 -0
- package/dist-package/src/Icon/Warning24.d.ts.map +1 -0
- package/dist-package/src/Icon/Warning24.js +25 -0
- package/dist-package/src/Icon/Warning24.js.map +1 -0
- package/dist-package/src/Icon/WarningResponsive.d.ts +5 -0
- package/dist-package/src/Icon/WarningResponsive.d.ts.map +1 -0
- package/dist-package/src/Icon/WarningResponsive.js +12 -0
- package/dist-package/src/Icon/WarningResponsive.js.map +1 -0
- package/dist-package/src/Icon/WarningSolid16.d.ts +11 -0
- package/dist-package/src/Icon/WarningSolid16.d.ts.map +1 -0
- package/dist-package/src/Icon/WarningSolid16.js +25 -0
- package/dist-package/src/Icon/WarningSolid16.js.map +1 -0
- package/dist-package/src/Icon/WarningSolid24.d.ts +11 -0
- package/dist-package/src/Icon/WarningSolid24.d.ts.map +1 -0
- package/dist-package/src/Icon/WarningSolid24.js +25 -0
- package/dist-package/src/Icon/WarningSolid24.js.map +1 -0
- package/dist-package/src/Icon/WarningSolidResponsive.d.ts +5 -0
- package/dist-package/src/Icon/WarningSolidResponsive.d.ts.map +1 -0
- package/dist-package/src/Icon/WarningSolidResponsive.js +12 -0
- package/dist-package/src/Icon/WarningSolidResponsive.js.map +1 -0
- package/dist-package/src/Icon/index.d.ts +12 -0
- package/dist-package/src/Icon/index.d.ts.map +1 -1
- package/dist-package/src/Icon/index.js +12 -0
- package/dist-package/src/Icon/index.js.map +1 -1
- package/package.json +5 -6
- package/src/Icon/Critical16.tsx +66 -0
- package/src/Icon/Critical24.tsx +66 -0
- package/src/Icon/CriticalResponsive.tsx +19 -0
- package/src/Icon/CriticalSolid16.tsx +66 -0
- package/src/Icon/CriticalSolid24.tsx +66 -0
- package/src/Icon/CriticalSolidResponsive.tsx +19 -0
- package/src/Icon/Warning16.tsx +66 -0
- package/src/Icon/Warning24.tsx +66 -0
- package/src/Icon/WarningResponsive.tsx +19 -0
- package/src/Icon/WarningSolid16.tsx +66 -0
- package/src/Icon/WarningSolid24.tsx +66 -0
- package/src/Icon/WarningSolidResponsive.tsx +19 -0
- package/src/Icon/index.ts +12 -0
- package/src/Icon/story/index.jsx +1 -1
- package/src/Icon/svg/critical16.svg +10 -0
- package/src/Icon/svg/critical24.svg +10 -0
- package/src/Icon/svg/criticalSolid16.svg +10 -0
- package/src/Icon/svg/criticalSolid24.svg +10 -0
- package/src/Icon/svg/warning16.svg +5 -0
- package/src/Icon/svg/warning24.svg +5 -0
- package/src/Icon/svg/warningSolid16.svg +5 -0
- package/src/Icon/svg/warningSolid24.svg +5 -0
- package/LICENSE +0 -20
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { Ref } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
import { makeStyles } from '@material-ui/core/styles'
|
|
5
|
+
import type { StandardProps } from '@toptal/picasso-shared'
|
|
6
|
+
import { kebabToCamelCase } from '@toptal/picasso-utils'
|
|
7
|
+
|
|
8
|
+
import styles from './styles'
|
|
9
|
+
const BASE_SIZE = 24
|
|
10
|
+
|
|
11
|
+
type ScaleType = 1 | 2 | 3 | 4
|
|
12
|
+
export interface Props extends StandardProps {
|
|
13
|
+
scale?: ScaleType
|
|
14
|
+
color?: string
|
|
15
|
+
base?: number
|
|
16
|
+
}
|
|
17
|
+
const useStyles = makeStyles(styles, {
|
|
18
|
+
name: 'PicassoSvgCriticalSolid24',
|
|
19
|
+
})
|
|
20
|
+
const SvgCriticalSolid24 = forwardRef(function SvgCriticalSolid24(
|
|
21
|
+
props: Props,
|
|
22
|
+
ref: Ref<SVGSVGElement>
|
|
23
|
+
) {
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
style = {},
|
|
27
|
+
color,
|
|
28
|
+
scale,
|
|
29
|
+
base,
|
|
30
|
+
'data-testid': testId,
|
|
31
|
+
} = props
|
|
32
|
+
const classes: Record<string, string> = useStyles(props)
|
|
33
|
+
const classNames = [classes.root, className]
|
|
34
|
+
const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
|
|
35
|
+
const colorClassName = kebabToCamelCase(`${color}`)
|
|
36
|
+
|
|
37
|
+
if (classes[colorClassName]) {
|
|
38
|
+
classNames.push(classes[colorClassName])
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const svgStyle = {
|
|
42
|
+
minWidth: `${scaledSize}px`,
|
|
43
|
+
minHeight: `${scaledSize}px`,
|
|
44
|
+
...style,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<svg
|
|
49
|
+
fill='none'
|
|
50
|
+
viewBox='0 0 24 24'
|
|
51
|
+
className={cx(...classNames)}
|
|
52
|
+
style={svgStyle}
|
|
53
|
+
ref={ref}
|
|
54
|
+
data-testid={testId}
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
fillRule='evenodd'
|
|
58
|
+
d='M13.063 1.19a1.5 1.5 0 0 0-2.122 0L1.19 10.941a1.5 1.5 0 0 0 0 2.12l9.752 9.753a1.5 1.5 0 0 0 2.122 0l9.752-9.752a1.5 1.5 0 0 0 0-2.122L13.063 1.19ZM11 7.013a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0v-7Zm2 10.99a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'
|
|
59
|
+
clipRule='evenodd'
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
SvgCriticalSolid24.displayName = 'SvgCriticalSolid24'
|
|
66
|
+
export default SvgCriticalSolid24
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useScreens } from '@toptal/picasso-provider'
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import CriticalSolid16 from './CriticalSolid16'
|
|
5
|
+
import CriticalSolid24 from './CriticalSolid24'
|
|
6
|
+
import type { Props } from './CriticalSolid16'
|
|
7
|
+
|
|
8
|
+
const CriticalSolidResponsive = (props: Props) => {
|
|
9
|
+
const screens = useScreens()
|
|
10
|
+
|
|
11
|
+
return screens(
|
|
12
|
+
{
|
|
13
|
+
xl: <CriticalSolid16 {...props} />,
|
|
14
|
+
},
|
|
15
|
+
<CriticalSolid24 {...props} />
|
|
16
|
+
) as JSX.Element
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default CriticalSolidResponsive
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { Ref } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
import { makeStyles } from '@material-ui/core/styles'
|
|
5
|
+
import type { StandardProps } from '@toptal/picasso-shared'
|
|
6
|
+
import { kebabToCamelCase } from '@toptal/picasso-utils'
|
|
7
|
+
|
|
8
|
+
import styles from './styles'
|
|
9
|
+
const BASE_SIZE = 16
|
|
10
|
+
|
|
11
|
+
type ScaleType = 1 | 2 | 3 | 4
|
|
12
|
+
export interface Props extends StandardProps {
|
|
13
|
+
scale?: ScaleType
|
|
14
|
+
color?: string
|
|
15
|
+
base?: number
|
|
16
|
+
}
|
|
17
|
+
const useStyles = makeStyles(styles, {
|
|
18
|
+
name: 'PicassoSvgWarning16',
|
|
19
|
+
})
|
|
20
|
+
const SvgWarning16 = forwardRef(function SvgWarning16(
|
|
21
|
+
props: Props,
|
|
22
|
+
ref: Ref<SVGSVGElement>
|
|
23
|
+
) {
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
style = {},
|
|
27
|
+
color,
|
|
28
|
+
scale,
|
|
29
|
+
base,
|
|
30
|
+
'data-testid': testId,
|
|
31
|
+
} = props
|
|
32
|
+
const classes: Record<string, string> = useStyles(props)
|
|
33
|
+
const classNames = [classes.root, className]
|
|
34
|
+
const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
|
|
35
|
+
const colorClassName = kebabToCamelCase(`${color}`)
|
|
36
|
+
|
|
37
|
+
if (classes[colorClassName]) {
|
|
38
|
+
classNames.push(classes[colorClassName])
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const svgStyle = {
|
|
42
|
+
minWidth: `${scaledSize}px`,
|
|
43
|
+
minHeight: `${scaledSize}px`,
|
|
44
|
+
...style,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<svg
|
|
49
|
+
fill='none'
|
|
50
|
+
viewBox='0 0 16 16'
|
|
51
|
+
className={cx(...classNames)}
|
|
52
|
+
style={svgStyle}
|
|
53
|
+
ref={ref}
|
|
54
|
+
data-testid={testId}
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
fillRule='evenodd'
|
|
58
|
+
d='M6.78 1.707c.54-.943 1.91-.943 2.45 0l6.423 11.2c.536.934-.144 2.093-1.225 2.093H1.582C.5 15-.178 13.84.357 12.907l6.422-11.2Zm1.633.462a.472.472 0 0 0-.817 0l-6.422 11.2a.467.467 0 0 0 .408.698h12.846c.36 0 .587-.387.408-.698l-6.423-11.2ZM7.5 4.4h1v6h-1v-6Zm1 7h-1v1h1v-1Z'
|
|
59
|
+
clipRule='evenodd'
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
SvgWarning16.displayName = 'SvgWarning16'
|
|
66
|
+
export default SvgWarning16
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { Ref } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
import { makeStyles } from '@material-ui/core/styles'
|
|
5
|
+
import type { StandardProps } from '@toptal/picasso-shared'
|
|
6
|
+
import { kebabToCamelCase } from '@toptal/picasso-utils'
|
|
7
|
+
|
|
8
|
+
import styles from './styles'
|
|
9
|
+
const BASE_SIZE = 24
|
|
10
|
+
|
|
11
|
+
type ScaleType = 1 | 2 | 3 | 4
|
|
12
|
+
export interface Props extends StandardProps {
|
|
13
|
+
scale?: ScaleType
|
|
14
|
+
color?: string
|
|
15
|
+
base?: number
|
|
16
|
+
}
|
|
17
|
+
const useStyles = makeStyles(styles, {
|
|
18
|
+
name: 'PicassoSvgWarning24',
|
|
19
|
+
})
|
|
20
|
+
const SvgWarning24 = forwardRef(function SvgWarning24(
|
|
21
|
+
props: Props,
|
|
22
|
+
ref: Ref<SVGSVGElement>
|
|
23
|
+
) {
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
style = {},
|
|
27
|
+
color,
|
|
28
|
+
scale,
|
|
29
|
+
base,
|
|
30
|
+
'data-testid': testId,
|
|
31
|
+
} = props
|
|
32
|
+
const classes: Record<string, string> = useStyles(props)
|
|
33
|
+
const classNames = [classes.root, className]
|
|
34
|
+
const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
|
|
35
|
+
const colorClassName = kebabToCamelCase(`${color}`)
|
|
36
|
+
|
|
37
|
+
if (classes[colorClassName]) {
|
|
38
|
+
classNames.push(classes[colorClassName])
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const svgStyle = {
|
|
42
|
+
minWidth: `${scaledSize}px`,
|
|
43
|
+
minHeight: `${scaledSize}px`,
|
|
44
|
+
...style,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<svg
|
|
49
|
+
fill='none'
|
|
50
|
+
viewBox='0 0 24 24'
|
|
51
|
+
className={cx(...classNames)}
|
|
52
|
+
style={svgStyle}
|
|
53
|
+
ref={ref}
|
|
54
|
+
data-testid={testId}
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
fillRule='evenodd'
|
|
58
|
+
d='M10.333 2.465c.736-1.287 2.598-1.287 3.334 0l9.829 17.181c.728 1.273-.196 2.854-1.667 2.854H2.17C.7 22.5-.224 20.919.504 19.646l9.829-17.181Zm2.5.472a.961.961 0 0 0-1.667 0L1.338 20.118a.955.955 0 0 0 .833 1.427H21.83a.955.955 0 0 0 .833-1.427L12.834 2.937ZM11.5 7h1v8.662h-1V7Zm1 10.1h-1v1h1v-1Z'
|
|
59
|
+
clipRule='evenodd'
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
SvgWarning24.displayName = 'SvgWarning24'
|
|
66
|
+
export default SvgWarning24
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useScreens } from '@toptal/picasso-provider'
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import Warning16 from './Warning16'
|
|
5
|
+
import Warning24 from './Warning24'
|
|
6
|
+
import type { Props } from './Warning16'
|
|
7
|
+
|
|
8
|
+
const WarningResponsive = (props: Props) => {
|
|
9
|
+
const screens = useScreens()
|
|
10
|
+
|
|
11
|
+
return screens(
|
|
12
|
+
{
|
|
13
|
+
xl: <Warning16 {...props} />,
|
|
14
|
+
},
|
|
15
|
+
<Warning24 {...props} />
|
|
16
|
+
) as JSX.Element
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default WarningResponsive
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { Ref } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
import { makeStyles } from '@material-ui/core/styles'
|
|
5
|
+
import type { StandardProps } from '@toptal/picasso-shared'
|
|
6
|
+
import { kebabToCamelCase } from '@toptal/picasso-utils'
|
|
7
|
+
|
|
8
|
+
import styles from './styles'
|
|
9
|
+
const BASE_SIZE = 16
|
|
10
|
+
|
|
11
|
+
type ScaleType = 1 | 2 | 3 | 4
|
|
12
|
+
export interface Props extends StandardProps {
|
|
13
|
+
scale?: ScaleType
|
|
14
|
+
color?: string
|
|
15
|
+
base?: number
|
|
16
|
+
}
|
|
17
|
+
const useStyles = makeStyles(styles, {
|
|
18
|
+
name: 'PicassoSvgWarningSolid16',
|
|
19
|
+
})
|
|
20
|
+
const SvgWarningSolid16 = forwardRef(function SvgWarningSolid16(
|
|
21
|
+
props: Props,
|
|
22
|
+
ref: Ref<SVGSVGElement>
|
|
23
|
+
) {
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
style = {},
|
|
27
|
+
color,
|
|
28
|
+
scale,
|
|
29
|
+
base,
|
|
30
|
+
'data-testid': testId,
|
|
31
|
+
} = props
|
|
32
|
+
const classes: Record<string, string> = useStyles(props)
|
|
33
|
+
const classNames = [classes.root, className]
|
|
34
|
+
const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
|
|
35
|
+
const colorClassName = kebabToCamelCase(`${color}`)
|
|
36
|
+
|
|
37
|
+
if (classes[colorClassName]) {
|
|
38
|
+
classNames.push(classes[colorClassName])
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const svgStyle = {
|
|
42
|
+
minWidth: `${scaledSize}px`,
|
|
43
|
+
minHeight: `${scaledSize}px`,
|
|
44
|
+
...style,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<svg
|
|
49
|
+
fill='none'
|
|
50
|
+
viewBox='0 0 16 16'
|
|
51
|
+
className={cx(...classNames)}
|
|
52
|
+
style={svgStyle}
|
|
53
|
+
ref={ref}
|
|
54
|
+
data-testid={testId}
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
fillRule='evenodd'
|
|
58
|
+
d='M8.869 1.505a1 1 0 0 0-1.738 0L.299 13.503a1 1 0 0 0 .87 1.495H14.83a1 1 0 0 0 .87-1.495L8.868 1.505ZM7.25 4.76a.75.75 0 1 1 1.5 0V9.08a.75.75 0 1 1-1.5 0V4.759Zm1.5 7.33a.751.751 0 0 1-.75.752.751.751 0 0 1-.75-.753c0-.415.336-.752.75-.752s.75.336.75.752Z'
|
|
59
|
+
clipRule='evenodd'
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
SvgWarningSolid16.displayName = 'SvgWarningSolid16'
|
|
66
|
+
export default SvgWarningSolid16
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { Ref } from 'react'
|
|
2
|
+
import React, { forwardRef } from 'react'
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
import { makeStyles } from '@material-ui/core/styles'
|
|
5
|
+
import type { StandardProps } from '@toptal/picasso-shared'
|
|
6
|
+
import { kebabToCamelCase } from '@toptal/picasso-utils'
|
|
7
|
+
|
|
8
|
+
import styles from './styles'
|
|
9
|
+
const BASE_SIZE = 24
|
|
10
|
+
|
|
11
|
+
type ScaleType = 1 | 2 | 3 | 4
|
|
12
|
+
export interface Props extends StandardProps {
|
|
13
|
+
scale?: ScaleType
|
|
14
|
+
color?: string
|
|
15
|
+
base?: number
|
|
16
|
+
}
|
|
17
|
+
const useStyles = makeStyles(styles, {
|
|
18
|
+
name: 'PicassoSvgWarningSolid24',
|
|
19
|
+
})
|
|
20
|
+
const SvgWarningSolid24 = forwardRef(function SvgWarningSolid24(
|
|
21
|
+
props: Props,
|
|
22
|
+
ref: Ref<SVGSVGElement>
|
|
23
|
+
) {
|
|
24
|
+
const {
|
|
25
|
+
className,
|
|
26
|
+
style = {},
|
|
27
|
+
color,
|
|
28
|
+
scale,
|
|
29
|
+
base,
|
|
30
|
+
'data-testid': testId,
|
|
31
|
+
} = props
|
|
32
|
+
const classes: Record<string, string> = useStyles(props)
|
|
33
|
+
const classNames = [classes.root, className]
|
|
34
|
+
const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
|
|
35
|
+
const colorClassName = kebabToCamelCase(`${color}`)
|
|
36
|
+
|
|
37
|
+
if (classes[colorClassName]) {
|
|
38
|
+
classNames.push(classes[colorClassName])
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const svgStyle = {
|
|
42
|
+
minWidth: `${scaledSize}px`,
|
|
43
|
+
minHeight: `${scaledSize}px`,
|
|
44
|
+
...style,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return (
|
|
48
|
+
<svg
|
|
49
|
+
fill='none'
|
|
50
|
+
viewBox='0 0 24 24'
|
|
51
|
+
className={cx(...classNames)}
|
|
52
|
+
style={svgStyle}
|
|
53
|
+
ref={ref}
|
|
54
|
+
data-testid={testId}
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
fillRule='evenodd'
|
|
58
|
+
d='M13.303 2.258a1.5 1.5 0 0 0-2.607 0L.45 20.255a1.5 1.5 0 0 0 1.304 2.242h20.494a1.5 1.5 0 0 0 1.303-2.242L13.303 2.258ZM11 7.014a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0v-7Zm2 10.99a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'
|
|
59
|
+
clipRule='evenodd'
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
)
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
SvgWarningSolid24.displayName = 'SvgWarningSolid24'
|
|
66
|
+
export default SvgWarningSolid24
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useScreens } from '@toptal/picasso-provider'
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import WarningSolid16 from './WarningSolid16'
|
|
5
|
+
import WarningSolid24 from './WarningSolid24'
|
|
6
|
+
import type { Props } from './WarningSolid16'
|
|
7
|
+
|
|
8
|
+
const WarningSolidResponsive = (props: Props) => {
|
|
9
|
+
const screens = useScreens()
|
|
10
|
+
|
|
11
|
+
return screens(
|
|
12
|
+
{
|
|
13
|
+
xl: <WarningSolid16 {...props} />,
|
|
14
|
+
},
|
|
15
|
+
<WarningSolid24 {...props} />
|
|
16
|
+
) as JSX.Element
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default WarningSolidResponsive
|
package/src/Icon/index.ts
CHANGED
|
@@ -111,6 +111,10 @@ export { default as Copy24 } from './Copy24'
|
|
|
111
111
|
export { default as CreditCard16 } from './CreditCard16'
|
|
112
112
|
export { default as CreditCard24 } from './CreditCard24'
|
|
113
113
|
export { default as CreditCard32 } from './CreditCard32'
|
|
114
|
+
export { default as Critical16 } from './Critical16'
|
|
115
|
+
export { default as Critical24 } from './Critical24'
|
|
116
|
+
export { default as CriticalSolid16 } from './CriticalSolid16'
|
|
117
|
+
export { default as CriticalSolid24 } from './CriticalSolid24'
|
|
114
118
|
export { default as Dialpad16 } from './Dialpad16'
|
|
115
119
|
export { default as Dialpad24 } from './Dialpad24'
|
|
116
120
|
export { default as Dispute16 } from './Dispute16'
|
|
@@ -410,6 +414,10 @@ export { default as VideoOn16 } from './VideoOn16'
|
|
|
410
414
|
export { default as VideoOn24 } from './VideoOn24'
|
|
411
415
|
export { default as View16 } from './View16'
|
|
412
416
|
export { default as View24 } from './View24'
|
|
417
|
+
export { default as Warning16 } from './Warning16'
|
|
418
|
+
export { default as Warning24 } from './Warning24'
|
|
419
|
+
export { default as WarningSolid16 } from './WarningSolid16'
|
|
420
|
+
export { default as WarningSolid24 } from './WarningSolid24'
|
|
413
421
|
export { default as Whatsapp16 } from './Whatsapp16'
|
|
414
422
|
export { default as Whatsapp24 } from './Whatsapp24'
|
|
415
423
|
export { default as WhitePaper16 } from './WhitePaper16'
|
|
@@ -474,6 +482,8 @@ export { default as ComponentResponsive } from './ComponentResponsive'
|
|
|
474
482
|
export { default as ConfluenceResponsive } from './ConfluenceResponsive'
|
|
475
483
|
export { default as CopyResponsive } from './CopyResponsive'
|
|
476
484
|
export { default as CreditCardResponsive } from './CreditCardResponsive'
|
|
485
|
+
export { default as CriticalResponsive } from './CriticalResponsive'
|
|
486
|
+
export { default as CriticalSolidResponsive } from './CriticalSolidResponsive'
|
|
477
487
|
export { default as DialpadResponsive } from './DialpadResponsive'
|
|
478
488
|
export { default as DisputeResponsive } from './DisputeResponsive'
|
|
479
489
|
export { default as DoneResponsive } from './DoneResponsive'
|
|
@@ -621,6 +631,8 @@ export { default as VerificationBadgeResponsive } from './VerificationBadgeRespo
|
|
|
621
631
|
export { default as VideoOffResponsive } from './VideoOffResponsive'
|
|
622
632
|
export { default as VideoOnResponsive } from './VideoOnResponsive'
|
|
623
633
|
export { default as ViewResponsive } from './ViewResponsive'
|
|
634
|
+
export { default as WarningResponsive } from './WarningResponsive'
|
|
635
|
+
export { default as WarningSolidResponsive } from './WarningSolidResponsive'
|
|
624
636
|
export { default as WhatsappResponsive } from './WhatsappResponsive'
|
|
625
637
|
export { default as WhitePaperResponsive } from './WhitePaperResponsive'
|
|
626
638
|
export { default as WorkExperienceResponsive } from './WorkExperienceResponsive'
|
package/src/Icon/story/index.jsx
CHANGED
|
@@ -43,7 +43,7 @@ page
|
|
|
43
43
|
])
|
|
44
44
|
.addTextSection(
|
|
45
45
|
`
|
|
46
|
-
Didn't find a required Icon? Feel free to add it yourself - [how to add icon](https://github.com/toptal/picasso#
|
|
46
|
+
Didn't find a required Icon? Feel free to add it yourself - [how to add icon](https://github.com/toptal/picasso#adding-icons-and-pictograms)
|
|
47
47
|
`
|
|
48
48
|
)
|
|
49
49
|
.addExample(
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=16" clip-path="url(#clip0_4197_213)">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M14.5028 8.00142L8.00142 1.5L1.5 8.00142L8.00142 14.5028L14.5028 8.00142ZM8.70853 0.792893C8.31801 0.402369 7.68484 0.402369 7.29432 0.792893L0.792893 7.29432C0.402369 7.68484 0.402369 8.31801 0.792893 8.70853L7.29432 15.21C7.68484 15.6005 8.31801 15.6005 8.70853 15.21L15.21 8.70853C15.6005 8.31801 15.6005 7.68484 15.21 7.29432L8.70853 0.792893ZM7.5 4H8.5V10H7.5V4ZM8.5 11H7.5V12H8.5V11Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_4197_213">
|
|
7
|
+
<rect width="16" height="16" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=24" clip-path="url(#clip0_4197_206)">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M22.1079 11.6486L12.3558 1.89645C12.1605 1.70118 11.8439 1.70118 11.6486 1.89645L1.89651 11.6486C1.70125 11.8438 1.70125 12.1604 1.89651 12.3557L11.6486 22.1078C11.8439 22.3031 12.1605 22.3031 12.3558 22.1078L22.1079 12.3557C22.3031 12.1604 22.3031 11.8438 22.1079 11.6486ZM13.0629 1.18934C12.4771 0.603554 11.5273 0.603553 10.9415 1.18934L1.1894 10.9415C0.603615 11.5273 0.603614 12.477 1.1894 13.0628L10.9415 22.8149C11.5273 23.4007 12.4771 23.4007 13.0629 22.8149L22.815 13.0628C23.4008 12.477 23.4008 11.5273 22.815 10.9415L13.0629 1.18934ZM11.5 6.7746H12.5V15.4365H11.5V6.7746ZM12.5 16.8802H11.5V17.8802H12.5V16.8802Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_4197_206">
|
|
7
|
+
<rect width="24" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=16" clip-path="url(#clip0_4197_237)">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M8.70853 0.792893C8.31801 0.402369 7.68484 0.402369 7.29432 0.792893L0.792893 7.29432C0.402369 7.68484 0.402369 8.31801 0.792893 8.70853L7.29432 15.21C7.68484 15.6005 8.31801 15.6005 8.70853 15.21L15.21 8.70853C15.6005 8.31801 15.6005 7.68484 15.21 7.29432L8.70853 0.792893ZM7.24997 4.75904C7.24997 4.34482 7.58576 4.00903 7.99997 4.00903C8.41418 4.00903 8.74997 4.34482 8.74997 4.75903V9.08004C8.74997 9.49425 8.41418 9.83004 7.99997 9.83004C7.58576 9.83004 7.24997 9.49425 7.24997 9.08004V4.75904ZM8.74997 12.0882C8.74997 12.5039 8.41418 12.8409 7.99997 12.8409C7.58576 12.8409 7.24997 12.5039 7.24997 12.0882C7.24997 11.6725 7.58576 11.3355 7.99997 11.3355C8.41418 11.3355 8.74997 11.6725 8.74997 12.0882Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_4197_237">
|
|
7
|
+
<rect width="16" height="16" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=24" clip-path="url(#clip0_4197_231)">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M13.0629 1.18934C12.4771 0.603554 11.5273 0.603553 10.9415 1.18934L1.1894 10.9415C0.603615 11.5273 0.603614 12.477 1.1894 13.0628L10.9415 22.8149C11.5273 23.4007 12.4771 23.4007 13.0629 22.8149L22.815 13.0628C23.4008 12.477 23.4008 11.5273 22.815 10.9415L13.0629 1.18934ZM11 7.01355C11 6.46127 11.4477 6.01355 12 6.01355C12.5523 6.01355 13 6.46127 13 7.01355V14.0135C13 14.5658 12.5523 15.0135 12 15.0135C11.4477 15.0135 11 14.5658 11 14.0135V7.01355ZM13 18.0032C13 18.5555 12.5523 19.0032 12 19.0032C11.4477 19.0032 11 18.5555 11 18.0032C11 17.451 11.4477 17.0032 12 17.0032C12.5523 17.0032 13 17.451 13 18.0032Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_4197_231">
|
|
7
|
+
<rect width="24" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=16">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M6.77945 1.70738C7.32033 0.764206 8.68963 0.764205 9.23052 1.70738L15.6532 12.907C16.1885 13.8405 15.5095 15 14.4276 15H1.58232C0.500466 15 -0.178506 13.8405 0.356784 12.907L6.77945 1.70738ZM8.41349 2.16924C8.2332 1.85485 7.77676 1.85485 7.59647 2.16924L1.17381 13.3689C0.995378 13.68 1.2217 14.0666 1.58232 14.0666H14.4276C14.7883 14.0666 15.0146 13.68 14.8362 13.3689L8.41349 2.16924ZM7.5 4.4H8.5V10.4H7.5V4.4ZM8.5 11.4H7.5V12.4H8.5V11.4Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=24">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M10.3329 2.46462C11.0687 1.17846 12.9313 1.17846 13.6671 2.46462L23.4959 19.646C24.224 20.9188 23.3004 22.5 21.8288 22.5H2.1712C0.699555 22.5 -0.224047 20.9188 0.504105 19.646L10.3329 2.46462ZM12.8335 2.93697C12.4657 2.2939 11.5343 2.29389 11.1665 2.93697L1.33765 20.1183C0.973574 20.7547 1.43537 21.5453 2.1712 21.5453H21.8288C22.5646 21.5453 23.0264 20.7547 22.6624 20.1183L12.8335 2.93697ZM11.5 7H12.5V15.6619H11.5V7ZM12.5 17.1H11.5V18.1H12.5V17.1Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=16">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M8.86878 1.50521C8.48525 0.831596 7.51429 0.831596 7.13075 1.50521L0.29939 13.5034C-0.080178 14.17 0.401273 14.9982 1.16841 14.9982H14.8311C15.5983 14.9982 16.0797 14.17 15.7001 13.5034L8.86878 1.50521ZM7.25 4.75904C7.25 4.34482 7.58579 4.00904 8 4.00904C8.41422 4.00904 8.75 4.34482 8.75 4.75904V9.08004C8.75 9.49425 8.41422 9.83004 8 9.83004C7.58579 9.83004 7.25 9.49425 7.25 9.08004V4.75904ZM8.75 12.0882C8.75 12.5039 8.41422 12.8409 8 12.8409C7.58579 12.8409 7.25 12.5039 7.25 12.0882C7.25 11.6725 7.58579 11.3355 8 11.3355C8.41422 11.3355 8.75 11.6725 8.75 12.0882Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Size=24">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M13.3031 2.25782C12.7278 1.24739 11.2714 1.24739 10.6961 2.25782L0.449054 20.2551C-0.120298 21.2551 0.601879 22.4973 1.75258 22.4973H22.2467C23.3974 22.4973 24.1195 21.2551 23.5502 20.2551L13.3031 2.25782ZM11 7.01353C11 6.46125 11.4477 6.01353 12 6.01353C12.5523 6.01353 13 6.46125 13 7.01353V14.0135C13 14.5658 12.5523 15.0135 12 15.0135C11.4477 15.0135 11 14.5658 11 14.0135V7.01353ZM13 18.0032C13 18.5555 12.5523 19.0032 12 19.0032C11.4477 19.0032 11 18.5555 11 18.0032C11 17.4509 11.4477 17.0032 12 17.0032C12.5523 17.0032 13 17.4509 13 18.0032Z" fill="#455065"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
package/LICENSE
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2021-2022 Toptal, LLC
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
6
|
-
this software and associated documentation files (the “Software”), to deal in
|
|
7
|
-
the Software without restriction, including without limitation the rights to
|
|
8
|
-
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
9
|
-
the Software, and to permit persons to whom the Software is furnished to do so,
|
|
10
|
-
subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
17
|
-
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
18
|
-
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
19
|
-
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
20
|
-
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|