@oxide/design-system 1.2.4 → 1.2.5--canary.46.c02a6da.0

package/icons/react/Snapshots24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Snapshots24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M11.486 1.309 2.714 6.57a.5.5 0 0 0 0 .858l8.77 5.262a1 1 0 0 0 1.03 0l8.77-5.262a.5.5 0 0 0 0-.858l-8.77-5.262a1 1 0 0 0-1.03 0Zm-8.187 9.47 8.187 4.912a1 1 0 0 0 1.028 0l8.187-4.912a.858.858 0 0 1 .883 1.47l-9.07 5.442a1 1 0 0 1-1.028 0l-9.07-5.441a.858.858 0 0 1 .883-1.47Zm8.187 9.912L3.299 15.78a.858.858 0 0 0-.883 1.47l9.07 5.442a1 1 0 0 0 1.028 0l9.07-5.441a.857.857 0 0 0-.883-1.47l-8.187 4.911a1 1 0 0 1-1.028 0Z" fill="currentColor" /></svg>;
-export default Snapshots24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.486 1.309 2.714 6.57a.5.5 0 0 0 0 .858l8.77 5.262a1 1 0 0 0 1.03 0l8.77-5.262a.5.5 0 0 0 0-.858l-8.77-5.262a1 1 0 0 0-1.03 0Zm-8.187 9.47 8.187 4.912a1 1 0 0 0 1.028 0l8.187-4.912a.858.858 0 0 1 .883 1.47l-9.07 5.442a1 1 0 0 1-1.028 0l-9.07-5.441a.858.858 0 0 1 .883-1.47Zm8.187 9.912L3.299 15.78a.858.858 0 0 0-.883 1.47l9.07 5.442a1 1 0 0 0 1.028 0l9.07-5.441a.857.857 0 0 0-.883-1.47l-8.187 4.911a1 1 0 0 1-1.028 0Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Snapshots24Icon

package/icons/react/SoftwareUpdate16Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const SoftwareUpdate16Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M8.53 1.53a.75.75 0 0 0-1.06 0L5.28 3.72A.75.75 0 0 0 5.81 5h4.38a.75.75 0 0 0 .53-1.28L8.53 1.53ZM1 7.75A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-6.5Zm6.47 1.78a.75.75 0 0 1 1.06 0l2.19 2.19a.75.75 0 0 1-.53 1.28H5.81a.75.75 0 0 1-.53-1.28l2.19-2.19Z" fill="currentColor" /></svg>;
-export default SoftwareUpdate16Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.53 1.53a.75.75 0 0 0-1.06 0L5.28 3.72A.75.75 0 0 0 5.81 5h4.38a.75.75 0 0 0 .53-1.28L8.53 1.53ZM1 7.75A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-6.5Zm6.47 1.78a.75.75 0 0 1 1.06 0l2.19 2.19a.75.75 0 0 1-.53 1.28H5.81a.75.75 0 0 1-.53-1.28l2.19-2.19Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default SoftwareUpdate16Icon

package/icons/react/SoftwareUpdate24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const SoftwareUpdate24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M12.707 1.707a1 1 0 0 0-1.414 0L7.707 5.293C7.077 5.923 7.523 7 8.414 7h7.172c.89 0 1.337-1.077.707-1.707l-3.586-3.586ZM2 11a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11Zm9.293 2.707a1 1 0 0 1 1.414 0l3.586 3.586c.63.63.184 1.707-.707 1.707H8.414c-.89 0-1.337-1.077-.707-1.707l3.586-3.586Z" fill="currentColor" /></svg>;
-export default SoftwareUpdate24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.707 1.707a1 1 0 0 0-1.414 0L7.707 5.293C7.077 5.923 7.523 7 8.414 7h7.172c.89 0 1.337-1.077.707-1.707l-3.586-3.586ZM2 11a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11Zm9.293 2.707a1 1 0 0 1 1.414 0l3.586 3.586c.63.63.184 1.707-.707 1.707H8.414c-.89 0-1.337-1.077-.707-1.707l3.586-3.586Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default SoftwareUpdate24Icon

package/icons/react/Speaker24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Speaker24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M10.723 7a1 1 0 0 0 .514-.143l8.248-4.948A1 1 0 0 1 21 2.766v18.468a1 1 0 0 1-1.515.857l-8.247-4.949a1 1 0 0 0-.515-.142H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h6.723Z" fill="currentColor" /></svg>;
-export default Speaker24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.723 7a1 1 0 0 0 .514-.143l8.248-4.948A1 1 0 0 1 21 2.766v18.468a1 1 0 0 1-1.515.857l-8.247-4.949a1 1 0 0 0-.515-.142H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h6.723Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Speaker24Icon

package/icons/react/Ssd16Icon.tsx

@@ -5,14 +5,29 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
-const Ssd16Icon = ({
-  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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M.75 4h14.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H3.31a.75.75 0 0 1-.53-.22L.22 9.22A.75.75 0 0 1 0 8.69V4.75A.75.75 0 0 1 .75 4Zm2.5 4h-1.5A.75.75 0 0 1 1 7.25v-1.5A.75.75 0 0 1 1.75 5h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75Zm4.5 3h1.5a.75.75 0 0 0 .75-.75v-4.5A.75.75 0 0 0 9.25 5h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75Zm4 0h1.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75Z" fill="currentColor" /></svg>;
-export default Ssd16Icon;
+const Ssd16Icon = ({ 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M.75 4h14.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H3.31a.75.75 0 0 1-.53-.22L.22 9.22A.75.75 0 0 1 0 8.69V4.75A.75.75 0 0 1 .75 4Zm2.5 4h-1.5A.75.75 0 0 1 1 7.25v-1.5A.75.75 0 0 1 1.75 5h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75Zm4.5 3h1.5a.75.75 0 0 0 .75-.75v-4.5A.75.75 0 0 0 9.25 5h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75Zm4 0h1.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Ssd16Icon

package/icons/react/Storage16Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  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} {...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;
+}: 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}
+    {...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,14 +5,31 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  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} {...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;
+}: 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}
+    {...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/icons/react/Subnet16Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Subnet16Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M.75 0h4.5A.75.75 0 0 1 6 .75V2h4V.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75H14v4h1.25a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75V14H6v1.25a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 .75 10H2V6H.75A.75.75 0 0 1 0 5.25V.75A.75.75 0 0 1 .75 0ZM6 12h4v-1.25a.75.75 0 0 1 .75-.75H12V6h-1.25a.75.75 0 0 1-.75-.75V4H6v1.25a.75.75 0 0 1-.75.75H4v4h1.25a.75.75 0 0 1 .75.75V12Z" fill="currentColor" /></svg>;
-export default Subnet16Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M.75 0h4.5A.75.75 0 0 1 6 .75V2h4V.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75H14v4h1.25a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75V14H6v1.25a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 .75 10H2V6H.75A.75.75 0 0 1 0 5.25V.75A.75.75 0 0 1 .75 0ZM6 12h4v-1.25a.75.75 0 0 1 .75-.75H12V6h-1.25a.75.75 0 0 1-.75-.75V4H6v1.25a.75.75 0 0 1-.75.75H4v4h1.25a.75.75 0 0 1 .75.75V12Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Subnet16Icon

package/icons/react/Subnet24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Subnet24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2v4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h4v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-2v-4h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-4V3a1 1 0 0 0-1-1H3Zm14 12v-4h-2a1 1 0 0 1-1-1V7h-4v2a1 1 0 0 1-1 1H7v4h2a1 1 0 0 1 1 1v2h4v-2a1 1 0 0 1 1-1h2Z" fill="currentColor" /></svg>;
-export default Subnet24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2v4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h4v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-2v-4h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-4V3a1 1 0 0 0-1-1H3Zm14 12v-4h-2a1 1 0 0 1-1-1V7h-4v2a1 1 0 0 1-1 1H7v4h2a1 1 0 0 1 1 1v2h4v-2a1 1 0 0 1 1-1h2Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Subnet24Icon

package/icons/react/Success12Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Success12Icon = ({
   title,
   titleId,
   ...props
-}: SVGProps<SVGSVGElement> & SVGRProps) => <svg width={12} height={12} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm3.111-7.003a.667.667 0 0 0-.05-.941l-.123-.112a.667.667 0 0 0-.942.05L5.36 6.924 4 5.632a.667.667 0 0 0-.943.023l-.114.12a.667.667 0 0 0 .023.943l1.979 1.885c.272.26.704.242.955-.037l3.211-3.567Z" fill="currentColor" /></svg>;
-export default Success12Icon;
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={12}
+    height={12}
+    viewBox="0 0 12 12"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm3.111-7.003a.667.667 0 0 0-.05-.941l-.123-.112a.667.667 0 0 0-.942.05L5.36 6.924 4 5.632a.667.667 0 0 0-.943.023l-.114.12a.667.667 0 0 0 .023.943l1.979 1.885c.272.26.704.242.955-.037l3.211-3.567Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Success12Icon

package/icons/react/Tags16Icon.tsx

@@ -5,14 +5,29 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
-const Tags16Icon = ({
-  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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M15.78 1.78c.141.141.22.332.22.53v3.38a.75.75 0 0 1-.22.53l-9.25 9.25a.75.75 0 0 1-1.06 0L.53 10.53a.75.75 0 0 1 0-1.06L9.78.22a.75.75 0 0 1 .53-.22h3.38a.75.75 0 0 1 .53.22l1.56 1.56ZM12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="currentColor" /></svg>;
-export default Tags16Icon;
+const Tags16Icon = ({ 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.78 1.78c.141.141.22.332.22.53v3.38a.75.75 0 0 1-.22.53l-9.25 9.25a.75.75 0 0 1-1.06 0L.53 10.53a.75.75 0 0 1 0-1.06L9.78.22a.75.75 0 0 1 .53-.22h3.38a.75.75 0 0 1 .53.22l1.56 1.56ZM12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Tags16Icon

package/icons/react/Terminal16Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Terminal16Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M.75 1a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h14.5a.75.75 0 0 0 .75-.75V1.75a.75.75 0 0 0-.75-.75H.75Zm2.335 9.457A.75.75 0 0 1 2 9.787v-.323a.75.75 0 0 1 .415-.671L6 7 2.415 5.207A.75.75 0 0 1 2 4.537v-.323a.75.75 0 0 1 1.085-.671l4.5 2.25a.75.75 0 0 1 .415.67v1.073a.75.75 0 0 1-.415.671l-4.5 2.25ZM8 11.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-.5Z" fill="currentColor" /></svg>;
-export default Terminal16Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M.75 1a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h14.5a.75.75 0 0 0 .75-.75V1.75a.75.75 0 0 0-.75-.75H.75Zm2.335 9.457A.75.75 0 0 1 2 9.787v-.323a.75.75 0 0 1 .415-.671L6 7 2.415 5.207A.75.75 0 0 1 2 4.537v-.323a.75.75 0 0 1 1.085-.671l4.5 2.25a.75.75 0 0 1 .415.67v1.073a.75.75 0 0 1-.415.671l-4.5 2.25ZM8 11.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Terminal16Icon

package/icons/react/Terminal24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Terminal24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M2 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2Zm3.44 12.294A1 1 0 0 1 4 14.396v-.138a1 1 0 0 1 .585-.91L9.733 11 4.585 8.651A1 1 0 0 1 4 7.741v-.137a1 1 0 0 1 1.44-.898l6 2.943a1 1 0 0 1 .56.898v.906a1 1 0 0 1-.56.898l-6 2.943ZM19 16h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Z" fill="currentColor" /></svg>;
-export default Terminal24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2Zm3.44 12.294A1 1 0 0 1 4 14.396v-.138a1 1 0 0 1 .585-.91L9.733 11 4.585 8.651A1 1 0 0 1 4 7.741v-.137a1 1 0 0 1 1.44-.898l6 2.943a1 1 0 0 1 .56.898v.906a1 1 0 0 1-.56.898l-6 2.943ZM19 16h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Terminal24Icon

package/icons/react/Time16Icon.tsx

@@ -5,14 +5,29 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
-const Time16Icon = ({
-  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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM7 3.75A.75.75 0 0 1 7.75 3h.5a.75.75 0 0 1 .75.75V7h2.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-3.5A.75.75 0 0 1 7 8.25v-4.5Z" fill="currentColor" /></svg>;
-export default Time16Icon;
+const Time16Icon = ({ 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM7 3.75A.75.75 0 0 1 7.75 3h.5a.75.75 0 0 1 .75.75V7h2.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-3.5A.75.75 0 0 1 7 8.25v-4.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Time16Icon

package/icons/react/Transmit16Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Transmit16Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M13.582 9.332c-.192.322-.164.739.104 1.002l.014.013c.319.313.842.28 1.08-.098A7.962 7.962 0 0 0 16 6c0-1.63-.488-3.147-1.326-4.412-.243-.367-.757-.394-1.071-.085l-.011.01c-.274.268-.297.697-.093 1.02A6.47 6.47 0 0 1 14.5 6a6.47 6.47 0 0 1-.918 3.332Zm-11.164 0c.192.322.164.739-.104 1.002l-.014.013c-.319.313-.842.28-1.08-.098A7.963 7.963 0 0 1 0 6c0-1.63.488-3.147 1.326-4.412.243-.367.757-.394 1.071-.085l.011.01c.274.268.297.697.093 1.02A6.47 6.47 0 0 0 1.5 6a6.47 6.47 0 0 0 .918 3.332Zm1.011-1.303c.19.427.743.482 1.076.155l.042-.042c.244-.239.287-.61.169-.93A3.493 3.493 0 0 1 4.5 6c0-.48.096-.936.27-1.352.138-.328.103-.718-.151-.967l-.034-.033c-.325-.32-.864-.277-1.066.132A4.98 4.98 0 0 0 3 6c0 .723.153 1.41.429 2.03Zm8.066.155c.334.327.886.272 1.076-.155C12.847 7.41 13 6.723 13 6a4.98 4.98 0 0 0-.518-2.22c-.203-.409-.741-.451-1.067-.132l-.034.033c-.254.249-.29.64-.152.967.175.416.271.873.271 1.352 0 .426-.076.835-.216 1.213-.118.32-.075.69.169.93l.042.04ZM10 6a2 2 0 0 1-1.406 1.91.773.773 0 0 1 .118.225l1.959 5.878a.75.75 0 0 1-.712.987H6.041a.75.75 0 0 1-.712-.987l1.96-5.878a.773.773 0 0 1 .117-.225A2 2 0 1 1 10 6Z" fill="currentColor" /></svg>;
-export default Transmit16Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.582 9.332c-.192.322-.164.739.104 1.002l.014.013c.319.313.842.28 1.08-.098A7.962 7.962 0 0 0 16 6c0-1.63-.488-3.147-1.326-4.412-.243-.367-.757-.394-1.071-.085l-.011.01c-.274.268-.297.697-.093 1.02A6.47 6.47 0 0 1 14.5 6a6.47 6.47 0 0 1-.918 3.332Zm-11.164 0c.192.322.164.739-.104 1.002l-.014.013c-.319.313-.842.28-1.08-.098A7.963 7.963 0 0 1 0 6c0-1.63.488-3.147 1.326-4.412.243-.367.757-.394 1.071-.085l.011.01c.274.268.297.697.093 1.02A6.47 6.47 0 0 0 1.5 6a6.47 6.47 0 0 0 .918 3.332Zm1.011-1.303c.19.427.743.482 1.076.155l.042-.042c.244-.239.287-.61.169-.93A3.493 3.493 0 0 1 4.5 6c0-.48.096-.936.27-1.352.138-.328.103-.718-.151-.967l-.034-.033c-.325-.32-.864-.277-1.066.132A4.98 4.98 0 0 0 3 6c0 .723.153 1.41.429 2.03Zm8.066.155c.334.327.886.272 1.076-.155C12.847 7.41 13 6.723 13 6a4.98 4.98 0 0 0-.518-2.22c-.203-.409-.741-.451-1.067-.132l-.034.033c-.254.249-.29.64-.152.967.175.416.271.873.271 1.352 0 .426-.076.835-.216 1.213-.118.32-.075.69.169.93l.042.04ZM10 6a2 2 0 0 1-1.406 1.91.773.773 0 0 1 .118.225l1.959 5.878a.75.75 0 0 1-.712.987H6.041a.75.75 0 0 1-.712-.987l1.96-5.878a.773.773 0 0 1 .117-.225A2 2 0 1 1 10 6Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Transmit16Icon

package/icons/react/Transmit24Icon.tsx

@@ -5,14 +5,33 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Transmit24Icon = ({
   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} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M18.363 13.84c-.336.439-.336 1.07.059 1.456.394.387 1.03.384 1.377-.046A9.946 9.946 0 0 0 22 8.995c0-2.366-.823-4.54-2.199-6.252-.345-.43-.983-.434-1.377-.047s-.395 1.017-.06 1.456A7.954 7.954 0 0 1 20 8.995c0 1.821-.61 3.5-1.637 4.845Zm-12.726 0c.336.439.336 1.07-.059 1.456-.394.387-1.03.384-1.377-.046A9.946 9.946 0 0 1 2 8.995c0-2.366.823-4.54 2.199-6.252.346-.43.983-.434 1.377-.047s.394 1.017.06 1.456A7.953 7.953 0 0 0 4 8.995c0 1.821.61 3.5 1.637 4.845Zm1.444-1.412c.316.452.957.454 1.351.068.395-.387.387-1.017.108-1.495A3.974 3.974 0 0 1 8 8.995c0-.73.196-1.416.54-2.006.278-.477.285-1.107-.11-1.494-.393-.386-1.034-.384-1.35.068A5.965 5.965 0 0 0 6 8.995c0 1.277.4 2.46 1.08 3.434Zm8.487.068c.394.386 1.035.384 1.351-.068A5.965 5.965 0 0 0 18 8.995c0-1.277-.4-2.46-1.08-3.432-.316-.452-.957-.454-1.35-.068-.395.387-.388 1.017-.11 1.494.343.59.54 1.275.54 2.006 0 .731-.197 1.417-.54 2.007-.279.477-.287 1.107.108 1.494ZM14 9a2 2 0 0 1-1.412 1.912l3.014 9.794A1 1 0 0 1 14.646 22H9.354a1 1 0 0 1-.956-1.294l3.014-9.794A2 2 0 1 1 14 9Z" fill="currentColor" /></svg>;
-export default Transmit24Icon;
+}: 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}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.363 13.84c-.336.439-.336 1.07.059 1.456.394.387 1.03.384 1.377-.046A9.946 9.946 0 0 0 22 8.995c0-2.366-.823-4.54-2.199-6.252-.345-.43-.983-.434-1.377-.047s-.395 1.017-.06 1.456A7.954 7.954 0 0 1 20 8.995c0 1.821-.61 3.5-1.637 4.845Zm-12.726 0c.336.439.336 1.07-.059 1.456-.394.387-1.03.384-1.377-.046A9.946 9.946 0 0 1 2 8.995c0-2.366.823-4.54 2.199-6.252.346-.43.983-.434 1.377-.047s.394 1.017.06 1.456A7.953 7.953 0 0 0 4 8.995c0 1.821.61 3.5 1.637 4.845Zm1.444-1.412c.316.452.957.454 1.351.068.395-.387.387-1.017.108-1.495A3.974 3.974 0 0 1 8 8.995c0-.73.196-1.416.54-2.006.278-.477.285-1.107-.11-1.494-.393-.386-1.034-.384-1.35.068A5.965 5.965 0 0 0 6 8.995c0 1.277.4 2.46 1.08 3.434Zm8.487.068c.394.386 1.035.384 1.351-.068A5.965 5.965 0 0 0 18 8.995c0-1.277-.4-2.46-1.08-3.432-.316-.452-.957-.454-1.35-.068-.395.387-.388 1.017-.11 1.494.343.59.54 1.275.54 2.006 0 .731-.197 1.417-.54 2.007-.279.477-.287 1.107.108 1.494ZM14 9a2 2 0 0 1-1.412 1.912l3.014 9.794A1 1 0 0 1 14.646 22H9.354a1 1 0 0 1-.956-1.294l3.014-9.794A2 2 0 1 1 14 9Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Transmit24Icon