@oxide/design-system 1.3.0--canary.69.6b085bb.0 → 1.3.1--canary.2fee4b7.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/components/dist/asciidoc.css +2 -2
- package/components/dist/index.d.ts +177 -94
- package/components/dist/index.js +44920 -43226
- package/components/dist/index.js.map +1 -1
- package/icons/index.ts +5 -0
- package/icons/react/MenuClose12Icon.tsx +37 -0
- package/icons/react/MenuOpen12Icon.tsx +37 -0
- package/icons/react/Monitoring16Icon.tsx +37 -0
- package/icons/react/Monitoring24Icon.tsx +37 -0
- package/icons/react/SignOut16Icon.tsx +40 -0
- package/icons/react/index.ts +5 -0
- package/icons/sprite.svg +1 -1
- package/icons/svg/menu-close-12.svg +1 -0
- package/icons/svg/menu-open-12.svg +1 -0
- package/icons/svg/monitoring-16.svg +1 -0
- package/icons/svg/monitoring-24.svg +1 -0
- package/icons/svg/sign-out-16.svg +1 -0
- package/package.json +2 -19
- package/components/dist/index.d.mts +0 -120
- package/components/dist/index.mjs +0 -57148
- package/components/dist/index.mjs.map +0 -1
package/icons/index.ts
CHANGED
|
@@ -97,8 +97,12 @@ export type Icon =
|
|
|
97
97
|
| { name: 'location'; size: 24 }
|
|
98
98
|
| { name: 'logs'; size: 16 }
|
|
99
99
|
| { name: 'logs'; size: 24 }
|
|
100
|
+
| { name: 'menu-close'; size: 12 }
|
|
101
|
+
| { name: 'menu-open'; size: 12 }
|
|
100
102
|
| { name: 'metrics'; size: 16 }
|
|
101
103
|
| { name: 'metrics'; size: 24 }
|
|
104
|
+
| { name: 'monitoring'; size: 16 }
|
|
105
|
+
| { name: 'monitoring'; size: 24 }
|
|
102
106
|
| { name: 'more'; size: 12 }
|
|
103
107
|
| { name: 'networking'; size: 16 }
|
|
104
108
|
| { name: 'networking'; size: 24 }
|
|
@@ -138,6 +142,7 @@ export type Icon =
|
|
|
138
142
|
| { name: 'settings'; size: 16 }
|
|
139
143
|
| { name: 'settings'; size: 24 }
|
|
140
144
|
| { name: 'show'; size: 16 }
|
|
145
|
+
| { name: 'sign-out'; size: 16 }
|
|
141
146
|
| { name: 'snapshots'; size: 16 }
|
|
142
147
|
| { name: 'snapshots'; size: 24 }
|
|
143
148
|
| { name: 'software-update'; size: 16 }
|
|
@@ -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 MenuClose12Icon = ({
|
|
15
|
+
title,
|
|
16
|
+
titleId,
|
|
17
|
+
...props
|
|
18
|
+
}: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
19
|
+
<svg
|
|
20
|
+
width={12}
|
|
21
|
+
height={12}
|
|
22
|
+
viewBox="0 0 12 12"
|
|
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.886 1.474a.67.67 0 0 0-.948 0l-.464.464a.67.67 0 0 0 0 .948l3.063 3.063-3.063 3.063a.67.67 0 0 0 0 .947l.464.464a.67.67 0 0 0 .948 0L5.949 7.36l3.063 3.063a.67.67 0 0 0 .947 0l.464-.464a.67.67 0 0 0 0-.947L7.36 5.949l3.063-3.063a.67.67 0 0 0 0-.948l-.464-.464a.67.67 0 0 0-.947 0L5.948 4.537 2.886 1.474Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default MenuClose12Icon
|
|
@@ -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 MenuOpen12Icon = ({
|
|
15
|
+
title,
|
|
16
|
+
titleId,
|
|
17
|
+
...props
|
|
18
|
+
}: SVGProps<SVGSVGElement> & SVGRProps) => (
|
|
19
|
+
<svg
|
|
20
|
+
width={12}
|
|
21
|
+
height={12}
|
|
22
|
+
viewBox="0 0 12 12"
|
|
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="M1 1.667C1 1.299 1.299 1 1.667 1h8.666c.368 0 .667.299.667.667v.666a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 2.333v-.666Zm0 4C1 5.299 1.299 5 1.667 5h8.666c.368 0 .667.299.667.667v.666a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 6.333v-.666Zm10 4A.667.667 0 0 0 10.333 9H1.667A.667.667 0 0 0 1 9.667v.666c0 .368.299.667.667.667h8.666a.667.667 0 0 0 .667-.667v-.666Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default MenuOpen12Icon
|
|
@@ -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 Monitoring16Icon = ({
|
|
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="M11 .75v.5c0 .414.336.75.75.75H14v2.25c0 .414.336.75.75.75h.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75ZM1.25 11h-.5a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H2v-2.25a.75.75 0 0 0-.75-.75Zm13.5 0h.5a.75.75 0 0 1 .75.75v3.5a.747.747 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H14v-2.25a.75.75 0 0 1 .75-.75ZM5 1.25v-.5A.75.75 0 0 0 4.25 0H.75A.75.75 0 0 0 0 .75v3.5c0 .414.336.75.75.75h.5A.75.75 0 0 0 2 4.25V2h2.25A.75.75 0 0 0 5 1.25Zm-1 3.5A.75.75 0 0 1 4.75 4h6.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-6.5A.75.75 0 0 1 4 6.25v-1.5ZM4.75 9a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h6.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75h-6.5Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default Monitoring16Icon
|
|
@@ -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 Monitoring24Icon = ({
|
|
15
|
+
title,
|
|
16
|
+
titleId,
|
|
17
|
+
...props
|
|
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="M19 5v3a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3ZM8 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8Zm0 6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H8Zm-3 6h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3ZM5 5v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a.995.995 0 0 1 .44-.83A.995.995 0 0 1 3 2h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5Zm11 14a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v3h-3Z"
|
|
33
|
+
fill="currentColor"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
)
|
|
37
|
+
export default Monitoring24Icon
|
|
@@ -0,0 +1,40 @@
|
|
|
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 SignOut16Icon = ({
|
|
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
|
+
<g fill="currentColor">
|
|
30
|
+
<path
|
|
31
|
+
fillRule="evenodd"
|
|
32
|
+
clipRule="evenodd"
|
|
33
|
+
d="M7.25 2h-4.5a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V4h3.25A.75.75 0 0 0 8 3.25v-.5A.75.75 0 0 0 7.25 2ZM13 7.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 8.25v-.5A.75.75 0 0 1 7.75 7h4.5a.75.75 0 0 1 .75.75Z"
|
|
34
|
+
/>
|
|
35
|
+
<rect width={4} height={5} rx={0.75} transform="matrix(0 -1 -1 0 11 10)" />
|
|
36
|
+
<path d="M14.268 8.586a.75.75 0 0 0 0-1.172l-3.659-2.927A.375.375 0 0 0 10 4.78v6.44c0 .314.364.489.61.293l3.658-2.927Z" />
|
|
37
|
+
</g>
|
|
38
|
+
</svg>
|
|
39
|
+
)
|
|
40
|
+
export default SignOut16Icon
|
package/icons/react/index.ts
CHANGED
|
@@ -40,6 +40,7 @@ export { default as LoadBalancer24Icon } from './LoadBalancer24Icon.tsx'
|
|
|
40
40
|
export { default as Location24Icon } from './Location24Icon.tsx'
|
|
41
41
|
export { default as Logs24Icon } from './Logs24Icon.tsx'
|
|
42
42
|
export { default as Metrics24Icon } from './Metrics24Icon.tsx'
|
|
43
|
+
export { default as Monitoring24Icon } from './Monitoring24Icon.tsx'
|
|
43
44
|
export { default as Networking24Icon } from './Networking24Icon.tsx'
|
|
44
45
|
export { default as Organization24Icon } from './Organization24Icon.tsx'
|
|
45
46
|
export { default as Overview24Icon } from './Overview24Icon.tsx'
|
|
@@ -100,6 +101,7 @@ export { default as Link16Icon } from './Link16Icon.tsx'
|
|
|
100
101
|
export { default as LoadBalancer16Icon } from './LoadBalancer16Icon.tsx'
|
|
101
102
|
export { default as Logs16Icon } from './Logs16Icon.tsx'
|
|
102
103
|
export { default as Metrics16Icon } from './Metrics16Icon.tsx'
|
|
104
|
+
export { default as Monitoring16Icon } from './Monitoring16Icon.tsx'
|
|
103
105
|
export { default as Networking16Icon } from './Networking16Icon.tsx'
|
|
104
106
|
export { default as NewWindow16Icon } from './NewWindow16Icon.tsx'
|
|
105
107
|
export { default as Notifications16Icon } from './Notifications16Icon.tsx'
|
|
@@ -119,6 +121,7 @@ export { default as Security16Icon } from './Security16Icon.tsx'
|
|
|
119
121
|
export { default as Servers16Icon } from './Servers16Icon.tsx'
|
|
120
122
|
export { default as Settings16Icon } from './Settings16Icon.tsx'
|
|
121
123
|
export { default as Show16Icon } from './Show16Icon.tsx'
|
|
124
|
+
export { default as SignOut16Icon } from './SignOut16Icon.tsx'
|
|
122
125
|
export { default as Snapshots16Icon } from './Snapshots16Icon.tsx'
|
|
123
126
|
export { default as SoftwareUpdate16Icon } from './SoftwareUpdate16Icon.tsx'
|
|
124
127
|
export { default as Ssd16Icon } from './Ssd16Icon.tsx'
|
|
@@ -144,6 +147,8 @@ export { default as Info12Icon } from './Info12Icon.tsx'
|
|
|
144
147
|
export { default as Filter12Icon } from './Filter12Icon.tsx'
|
|
145
148
|
export { default as Key12Icon } from './Key12Icon.tsx'
|
|
146
149
|
export { default as Loader12Icon } from './Loader12Icon.tsx'
|
|
150
|
+
export { default as MenuOpen12Icon } from './MenuOpen12Icon.tsx'
|
|
151
|
+
export { default as MenuClose12Icon } from './MenuClose12Icon.tsx'
|
|
147
152
|
export { default as More12Icon } from './More12Icon.tsx'
|
|
148
153
|
export { default as NextArrow12Icon } from './NextArrow12Icon.tsx'
|
|
149
154
|
export { default as PrevArrow12Icon } from './PrevArrow12Icon.tsx'
|