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

package/icons/react/DirectionUpIcon.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 DirectionUpIcon = ({
   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="M6.597 3.193a.667.667 0 0 0-1.194 0l-2.92 5.842c-.222.443.1.965.596.965h5.842a.667.667 0 0 0 .596-.965l-2.92-5.842Z" fill="currentColor" /></svg>;
-export default DirectionUpIcon;
+}: 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="M6.597 3.193a.667.667 0 0 0-1.194 0l-2.92 5.842c-.222.443.1.965.596.965h5.842a.667.667 0 0 0 .596-.965l-2.92-5.842Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default DirectionUpIcon

package/icons/react/Disabled12Icon.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 Disabled12Icon = ({
   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.167 6.75a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h5.666c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667H3.167Z" fill="currentColor" /></svg>;
-export default Disabled12Icon;
+}: 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.167 6.75a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h5.666c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667H3.167Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Disabled12Icon

package/icons/react/Dislike16Icon.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 Dislike16Icon = ({
   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.379 14.527 12 10V1H4.464a.75.75 0 0 0-.671.415L1 7v1a2 2 0 0 0 2 2h4l-.61 2.444a2 2 0 0 0 1.045 2.273l.023.012a.75.75 0 0 0 .92-.202ZM14.25 10a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H13v9h1.25Z" fill="currentColor" /></svg>;
-export default Dislike16Icon;
+}: 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.379 14.527 12 10V1H4.464a.75.75 0 0 0-.671.415L1 7v1a2 2 0 0 0 2 2h4l-.61 2.444a2 2 0 0 0 1.045 2.273l.023.012a.75.75 0 0 0 .92-.202ZM14.25 10a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H13v9h1.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Dislike16Icon

package/icons/react/Dislike24Icon.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 Dislike24Icon = ({
   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.328 23.616 17 16.982V4H5.78a.75.75 0 0 0-.689.455L1 14v.982a2 2 0 0 0 2 2h6.571l-1.098 4.207a2 2 0 0 0 1.302 2.403l.746.248a.75.75 0 0 0 .807-.224Zm9.922-6.634a.75.75 0 0 0 .75-.75V4.75a.75.75 0 0 0-.75-.75h-2.107v12.982h2.107Z" fill="currentColor" /></svg>;
-export default Dislike24Icon;
+}: 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.328 23.616 17 16.982V4H5.78a.75.75 0 0 0-.689.455L1 14v.982a2 2 0 0 0 2 2h6.571l-1.098 4.207a2 2 0 0 0 1.302 2.403l.746.248a.75.75 0 0 0 .807-.224Zm9.922-6.634a.75.75 0 0 0 .75-.75V4.75a.75.75 0 0 0-.75-.75h-2.107v12.982h2.107Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Dislike24Icon

package/icons/react/Document16Icon.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 Document16Icon = ({
   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 d="M11.72.224A.75.75 0 0 0 11.185 0H2.75A.75.75 0 0 0 2 .75v14.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75V2.852a.75.75 0 0 0-.215-.525L11.72.224ZM4 8.75A.75.75 0 0 1 4.75 8h3.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-3.5A.75.75 0 0 1 4 9.25v-.5Zm6 3.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v.5Zm1-5.91a.75.75 0 0 1-.75.75h-5.5A.75.75 0 0 1 4 6.34v-.59A.75.75 0 0 1 4.75 5h5.5a.75.75 0 0 1 .75.75v.59Z" fill="currentColor" /></svg>;
-export default Document16Icon;
+}: 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
+      d="M11.72.224A.75.75 0 0 0 11.185 0H2.75A.75.75 0 0 0 2 .75v14.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75V2.852a.75.75 0 0 0-.215-.525L11.72.224ZM4 8.75A.75.75 0 0 1 4.75 8h3.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-3.5A.75.75 0 0 1 4 9.25v-.5Zm6 3.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v.5Zm1-5.91a.75.75 0 0 1-.75.75h-5.5A.75.75 0 0 1 4 6.34v-.59A.75.75 0 0 1 4.75 5h5.5a.75.75 0 0 1 .75.75v.59Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Document16Icon

package/icons/react/Document24Icon.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 Document24Icon = ({
   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="M16.293 1.293A1 1 0 0 0 15.586 1H4a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6.414a1 1 0 0 0-.293-.707l-4.414-4.414ZM6 12a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm11 4a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h9a1 1 0 0 1 1 1Zm1-8a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1Z" fill="currentColor" /></svg>;
-export default Document24Icon;
+}: 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="M16.293 1.293A1 1 0 0 0 15.586 1H4a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6.414a1 1 0 0 0-.293-.707l-4.414-4.414ZM6 12a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm11 4a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h9a1 1 0 0 1 1 1Zm1-8a1 1 0 0 1-1 1H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Document24Icon

package/icons/react/Dots16Icon.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 Dots16Icon = ({
-  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.5 1.75A.75.75 0 0 1 7.25 1h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75v-1.5Zm0 5.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75v-1.5Zm3 5.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5Z" fill="currentColor" /></svg>;
-export default Dots16Icon;
+const Dots16Icon = ({ 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.5 1.75A.75.75 0 0 1 7.25 1h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75v-1.5Zm0 5.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75v-1.5Zm3 5.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Dots16Icon

package/icons/react/Dots24Icon.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 Dots24Icon = ({
-  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 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V3Zm0 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2Zm1 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2Z" fill="currentColor" /></svg>;
-export default Dots24Icon;
+const Dots24Icon = ({ 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 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V3Zm0 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2Zm1 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Dots24Icon

package/icons/react/Download24Icon.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 Download24Icon = ({
   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 10Zm-3.793-9H11V7a1 1 0 1 1 2 0v6h2.793a.5.5 0 0 1 .353.854l-3.439 3.439a1 1 0 0 1-1.414 0l-3.44-3.44A.5.5 0 0 1 8.208 13Z" fill="currentColor" /></svg>;
-export default Download24Icon;
+}: 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 10Zm-3.793-9H11V7a1 1 0 1 1 2 0v6h2.793a.5.5 0 0 1 .353.854l-3.439 3.439a1 1 0 0 1-1.414 0l-3.44-3.44A.5.5 0 0 1 8.208 13Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Download24Icon

package/icons/react/DownloadRoundel16Icon.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 DownloadRoundel16Icon = ({
   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 14ZM4.905 8H7V4.75A.75.75 0 0 1 7.75 4h.5a.75.75 0 0 1 .75.75V8h2.095c.334 0 .501.404.265.64l-2.83 2.83a.75.75 0 0 1-1.06 0L4.64 8.64A.375.375 0 0 1 4.905 8Z" fill="currentColor" /></svg>;
-export default DownloadRoundel16Icon;
+}: 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 14ZM4.905 8H7V4.75A.75.75 0 0 1 7.75 4h.5a.75.75 0 0 1 .75.75V8h2.095c.334 0 .501.404.265.64l-2.83 2.83a.75.75 0 0 1-1.06 0L4.64 8.64A.375.375 0 0 1 4.905 8Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default DownloadRoundel16Icon

package/icons/react/Edit16Icon.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 Edit16Icon = ({
-  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 16a.75.75 0 0 1-.75-.75v-2.94a.75.75 0 0 1 .22-.53l8.25-8.25a.75.75 0 0 1 1.06 0l2.94 2.94a.75.75 0 0 1 0 1.06l-8.25 8.25a.75.75 0 0 1-.53.22H.75ZM13.47 5.47a.75.75 0 0 0 1.06 0l.94-.94a.75.75 0 0 0 0-1.06L12.53.53a.75.75 0 0 0-1.06 0l-.94.94a.75.75 0 0 0 0 1.06l2.94 2.94Z" fill="currentColor" /></svg>;
-export default Edit16Icon;
+const Edit16Icon = ({ 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 16a.75.75 0 0 1-.75-.75v-2.94a.75.75 0 0 1 .22-.53l8.25-8.25a.75.75 0 0 1 1.06 0l2.94 2.94a.75.75 0 0 1 0 1.06l-8.25 8.25a.75.75 0 0 1-.53.22H.75ZM13.47 5.47a.75.75 0 0 0 1.06 0l.94-.94a.75.75 0 0 0 0-1.06L12.53.53a.75.75 0 0 0-1.06 0l-.94.94a.75.75 0 0 0 0 1.06l2.94 2.94Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Edit16Icon

package/icons/react/Email16Icon.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 Email16Icon = ({
-  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="m3.049 10 1.555-7h6.792l1.555 7H10.75a.75.75 0 0 0-.75.75v.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 0-.75-.75H3.049Zm-.18-8.413A.75.75 0 0 1 3.602 1h8.796a.75.75 0 0 1 .732.587l1.852 8.333a.748.748 0 0 1 .018.162v4.168a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.168a.75.75 0 0 1 .018-.162l1.851-8.333Z" fill="currentColor" /></svg>;
-export default Email16Icon;
+const Email16Icon = ({ 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="m3.049 10 1.555-7h6.792l1.555 7H10.75a.75.75 0 0 0-.75.75v.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 0-.75-.75H3.049Zm-.18-8.413A.75.75 0 0 1 3.602 1h8.796a.75.75 0 0 1 .732.587l1.852 8.333a.748.748 0 0 1 .018.162v4.168a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.168a.75.75 0 0 1 .018-.162l1.851-8.333Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Email16Icon

package/icons/react/Email24Icon.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 Email24Icon = ({
-  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.226 14.975a1 1 0 0 1-.98-1.201l1.637-7.975A1 1 0 0 1 7.863 5h8.318a1 1 0 0 1 .98.803l1.6 7.975a1 1 0 0 1-.981 1.197H16a1 1 0 0 0-1 1V17a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1.025a1 1 0 0 0-1-1H6.226ZM5 3c.109-.49.435-1 .938-1H18c.502 0 .891.51 1 1l2.974 11.742c.017.077.026.155.026.233v5.954C22 21.52 21.52 22 20.929 22H3.07C2.48 22 2 21.52 2 20.929v-5.954c0-.078.009-.156.026-.233L5 3Z" fill="currentColor" /></svg>;
-export default Email24Icon;
+const Email24Icon = ({ 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.226 14.975a1 1 0 0 1-.98-1.201l1.637-7.975A1 1 0 0 1 7.863 5h8.318a1 1 0 0 1 .98.803l1.6 7.975a1 1 0 0 1-.981 1.197H16a1 1 0 0 0-1 1V17a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1.025a1 1 0 0 0-1-1H6.226ZM5 3c.109-.49.435-1 .938-1H18c.502 0 .891.51 1 1l2.974 11.742c.017.077.026.155.026.233v5.954C22 21.52 21.52 22 20.929 22H3.07C2.48 22 2 21.52 2 20.929v-5.954c0-.078.009-.156.026-.233L5 3Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Email24Icon

package/icons/react/Error12Icon.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 Error12Icon = ({
-  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 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z" fill="currentColor" /></svg>;
-export default Error12Icon;
+const Error12Icon = ({ 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 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Error12Icon

package/icons/react/Error16Icon.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 Error16Icon = ({
-  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 14ZM4.995 6.409a.75.75 0 0 1 0-1.06l.353-.354a.75.75 0 0 1 1.061 0L8 6.585l1.591-1.59a.75.75 0 0 1 1.06 0l.354.353a.75.75 0 0 1 0 1.061L9.415 8l1.59 1.591a.75.75 0 0 1 0 1.06l-.353.354a.75.75 0 0 1-1.061 0L8 9.415l-1.591 1.59a.75.75 0 0 1-1.06 0l-.354-.353a.75.75 0 0 1 0-1.061L6.585 8l-1.59-1.591Z" fill="currentColor" /></svg>;
-export default Error16Icon;
+const Error16Icon = ({ 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 14ZM4.995 6.409a.75.75 0 0 1 0-1.06l.353-.354a.75.75 0 0 1 1.061 0L8 6.585l1.591-1.59a.75.75 0 0 1 1.06 0l.354.353a.75.75 0 0 1 0 1.061L9.415 8l1.59 1.591a.75.75 0 0 1 0 1.06l-.353.354a.75.75 0 0 1-1.061 0L8 9.415l-1.591 1.59a.75.75 0 0 1-1.06 0l-.354-.353a.75.75 0 0 1 0-1.061L6.585 8l-1.59-1.591Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Error16Icon

package/icons/react/Error24Icon.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 Error24Icon = ({
-  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 10ZM7.447 9.613a.75.75 0 0 1 0-1.06l.884-.884a.75.75 0 0 1 1.06 0l2.387 2.387 2.387-2.387a.75.75 0 0 1 1.06 0l.884.884a.75.75 0 0 1 0 1.06L13.723 12l2.386 2.386a.75.75 0 0 1 0 1.061l-.884.884a.75.75 0 0 1-1.06 0l-2.387-2.386-2.386 2.386a.75.75 0 0 1-1.061 0l-.884-.884a.75.75 0 0 1 0-1.06L9.834 12 7.447 9.613Z" fill="currentColor" /></svg>;
-export default Error24Icon;
+const Error24Icon = ({ 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 10ZM7.447 9.613a.75.75 0 0 1 0-1.06l.884-.884a.75.75 0 0 1 1.06 0l2.387 2.387 2.387-2.387a.75.75 0 0 1 1.06 0l.884.884a.75.75 0 0 1 0 1.06L13.723 12l2.386 2.386a.75.75 0 0 1 0 1.061l-.884.884a.75.75 0 0 1-1.06 0l-2.387-2.386-2.386 2.386a.75.75 0 0 1-1.061 0l-.884-.884a.75.75 0 0 1 0-1.06L9.834 12 7.447 9.613Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Error24Icon