@mirohq/design-system-icons 0.8.0 → 0.9.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/main.js +1226 -37
- package/dist/main.js.map +1 -1
- package/dist/module.js +1183 -38
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +92 -1
- package/package.json +3 -3
- package/react/arrow-arc-left.tsx +34 -0
- package/react/arrow-arc-right.tsx +34 -0
- package/react/arrow-bend-up-right.tsx +34 -0
- package/react/arrow-fat-up-right.tsx +31 -0
- package/react/arrow-up-circle.tsx +31 -0
- package/react/arrows-in-simple.tsx +34 -0
- package/react/arrows-out-cardinal.tsx +34 -0
- package/react/arrows-out-lines-horizontal.tsx +34 -0
- package/react/arrows-out-simple.tsx +34 -0
- package/react/chevron-down-double.tsx +34 -0
- package/react/chevron-left-double.tsx +34 -0
- package/react/chevron-right-double.tsx +34 -0
- package/react/chevron-up-double.tsx +34 -0
- package/react/chevron-up-down-line.tsx +34 -0
- package/react/chevron-up-down.tsx +34 -0
- package/react/circle-slash.tsx +33 -0
- package/react/cross-square.tsx +34 -0
- package/react/cursor-lines.tsx +31 -0
- package/react/dots-nine.tsx +25 -0
- package/react/dots-three.tsx +25 -0
- package/react/dots-two.tsx +25 -0
- package/react/download.tsx +34 -0
- package/react/export.tsx +34 -0
- package/react/grid.tsx +34 -0
- package/react/hand-pointing.tsx +31 -0
- package/react/index.ts +44 -0
- package/react/login.tsx +34 -0
- package/react/logout.tsx +34 -0
- package/react/navigation-arrow-lines.tsx +31 -0
- package/react/navigation-up-left-filled.tsx +31 -0
- package/react/navigation-up-left-slash.tsx +34 -0
- package/react/navigation-up-right.tsx +34 -0
- package/react/paper-plane-filled-right.tsx +27 -0
- package/react/paper-plane-tilt.tsx +34 -0
- package/react/rectangle-arrow-up-center.tsx +34 -0
- package/react/shuffle.tsx +34 -0
- package/react/star-filled.tsx +31 -0
- package/react/star.tsx +34 -0
- package/react/sticky-corners.tsx +1 -1
- package/react/stroke-1.tsx +34 -0
- package/react/stroke-2.tsx +34 -0
- package/react/stroke-3.tsx +34 -0
- package/react/stroke-4.tsx +34 -0
- package/react/stroke-5.tsx +34 -0
- package/react/stroke-6.tsx +34 -0
- package/react/tick-circle.tsx +31 -0
- package/svg/24/arrow-arc-left.svg +1 -0
- package/svg/24/arrow-arc-right.svg +1 -0
- package/svg/24/arrow-bend-up-right.svg +1 -0
- package/svg/24/arrow-fat-up-right.svg +1 -0
- package/svg/24/arrow-up-circle.svg +1 -0
- package/svg/24/arrows-in-simple.svg +1 -0
- package/svg/24/arrows-out-cardinal.svg +1 -0
- package/svg/24/arrows-out-lines-horizontal.svg +1 -0
- package/svg/24/arrows-out-simple.svg +1 -0
- package/svg/24/chevron-down-double.svg +1 -0
- package/svg/24/chevron-left-double.svg +1 -0
- package/svg/24/chevron-right-double.svg +1 -0
- package/svg/24/chevron-up-double.svg +1 -0
- package/svg/24/chevron-up-down-line.svg +1 -0
- package/svg/24/chevron-up-down.svg +1 -0
- package/svg/24/circle-slash.svg +1 -0
- package/svg/24/cross-square.svg +1 -0
- package/svg/24/cursor-lines.svg +1 -0
- package/svg/24/dots-nine.svg +1 -0
- package/svg/24/dots-three.svg +1 -0
- package/svg/24/dots-two.svg +1 -0
- package/svg/24/download.svg +1 -0
- package/svg/24/export.svg +1 -0
- package/svg/24/grid.svg +1 -0
- package/svg/24/hand-pointing.svg +1 -0
- package/svg/24/login.svg +1 -0
- package/svg/24/logout.svg +1 -0
- package/svg/24/navigation-arrow-lines.svg +1 -0
- package/svg/24/navigation-up-left-filled.svg +1 -0
- package/svg/24/navigation-up-left-slash.svg +1 -0
- package/svg/24/navigation-up-right.svg +1 -0
- package/svg/24/paper-plane-filled-right.svg +1 -0
- package/svg/24/paper-plane-tilt.svg +1 -0
- package/svg/24/rectangle-arrow-up-center.svg +1 -0
- package/svg/24/shuffle.svg +1 -0
- package/svg/24/star-filled.svg +1 -0
- package/svg/24/star.svg +1 -0
- package/svg/24/sticky-corners.svg +1 -1
- package/svg/24/stroke-1.svg +1 -0
- package/svg/24/stroke-2.svg +1 -0
- package/svg/24/stroke-3.svg +1 -0
- package/svg/24/stroke-4.svg +1 -0
- package/svg/24/stroke-5.svg +1 -0
- package/svg/24/stroke-6.svg +1 -0
- package/svg/24/tick-circle.svg +1 -0
- package/svg/meta.json +380 -7
package/react/logout.tsx
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconLogout: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='M11 3H3v18h8m-2-9h12m0 0-3-3m3 3-3 3'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconNavigationArrowLines: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<path
|
|
20
|
+
stroke='currentColor'
|
|
21
|
+
strokeLinecap='round'
|
|
22
|
+
strokeLinejoin='round'
|
|
23
|
+
strokeWidth={2}
|
|
24
|
+
d='M11 4h10m-6 4h2M4.406 6.069l9.434 9.245c.315.309.136.874-.289.909H8.5a.468.468 0 0 0-.285.13l-3.408 3.71c-.312.3-.807.06-.807-.391V6.262c0-.227.25-.346.406-.193Z'
|
|
25
|
+
/>,
|
|
26
|
+
<path
|
|
27
|
+
fill='currentColor'
|
|
28
|
+
d='M13.84 15.315 4.407 6.069C4.25 5.916 4 6.035 4 6.262v13.41c0 .451.495.69.807.39l3.408-3.709a.468.468 0 0 1 .285-.13h5.051c.425-.035.604-.6.29-.908Z'
|
|
29
|
+
/>
|
|
30
|
+
)
|
|
31
|
+
)
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconNavigationUpLeftFilled: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<path
|
|
20
|
+
stroke='currentColor'
|
|
21
|
+
strokeLinecap='round'
|
|
22
|
+
strokeLinejoin='round'
|
|
23
|
+
strokeWidth={2}
|
|
24
|
+
d='M20.536 9.963 3.456 3.026c-.282-.114-.545.165-.427.454l6.98 17.058c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303Z'
|
|
25
|
+
/>,
|
|
26
|
+
<path
|
|
27
|
+
fill='currentColor'
|
|
28
|
+
d='M20.536 9.963 3.456 3.026c-.282-.114-.545.165-.427.454l6.98 17.058c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303Z'
|
|
29
|
+
/>
|
|
30
|
+
)
|
|
31
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconNavigationUpLeftSlash: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='m7.897 15.375 2.112 5.163c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303l-5.09-2.067M5.594 9.75 3.029 3.48c-.118-.289.145-.568.427-.454L9.75 5.583M3 19.875 19.875 3'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconNavigationUpRight: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='m14.037 20.536 6.937-17.08c.114-.282-.165-.545-.454-.427l-17.058 6.98c-.574.235-.626 1.003-.084 1.254l6.46 2.5a.65.65 0 0 1 .313.302l2.583 6.568c.261.533 1.072.473 1.303-.097Z'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconPaperPlaneFilledRight: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<path
|
|
20
|
+
fill='currentColor'
|
|
21
|
+
fillRule='evenodd'
|
|
22
|
+
d='M3.421 2.595c-.847-.39-1.72.49-1.322 1.334L5 11h3.5c1.5 0 1.5 1.873 0 1.873H5l-2.901 7.056c-.397.843.475 1.723 1.322 1.334L21.6 12.984c.776-.356.776-1.627 0-1.984L3.42 2.595Z'
|
|
23
|
+
clipRule='evenodd'
|
|
24
|
+
/>,
|
|
25
|
+
<path stroke='currentColor' strokeWidth={4} d='M22 21h.001' />
|
|
26
|
+
)
|
|
27
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconPaperPlaneTilt: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='M10 14 21 3M10 14l4 8 7-19M10 14l-8-4 19-7'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconRectangleArrowUpCenter: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='M3 10V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6m-9 10V9m0 0 4 4.5M12 9l-4 4.5'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconShuffle: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='M3 6s2.464-.282 4 0c5.761 1.06 3.282 10.73 9 12 1.906.424 5 0 5 0m0 0-3-3m3 3-3 3M3 18s2.464.282 4 0c.864-.159 1.542-.511 2.091-1M21 6s-3.094-.424-5 0a4.333 4.333 0 0 0-2 1.012M21 6l-3 3m3-3-3-3'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStarFilled: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<path
|
|
20
|
+
stroke='currentColor'
|
|
21
|
+
strokeLinecap='round'
|
|
22
|
+
strokeLinejoin='round'
|
|
23
|
+
strokeWidth={2}
|
|
24
|
+
d='m15 9-2.776-5.553a.25.25 0 0 0-.448 0L9 9l-5.554.926a.25.25 0 0 0-.145.412L7 14.5l-.926 6.022a.25.25 0 0 0 .358.262L12 18l5.568 2.784a.25.25 0 0 0 .358-.262L17 14.5l3.7-4.162a.25.25 0 0 0-.146-.412L15 9Z'
|
|
25
|
+
/>,
|
|
26
|
+
<path
|
|
27
|
+
fill='currentColor'
|
|
28
|
+
d='m15 9-3-6-3 6-6 1 4 4.5L6 21l6-3 6 3-1-6.5 4-4.5-6-1Z'
|
|
29
|
+
/>
|
|
30
|
+
)
|
|
31
|
+
)
|
package/react/star.tsx
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStar: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='m15 9-2.776-5.553a.25.25 0 0 0-.448 0L9 9l-5.554.926a.25.25 0 0 0-.145.412L7 14.5l-.926 6.022a.25.25 0 0 0 .358.262L12 18l5.568 2.784a.25.25 0 0 0 .358-.262L17 14.5l3.7-4.162a.25.25 0 0 0-.146-.412L15 9Z'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
package/react/sticky-corners.tsx
CHANGED
|
@@ -22,7 +22,7 @@ export const IconStickyCorners: ForwardRefExoticComponent<
|
|
|
22
22
|
strokeLinecap='round'
|
|
23
23
|
strokeLinejoin='round'
|
|
24
24
|
strokeWidth={2}
|
|
25
|
-
d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-
|
|
25
|
+
d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m13-4V8H8v8h5m3-3-3 3m3-3h-3v3'
|
|
26
26
|
/>
|
|
27
27
|
</g>,
|
|
28
28
|
<defs>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke1: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={2}
|
|
25
|
+
d='M5.106 17.81 18.894 6.24'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke2: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={4}
|
|
25
|
+
d='M5.872 17.167 18.128 6.883'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke3: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={6}
|
|
25
|
+
d='m6.638 16.524 10.724-8.999'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke4: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={8}
|
|
25
|
+
d='m7.404 15.882 9.192-7.714'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke5: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={10}
|
|
25
|
+
d='m8.17 15.239 7.66-6.428'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconStroke6: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
stroke='currentColor'
|
|
22
|
+
strokeLinecap='round'
|
|
23
|
+
strokeLinejoin='round'
|
|
24
|
+
strokeWidth={12}
|
|
25
|
+
d='m8.936 14.596 6.128-5.142'
|
|
26
|
+
/>
|
|
27
|
+
</g>,
|
|
28
|
+
<defs>
|
|
29
|
+
<clipPath id='a'>
|
|
30
|
+
<path d='M0 0h24v24H0z' />
|
|
31
|
+
</clipPath>
|
|
32
|
+
</defs>
|
|
33
|
+
)
|
|
34
|
+
)
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { forwardRef, createElement } from 'react'
|
|
2
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
import { StyledIcon } from '../src/icon'
|
|
5
|
+
import type { IconProps } from '../src/icon'
|
|
6
|
+
|
|
7
|
+
export const IconTickCircle: ForwardRefExoticComponent<
|
|
8
|
+
IconProps & RefAttributes<SVGSVGElement>
|
|
9
|
+
> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
|
|
10
|
+
createElement(
|
|
11
|
+
StyledIcon,
|
|
12
|
+
{
|
|
13
|
+
...props,
|
|
14
|
+
size,
|
|
15
|
+
viewBox: '0 0 24 24',
|
|
16
|
+
fill: 'none',
|
|
17
|
+
ref: forwardRef,
|
|
18
|
+
},
|
|
19
|
+
<g clipPath='url(#a)'>
|
|
20
|
+
<path
|
|
21
|
+
fill='currentColor'
|
|
22
|
+
d='M8.707 11.293a1 1 0 0 0-1.414 1.414l1.414-1.414ZM11 15l-.707.707a1 1 0 0 0 1.414 0L11 15Zm6.707-5.293a1 1 0 0 0-1.414-1.414l1.414 1.414ZM21 12a9 9 0 0 1-9 9v2c6.075 0 11-4.925 11-11h-2Zm-9 9a9 9 0 0 1-9-9H1c0 6.075 4.925 11 11 11v-2Zm-9-9a9 9 0 0 1 9-9V1C5.925 1 1 5.925 1 12h2Zm9-9a9 9 0 0 1 9 9h2c0-6.075-4.925-11-11-11v2Zm-4.707 9.707 3 3 1.414-1.414-3-3-1.414 1.414Zm4.414 3 6-6-1.414-1.414-6 6 1.414 1.414Z'
|
|
23
|
+
/>
|
|
24
|
+
</g>,
|
|
25
|
+
<defs>
|
|
26
|
+
<clipPath id='a'>
|
|
27
|
+
<path d='M0 0h24v24H0z' />
|
|
28
|
+
</clipPath>
|
|
29
|
+
</defs>
|
|
30
|
+
)
|
|
31
|
+
)
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 15C18 9 9.5 7 4 15m0 0v-5m0 5h5"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 15c2-6 10.5-8 16 0m0 0v-5m0 5h-5"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 19c0-7 3-9 7-9h9m0 0-5-5m5 5-5 5"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="currentColor" d="m21 3 .97.243a1 1 0 0 0-1.212-1.213L21 3Zm-3 12-.707.707a1 1 0 0 0 1.677-.465L18 15Zm-3-3 .707-.707-.604-.604-.691.502L15 12ZM4 20l-.809-.588a1 1 0 0 0 1.397 1.397L4 20Zm8-11 .809.588.502-.69-.604-.605L12 9ZM9 6l-.243-.97a1 1 0 0 0-.464 1.677L9 6Zm11.03-3.243-3 12 1.94.486 3-12-1.94-.486Zm-1.323 11.536-3-3-1.414 1.414 3 3 1.414-1.414Zm-4.295-3.102-11 8 1.176 1.618 11-8-1.176-1.618Zm-9.603 9.397 8-11-1.618-1.176-8 11 1.618 1.176Zm7.898-12.295-3-3-1.414 1.414 3 3 1.414-1.414ZM9.243 6.97l12-3-.485-1.94-12 3 .485 1.94Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="currentColor" d="M11 17a1 1 0 1 0 2 0h-2Zm1-10 .707-.707a1 1 0 0 0-1.414 0L12 7Zm3.293 4.707a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm-8-1.414a1 1 0 1 0 1.414 1.414l-1.414-1.414ZM13 17V7h-2v10h2Zm-1.707-9.293 4 4 1.414-1.414-4-4-1.414 1.414Zm0-1.414-4 4 1.414 1.414 4-4-1.414-1.414ZM21 12a9 9 0 0 1-9 9v2c6.075 0 11-4.925 11-11h-2Zm-9 9a9 9 0 0 1-9-9H1c0 6.075 4.925 11 11 11v-2Zm-9-9a9 9 0 0 1 9-9V1C5.925 1 1 5.925 1 12h2Zm9-9a9 9 0 0 1 9 9h2c0-6.075-4.925-11-11-11v2Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 3-5 5m0 0V3m0 5h5M3 21l5-5m0 0v5m0-5H3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v18m0-18 3 3m-3-3L9 6m3 15 3-3m-3 3-3-3m-6-6h18M3 12l3-3m-3 3 3 3m15-3-3-3m3 3-3 3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 6v12M22 6v12m-3-6H5m14 0-3-3m3 3-3 3M5 12l3-3m-3 3 3 3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 8 5-5m0 0v5m0-5h-5M8 16l-5 5m0 0v-5m0 5h5"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 14-3 3-3-3m6-7-3 3-3-3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|