@oxide/design-system 1.4.7--canary.ff15500.0 → 1.4.7

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.
Files changed (7) hide show
  1. package/icons/react/Action16Icon.tsx +24 -8
  2. package/icons/react/Instances16Icon.tsx +26 -7
  3. package/icons/react/Instances24Icon.tsx +26 -7
  4. package/icons/react/Storage16Icon.tsx +26 -7
  5. package/icons/react/Storage24Icon.tsx +24 -7
  6. package/package.json +1 -1
  7. package/icons/react/IconSvg.tsx +0 -37
package/icons/react/Action16Icon.tsx CHANGED
@@ -5,15 +5,31 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
+ import { SVGProps } from 'react'
8
9
 
9
- import { IconSvg } from './IconSvg'
10
-
11
- const Action16Icon = ({ title, ...props }: {title?: string}) => (
12
- <IconSvg
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"
10
+ interface SVGRProps {
11
+ title?: string
12
+ titleId?: string
13
+ }
14
+ const Action16Icon = ({
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}
16
26
  {...props}
17
- />
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>
18
34
  )
19
35
  export default Action16Icon
package/icons/react/Instances16Icon.tsx CHANGED
@@ -5,14 +5,33 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { IconSvg } from './IconSvg'
8
+ import { SVGProps } from 'react'
9
9
 
10
- const Instances16Icon = ({ title, ...props }: {title?: string}) => (
11
- <IconSvg
12
- title={title}
13
- size={16}
14
- path="M6 1.75A.75.75 0 0 1 6.75 1h7.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H13V3.75a.75.75 0 0 0-.75-.75H6V1.75Zm-5 4A.75.75 0 0 1 1.75 5h8.5a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5Z"
10
+ interface SVGRProps {
11
+ title?: string
12
+ titleId?: string
13
+ }
14
+ const Instances16Icon = ({
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}
15
26
  {...props}
16
- />
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M6 1.75A.75.75 0 0 1 6.75 1h7.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H13V3.75a.75.75 0 0 0-.75-.75H6V1.75Zm-5 4A.75.75 0 0 1 1.75 5h8.5a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5Z"
33
+ fill="currentColor"
34
+ />
35
+ </svg>
17
36
  )
18
37
  export default Instances16Icon
package/icons/react/Instances24Icon.tsx CHANGED
@@ -5,14 +5,33 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { IconSvg } from './IconSvg'
8
+ import { SVGProps } from 'react'
9
9
 
10
- const Instances24Icon = ({ title, ...props }: {title?: string}) => (
11
- <IconSvg
12
- title={title}
13
- size={24}
14
- path="M7 3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2V6a1 1 0 0 0-1-1H7V3ZM3 7h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z"
10
+ interface SVGRProps {
11
+ title?: string
12
+ titleId?: string
13
+ }
14
+ const Instances24Icon = ({
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}
15
26
  {...props}
16
- />
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M7 3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2V6a1 1 0 0 0-1-1H7V3ZM3 7h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z"
33
+ fill="currentColor"
34
+ />
35
+ </svg>
17
36
  )
18
37
  export default Instances24Icon
package/icons/react/Storage16Icon.tsx CHANGED
@@ -5,14 +5,33 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { IconSvg } from './IconSvg'
8
+ import { SVGProps } from 'react'
9
9
 
10
- const Storage16Icon = ({ title, ...props }: {title?: string}) => (
11
- <IconSvg
12
- title={title}
13
- size={16}
14
- path="M11.625 1a.75.75 0 0 1 .6.3l2.625 3.5a.75.75 0 0 1 .15.45v9a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75V1.75A.75.75 0 0 1 1.75 1h.5a.75.75 0 0 1 .75.75V5h7V1.75a.75.75 0 0 1 .75-.75h.875ZM8 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
10
+ interface SVGRProps {
11
+ title?: string
12
+ titleId?: string
13
+ }
14
+ const Storage16Icon = ({
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}
15
26
  {...props}
16
- />
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M11.625 1a.75.75 0 0 1 .6.3l2.625 3.5a.75.75 0 0 1 .15.45v9a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75V1.75A.75.75 0 0 1 1.75 1h.5a.75.75 0 0 1 .75.75V5h7V1.75a.75.75 0 0 1 .75-.75h.875ZM8 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
33
+ fill="currentColor"
34
+ />
35
+ </svg>
17
36
  )
18
37
  export default Storage16Icon
package/icons/react/Storage24Icon.tsx CHANGED
@@ -5,14 +5,31 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { IconSvg } from './IconSvg'
8
+ import { SVGProps } from 'react'
9
9
 
10
- const Storage24Icon = ({ title, ...props }: {title?: string}) => (
11
- <IconSvg
12
- title={title}
13
- size={24}
14
- path="M18.3 2.375A1 1 0 0 0 17.52 2H17a1 1 0 0 0-1 1v3.1H5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7.35a1 1 0 0 0-.22-.624l-3.48-4.35ZM12 18c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4Z"
10
+ interface SVGRProps {
11
+ title?: string
12
+ titleId?: string
13
+ }
14
+ const Storage24Icon = ({
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}
15
26
  {...props}
16
- />
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ d="M18.3 2.375A1 1 0 0 0 17.52 2H17a1 1 0 0 0-1 1v3.1H5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7.35a1 1 0 0 0-.22-.624l-3.48-4.35ZM12 18c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4Z"
31
+ fill="currentColor"
32
+ />
33
+ </svg>
17
34
  )
18
35
  export default Storage24Icon
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "1.4.7--canary.ff15500.0",
3
+ "version": "1.4.7",
4
4
  "description": "Home of reusable design assets and token for oxide internal sites",
5
5
  "main": "components/dist/index.js",
6
6
  "scripts": {
package/icons/react/IconSvg.tsx DELETED
@@ -1,37 +0,0 @@
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
- export type OxSvgProps = {
11
- size: 12 | 16 | 24;
12
- title?: string;
13
- }
14
-
15
- export const IconSvg = ({
16
- path,
17
- size,
18
- title,
19
- ...props
20
- }: SVGProps<SVGSVGElement> & OxSvgProps) => (
21
- <svg
22
- aria-hidden={!title}
23
- width={size}
24
- height={size}
25
- viewBox={`0 0 ${size} ${size}`}
26
- xmlns="http://www.w3.org/2000/svg"
27
- role={title ? "img" : "presentation"}
28
- {...props}
29
- >
30
- {title && <title>{title}</title>}
31
- <path
32
- d={path}
33
- fill="currentColor"
34
- fillRule="evenodd"
35
- clipRule="evenodd"
36
- />
37
- </svg>)