@oxide/design-system 1.4.7--canary.5137195.0 → 1.4.7--canary.e54d301.0

package/icons/react/Action16Icon.tsx

@@ -6,10 +6,10 @@
  * Copyright Oxide Computer Company
  */
 
-import { Svg } from './Svg'
+import { IconSvg } from './IconSvg'
 
 const Action16Icon = ({ title, ...props }: {title?: string}) => (
-  <Svg
+  <IconSvg
     title={title}
     size={16}
     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"

package/icons/react/Instances16Icon.tsx

@@ -5,10 +5,10 @@
  *
  * Copyright Oxide Computer Company
  */
-import { Svg } from './Svg'
+import { IconSvg } from './IconSvg'
 
 const Instances16Icon = ({ title, ...props }: {title?: string}) => (
-  <Svg
+  <IconSvg
     title={title}
     size={16}
     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"

package/icons/react/Instances24Icon.tsx

@@ -5,10 +5,10 @@
  *
  * Copyright Oxide Computer Company
  */
-import { Svg } from './Svg'
+import { IconSvg } from './IconSvg'
 
 const Instances24Icon = ({ title, ...props }: {title?: string}) => (
-  <Svg
+  <IconSvg
     title={title}
     size={24}
     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"

package/icons/react/Storage16Icon.tsx

@@ -5,33 +5,14 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from 'react'
+import { IconSvg } from './IconSvg'
 
-interface SVGRProps {
-  title?: string
-  titleId?: string
-}
-const Storage16Icon = ({
-  title,
-  titleId,
-  ...props
-}: SVGProps<SVGSVGElement> & SVGRProps) => (
-  <svg
-    width={16}
-    height={16}
-    viewBox="0 0 16 16"
-    xmlns="http://www.w3.org/2000/svg"
-    role="img"
-    aria-labelledby={titleId}
+const Storage16Icon = ({ title, ...props }: {title?: string}) => (
+  <IconSvg
+    title={title}
+    size={16}
+    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"
     {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      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"
-      fill="currentColor"
-    />
-  </svg>
+  />
 )
 export default Storage16Icon

package/icons/react/Storage24Icon.tsx

@@ -5,31 +5,14 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from 'react'
+import { IconSvg } from './IconSvg'
 
-interface SVGRProps {
-  title?: string
-  titleId?: string
-}
-const Storage24Icon = ({
-  title,
-  titleId,
-  ...props
-}: SVGProps<SVGSVGElement> & SVGRProps) => (
-  <svg
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    role="img"
-    aria-labelledby={titleId}
+const Storage24Icon = ({ title, ...props }: {title?: string}) => (
+  <IconSvg
+    title={title}
+    size={24}
+    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"
     {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      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"
-      fill="currentColor"
-    />
-  </svg>
+  />
 )
 export default Storage24Icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxide/design-system",
-  "version": "1.4.7--canary.5137195.0",
+  "version": "1.4.7--canary.e54d301.0",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "main": "components/dist/index.js",
   "scripts": {

package/icons/react/Svg.tsx

@@ -1,37 +0,0 @@
-/*
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, you can obtain one at https://mozilla.org/MPL/2.0/.
- *
- * Copyright Oxide Computer Company
- */
-import { SVGProps } from 'react'
-
-export type OxSvgProps = {
-    size: 12 | 16 | 24;
-    title?: string;
-}
-
-export const Svg = ({
-    path,
-    size,
-    title,
-    ...props
-}: SVGProps<SVGSVGElement> & OxSvgProps) => (
-<svg
-    aria-hidden={!title}
-    width={size}
-    height={size}
-    viewBox={`0 0 ${size} ${size}`}
-    xmlns="http://www.w3.org/2000/svg"
-    role={title ? "img" : "presentation"}
-    {...props}
-  >
-    {title && <title>{title}</title>}
-    <path
-      d={path}
-      fill="currentColor"
-      fillRule="evenodd"
-      clipRule="evenodd"
-    />
-  </svg>)