@oxide/design-system 1.4.7--canary.22d033d.0 → 1.4.7--canary.0f8484b.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/icons/react/Action16Icon.tsx +8 -24
- package/icons/react/Svg.tsx +38 -0
- package/package.json +1 -1
|
@@ -5,31 +5,15 @@
|
|
|
5
5
|
*
|
|
6
6
|
* Copyright Oxide Computer Company
|
|
7
7
|
*/
|
|
8
|
-
import { SVGProps } from 'react'
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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}
|
|
9
|
+
import { Svg } from './Svg'
|
|
10
|
+
|
|
11
|
+
const Action16Icon = ({ title, ...props }: {title?: string}) => (
|
|
12
|
+
<Svg
|
|
13
|
+
title={title}
|
|
14
|
+
size={16}
|
|
15
|
+
path="M9 7h3.978a.5.5 0 0 1 .394.807L7.895 14.85A.5.5 0 0 1 7 14.543V9H3.022a.5.5 0 0 1-.394-.807L8.105 1.15A.5.5 0 0 1 9 1.457V7Z"
|
|
26
16
|
{...props}
|
|
27
|
-
|
|
28
|
-
{title ? <title id={titleId}>{title}</title> : null}
|
|
29
|
-
<path
|
|
30
|
-
d="M9 7h3.978a.5.5 0 0 1 .394.807L7.895 14.85A.5.5 0 0 1 7 14.543V9H3.022a.5.5 0 0 1-.394-.807L8.105 1.15A.5.5 0 0 1 9 1.457V7Z"
|
|
31
|
-
fill="currentColor"
|
|
32
|
-
/>
|
|
33
|
-
</svg>
|
|
17
|
+
/>
|
|
34
18
|
)
|
|
35
19
|
export default Action16Icon
|
|
@@ -0,0 +1,38 @@
|
|
|
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 React from 'react'
|
|
9
|
+
import { SVGProps } from 'react'
|
|
10
|
+
|
|
11
|
+
export type OxSvgProps = {
|
|
12
|
+
size: 12 | 16 | 24;
|
|
13
|
+
title?: string;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export const Svg = ({
|
|
17
|
+
path,
|
|
18
|
+
size,
|
|
19
|
+
title,
|
|
20
|
+
...props
|
|
21
|
+
}: SVGProps<SVGSVGElement> & OxSvgProps) => (
|
|
22
|
+
<svg
|
|
23
|
+
aria-hidden={!title}
|
|
24
|
+
width={size}
|
|
25
|
+
height={size}
|
|
26
|
+
viewBox={`0 0 ${size} ${size}`}
|
|
27
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
+
role="img"
|
|
29
|
+
{...props}
|
|
30
|
+
>
|
|
31
|
+
{title && <title>{title}</title>}
|
|
32
|
+
<path
|
|
33
|
+
fillRule="evenodd"
|
|
34
|
+
clipRule="evenodd"
|
|
35
|
+
d={path}
|
|
36
|
+
fill="currentColor"
|
|
37
|
+
/>
|
|
38
|
+
</svg>)
|
package/package.json
CHANGED