@oxide/design-system 1.2.9 → 1.2.10
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/components/dist/index.d.ts +177 -94
- package/components/dist/index.js +44630 -43371
- package/icons/index.ts +153 -149
- package/icons/react/Copy12Icon.tsx +33 -0
- package/icons/react/Filter16Icon.tsx +37 -0
- package/icons/react/Info12Icon.tsx +33 -0
- package/icons/react/Metrics24Icon.tsx +24 -5
- package/icons/react/OpenLink12Icon.tsx +1 -1
- package/icons/react/Sort16Icon.tsx +33 -0
- package/icons/react/index.ts +152 -148
- package/icons/sprite.svg +1 -1
- package/icons/svg/copy-12.svg +1 -0
- package/icons/svg/filter-16.svg +1 -0
- package/icons/svg/info-12.svg +1 -0
- package/icons/svg/open-link-12.svg +1 -1
- package/icons/svg/sort-16.svg +1 -0
- package/package.json +1 -1
package/icons/index.ts
CHANGED
|
@@ -6,152 +6,156 @@
|
|
|
6
6
|
* Copyright Oxide Computer Company
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export type Icon =
|
|
10
|
-
| { name: 'access'
|
|
11
|
-
| { name: 'access'
|
|
12
|
-
| { name: 'action'
|
|
13
|
-
| { name: 'action'
|
|
14
|
-
| { name: 'add'
|
|
15
|
-
| { name: 'add-roundel'
|
|
16
|
-
| { name: 'add-roundel'
|
|
17
|
-
| { name: 'add-roundel'
|
|
18
|
-
| { name: 'calendar'
|
|
19
|
-
| { name: 'calendar'
|
|
20
|
-
| { name: 'carat-down'
|
|
21
|
-
| { name: 'carat-left'
|
|
22
|
-
| { name: 'carat-right'
|
|
23
|
-
| { name: 'carat-up'
|
|
24
|
-
| { name: 'chat'
|
|
25
|
-
| { name: 'chat'
|
|
26
|
-
| { name: 'checkmark'
|
|
27
|
-
| { name: 'clipboard'
|
|
28
|
-
| { name: 'clipboard'
|
|
29
|
-
| { name: 'clipboard'
|
|
30
|
-
| { name: 'close'
|
|
31
|
-
| { name: 'close'
|
|
32
|
-
| { name: 'close'
|
|
33
|
-
| { name: 'cloud'
|
|
34
|
-
| { name: 'cloud'
|
|
35
|
-
| { name: 'compability'
|
|
36
|
-
| { name: 'compatibility'
|
|
37
|
-
| { name: 'contrast'
|
|
38
|
-
| { name: 'contrast'
|
|
39
|
-
| { name: '
|
|
40
|
-
| { name: 'cpu'
|
|
41
|
-
| { name: '
|
|
42
|
-
| { name: 'delete'
|
|
43
|
-
| { name: '
|
|
44
|
-
| { name: '
|
|
45
|
-
| { name: 'dislike'
|
|
46
|
-
| { name: '
|
|
47
|
-
| { name: 'document'
|
|
48
|
-
| { name: '
|
|
49
|
-
| { name: 'dots'
|
|
50
|
-
| { name: '
|
|
51
|
-
| { name: 'download
|
|
52
|
-
| { name: '
|
|
53
|
-
| { name: '
|
|
54
|
-
| { name: 'email'
|
|
55
|
-
| { name: '
|
|
56
|
-
| { name: 'error'
|
|
57
|
-
| { name: 'error'
|
|
58
|
-
| { name: '
|
|
59
|
-
| { name: '
|
|
60
|
-
| { name: '
|
|
61
|
-
| { name: '
|
|
62
|
-
| { name: '
|
|
63
|
-
| { name: '
|
|
64
|
-
| { name: '
|
|
65
|
-
| { name: '
|
|
66
|
-
| { name: '
|
|
67
|
-
| { name: '
|
|
68
|
-
| { name: '
|
|
69
|
-
| { name: 'hide'
|
|
70
|
-
| { name: '
|
|
71
|
-
| { name: '
|
|
72
|
-
| { name: '
|
|
73
|
-
| { name: '
|
|
74
|
-
| { name: '
|
|
75
|
-
| { name: '
|
|
76
|
-
| { name: '
|
|
77
|
-
| { name: '
|
|
78
|
-
| { name: '
|
|
79
|
-
| { name: '
|
|
80
|
-
| { name: '
|
|
81
|
-
| { name: '
|
|
82
|
-
| { name: 'ip-
|
|
83
|
-
| { name: '
|
|
84
|
-
| { name: '
|
|
85
|
-
| { name: '
|
|
86
|
-
| { name: '
|
|
87
|
-
| { name: '
|
|
88
|
-
| { name: '
|
|
89
|
-
| { name: '
|
|
90
|
-
| { name: '
|
|
91
|
-
| { name: '
|
|
92
|
-
| { name: '
|
|
93
|
-
| { name: '
|
|
94
|
-
| { name: '
|
|
95
|
-
| { name: '
|
|
96
|
-
| { name: '
|
|
97
|
-
| { name: '
|
|
98
|
-
| { name: '
|
|
99
|
-
| { name: '
|
|
100
|
-
| { name: '
|
|
101
|
-
| { name: '
|
|
102
|
-
| { name: '
|
|
103
|
-
| { name: '
|
|
104
|
-
| { name: '
|
|
105
|
-
| { name: '
|
|
106
|
-
| { name: '
|
|
107
|
-
| { name: '
|
|
108
|
-
| { name: '
|
|
109
|
-
| { name: '
|
|
110
|
-
| { name: '
|
|
111
|
-
| { name: '
|
|
112
|
-
| { name: '
|
|
113
|
-
| { name: 'person
|
|
114
|
-
| { name: '
|
|
115
|
-
| { name: '
|
|
116
|
-
| { name: '
|
|
117
|
-
| { name: '
|
|
118
|
-
| { name: '
|
|
119
|
-
| { name: '
|
|
120
|
-
| { name: '
|
|
121
|
-
| { name: '
|
|
122
|
-
| { name: '
|
|
123
|
-
| { name: '
|
|
124
|
-
| { name: '
|
|
125
|
-
| { name: '
|
|
126
|
-
| { name: '
|
|
127
|
-
| { name: '
|
|
128
|
-
| { name: '
|
|
129
|
-
| { name: '
|
|
130
|
-
| { name: '
|
|
131
|
-
| { name: '
|
|
132
|
-
| { name: '
|
|
133
|
-
| { name: '
|
|
134
|
-
| { name: '
|
|
135
|
-
| { name: '
|
|
136
|
-
| { name: '
|
|
137
|
-
| { name: '
|
|
138
|
-
| { name: '
|
|
139
|
-
| { name: '
|
|
140
|
-
| { name: '
|
|
141
|
-
| { name: '
|
|
142
|
-
| { name: '
|
|
143
|
-
| { name: '
|
|
144
|
-
| { name: '
|
|
145
|
-
| { name: '
|
|
146
|
-
| { name: '
|
|
147
|
-
| { name: '
|
|
148
|
-
| { name: '
|
|
149
|
-
| { name: '
|
|
150
|
-
| { name: '
|
|
151
|
-
| { name: '
|
|
152
|
-
| { name: '
|
|
153
|
-
| { name: '
|
|
154
|
-
| { name: '
|
|
155
|
-
| { name: '
|
|
156
|
-
| { name: '
|
|
157
|
-
| { name: '
|
|
9
|
+
export type Icon =
|
|
10
|
+
| { name: 'access'; size: 16 }
|
|
11
|
+
| { name: 'access'; size: 24 }
|
|
12
|
+
| { name: 'action'; size: 16 }
|
|
13
|
+
| { name: 'action'; size: 24 }
|
|
14
|
+
| { name: 'add'; size: 12 }
|
|
15
|
+
| { name: 'add-roundel'; size: 12 }
|
|
16
|
+
| { name: 'add-roundel'; size: 16 }
|
|
17
|
+
| { name: 'add-roundel'; size: 24 }
|
|
18
|
+
| { name: 'calendar'; size: 16 }
|
|
19
|
+
| { name: 'calendar'; size: 24 }
|
|
20
|
+
| { name: 'carat-down'; size: 12 }
|
|
21
|
+
| { name: 'carat-left'; size: 12 }
|
|
22
|
+
| { name: 'carat-right'; size: 12 }
|
|
23
|
+
| { name: 'carat-up'; size: 12 }
|
|
24
|
+
| { name: 'chat'; size: 16 }
|
|
25
|
+
| { name: 'chat'; size: 24 }
|
|
26
|
+
| { name: 'checkmark'; size: 12 }
|
|
27
|
+
| { name: 'clipboard'; size: 12 }
|
|
28
|
+
| { name: 'clipboard'; size: 16 }
|
|
29
|
+
| { name: 'clipboard'; size: 24 }
|
|
30
|
+
| { name: 'close'; size: 12 }
|
|
31
|
+
| { name: 'close'; size: 16 }
|
|
32
|
+
| { name: 'close'; size: 8 }
|
|
33
|
+
| { name: 'cloud'; size: 16 }
|
|
34
|
+
| { name: 'cloud'; size: 24 }
|
|
35
|
+
| { name: 'compability'; size: 16 }
|
|
36
|
+
| { name: 'compatibility'; size: 24 }
|
|
37
|
+
| { name: 'contrast'; size: 16 }
|
|
38
|
+
| { name: 'contrast'; size: 24 }
|
|
39
|
+
| { name: 'copy'; size: 12 }
|
|
40
|
+
| { name: 'cpu'; size: 16 }
|
|
41
|
+
| { name: 'cpu'; size: 24 }
|
|
42
|
+
| { name: 'delete'; size: 16 }
|
|
43
|
+
| { name: 'delete'; size: 24 }
|
|
44
|
+
| { name: 'disabled'; size: 12 }
|
|
45
|
+
| { name: 'dislike'; size: 16 }
|
|
46
|
+
| { name: 'dislike'; size: 24 }
|
|
47
|
+
| { name: 'document'; size: 16 }
|
|
48
|
+
| { name: 'document'; size: 24 }
|
|
49
|
+
| { name: 'dots'; size: 16 }
|
|
50
|
+
| { name: 'dots'; size: 24 }
|
|
51
|
+
| { name: 'download'; size: 24 }
|
|
52
|
+
| { name: 'download-roundel'; size: 16 }
|
|
53
|
+
| { name: 'edit'; size: 16 }
|
|
54
|
+
| { name: 'email'; size: 16 }
|
|
55
|
+
| { name: 'email'; size: 24 }
|
|
56
|
+
| { name: 'error'; size: 12 }
|
|
57
|
+
| { name: 'error'; size: 16 }
|
|
58
|
+
| { name: 'error'; size: 24 }
|
|
59
|
+
| { name: 'filter'; size: 12 }
|
|
60
|
+
| { name: 'filter'; size: 16 }
|
|
61
|
+
| { name: 'firewall'; size: 16 }
|
|
62
|
+
| { name: 'firewall'; size: 24 }
|
|
63
|
+
| { name: 'folder'; size: 16 }
|
|
64
|
+
| { name: 'folder'; size: 24 }
|
|
65
|
+
| { name: 'gateway'; size: 16 }
|
|
66
|
+
| { name: 'gateway'; size: 24 }
|
|
67
|
+
| { name: 'heart'; size: 16 }
|
|
68
|
+
| { name: 'heart'; size: 24 }
|
|
69
|
+
| { name: 'hide'; size: 12 }
|
|
70
|
+
| { name: 'hide'; size: 16 }
|
|
71
|
+
| { name: 'hide'; size: 24 }
|
|
72
|
+
| { name: 'hourglass'; size: 16 }
|
|
73
|
+
| { name: 'hourglass'; size: 24 }
|
|
74
|
+
| { name: 'images'; size: 16 }
|
|
75
|
+
| { name: 'images'; size: 24 }
|
|
76
|
+
| { name: 'info'; size: 12 }
|
|
77
|
+
| { name: 'info'; size: 16 }
|
|
78
|
+
| { name: 'info'; size: 24 }
|
|
79
|
+
| { name: 'instances'; size: 16 }
|
|
80
|
+
| { name: 'instances'; size: 24 }
|
|
81
|
+
| { name: 'integration'; size: 16 }
|
|
82
|
+
| { name: 'ip-global'; size: 16 }
|
|
83
|
+
| { name: 'ip-global'; size: 24 }
|
|
84
|
+
| { name: 'ip-local'; size: 16 }
|
|
85
|
+
| { name: 'ip-local'; size: 24 }
|
|
86
|
+
| { name: 'issues'; size: 16 }
|
|
87
|
+
| { name: 'issues'; size: 24 }
|
|
88
|
+
| { name: 'key'; size: 12 }
|
|
89
|
+
| { name: 'key'; size: 16 }
|
|
90
|
+
| { name: 'key'; size: 24 }
|
|
91
|
+
| { name: 'like'; size: 16 }
|
|
92
|
+
| { name: 'like'; size: 24 }
|
|
93
|
+
| { name: 'link'; size: 16 }
|
|
94
|
+
| { name: 'load-balancer'; size: 16 }
|
|
95
|
+
| { name: 'load-balancer'; size: 24 }
|
|
96
|
+
| { name: 'loader'; size: 12 }
|
|
97
|
+
| { name: 'location'; size: 24 }
|
|
98
|
+
| { name: 'logs'; size: 16 }
|
|
99
|
+
| { name: 'logs'; size: 24 }
|
|
100
|
+
| { name: 'metrics'; size: 16 }
|
|
101
|
+
| { name: 'metrics'; size: 24 }
|
|
102
|
+
| { name: 'more'; size: 12 }
|
|
103
|
+
| { name: 'networking'; size: 16 }
|
|
104
|
+
| { name: 'networking'; size: 24 }
|
|
105
|
+
| { name: 'new-window'; size: 16 }
|
|
106
|
+
| { name: 'next-arrow'; size: 12 }
|
|
107
|
+
| { name: 'notifications'; size: 16 }
|
|
108
|
+
| { name: 'open-link'; size: 12 }
|
|
109
|
+
| { name: 'organization'; size: 16 }
|
|
110
|
+
| { name: 'organization'; size: 24 }
|
|
111
|
+
| { name: 'overview'; size: 16 }
|
|
112
|
+
| { name: 'overview'; size: 24 }
|
|
113
|
+
| { name: 'person'; size: 16 }
|
|
114
|
+
| { name: 'person'; size: 24 }
|
|
115
|
+
| { name: 'person-group'; size: 16 }
|
|
116
|
+
| { name: 'person-group'; size: 24 }
|
|
117
|
+
| { name: 'prev-arrow'; size: 12 }
|
|
118
|
+
| { name: 'profile'; size: 16 }
|
|
119
|
+
| { name: 'progress'; size: 24 }
|
|
120
|
+
| { name: 'prohibited'; size: 24 }
|
|
121
|
+
| { name: 'question'; size: 12 }
|
|
122
|
+
| { name: 'racks'; size: 24 }
|
|
123
|
+
| { name: 'ram'; size: 16 }
|
|
124
|
+
| { name: 'refresh'; size: 16 }
|
|
125
|
+
| { name: 'repair'; size: 12 }
|
|
126
|
+
| { name: 'repair'; size: 16 }
|
|
127
|
+
| { name: 'resize'; size: 16 }
|
|
128
|
+
| { name: 'resize'; size: 24 }
|
|
129
|
+
| { name: 'router'; size: 16 }
|
|
130
|
+
| { name: 'router'; size: 24 }
|
|
131
|
+
| { name: 'safety'; size: 24 }
|
|
132
|
+
| { name: 'search'; size: 16 }
|
|
133
|
+
| { name: 'security'; size: 12 }
|
|
134
|
+
| { name: 'security'; size: 16 }
|
|
135
|
+
| { name: 'security'; size: 24 }
|
|
136
|
+
| { name: 'select-arrows'; size: 6 }
|
|
137
|
+
| { name: 'servers'; size: 16 }
|
|
138
|
+
| { name: 'settings'; size: 16 }
|
|
139
|
+
| { name: 'settings'; size: 24 }
|
|
140
|
+
| { name: 'show'; size: 16 }
|
|
141
|
+
| { name: 'snapshots'; size: 16 }
|
|
142
|
+
| { name: 'snapshots'; size: 24 }
|
|
143
|
+
| { name: 'software-update'; size: 16 }
|
|
144
|
+
| { name: 'software-update'; size: 24 }
|
|
145
|
+
| { name: 'sort'; size: 16 }
|
|
146
|
+
| { name: 'speaker'; size: 24 }
|
|
147
|
+
| { name: 'ssd'; size: 16 }
|
|
148
|
+
| { name: 'storage'; size: 16 }
|
|
149
|
+
| { name: 'storage'; size: 24 }
|
|
150
|
+
| { name: 'subnet'; size: 16 }
|
|
151
|
+
| { name: 'subnet'; size: 24 }
|
|
152
|
+
| { name: 'success'; size: 12 }
|
|
153
|
+
| { name: 'tags'; size: 16 }
|
|
154
|
+
| { name: 'terminal'; size: 16 }
|
|
155
|
+
| { name: 'terminal'; size: 24 }
|
|
156
|
+
| { name: 'time'; size: 16 }
|
|
157
|
+
| { name: 'transmit'; size: 16 }
|
|
158
|
+
| { name: 'transmit'; size: 24 }
|
|
159
|
+
| { name: 'unauthorized'; size: 12 }
|
|
160
|
+
| { name: 'warning'; size: 12 }
|
|
161
|
+
| { name: 'wireless'; size: 24 }
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
import { SVGProps } from 'react'
|
|
9
|
+
|
|
10
|
+
interface SVGRProps {
|
|
11
|
+
title?: string
|
|
12
|
+
titleId?: string
|
|
13
|
+
}
|
|
14
|
+
const Copy12Icon = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
15
|
+
<svg
|
|
16
|
+
width={12}
|
|
17
|
+
height={12}
|
|
18
|
+
viewBox="0 0 12 12"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
role="img"
|
|
21
|
+
aria-labelledby={titleId}
|
|
22
|
+
{...props}
|
|
23
|
+
>
|
|
24
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
25
|
+
<path
|
|
26
|
+
fillRule="evenodd"
|
|
27
|
+
clipRule="evenodd"
|
|
28
|
+
d="M9.5 2.5v-1H4V.67C4 .3 4.3 0 4.67 0h5.66c.37 0 .67.3.67.67v7.66c0 .37-.3.67-.67.67H9.5V2.5Zm-7 8v-6h4v6h-4ZM1 3.67c0-.37.3-.67.67-.67h5.66c.37 0 .67.3.67.67v7.66c0 .37-.3.67-.67.67H1.67a.67.67 0 0 1-.67-.67V3.67Z"
|
|
29
|
+
fill="currentColor"
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
)
|
|
33
|
+
export default Copy12Icon
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
import { SVGProps } from 'react'
|
|
9
|
+
|
|
10
|
+
interface SVGRProps {
|
|
11
|
+
title?: string
|
|
12
|
+
titleId?: string
|
|
13
|
+
}
|
|
14
|
+
const Filter16Icon = ({
|
|
15
|
+
title,
|
|
16
|
+
titleId,
|
|
17
|
+
...props
|
|
18
|
+
}: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
19
|
+
<svg
|
|
20
|
+
width={16}
|
|
21
|
+
height={16}
|
|
22
|
+
viewBox="0 0 16 16"
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
role="img"
|
|
25
|
+
aria-labelledby={titleId}
|
|
26
|
+
{...props}
|
|
27
|
+
>
|
|
28
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
29
|
+
<path
|
|
30
|
+
fillRule="evenodd"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
d="M2 3.75A.75.75 0 0 1 2.75 3h10.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H2.75A.75.75 0 0 1 2 4.25v-.5Zm2 4A.75.75 0 0 1 4.75 7h6.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-6.5A.75.75 0 0 1 4 8.25v-.5Zm6 4a.75.75 0 0 0-.75-.75h-2.5a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default Filter16Icon
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
import { SVGProps } from 'react'
|
|
9
|
+
|
|
10
|
+
interface SVGRProps {
|
|
11
|
+
title?: string
|
|
12
|
+
titleId?: string
|
|
13
|
+
}
|
|
14
|
+
const Info12Icon = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
15
|
+
<svg
|
|
16
|
+
width={12}
|
|
17
|
+
height={12}
|
|
18
|
+
viewBox="0 0 12 12"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
role="img"
|
|
21
|
+
aria-labelledby={titleId}
|
|
22
|
+
{...props}
|
|
23
|
+
>
|
|
24
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
25
|
+
<path
|
|
26
|
+
fillRule="evenodd"
|
|
27
|
+
clipRule="evenodd"
|
|
28
|
+
d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm-.083 9a.667.667 0 0 1-.667-.667V5.667c0-.368.299-.667.667-.667h.166c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 9h-.166Zm0-5a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166c.368 0 .667.299.667.667v.166A.667.667 0 0 1 6.083 4h-.166Z"
|
|
29
|
+
fill="currentColor"
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
)
|
|
33
|
+
export default Info12Icon
|
|
@@ -5,14 +5,33 @@
|
|
|
5
5
|
*
|
|
6
6
|
* Copyright Oxide Computer Company
|
|
7
7
|
*/
|
|
8
|
-
import { SVGProps } from
|
|
8
|
+
import { SVGProps } from 'react'
|
|
9
|
+
|
|
9
10
|
interface SVGRProps {
|
|
10
|
-
title?: string
|
|
11
|
-
titleId?: string
|
|
11
|
+
title?: string
|
|
12
|
+
titleId?: string
|
|
12
13
|
}
|
|
13
14
|
const Metrics24Icon = ({
|
|
14
15
|
title,
|
|
15
16
|
titleId,
|
|
16
17
|
...props
|
|
17
|
-
}: SVGProps<SVGSVGElement> & SVGRProps) =>
|
|
18
|
-
|
|
18
|
+
}: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
19
|
+
<svg
|
|
20
|
+
width={24}
|
|
21
|
+
height={24}
|
|
22
|
+
viewBox="0 0 24 24"
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
role="img"
|
|
25
|
+
aria-labelledby={titleId}
|
|
26
|
+
{...props}
|
|
27
|
+
>
|
|
28
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
29
|
+
<path
|
|
30
|
+
fillRule="evenodd"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
d="M13 10a1 1 0 0 0 1 1h7c.552 0 1.006-.45.945-.998a9.004 9.004 0 0 0-7.947-7.947C13.45 1.995 13 2.448 13 3v7ZM2 13c0-4.633 3.5-8.449 8.002-8.945.549-.06.998.393.998.945v7a1 1 0 0 0 1 1h7c.552 0 1.006.45.945.998A9.001 9.001 0 0 1 2 13Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default Metrics24Icon
|
|
@@ -29,7 +29,7 @@ const OpenLink12Icon = ({
|
|
|
29
29
|
<path
|
|
30
30
|
fillRule="evenodd"
|
|
31
31
|
clipRule="evenodd"
|
|
32
|
-
d="M1.667 1H5.02l.99.99.
|
|
32
|
+
d="M1.667 1H5.02l.99.99.51.51H2.5v7h7V5.48l.51.51.99.99v3.353a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 10.333V1.667C1 1.299 1.299 1 1.667 1ZM9.5 3.5l-1-1-.1-.1-.261-.261L7 1h3.333c.368 0 .667.299.667.667V5L9.862 3.862 9.6 3.6l-.1-.1Z"
|
|
33
33
|
fill="currentColor"
|
|
34
34
|
/>
|
|
35
35
|
</svg>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright Oxide Computer Company
|
|
7
|
+
*/
|
|
8
|
+
import { SVGProps } from 'react'
|
|
9
|
+
|
|
10
|
+
interface SVGRProps {
|
|
11
|
+
title?: string
|
|
12
|
+
titleId?: string
|
|
13
|
+
}
|
|
14
|
+
const Sort16Icon = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
15
|
+
<svg
|
|
16
|
+
width={16}
|
|
17
|
+
height={16}
|
|
18
|
+
viewBox="0 0 16 16"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
role="img"
|
|
21
|
+
aria-labelledby={titleId}
|
|
22
|
+
{...props}
|
|
23
|
+
>
|
|
24
|
+
{title ? <title id={titleId}>{title}</title> : null}
|
|
25
|
+
<path
|
|
26
|
+
fillRule="evenodd"
|
|
27
|
+
clipRule="evenodd"
|
|
28
|
+
d="M3.414 2.732a.75.75 0 0 1 1.172 0l2.927 3.659A.375.375 0 0 1 7.22 7H6v5.25a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75V7H.78a.375.375 0 0 1-.293-.61l2.927-3.658Zm8 10.536a.75.75 0 0 0 1.172 0l2.926-3.659A.375.375 0 0 0 15.22 9H14V3.75a.75.75 0 0 0-.75-.75h-2.5a.75.75 0 0 0-.75.75V9H8.78a.375.375 0 0 0-.293.61l2.927 3.658Z"
|
|
29
|
+
fill="currentColor"
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
)
|
|
33
|
+
export default Sort16Icon
|