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

package/icons/react/Link16Icon.tsx

@@ -5,14 +5,27 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
-const Link16Icon = ({
-  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}<g fill="currentColor"><path d="m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" /><path d="M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" /></g></svg>;
-export default Link16Icon;
+const Link16Icon = ({ 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}
+    <g fill="currentColor">
+      <path d="m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" />
+      <path d="M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" />
+    </g>
+  </svg>
+)
+export default Link16Icon

package/icons/react/LoadBalancer16Icon.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 LoadBalancer16Icon = ({
   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.25 0h-4.5A.75.75 0 0 0 5 .75v3.5c0 .414.336.75.75.75H7v2H2.75a.75.75 0 0 0-.75.75V11H.75a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75H4V9h8v2h-1.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75H14V7.75a.75.75 0 0 0-.75-.75H9V5h1.25a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75Z" fill="currentColor" /></svg>;
-export default LoadBalancer16Icon;
+}: 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.25 0h-4.5A.75.75 0 0 0 5 .75v3.5c0 .414.336.75.75.75H7v2H2.75a.75.75 0 0 0-.75.75V11H.75a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75H4V9h8v2h-1.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75H14V7.75a.75.75 0 0 0-.75-.75H9V5h1.25a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default LoadBalancer16Icon

package/icons/react/LoadBalancer24Icon.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 LoadBalancer24Icon = ({
   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 2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1v4H4a1 1 0 0 0-1 1v5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-4h6v4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-4h6v4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-5a1 1 0 0 0-1-1h-7V8h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-4Z" fill="currentColor" /></svg>;
-export default LoadBalancer24Icon;
+}: 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 2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1v4H4a1 1 0 0 0-1 1v5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-4h6v4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-4h6v4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-5a1 1 0 0 0-1-1h-7V8h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-4Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default LoadBalancer24Icon

package/icons/react/Loader12Icon.tsx

@@ -5,14 +5,34 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from "react";
+import { SVGProps } from 'react'
+
 interface SVGRProps {
-  title?: string;
-  titleId?: string;
+  title?: string
+  titleId?: string
 }
 const Loader12Icon = ({
   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}<circle cx={6} cy={6} r={5.25} stroke="#1C2225" strokeWidth={1.5} /><path fillRule="evenodd" clipRule="evenodd" d="M8.25 2.103a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63a6 6 0 0 1 4.831 8.367c-.147.337-.559.446-.878.262l-.144-.083c-.319-.185-.423-.591-.288-.934A4.5 4.5 0 0 0 8.25 2.103Z" fill="currentColor" /></svg>;
-export default Loader12Icon;
+}: 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}
+    <circle cx={6} cy={6} r={5.25} stroke="#1C2225" strokeWidth={1.5} />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.25 2.103a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63a6 6 0 0 1 4.831 8.367c-.147.337-.559.446-.878.262l-.144-.083c-.319-.185-.423-.591-.288-.934A4.5 4.5 0 0 0 8.25 2.103Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Loader12Icon

package/icons/react/Location24Icon.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 Location24Icon = ({
   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 7a6.002 6.002 0 0 1-5 5.917V17h-2v-4.083A6.002 6.002 0 0 1 12 1a6 6 0 0 1 6 6Zm3 13c0 1.657-4.03 3-9 3s-9-1.343-9-3c0-1.544 3.5-2.816 8-2.982V20a1 1 0 1 0 2 0v-2.982c4.5.166 8 1.438 8 2.982Z" fill="currentColor" /></svg>;
-export default Location24Icon;
+}: 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 7a6.002 6.002 0 0 1-5 5.917V17h-2v-4.083A6.002 6.002 0 0 1 12 1a6 6 0 0 1 6 6Zm3 13c0 1.657-4.03 3-9 3s-9-1.343-9-3c0-1.544 3.5-2.816 8-2.982V20a1 1 0 1 0 2 0v-2.982c4.5.166 8 1.438 8 2.982Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Location24Icon

package/icons/react/Logs16Icon.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 Logs16Icon = ({
-  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 3a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75H1v4.25c0 .414.336.75.75.75H6v-2H3V7h.25A.75.75 0 0 0 4 6.25v-2.5A.75.75 0 0 0 3.25 3H.75Zm6 0a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-.75-.75h-8.5ZM6 9.75A.75.75 0 0 1 6.75 9h8.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-2.5Z" fill="currentColor" /></svg>;
-export default Logs16Icon;
+const Logs16Icon = ({ 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 3a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75H1v4.25c0 .414.336.75.75.75H6v-2H3V7h.25A.75.75 0 0 0 4 6.25v-2.5A.75.75 0 0 0 3.25 3H.75Zm6 0a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-.75-.75h-8.5ZM6 9.75A.75.75 0 0 1 6.75 9h8.5a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-2.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Logs16Icon

package/icons/react/Logs24Icon.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 Logs24Icon = ({
-  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="M1 4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5v3.973l4 .054V11a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-.973l-4-.054V18h4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1H4a1 1 0 0 1-1-1V7H2a1 1 0 0 1-1-1V4Zm8 0a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V4Z" fill="currentColor" /></svg>;
-export default Logs24Icon;
+const Logs24Icon = ({ 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="M1 4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5v3.973l4 .054V11a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-.973l-4-.054V18h4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1H4a1 1 0 0 1-1-1V7H2a1 1 0 0 1-1-1V4Zm8 0a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V4Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Logs24Icon

package/icons/react/Metrics16Icon.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 Metrics16Icon = ({
   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="M9 1.75c0-.414.337-.755.749-.704a6.003 6.003 0 0 1 5.205 5.205c.05.412-.29.749-.704.749h-4.5A.75.75 0 0 1 9 6.25v-4.5ZM1 9a6.001 6.001 0 0 1 5.251-5.954c.412-.05.749.29.749.704v4.5c0 .414.336.75.75.75h4.5c.414 0 .755.337.704.749A6.001 6.001 0 0 1 1 9Z" fill="currentColor" /></svg>;
-export default Metrics16Icon;
+}: 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="M9 1.75c0-.414.337-.755.749-.704a6.003 6.003 0 0 1 5.205 5.205c.05.412-.29.749-.704.749h-4.5A.75.75 0 0 1 9 6.25v-4.5ZM1 9a6.001 6.001 0 0 1 5.251-5.954c.412-.05.749.29.749.704v4.5c0 .414.336.75.75.75h4.5c.414 0 .755.337.704.749A6.001 6.001 0 0 1 1 9Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Metrics16Icon

package/icons/react/More12Icon.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 More12Icon = ({
-  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 1.667C5 1.299 5.299 1 5.667 1h.666c.368 0 .667.299.667.667v.666A.667.667 0 0 1 6.333 3h-.666A.667.667 0 0 1 5 2.333v-.666Zm0 4C5 5.299 5.299 5 5.667 5h.666c.368 0 .667.299.667.667v.666A.667.667 0 0 1 6.333 7h-.666A.667.667 0 0 1 5 6.333v-.666Zm2 4A.667.667 0 0 0 6.333 9h-.666A.667.667 0 0 0 5 9.667v.666c0 .368.299.667.667.667h.666A.667.667 0 0 0 7 10.333v-.666Z" fill="currentColor" /></svg>;
-export default More12Icon;
+const More12Icon = ({ 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 1.667C5 1.299 5.299 1 5.667 1h.666c.368 0 .667.299.667.667v.666A.667.667 0 0 1 6.333 3h-.666A.667.667 0 0 1 5 2.333v-.666Zm0 4C5 5.299 5.299 5 5.667 5h.666c.368 0 .667.299.667.667v.666A.667.667 0 0 1 6.333 7h-.666A.667.667 0 0 1 5 6.333v-.666Zm2 4A.667.667 0 0 0 6.333 9h-.666A.667.667 0 0 0 5 9.667v.666c0 .368.299.667.667.667h.666A.667.667 0 0 0 7 10.333v-.666Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default More12Icon

package/icons/react/Networking16Icon.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 Networking16Icon = ({
   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.25 1h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5A.75.75 0 0 0 7 6.25v-4.5A.75.75 0 0 0 6.25 1Zm8 0h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75Zm-4.5 8h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 9.75 9Zm-6.5 0h-.5a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V9.75A.75.75 0 0 0 3.25 9Z" fill="currentColor" /></svg>;
-export default Networking16Icon;
+}: 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.25 1h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5A.75.75 0 0 0 7 6.25v-4.5A.75.75 0 0 0 6.25 1Zm8 0h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75Zm-4.5 8h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5A.75.75 0 0 1 9.75 9Zm-6.5 0h-.5a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V9.75A.75.75 0 0 0 3.25 9Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Networking16Icon

package/icons/react/Networking24Icon.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 Networking24Icon = ({
   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 2h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm11 0h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm7 11h-7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1ZM6 17a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2H8v-2a1 1 0 1 0-2 0v3Z" fill="currentColor" /></svg>;
-export default Networking24Icon;
+}: 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 2h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm11 0h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm7 11h-7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1ZM6 17a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2H8v-2a1 1 0 1 0-2 0v3Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Networking24Icon

package/icons/react/NewWindow16Icon.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 NewWindow16Icon = ({
   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="M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75ZM7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25v-.5ZM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5A.75.75 0 0 1 1.75 5Z" fill="currentColor" /></svg>;
-export default NewWindow16Icon;
+}: 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="M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75ZM7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25v-.5ZM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5A.75.75 0 0 1 1.75 5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default NewWindow16Icon

package/icons/react/NextArrow12Icon.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 NextArrow12Icon = ({
   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="M3.47 1.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L6.94 6 3.47 2.53a.75.75 0 0 1 0-1.06Z" fill="currentColor" /></svg>;
-export default NextArrow12Icon;
+}: 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="M3.47 1.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L6.94 6 3.47 2.53a.75.75 0 0 1 0-1.06Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default NextArrow12Icon

package/icons/react/Notifications16Icon.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 Notifications16Icon = ({
   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 1a1 1 0 0 0-1 1 .125.125 0 0 1-.098.12A5.002 5.002 0 0 0 3 7v2.69a.75.75 0 0 1-.22.53l-.573.573a.707.707 0 0 0 .5 1.207H13.293a.707.707 0 0 0 .5-1.207l-.573-.573a.75.75 0 0 1-.22-.53V7a5.002 5.002 0 0 0-3.902-4.88A.125.125 0 0 1 9 2a1 1 0 0 0-1-1Zm2 12a2 2 0 1 1-4 0h4Z" fill="currentColor" /></svg>;
-export default Notifications16Icon;
+}: 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 1a1 1 0 0 0-1 1 .125.125 0 0 1-.098.12A5.002 5.002 0 0 0 3 7v2.69a.75.75 0 0 1-.22.53l-.573.573a.707.707 0 0 0 .5 1.207H13.293a.707.707 0 0 0 .5-1.207l-.573-.573a.75.75 0 0 1-.22-.53V7a5.002 5.002 0 0 0-3.902-4.88A.125.125 0 0 1 9 2a1 1 0 0 0-1-1Zm2 12a2 2 0 1 1-4 0h4Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Notifications16Icon

package/icons/react/OpenLink12Icon.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 OpenLink12Icon = ({
   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="M1.667 1H5.02l.99.99.01.01H2v8h8V5.98l.01.01.99.99v3.353a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 10.333V1.667C1 1.299 1.299 1 1.667 1ZM10 3.97V4l1 1V1.667A.667.667 0 0 0 10.333 1H7l1 1h.03a.69.69 0 0 0 .109.139L9.86 3.86A.69.69 0 0 0 10 3.97Z" fill="currentColor" /></svg>;
-export default OpenLink12Icon;
+}: 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="M1.667 1H5.02l.99.99.01.01H2v8h8V5.98l.01.01.99.99v3.353a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 10.333V1.667C1 1.299 1.299 1 1.667 1ZM10 3.97V4l1 1V1.667A.667.667 0 0 0 10.333 1H7l1 1h.03a.69.69 0 0 0 .109.139L9.86 3.86A.69.69 0 0 0 10 3.97Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default OpenLink12Icon

package/icons/react/Organization16Icon.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 Organization16Icon = ({
   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.47.53a.75.75 0 0 1 1.06 0l2.273 2.273a.75.75 0 0 1 0 1.06L8.53 6.137a.75.75 0 0 1-1.06 0L5.197 3.864a.75.75 0 0 1 0-1.061L7.47.53Zm8 8a.75.75 0 0 0 0-1.06l-2.273-2.273a.75.75 0 0 0-1.06 0L9.863 7.47a.75.75 0 0 0 0 1.06l2.272 2.273a.75.75 0 0 0 1.061 0L15.47 8.53Zm-4.667 4.667a.75.75 0 0 0 0-1.06L8.53 9.863a.75.75 0 0 0-1.06 0l-2.273 2.272a.75.75 0 0 0 0 1.061L7.47 15.47a.75.75 0 0 0 1.06 0l2.273-2.273ZM6.136 8.53a.75.75 0 0 0 0-1.06L3.864 5.197a.75.75 0 0 0-1.061 0L.53 7.47a.75.75 0 0 0 0 1.06l2.273 2.273a.75.75 0 0 0 1.06 0L6.137 8.53Z" fill="currentColor" /></svg>;
-export default Organization16Icon;
+}: 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.47.53a.75.75 0 0 1 1.06 0l2.273 2.273a.75.75 0 0 1 0 1.06L8.53 6.137a.75.75 0 0 1-1.06 0L5.197 3.864a.75.75 0 0 1 0-1.061L7.47.53Zm8 8a.75.75 0 0 0 0-1.06l-2.273-2.273a.75.75 0 0 0-1.06 0L9.863 7.47a.75.75 0 0 0 0 1.06l2.272 2.273a.75.75 0 0 0 1.061 0L15.47 8.53Zm-4.667 4.667a.75.75 0 0 0 0-1.06L8.53 9.863a.75.75 0 0 0-1.06 0l-2.273 2.272a.75.75 0 0 0 0 1.061L7.47 15.47a.75.75 0 0 0 1.06 0l2.273-2.273ZM6.136 8.53a.75.75 0 0 0 0-1.06L3.864 5.197a.75.75 0 0 0-1.061 0L.53 7.47a.75.75 0 0 0 0 1.06l2.273 2.273a.75.75 0 0 0 1.06 0L6.137 8.53Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Organization16Icon