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

package/icons/react/Info16Icon.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 Info16Icon = ({
-  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 14Zm.25-11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-.5A.75.75 0 0 1 7 5.25v-.5A.75.75 0 0 1 7.75 4h.5Zm0 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75v-3.5A.75.75 0 0 1 7.75 7h.5Z" fill="currentColor" /></svg>;
-export default Info16Icon;
+const Info16Icon = ({ 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 14Zm.25-11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-.5A.75.75 0 0 1 7 5.25v-.5A.75.75 0 0 1 7.75 4h.5Zm0 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75v-3.5A.75.75 0 0 1 7.75 7h.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Info16Icon

package/icons/react/Info24Icon.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 Info24Icon = ({
-  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 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM11 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 3a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0v-5Z" fill="currentColor" /></svg>;
-export default Info24Icon;
+const Info24Icon = ({ 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 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM11 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 3a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0v-5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Info24Icon

package/icons/react/Instances16Icon.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 Instances16Icon = ({
   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 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" fill="currentColor" /></svg>;
-export default Instances16Icon;
+}: 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 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"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Instances16Icon

package/icons/react/Instances24Icon.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 Instances24Icon = ({
   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="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" fill="currentColor" /></svg>;
-export default Instances24Icon;
+}: 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="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"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Instances24Icon

package/icons/react/Integration16Icon.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 Integration16Icon = ({
   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="M1.75 1a.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 1h-4.5Zm9.25.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 .75.75V3h1.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H13v1.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V5H9.75A.75.75 0 0 1 9 4.25v-.5A.75.75 0 0 1 9.75 3H11V1.75Zm-10 8A.75.75 0 0 1 1.75 9h4.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.5ZM9.75 9a.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-.75h-4.5Z" fill="currentColor" /></svg>;
-export default Integration16Icon;
+}: 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="M1.75 1a.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 1h-4.5Zm9.25.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 .75.75V3h1.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H13v1.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V5H9.75A.75.75 0 0 1 9 4.25v-.5A.75.75 0 0 1 9.75 3H11V1.75Zm-10 8A.75.75 0 0 1 1.75 9h4.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.5ZM9.75 9a.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-.75h-4.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Integration16Icon

package/icons/react/IpGlobal16Icon.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 IpGlobal16Icon = ({
   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="M5.75 8c0-.424.008-.841.024-1.25h4.452a32.576 32.576 0 0 1-.023 3H5.797A32.353 32.353 0 0 1 5.75 8Zm-1.5 0c0-.423.008-.84.023-1.25H.097a8.06 8.06 0 0 0 .095 3h4.103C4.265 9.18 4.25 8.595 4.25 8ZM.688 11.25a8.026 8.026 0 0 0 4.54 4.257 13.39 13.39 0 0 1-.068-.22c-.34-1.135-.599-2.512-.752-4.037H.688Zm8.326 4.686a8.085 8.085 0 0 1-2.028 0 9.783 9.783 0 0 1-.389-1.08c-.298-.995-.535-2.224-.681-3.606h4.168c-.146 1.382-.383 2.611-.681 3.605-.123.41-.254.771-.389 1.081Zm1.758-.43a8.027 8.027 0 0 0 4.54-4.256h-3.72c-.153 1.525-.412 2.902-.752 4.037l-.068.22Zm5.036-5.756a8.027 8.027 0 0 0 .095-3h-4.176a34.235 34.235 0 0 1-.022 3h4.103Zm-.293-4.5A8.024 8.024 0 0 0 10.772.493l.068.22c.377 1.257.654 2.812.798 4.537h3.877ZM6.985.064a8.078 8.078 0 0 1 2.03 0c.134.31.265.67.388 1.08.334 1.113.59 2.52.73 4.106H5.867c.14-1.587.395-2.993.729-4.106.123-.41.254-.77.388-1.08Zm-1.757.43A8.024 8.024 0 0 0 .485 5.25h3.877c.144-1.725.421-3.28.798-4.537l.068-.22Z" fill="currentColor" /></svg>;
-export default IpGlobal16Icon;
+}: 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="M5.75 8c0-.424.008-.841.024-1.25h4.452a32.576 32.576 0 0 1-.023 3H5.797A32.353 32.353 0 0 1 5.75 8Zm-1.5 0c0-.423.008-.84.023-1.25H.097a8.06 8.06 0 0 0 .095 3h4.103C4.265 9.18 4.25 8.595 4.25 8ZM.688 11.25a8.026 8.026 0 0 0 4.54 4.257 13.39 13.39 0 0 1-.068-.22c-.34-1.135-.599-2.512-.752-4.037H.688Zm8.326 4.686a8.085 8.085 0 0 1-2.028 0 9.783 9.783 0 0 1-.389-1.08c-.298-.995-.535-2.224-.681-3.606h4.168c-.146 1.382-.383 2.611-.681 3.605-.123.41-.254.771-.389 1.081Zm1.758-.43a8.027 8.027 0 0 0 4.54-4.256h-3.72c-.153 1.525-.412 2.902-.752 4.037l-.068.22Zm5.036-5.756a8.027 8.027 0 0 0 .095-3h-4.176a34.235 34.235 0 0 1-.022 3h4.103Zm-.293-4.5A8.024 8.024 0 0 0 10.772.493l.068.22c.377 1.257.654 2.812.798 4.537h3.877ZM6.985.064a8.078 8.078 0 0 1 2.03 0c.134.31.265.67.388 1.08.334 1.113.59 2.52.73 4.106H5.867c.14-1.587.395-2.993.729-4.106.123-.41.254-.77.388-1.08Zm-1.757.43A8.024 8.024 0 0 0 .485 5.25h3.877c.144-1.725.421-3.28.798-4.537l.068-.22Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default IpGlobal16Icon

package/icons/react/IpGlobal24Icon.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 IpGlobal24Icon = ({
   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="M13.412 1.09a11.108 11.108 0 0 0-2.824 0c-.332.453-.671 1.049-.992 1.798C9.108 4.026 8.703 5.42 8.423 7h7.154c-.28-1.58-.685-2.974-1.173-4.112-.32-.749-.66-1.345-.992-1.798Zm2.694.702c.656 1.436 1.173 3.212 1.5 5.208h4.195a11.04 11.04 0 0 0-5.695-5.208ZM22.586 9h-4.724c.09.966.138 1.97.138 3s-.048 2.034-.138 3h4.724c.27-.954.414-1.96.414-3s-.144-2.046-.414-3Zm-.785 8h-4.195c-.327 1.995-.844 3.772-1.5 5.208A11.041 11.041 0 0 0 21.801 17Zm-8.389 5.91a11.12 11.12 0 0 1-2.824 0c-.332-.453-.671-1.049-.992-1.798-.488-1.138-.893-2.532-1.173-4.112h7.154c-.28 1.58-.685 2.974-1.173 4.112-.32.749-.66 1.345-.992 1.798Zm-5.518-.702A11.04 11.04 0 0 1 2.199 17h4.195c.327 1.995.844 3.772 1.5 5.208ZM1.414 15h4.724C6.048 14.034 6 13.03 6 12s.048-2.034.138-3H1.414C1.144 9.954 1 10.96 1 12s.144 2.046.414 3ZM2.2 7h4.195c.327-1.996.844-3.772 1.5-5.208A11.04 11.04 0 0 0 2.199 7ZM8 12c0 1.04.052 2.044.147 3h7.706c.095-.956.147-1.96.147-3s-.052-2.044-.147-3H8.147C8.052 9.956 8 10.96 8 12Z" fill="currentColor" /></svg>;
-export default IpGlobal24Icon;
+}: 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="M13.412 1.09a11.108 11.108 0 0 0-2.824 0c-.332.453-.671 1.049-.992 1.798C9.108 4.026 8.703 5.42 8.423 7h7.154c-.28-1.58-.685-2.974-1.173-4.112-.32-.749-.66-1.345-.992-1.798Zm2.694.702c.656 1.436 1.173 3.212 1.5 5.208h4.195a11.04 11.04 0 0 0-5.695-5.208ZM22.586 9h-4.724c.09.966.138 1.97.138 3s-.048 2.034-.138 3h4.724c.27-.954.414-1.96.414-3s-.144-2.046-.414-3Zm-.785 8h-4.195c-.327 1.995-.844 3.772-1.5 5.208A11.041 11.041 0 0 0 21.801 17Zm-8.389 5.91a11.12 11.12 0 0 1-2.824 0c-.332-.453-.671-1.049-.992-1.798-.488-1.138-.893-2.532-1.173-4.112h7.154c-.28 1.58-.685 2.974-1.173 4.112-.32.749-.66 1.345-.992 1.798Zm-5.518-.702A11.04 11.04 0 0 1 2.199 17h4.195c.327 1.995.844 3.772 1.5 5.208ZM1.414 15h4.724C6.048 14.034 6 13.03 6 12s.048-2.034.138-3H1.414C1.144 9.954 1 10.96 1 12s.144 2.046.414 3ZM2.2 7h4.195c.327-1.996.844-3.772 1.5-5.208A11.04 11.04 0 0 0 2.199 7ZM8 12c0 1.04.052 2.044.147 3h7.706c.095-.956.147-1.96.147-3s-.052-2.044-.147-3H8.147C8.052 9.956 8 10.96 8 12Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default IpGlobal24Icon

package/icons/react/IpLocal16Icon.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 IpLocal16Icon = ({
   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.736 6.909a3.006 3.006 0 0 1-1.07.073L6.038 9.799a3 3 0 1 1-1.32-.713l1.53-2.65a3 3 0 1 1 3.804-.247l1.632 2.827a3 3 0 1 1-1.422.537L8.736 6.91Z" fill="currentColor" /></svg>;
-export default IpLocal16Icon;
+}: 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.736 6.909a3.006 3.006 0 0 1-1.07.073L6.038 9.799a3 3 0 1 1-1.32-.713l1.53-2.65a3 3 0 1 1 3.804-.247l1.632 2.827a3 3 0 1 1-1.422.537L8.736 6.91Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default IpLocal16Icon

package/icons/react/IpLocal24Icon.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 IpLocal24Icon = ({
   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.555 9.962a4.036 4.036 0 0 1-1.354-.042l-2.812 4.871a4 4 0 1 1-1.872-.758L9.4 9.04a4 4 0 1 1 5.018.147l2.82 4.886a4 4 0 1 1-1.81.864l-2.873-4.975Z" fill="currentColor" /></svg>;
-export default IpLocal24Icon;
+}: 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.555 9.962a4.036 4.036 0 0 1-1.354-.042l-2.812 4.871a4 4 0 1 1-1.872-.758L9.4 9.04a4 4 0 1 1 5.018.147l2.82 4.886a4 4 0 1 1-1.81.864l-2.873-4.975Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default IpLocal24Icon

package/icons/react/Issues16Icon.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 Issues16Icon = ({
   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="M2.75 1a.75.75 0 0 0-.75.75V13h-.25a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V8h3v1.25c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H9V2.75A.75.75 0 0 0 8.25 2H4v-.25A.75.75 0 0 0 3.25 1h-.5Z" fill="currentColor" /></svg>;
-export default Issues16Icon;
+}: 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="M2.75 1a.75.75 0 0 0-.75.75V13h-.25a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V8h3v1.25c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H9V2.75A.75.75 0 0 0 8.25 2H4v-.25A.75.75 0 0 0 3.25 1h-.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Issues16Icon

package/icons/react/Issues24Icon.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 Issues24Icon = ({
   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="M6 1a1 1 0 0 0-1 1v19H4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H7v-9h6v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4V4a1 1 0 0 0-1-1H7V2a1 1 0 0 0-1-1Z" fill="currentColor" /></svg>;
-export default Issues24Icon;
+}: 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="M6 1a1 1 0 0 0-1 1v19H4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H7v-9h6v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4V4a1 1 0 0 0-1-1H7V2a1 1 0 0 0-1-1Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Issues24Icon

package/icons/react/Key12Icon.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 Key12Icon = ({
-  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="m10.972.472.556.556c.26.26.26.683 0 .944l-.278.278.278.278c.26.26.26.683 0 .944l-.056.056a.667.667 0 0 1-.944 0l-.278-.278-1 1 .278.278c.26.26.26.683 0 .944l-.056.056a.667.667 0 0 1-.944 0L8.25 5.25 7.044 6.456a3.75 3.75 0 1 1-1.5-1.5L10.028.472c.26-.26.683-.26.944 0ZM3.75 10a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" fill="currentColor" /></svg>;
-export default Key12Icon;
+const Key12Icon = ({ 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="m10.972.472.556.556c.26.26.26.683 0 .944l-.278.278.278.278c.26.26.26.683 0 .944l-.056.056a.667.667 0 0 1-.944 0l-.278-.278-1 1 .278.278c.26.26.26.683 0 .944l-.056.056a.667.667 0 0 1-.944 0L8.25 5.25 7.044 6.456a3.75 3.75 0 1 1-1.5-1.5L10.028.472c.26-.26.683-.26.944 0ZM3.75 10a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Key12Icon

package/icons/react/Key16Icon.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 Key16Icon = ({
-  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.53.53.94.94a.75.75 0 0 1 0 1.06L15 3l.5.5a.707.707 0 0 1-1 1L14 4l-1 1 .47.47a.75.75 0 0 1 0 1.06l-.94.94a.75.75 0 0 1-1.06 0L11 7 9.392 8.608a5 5 0 1 1-2-2L13.47.53a.75.75 0 0 1 1.06 0ZM5 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="currentColor" /></svg>;
-export default Key16Icon;
+const Key16Icon = ({ 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.53.53.94.94a.75.75 0 0 1 0 1.06L15 3l.5.5a.707.707 0 0 1-1 1L14 4l-1 1 .47.47a.75.75 0 0 1 0 1.06l-.94.94a.75.75 0 0 1-1.06 0L11 7 9.392 8.608a5 5 0 1 1-2-2L13.47.53a.75.75 0 0 1 1.06 0ZM5 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Key16Icon

package/icons/react/Key24Icon.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 Key24Icon = ({
-  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.173 2.707a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414l-.233.233 1.232 1.232a1 1 0 0 1-1.414 1.414l-1.232-1.231-1.464 1.464 1.231 1.232a1 1 0 0 1 0 1.414l-.707.707a1 1 0 0 1-1.414 0L15.06 10.06 13.623 11.5a6.5 6.5 0 1 1-2.359-1.884l6.909-6.908ZM8.5 19a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z" fill="currentColor" /></svg>;
-export default Key24Icon;
+const Key24Icon = ({ 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.173 2.707a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414l-.233.233 1.232 1.232a1 1 0 0 1-1.414 1.414l-1.232-1.231-1.464 1.464 1.231 1.232a1 1 0 0 1 0 1.414l-.707.707a1 1 0 0 1-1.414 0L15.06 10.06 13.623 11.5a6.5 6.5 0 1 1-2.359-1.884l6.909-6.908ZM8.5 19a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Key24Icon

package/icons/react/Like16Icon.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 Like16Icon = ({
-  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.621 1.473 4 6v9h7.536a.75.75 0 0 0 .671-.415L15 9V8a2 2 0 0 0-2-2H9l.61-2.444a2 2 0 0 0-1.045-2.273l-.023-.012a.75.75 0 0 0-.92.202ZM1.75 6a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75H3V6H1.75Z" fill="currentColor" /></svg>;
-export default Like16Icon;
+const Like16Icon = ({ 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.621 1.473 4 6v9h7.536a.75.75 0 0 0 .671-.415L15 9V8a2 2 0 0 0-2-2H9l.61-2.444a2 2 0 0 0-1.045-2.273l-.023-.012a.75.75 0 0 0-.92.202ZM1.75 6a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75H3V6H1.75Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Like16Icon

package/icons/react/Like24Icon.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 Like24Icon = ({
-  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.563 2.512 7 9.018V22h10.323a1 1 0 0 0 .928-.629L22 12v-.982a2 2 0 0 0-2-2h-5.571l1.098-4.207a2 2 0 0 0-1.302-2.403l-.586-.195a1 1 0 0 0-1.076.299ZM2.75 9a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H5V9H2.75Z" fill="currentColor" /></svg>;
-export default Like24Icon;
+const Like24Icon = ({ 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.563 2.512 7 9.018V22h10.323a1 1 0 0 0 .928-.629L22 12v-.982a2 2 0 0 0-2-2h-5.571l1.098-4.207a2 2 0 0 0-1.302-2.403l-.586-.195a1 1 0 0 0-1.076.299ZM2.75 9a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H5V9H2.75Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Like24Icon