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

package/icons/react/Organization24Icon.tsx

@@ -5,14 +5,30 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Organization24Icon = ({
   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}<g fill="currentColor"><path d="M9.918 12.707a1 1 0 0 0 0-1.414L6.52 7.895a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0l3.398-3.398ZM22.293 12.707a1 1 0 0 0 0-1.414l-3.398-3.398a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0l3.398-3.398ZM11.293 1.707a1 1 0 0 1 1.414 0l3.398 3.398a1 1 0 0 1 0 1.415l-3.398 3.398a1 1 0 0 1-1.414 0L7.895 6.52a1 1 0 0 1 0-1.415l3.398-3.398ZM16.105 18.895a1 1 0 0 0 0-1.415l-3.398-3.398a1 1 0 0 0-1.414 0L7.895 17.48a1 1 0 0 0 0 1.415l3.398 3.398a1 1 0 0 0 1.414 0l3.398-3.398Z" /></g></svg>;
-export default Organization24Icon;
+}: 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}
+    <g fill="currentColor">
+      <path d="M9.918 12.707a1 1 0 0 0 0-1.414L6.52 7.895a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0l3.398-3.398ZM22.293 12.707a1 1 0 0 0 0-1.414l-3.398-3.398a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0l3.398-3.398ZM11.293 1.707a1 1 0 0 1 1.414 0l3.398 3.398a1 1 0 0 1 0 1.415l-3.398 3.398a1 1 0 0 1-1.414 0L7.895 6.52a1 1 0 0 1 0-1.415l3.398-3.398ZM16.105 18.895a1 1 0 0 0 0-1.415l-3.398-3.398a1 1 0 0 0-1.414 0L7.895 17.48a1 1 0 0 0 0 1.415l3.398 3.398a1 1 0 0 0 1.414 0l3.398-3.398Z" />
+    </g>
+  </svg>
+)
+export default Organization24Icon

package/icons/react/Overview16Icon.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 Overview16Icon = ({
   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="M7 1.75A.75.75 0 0 0 6.25 1h-4.5a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h4.5A.75.75 0 0 0 7 8.25v-6.5Zm8 0a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-2.5Zm-14 10a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-2.5Zm14-4a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-6.5Z" fill="currentColor" /></svg>;
-export default Overview16Icon;
+}: 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="M7 1.75A.75.75 0 0 0 6.25 1h-4.5a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h4.5A.75.75 0 0 0 7 8.25v-6.5Zm8 0a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-2.5Zm-14 10a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-2.5Zm14-4a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-6.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Overview16Icon

package/icons/react/Overview24Icon.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 Overview24Icon = ({
   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 3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3Zm11 0a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3ZM2 17a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4Zm20-6a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V11Z" fill="currentColor" /></svg>;
-export default Overview24Icon;
+}: 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 3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3Zm11 0a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3ZM2 17a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4Zm20-6a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V11Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Overview24Icon

package/icons/react/Person16Icon.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 Person16Icon = ({
   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="M12 5a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM1 14.368A3.368 3.368 0 0 1 4.368 11h7.264A3.368 3.368 0 0 1 15 14.368a.632.632 0 0 1-.632.632H1.632A.632.632 0 0 1 1 14.368Z" fill="currentColor" /></svg>;
-export default Person16Icon;
+}: 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="M12 5a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM1 14.368A3.368 3.368 0 0 1 4.368 11h7.264A3.368 3.368 0 0 1 15 14.368a.632.632 0 0 1-.632.632H1.632A.632.632 0 0 1 1 14.368Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Person16Icon

package/icons/react/Person24Icon.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 Person24Icon = ({
   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 8A6 6 0 1 1 6 8a6 6 0 0 1 12 0ZM1 21.454A5.455 5.455 0 0 1 6.455 16h11.09A5.455 5.455 0 0 1 23 21.454a.545.545 0 0 1-.546.546H1.546A.545.545 0 0 1 1 21.454Z" fill="currentColor" /></svg>;
-export default Person24Icon;
+}: 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 8A6 6 0 1 1 6 8a6 6 0 0 1 12 0ZM1 21.454A5.455 5.455 0 0 1 6.455 16h11.09A5.455 5.455 0 0 1 23 21.454a.545.545 0 0 1-.546.546H1.546A.545.545 0 0 1 1 21.454Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Person24Icon

package/icons/react/PersonGroup16Icon.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 PersonGroup16Icon = ({
   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="M10.5 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM9 10a3 3 0 0 0-3 3v1.25c0 .414.336.75.75.75h7.5a.75.75 0 0 0 .75-.75V13a3 3 0 0 0-3-3H9ZM5.508 4.212A4.98 4.98 0 0 0 6.68 7.726 2.5 2.5 0 0 1 2 6.5a2.5 2.5 0 0 1 3.508-2.288ZM5.168 11a4.977 4.977 0 0 0-.668 2.5V15H1.75a.75.75 0 0 1-.75-.75V14a3 3 0 0 1 3-3h1.169Z" fill="currentColor" /></svg>;
-export default PersonGroup16Icon;
+}: 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="M10.5 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM9 10a3 3 0 0 0-3 3v1.25c0 .414.336.75.75.75h7.5a.75.75 0 0 0 .75-.75V13a3 3 0 0 0-3-3H9ZM5.508 4.212A4.98 4.98 0 0 0 6.68 7.726 2.5 2.5 0 0 1 2 6.5a2.5 2.5 0 0 1 3.508-2.288ZM5.168 11a4.977 4.977 0 0 0-.668 2.5V15H1.75a.75.75 0 0 1-.75-.75V14a3 3 0 0 1 3-3h1.169Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default PersonGroup16Icon

package/icons/react/PersonGroup24Icon.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 PersonGroup24Icon = ({
   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="M16 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-2 2a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5 5 0 0 0-5-5h-4ZM9.136 5.618C9.046 6.065 9 6.527 9 7c0 1.557.508 2.995 1.368 4.158a4 4 0 1 1-1.232-5.54Zm-.886 9.388A6.968 6.968 0 0 0 7 19v3H2a1 1 0 0 1-1-1v-1a5 5 0 0 1 5-5h2c.084 0 .167.002.25.006Z" fill="currentColor" /></svg>;
-export default PersonGroup24Icon;
+}: 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="M16 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-2 2a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5 5 0 0 0-5-5h-4ZM9.136 5.618C9.046 6.065 9 6.527 9 7c0 1.557.508 2.995 1.368 4.158a4 4 0 1 1-1.232-5.54Zm-.886 9.388A6.968 6.968 0 0 0 7 19v3H2a1 1 0 0 1-1-1v-1a5 5 0 0 1 5-5h2c.084 0 .167.002.25.006Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default PersonGroup24Icon

package/icons/react/PrevArrow12Icon.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 PrevArrow12Icon = ({
   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 d="M8.53 1.47a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 0 0 1.06-1.06L5.06 6l3.47-3.47a.75.75 0 0 0 0-1.06Z" fill="currentColor" /></svg>;
-export default PrevArrow12Icon;
+}: 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
+      d="M8.53 1.47a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 0 0 1.06-1.06L5.06 6l3.47-3.47a.75.75 0 0 0 0-1.06Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default PrevArrow12Icon

package/icons/react/Profile16Icon.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 Profile16Icon = ({
   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="M12 13.745a7 7 0 1 0-8-11.49 7 7 0 0 0 8 11.49Zm-7.88-2.59A3.001 3.001 0 0 1 7 9h2c1.363 0 2.514.91 2.88 2.155A4.99 4.99 0 0 1 8 13a4.99 4.99 0 0 1-3.88-1.845ZM10 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="currentColor" /></svg>;
-export default Profile16Icon;
+}: 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="M12 13.745a7 7 0 1 0-8-11.49 7 7 0 0 0 8 11.49Zm-7.88-2.59A3.001 3.001 0 0 1 7 9h2c1.363 0 2.514.91 2.88 2.155A4.99 4.99 0 0 1 8 13a4.99 4.99 0 0 1-3.88-1.845ZM10 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Profile16Icon

package/icons/react/Progress24Icon.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 Progress24Icon = ({
   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 1a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2Zm-8 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V9Zm-7 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Z" fill="currentColor" /></svg>;
-export default Progress24Icon;
+}: 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 1a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2Zm-8 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V9Zm-7 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Progress24Icon

package/icons/react/Prohibited24Icon.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 Prohibited24Icon = ({
   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="M16.49 5.388A7.942 7.942 0 0 0 12 4c-4.4 0-8 3.6-8 8 0 1.661.513 3.208 1.388 4.49L16.49 5.388Zm2.122 2.122L7.51 18.612A7.942 7.942 0 0 0 12 20c4.4 0 8-3.6 8-8a7.942 7.942 0 0 0-1.388-4.49ZM1 12C1 5.9 5.9 1 12 1s11 4.9 11 11-4.9 11-11 11S1 18.1 1 12Z" fill="currentColor" /></svg>;
-export default Prohibited24Icon;
+}: 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="M16.49 5.388A7.942 7.942 0 0 0 12 4c-4.4 0-8 3.6-8 8 0 1.661.513 3.208 1.388 4.49L16.49 5.388Zm2.122 2.122L7.51 18.612A7.942 7.942 0 0 0 12 20c4.4 0 8-3.6 8-8a7.942 7.942 0 0 0-1.388-4.49ZM1 12C1 5.9 5.9 1 12 1s11 4.9 11 11-4.9 11-11 11S1 18.1 1 12Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Prohibited24Icon

package/icons/react/Question12Icon.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 Question12Icon = ({
   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 12ZM4.982 3.96c-.063.095-.11.198-.145.3-.09.261-.31.49-.587.49h-.5c-.276 0-.502-.225-.455-.497a2.97 2.97 0 0 1 .434-1.118C4.151 2.495 4.885 2 6 2c1.04 0 1.77.355 2.223.902.427.517.527 1.108.527 1.466 0 .598-.182 1.064-.522 1.417-.268.278-.61.45-.826.558l-.062.031c-.253.13-.37.206-.447.3a.518.518 0 0 0-.094.18c-.066.211-.228.396-.449.396h-.43c-.37 0-.683-.304-.6-.665.076-.334.214-.619.412-.861.298-.365.681-.56.928-.686.292-.149.407-.21.487-.293.035-.036.103-.112.103-.377 0-.12-.04-.337-.184-.51C6.95 3.715 6.678 3.5 6 3.5c-.604 0-.87.236-1.018.46Zm.143 4.96c0-.37.3-.67.67-.67h.41c.37 0 .67.3.67.67v.41c0 .37-.3.67-.67.67h-.41a.67.67 0 0 1-.67-.67v-.41Z" fill="currentColor" /></svg>;
-export default Question12Icon;
+}: 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 12ZM4.982 3.96c-.063.095-.11.198-.145.3-.09.261-.31.49-.587.49h-.5c-.276 0-.502-.225-.455-.497a2.97 2.97 0 0 1 .434-1.118C4.151 2.495 4.885 2 6 2c1.04 0 1.77.355 2.223.902.427.517.527 1.108.527 1.466 0 .598-.182 1.064-.522 1.417-.268.278-.61.45-.826.558l-.062.031c-.253.13-.37.206-.447.3a.518.518 0 0 0-.094.18c-.066.211-.228.396-.449.396h-.43c-.37 0-.683-.304-.6-.665.076-.334.214-.619.412-.861.298-.365.681-.56.928-.686.292-.149.407-.21.487-.293.035-.036.103-.112.103-.377 0-.12-.04-.337-.184-.51C6.95 3.715 6.678 3.5 6 3.5c-.604 0-.87.236-1.018.46Zm.143 4.96c0-.37.3-.67.67-.67h.41c.37 0 .67.3.67.67v.41c0 .37-.3.67-.67.67h-.41a.67.67 0 0 1-.67-.67v-.41Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Question12Icon

package/icons/react/Racks24Icon.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 Racks24Icon = ({
-  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 1v7a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Zm6 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM3 13a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H3Zm6 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" fill="currentColor" /></svg>;
-export default Racks24Icon;
+const Racks24Icon = ({ 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 1v7a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Zm6 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM3 13a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H3Zm6 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Racks24Icon

package/icons/react/Ram16Icon.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 Ram16Icon = ({
-  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="M0 4.75A.75.75 0 0 1 .75 4h14.5a.75.75 0 0 1 .75.75V6h-1.25a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H16v1.25a.75.75 0 0 1-.75.75H.75A.75.75 0 0 1 0 9.25v-4.5ZM6.25 9h-1.5A.75.75 0 0 1 4 8.25v-2.5A.75.75 0 0 1 4.75 5h1.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75Zm5 0h-1.5A.75.75 0 0 1 9 8.25v-2.5A.75.75 0 0 1 9.75 5h1.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75ZM14 11H2v1.25c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75V11Z" fill="currentColor" /></svg>;
-export default Ram16Icon;
+const Ram16Icon = ({ 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="M0 4.75A.75.75 0 0 1 .75 4h14.5a.75.75 0 0 1 .75.75V6h-1.25a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75H16v1.25a.75.75 0 0 1-.75.75H.75A.75.75 0 0 1 0 9.25v-4.5ZM6.25 9h-1.5A.75.75 0 0 1 4 8.25v-2.5A.75.75 0 0 1 4.75 5h1.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75Zm5 0h-1.5A.75.75 0 0 1 9 8.25v-2.5A.75.75 0 0 1 9.75 5h1.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75ZM14 11H2v1.25c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75V11Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Ram16Icon

package/icons/react/Refresh16Icon.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 Refresh16Icon = ({
   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="M6.806 4.182A4 4 0 0 1 11.873 7h-.968a.375.375 0 0 0-.265.64l1.83 1.83a.75.75 0 0 0 1.06 0l1.83-1.83a.375.375 0 0 0-.265-.64h-1.179A6 6 0 0 0 4.32 3.262c-.327.254-.324.733-.031 1.026l.353.353c.293.293.765.286 1.107.053a4 4 0 0 1 1.058-.512ZM2.084 9H.905a.375.375 0 0 1-.265-.64l1.83-1.83a.75.75 0 0 1 1.06 0l1.83 1.83a.375.375 0 0 1-.265.64h-.968a4 4 0 0 0 6.125 2.306c.342-.233.814-.24 1.107.053l.353.353c.293.293.296.772-.031 1.027A6 6 0 0 1 2.084 9Z" fill="currentColor" /></svg>;
-export default Refresh16Icon;
+}: 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="M6.806 4.182A4 4 0 0 1 11.873 7h-.968a.375.375 0 0 0-.265.64l1.83 1.83a.75.75 0 0 0 1.06 0l1.83-1.83a.375.375 0 0 0-.265-.64h-1.179A6 6 0 0 0 4.32 3.262c-.327.254-.324.733-.031 1.026l.353.353c.293.293.765.286 1.107.053a4 4 0 0 1 1.058-.512ZM2.084 9H.905a.375.375 0 0 1-.265-.64l1.83-1.83a.75.75 0 0 1 1.06 0l1.83 1.83a.375.375 0 0 1-.265.64h-.968a4 4 0 0 0 6.125 2.306c.342-.233.814-.24 1.107.053l.353.353c.293.293.296.772-.031 1.027A6 6 0 0 1 2.084 9Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Refresh16Icon

package/icons/react/Repair12Icon.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 Repair12Icon = ({
   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="M5.646 7.646a4 4 0 0 1-5.58-4.375c.085-.458.64-.565.97-.236l1.728 1.73c.13.13.342.13.472 0l1.528-1.53a.333.333 0 0 0 0-.47l-1.729-1.73c-.33-.33-.222-.884.237-.969a4 4 0 0 1 4.375 5.58l3.881 3.882c.26.26.26.683 0 .944l-1.056 1.056a.667.667 0 0 1-.944 0L5.646 7.646Z" fill="currentColor" /></svg>;
-export default Repair12Icon;
+}: 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="M5.646 7.646a4 4 0 0 1-5.58-4.375c.085-.458.64-.565.97-.236l1.728 1.73c.13.13.342.13.472 0l1.528-1.53a.333.333 0 0 0 0-.47l-1.729-1.73c-.33-.33-.222-.884.237-.969a4 4 0 0 1 4.375 5.58l3.881 3.882c.26.26.26.683 0 .944l-1.056 1.056a.667.667 0 0 1-.944 0L5.646 7.646Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Repair12Icon