@hashicorp/flight-icons 2.0.3 → 2.1.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/catalog.json +36 -0
- package/package.json +1 -1
- package/svg/animation.css +23 -0
- package/svg/loading-16.svg +1 -0
- package/svg/loading-24.svg +1 -0
- package/svg/running-16.svg +1 -0
- package/svg/running-24.svg +1 -0
- package/svg-react/animation.css +23 -0
- package/svg-react/index.ts +4 -0
- package/svg-react/loading-16.tsx +37 -0
- package/svg-react/loading-24.tsx +37 -0
- package/svg-react/running-16.tsx +37 -0
- package/svg-react/running-24.tsx +37 -0
- package/svg-sprite/svg-sprite-module.js +1 -1
package/catalog.json
CHANGED
|
@@ -11,6 +11,42 @@
|
|
|
11
11
|
]
|
|
12
12
|
},
|
|
13
13
|
"assets": [
|
|
14
|
+
{
|
|
15
|
+
"id": "1368:168",
|
|
16
|
+
"fileName": "loading-24",
|
|
17
|
+
"iconName": "loading",
|
|
18
|
+
"description": "loading, loader, spinner",
|
|
19
|
+
"size": "24",
|
|
20
|
+
"width": 24,
|
|
21
|
+
"height": 24
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"id": "1368:171",
|
|
25
|
+
"fileName": "loading-16",
|
|
26
|
+
"iconName": "loading",
|
|
27
|
+
"description": "loading, loader, spinner",
|
|
28
|
+
"size": "16",
|
|
29
|
+
"width": 16,
|
|
30
|
+
"height": 16
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"id": "1368:177",
|
|
34
|
+
"fileName": "running-24",
|
|
35
|
+
"iconName": "running",
|
|
36
|
+
"description": "running, run",
|
|
37
|
+
"size": "24",
|
|
38
|
+
"width": 24,
|
|
39
|
+
"height": 24
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "1368:180",
|
|
43
|
+
"fileName": "running-16",
|
|
44
|
+
"iconName": "running",
|
|
45
|
+
"description": "running, run",
|
|
46
|
+
"size": "16",
|
|
47
|
+
"width": 16,
|
|
48
|
+
"height": 16
|
|
49
|
+
},
|
|
14
50
|
{
|
|
15
51
|
"id": "707:38",
|
|
16
52
|
"fileName": "apple-24",
|
package/package.json
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@keyframes hds-flight-icon-animation-rotation {
|
|
2
|
+
to {
|
|
3
|
+
transform: rotate(360deg);
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.hds-flight-icon--animation-loading {
|
|
8
|
+
animation: hds-flight-icon-animation-rotation 9s linear infinite;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.hds-flight-icon--animation-running {
|
|
12
|
+
animation: hds-flight-icon-animation-rotation 9s linear infinite;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
16
|
+
.hds-flight-icon--animation-loading {
|
|
17
|
+
animation-duration: 0.7s;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.hds-flight-icon--animation-running {
|
|
21
|
+
animation-duration: 1s;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-loading"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" opacity=".2"/><path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z"/></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="hds-flight-icon--animation-loading"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19zM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12z" opacity=".2"/><path d="M11.25 1.75A.75.75 0 0112 1c6.075 0 11 4.925 11 11a.75.75 0 01-1.5 0A9.5 9.5 0 0012 2.5a.75.75 0 01-.75-.75z"/></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-running"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.48 6.48 0 00-4.707 2.017.75.75 0 11-1.086-1.034A7.98 7.98 0 018 0a7.98 7.98 0 015.793 2.483.75.75 0 11-1.086 1.034A6.48 6.48 0 008 1.5zM1.236 5.279a.75.75 0 01.514.927 6.503 6.503 0 004.727 8.115.75.75 0 11-.349 1.459 8.003 8.003 0 01-5.82-9.986.75.75 0 01.928-.515zm13.528 0a.75.75 0 01.928.515 8.003 8.003 0 01-5.82 9.986.75.75 0 01-.35-1.459 6.503 6.503 0 004.728-8.115.75.75 0 01.514-.927z"/><path d="M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM3 8a5 5 0 1110 0A5 5 0 013 8z" opacity=".2"/></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="hds-flight-icon--animation-running"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.5a9.47 9.47 0 00-6.88 2.948.75.75 0 01-1.085-1.034A10.97 10.97 0 0112 1a10.97 10.97 0 017.965 3.414.75.75 0 11-1.086 1.034A9.47 9.47 0 0012 2.5zM2.351 8.451a.75.75 0 01.515.928A9.506 9.506 0 002.5 12c0 4.48 3.102 8.237 7.276 9.238a.75.75 0 01-.35 1.459C4.593 21.537 1 17.189 1 12c0-1.051.148-2.07.424-3.034a.75.75 0 01.927-.515zm19.297 0a.75.75 0 01.928.515C22.852 9.93 23 10.949 23 12c0 5.19-3.593 9.538-8.426 10.697a.75.75 0 11-.35-1.459c4.174-1 7.276-4.758 7.276-9.238 0-.91-.128-1.79-.366-2.621a.75.75 0 01.514-.928z"/><path d="M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM4 12a8 8 0 1116 0 8 8 0 01-16 0z" opacity=".2"/></g></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@keyframes hds-flight-icon-animation-rotation {
|
|
2
|
+
to {
|
|
3
|
+
transform: rotate(360deg);
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.hds-flight-icon--animation-loading {
|
|
8
|
+
animation: hds-flight-icon-animation-rotation 9s linear infinite;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.hds-flight-icon--animation-running {
|
|
12
|
+
animation: hds-flight-icon-animation-rotation 9s linear infinite;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
16
|
+
.hds-flight-icon--animation-loading {
|
|
17
|
+
animation-duration: 0.7s;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.hds-flight-icon--animation-running {
|
|
21
|
+
animation-duration: 1s;
|
|
22
|
+
}
|
|
23
|
+
}
|
package/svg-react/index.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export { IconLoading24 } from './loading-24';
|
|
2
|
+
export { IconLoading16 } from './loading-16';
|
|
3
|
+
export { IconRunning24 } from './running-24';
|
|
4
|
+
export { IconRunning16 } from './running-16';
|
|
1
5
|
export { IconApple24 } from './apple-24';
|
|
2
6
|
export { IconApple16 } from './apple-16';
|
|
3
7
|
export { IconAppleColor24 } from './apple-color-24';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconLoading16 = forwardRef<SVGSVGElement, IconProps>(
|
|
5
|
+
({ color = 'currentColor', title, ...props }, svgRef) => {
|
|
6
|
+
const titleId = useMemo(
|
|
7
|
+
() =>
|
|
8
|
+
title
|
|
9
|
+
? 'title-' + Math.random().toString(36).substr(2, 9)
|
|
10
|
+
: undefined,
|
|
11
|
+
[title]
|
|
12
|
+
);
|
|
13
|
+
return (
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={16}
|
|
17
|
+
height={16}
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 16 16"
|
|
20
|
+
className="hds-flight-icon--animation-loading"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path
|
|
29
|
+
d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z"
|
|
30
|
+
opacity={0.2}
|
|
31
|
+
/>
|
|
32
|
+
<path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z" />
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconLoading24 = forwardRef<SVGSVGElement, IconProps>(
|
|
5
|
+
({ color = 'currentColor', title, ...props }, svgRef) => {
|
|
6
|
+
const titleId = useMemo(
|
|
7
|
+
() =>
|
|
8
|
+
title
|
|
9
|
+
? 'title-' + Math.random().toString(36).substr(2, 9)
|
|
10
|
+
: undefined,
|
|
11
|
+
[title]
|
|
12
|
+
);
|
|
13
|
+
return (
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={24}
|
|
17
|
+
height={24}
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
className="hds-flight-icon--animation-loading"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path
|
|
29
|
+
d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19zM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12z"
|
|
30
|
+
opacity={0.2}
|
|
31
|
+
/>
|
|
32
|
+
<path d="M11.25 1.75A.75.75 0 0112 1c6.075 0 11 4.925 11 11a.75.75 0 01-1.5 0A9.5 9.5 0 0012 2.5a.75.75 0 01-.75-.75z" />
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconRunning16 = forwardRef<SVGSVGElement, IconProps>(
|
|
5
|
+
({ color = 'currentColor', title, ...props }, svgRef) => {
|
|
6
|
+
const titleId = useMemo(
|
|
7
|
+
() =>
|
|
8
|
+
title
|
|
9
|
+
? 'title-' + Math.random().toString(36).substr(2, 9)
|
|
10
|
+
: undefined,
|
|
11
|
+
[title]
|
|
12
|
+
);
|
|
13
|
+
return (
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={16}
|
|
17
|
+
height={16}
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 16 16"
|
|
20
|
+
className="hds-flight-icon--animation-running"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path d="M8 1.5a6.48 6.48 0 00-4.707 2.017.75.75 0 11-1.086-1.034A7.98 7.98 0 018 0a7.98 7.98 0 015.793 2.483.75.75 0 11-1.086 1.034A6.48 6.48 0 008 1.5zM1.236 5.279a.75.75 0 01.514.927 6.503 6.503 0 004.727 8.115.75.75 0 11-.349 1.459 8.003 8.003 0 01-5.82-9.986.75.75 0 01.928-.515zm13.528 0a.75.75 0 01.928.515 8.003 8.003 0 01-5.82 9.986.75.75 0 01-.35-1.459 6.503 6.503 0 004.728-8.115.75.75 0 01.514-.927z" />
|
|
29
|
+
<path
|
|
30
|
+
d="M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM3 8a5 5 0 1110 0A5 5 0 013 8z"
|
|
31
|
+
opacity={0.2}
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconRunning24 = forwardRef<SVGSVGElement, IconProps>(
|
|
5
|
+
({ color = 'currentColor', title, ...props }, svgRef) => {
|
|
6
|
+
const titleId = useMemo(
|
|
7
|
+
() =>
|
|
8
|
+
title
|
|
9
|
+
? 'title-' + Math.random().toString(36).substr(2, 9)
|
|
10
|
+
: undefined,
|
|
11
|
+
[title]
|
|
12
|
+
);
|
|
13
|
+
return (
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={24}
|
|
17
|
+
height={24}
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
className="hds-flight-icon--animation-running"
|
|
21
|
+
aria-hidden={!title}
|
|
22
|
+
ref={svgRef}
|
|
23
|
+
aria-labelledby={titleId}
|
|
24
|
+
{...props}
|
|
25
|
+
>
|
|
26
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
27
|
+
<g fill={color} fillRule="evenodd" clipRule="evenodd">
|
|
28
|
+
<path d="M12 2.5a9.47 9.47 0 00-6.88 2.948.75.75 0 01-1.085-1.034A10.97 10.97 0 0112 1a10.97 10.97 0 017.965 3.414.75.75 0 11-1.086 1.034A9.47 9.47 0 0012 2.5zM2.351 8.451a.75.75 0 01.515.928A9.506 9.506 0 002.5 12c0 4.48 3.102 8.237 7.276 9.238a.75.75 0 01-.35 1.459C4.593 21.537 1 17.189 1 12c0-1.051.148-2.07.424-3.034a.75.75 0 01.927-.515zm19.297 0a.75.75 0 01.928.515C22.852 9.93 23 10.949 23 12c0 5.19-3.593 9.538-8.426 10.697a.75.75 0 11-.35-1.459c4.174-1 7.276-4.758 7.276-9.238 0-.91-.128-1.79-.366-2.621a.75.75 0 01.514-.928z" />
|
|
29
|
+
<path
|
|
30
|
+
d="M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM4 12a8 8 0 1116 0 8 8 0 01-16 0z"
|
|
31
|
+
opacity={0.2}
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|