@databricks/design-system 1.12.18 → 1.12.19

package/src/design-system/Icon/__generated/icons/TargetIcon.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTargetIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        d="M1.75 1H6v1.5H2.5V6H1V1.75A.75.75 0 0 1 1.75 1M14.25 1H10v1.5h3.5V6H15V1.75a.75.75 0 0 0-.75-.75M10 13.5h3.5V10H15v4.25a.75.75 0 0 1-.75.75H10zM2.5 13.5V10H1v4.25c0 .414.336.75.75.75H6v-1.5z"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6M6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const TargetIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTargetIcon} />;
+});
+TargetIcon.displayName = 'TargetIcon';
+export default TargetIcon;

package/src/design-system/Icon/__generated/icons/TerminalIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTerminalIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path fill="currentColor" d="M5.03 4.97 8.06 8l-3.03 3.03-1.06-1.06L5.94 8 3.97 6.03zM12 9.5H8V11h4z" />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1 1.75A.75.75 0 0 1 1.75 1h12.5a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75zm1.5.75v11h11v-11z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const TerminalIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTerminalIcon} />;
+});
+TerminalIcon.displayName = 'TerminalIcon';
+export default TerminalIcon;

package/src/design-system/Icon/__generated/icons/TextBoxIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTextBoxIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1.75 1a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h12.5a.75.75 0 0 0 .75-.75V1.75a.75.75 0 0 0-.75-.75zm.75 12.5v-11h11v11zM5 6h2.25v5.5h1.5V6H11V4.5H5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const TextBoxIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTextBoxIcon} />;
+});
+TextBoxIcon.displayName = 'TextBoxIcon';
+export default TextBoxIcon;

package/src/design-system/Icon/__generated/icons/TextUnderlineIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTextUnderlineIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8.5 1H10v3.961a3.4 3.4 0 0 1 1.75-.461c.857 0 1.674.287 2.283.863.616.582.967 1.411.967 2.387s-.351 1.805-.967 2.387c-.61.576-1.426.863-2.283.863a3.4 3.4 0 0 1-1.75-.461V11H8.5zM10 7.75c0 .602.208 1.023.498 1.297.295.28.728.453 1.252.453s.957-.174 1.252-.453c.29-.274.498-.695.498-1.297s-.208-1.023-.498-1.297C12.708 6.173 12.275 6 11.75 6s-.957.174-1.252.453c-.29.274-.498.695-.498 1.297M4 5.25c-.582 0-1.16.16-1.755.365l-.49-1.417C2.385 3.979 3.159 3.75 4 3.75a3 3 0 0 1 3 3V11H5.5v-.298A3.7 3.7 0 0 1 4 11c-.741 0-1.47-.191-2.035-.607A2.3 2.3 0 0 1 1 8.5c0-.81.381-1.464.965-1.893C2.529 6.19 3.259 6 4 6c.494 0 .982.085 1.42.264A1.5 1.5 0 0 0 4 5.25m1.147 2.565c.23.17.353.39.353.685a.8.8 0 0 1-.353.685C4.897 9.369 4.5 9.5 4 9.5s-.897-.131-1.147-.315A.8.8 0 0 1 2.5 8.5c0-.295.123-.515.353-.685C3.103 7.631 3.5 7.5 4 7.5s.897.131 1.147.315"
+        clipRule="evenodd"
+      />
+      <path fill="currentColor" d="M1 12.5h14V14H1z" />
+    </svg>
+  );
+}
+const TextUnderlineIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTextUnderlineIcon} />;
+});
+TextUnderlineIcon.displayName = 'TextUnderlineIcon';
+export default TextUnderlineIcon;

package/src/design-system/Icon/__generated/icons/ThumbsDownIcon.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgThumbsDownIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g clipPath="url(#ThumbsDownIcon_svg__a)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M13.655 2.274a.8.8 0 0 0-.528-.19h-1.044v5.833h1.044a.79.79 0 0 0 .79-.643V2.725a.8.8 0 0 0-.262-.451m-3.072 6.233V2.083H3.805a.58.58 0 0 0-.583.496v.001l-.92 6a.585.585 0 0 0 .583.67h3.782a.75.75 0 0 1 .75.75v2.667a1.25 1.25 0 0 0 .8 1.166zm1.238.91L9.352 14.97a.75.75 0 0 1-.685.446 2.75 2.75 0 0 1-2.75-2.75V10.75h-3.02A2.082 2.082 0 0 1 .82 8.354l.92-6A2.085 2.085 0 0 1 3.816.584h9.29a2.29 2.29 0 0 1 2.303 1.982 1 1 0 0 1 .007.1v4.667a1 1 0 0 1-.007.1 2.29 2.29 0 0 1-2.303 1.984z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const ThumbsDownIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgThumbsDownIcon} />;
+});
+ThumbsDownIcon.displayName = 'ThumbsDownIcon';
+export default ThumbsDownIcon;

package/src/design-system/Icon/__generated/icons/ThumbsUpIcon.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgThumbsUpIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g clipPath="url(#ThumbsUpIcon_svg__a)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M6.648 1.029a.75.75 0 0 1 .685-.446 2.75 2.75 0 0 1 2.75 2.75V5.25h3.02a2.083 2.083 0 0 1 2.079 2.396l-.92 6a2.085 2.085 0 0 1-2.08 1.77H2.668a2.083 2.083 0 0 1-2.084-2.082V8.667a2.083 2.083 0 0 1 2.084-2.083h1.512zM3.917 8.084h-1.25a.583.583 0 0 0-.584.583v4.667a.583.583 0 0 0 .584.583h1.25zm1.5 5.833h6.778a.58.58 0 0 0 .583-.496l.92-6a.584.584 0 0 0-.583-.67H9.333a.75.75 0 0 1-.75-.75V3.332a1.25 1.25 0 0 0-.8-1.166L5.417 7.493z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const ThumbsUpIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgThumbsUpIcon} />;
+});
+ThumbsUpIcon.displayName = 'ThumbsUpIcon';
+export default ThumbsUpIcon;

package/src/design-system/Icon/__generated/icons/TrashIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTrashIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M6 0a.75.75 0 0 0-.712.513L4.46 3H1v1.5h1.077l1.177 10.831A.75.75 0 0 0 4 16h8a.75.75 0 0 0 .746-.669L13.923 4.5H15V3h-3.46L10.713.513A.75.75 0 0 0 10 0zm3.96 3-.5-1.5H6.54L6.04 3zM3.585 4.5l1.087 10h6.654l1.087-10z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const TrashIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTrashIcon} />;
+});
+TrashIcon.displayName = 'TrashIcon';
+export default TrashIcon;

package/src/design-system/Icon/__generated/icons/TreeIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgTreeIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M2.004 9.602a2.751 2.751 0 1 0 3.371 3.47 2.751 2.751 0 0 0 5.25 0 2.751 2.751 0 1 0 3.371-3.47A2.75 2.75 0 0 0 11.25 7h-2.5v-.604a2.751 2.751 0 1 0-1.5 0V7h-2.5a2.75 2.75 0 0 0-2.746 2.602M2.75 11a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m4.5-2.5h-2.5a1.25 1.25 0 0 0-1.242 1.106 2.76 2.76 0 0 1 1.867 1.822A2.76 2.76 0 0 1 7.25 9.604zm1.5 0v1.104c.892.252 1.6.942 1.875 1.824a2.76 2.76 0 0 1 1.867-1.822A1.25 1.25 0 0 0 11.25 8.5zM12 12.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0m-5.25 0a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0M8 5a1.25 1.25 0 1 1 0-2.5A1.25 1.25 0 0 1 8 5"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const TreeIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgTreeIcon} />;
+});
+TreeIcon.displayName = 'TreeIcon';
+export default TreeIcon;

package/src/design-system/Icon/__generated/icons/UnderlineIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUnderlineIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M4.544 6.466 4.6 2.988l1.5.024-.056 3.478A1.978 1.978 0 1 0 10 6.522V3h1.5v3.522a3.478 3.478 0 1 1-6.956-.056M12 13H4v-1.5h8z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UnderlineIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUnderlineIcon} />;
+});
+UnderlineIcon.displayName = 'UnderlineIcon';
+export default UnderlineIcon;

package/src/design-system/Icon/__generated/icons/UndoIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUndoIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g clipPath="url(#UndoIcon_svg__a)">
+        <path
+          fill="currentColor"
+          d="M2.81 6.5h8.69a3 3 0 0 1 0 6H7V14h4.5a4.5 4.5 0 0 0 0-9H2.81l2.72-2.72-1.06-1.06-4.53 4.53 4.53 4.53 1.06-1.06z"
+        />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M16 16H0V0h16z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const UndoIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUndoIcon} />;
+});
+UndoIcon.displayName = 'UndoIcon';
+export default UndoIcon;

package/src/design-system/Icon/__generated/icons/UploadIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUploadIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        d="M1 13.56h14v1.5H1zM12.53 5.53l-1.06 1.061-2.72-2.72v7.19h-1.5V3.87l-2.72 2.72-1.06-1.06L8 1z"
+      />
+    </svg>
+  );
+}
+const UploadIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUploadIcon} />;
+});
+UploadIcon.displayName = 'UploadIcon';
+export default UploadIcon;

package/src/design-system/Icon/__generated/icons/UsbIcon.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUsbIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        d="M8 0a.75.75 0 0 1 .65.375l1.299 2.25a.75.75 0 0 1-.65 1.125H8.75V9.5h2.75V8h-.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-.75.75H13v2.25a.75.75 0 0 1-.75.75h-3.5v1.668a1.75 1.75 0 1 1-1.5 0V11h-3.5a.75.75 0 0 1-.75-.75V7.832a1.75 1.75 0 1 1 1.5 0V9.5h2.75V3.75h-.549a.75.75 0 0 1-.65-1.125l1.3-2.25A.75.75 0 0 1 8 0"
+      />
+    </svg>
+  );
+}
+const UsbIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUsbIcon} />;
+});
+UsbIcon.displayName = 'UsbIcon';
+export default UsbIcon;

package/src/design-system/Icon/__generated/icons/UserBadgeIcon.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserBadgeIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 5.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5M6.75 8a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m4.401 2.5.386-.867A2.75 2.75 0 0 1 7.3 0h1.4a2.75 2.75 0 0 1 2.513 1.633l.386.867h1.651a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75v-12a.75.75 0 0 1 .75-.75zm1.756-.258A1.25 1.25 0 0 1 7.3 1.5h1.4c.494 0 .942.29 1.143.742l.114.258H6.043zM8 12a8.7 8.7 0 0 0-4.5 1.244V4h9v9.244A8.7 8.7 0 0 0 8 12m0 1.5c1.342 0 2.599.364 3.677 1H4.323A7.2 7.2 0 0 1 8 13.5"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UserBadgeIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserBadgeIcon} />;
+});
+UserBadgeIcon.displayName = 'UserBadgeIcon';
+export default UserBadgeIcon;

package/src/design-system/Icon/__generated/icons/UserCircleIcon.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserCircleIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M5.25 6.75a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0M8 5.5A1.25 1.25 0 1 0 8 8a1.25 1.25 0 0 0 0-2.5"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-6.5a6.5 6.5 0 0 0-4.773 10.912A8.73 8.73 0 0 1 8 11c1.76 0 3.4.52 4.773 1.412A6.5 6.5 0 0 0 8 1.5m3.568 11.934A7.23 7.23 0 0 0 8 12.5a7.23 7.23 0 0 0-3.568.934A6.47 6.47 0 0 0 8 14.5a6.47 6.47 0 0 0 3.568-1.066"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UserCircleIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserCircleIcon} />;
+});
+UserCircleIcon.displayName = 'UserCircleIcon';
+export default UserCircleIcon;

package/src/design-system/Icon/__generated/icons/UserGroupIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserGroupIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M2.25 3.75a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0M5 2.5A1.25 1.25 0 1 0 5 5a1.25 1.25 0 0 0 0-2.5M9.502 14H.75a.75.75 0 0 1-.75-.75V11a.75.75 0 0 1 .164-.469C1.298 9.115 3.077 8 5.125 8c1.76 0 3.32.822 4.443 1.952A5.55 5.55 0 0 1 11.75 9.5c1.642 0 3.094.745 4.041 1.73a.75.75 0 0 1 .209.52v1.5a.75.75 0 0 1-.75.75zM1.5 12.5v-1.228C2.414 10.228 3.72 9.5 5.125 9.5c1.406 0 2.71.728 3.625 1.772V12.5zm8.75 0h4.25v-.432A4.17 4.17 0 0 0 11.75 11c-.53 0-1.037.108-1.5.293zM11.75 3.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M11 5.75a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UserGroupIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserGroupIcon} />;
+});
+UserGroupIcon.displayName = 'UserGroupIcon';
+export default UserGroupIcon;

package/src/design-system/Icon/__generated/icons/UserIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 1a3.25 3.25 0 1 0 0 6.5A3.25 3.25 0 0 0 8 1M6.25 4.25a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0M8 9a8.74 8.74 0 0 0-6.836 3.287.75.75 0 0 0-.164.469v1.494c0 .414.336.75.75.75h12.5a.75.75 0 0 0 .75-.75v-1.494a.75.75 0 0 0-.164-.469A8.74 8.74 0 0 0 8 9m-5.5 4.5v-.474A7.23 7.23 0 0 1 8 10.5c2.2 0 4.17.978 5.5 2.526v.474z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UserIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserIcon} />;
+});
+UserIcon.displayName = 'UserIcon';
+export default UserIcon;

package/src/design-system/Icon/__generated/icons/UserKeyIconIcon.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserKeyIconIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M4.75 4.25a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0M8 2.5A1.75 1.75 0 1 0 8 6a1.75 1.75 0 0 0 0-3.5M12.75 12.372a2.251 2.251 0 1 0-1.5 0v2.878c0 .414.336.75.75.75h2v-2.75h-1.25zM12 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        d="M1.75 15h8v-1.5H2.5v-.474a7.23 7.23 0 0 1 5.759-2.521 3.8 3.8 0 0 1 .2-1.493 8.735 8.735 0 0 0-7.295 3.275.75.75 0 0 0-.164.469v1.494c0 .414.336.75.75.75"
+      />
+    </svg>
+  );
+}
+const UserKeyIconIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserKeyIconIcon} />;
+});
+UserKeyIconIcon.displayName = 'UserKeyIconIcon';
+export default UserKeyIconIcon;

package/src/design-system/Icon/__generated/icons/UserSparkleIcon.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgUserSparkleIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        d="M8 1c.664 0 1.282.2 1.797.542l-.014.072-.062.357-.357.062c-.402.07-.765.245-1.06.493a1.75 1.75 0 1 0 0 3.447c.295.25.658.424 1.06.494l.357.062.062.357.014.072A3.25 3.25 0 1 1 8 1"
+      />
+      <path
+        fill="currentColor"
+        d="M9.59 4.983A.75.75 0 0 1 9.62 3.51l.877-.152a.75.75 0 0 0 .61-.61l.153-.878a.75.75 0 0 1 1.478 0l.152.877a.75.75 0 0 0 .61.61l.878.153a.75.75 0 0 1 0 1.478l-.877.152a.75.75 0 0 0-.61.61l-.153.878a.75.75 0 0 1-1.478 0l-.152-.877a.75.75 0 0 0-.61-.61l-.878-.153z"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1.164 12.287A8.74 8.74 0 0 1 8 9a8.74 8.74 0 0 1 6.836 3.287.75.75 0 0 1 .164.469v1.494a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-1.494a.75.75 0 0 1 .164-.469m1.336.74v.473h11v-.474A7.23 7.23 0 0 0 8 10.5c-2.2 0-4.17.978-5.5 2.526"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const UserSparkleIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgUserSparkleIcon} />;
+});
+UserSparkleIcon.displayName = 'UserSparkleIcon';
+export default UserSparkleIcon;

package/src/design-system/Icon/__generated/icons/VisibleIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgVisibleIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g fill="currentColor" fillRule="evenodd" clipPath="url(#VisibleIcon_svg__a)" clipRule="evenodd">
+        <path d="M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6M6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0" />
+        <path d="M8 2A8.39 8.39 0 0 0 .028 7.777a.75.75 0 0 0 0 .466 8.389 8.389 0 0 0 15.944 0 .75.75 0 0 0 0-.466A8.39 8.39 0 0 0 8 2m0 10.52a6.89 6.89 0 0 1-6.465-4.51 6.888 6.888 0 0 1 12.93 0A6.89 6.89 0 0 1 8 12.52" />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const VisibleIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgVisibleIcon} />;
+});
+VisibleIcon.displayName = 'VisibleIcon';
+export default VisibleIcon;

package/src/design-system/Icon/__generated/icons/VisibleOffIcon.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgVisibleOffIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g fill="currentColor" clipPath="url(#VisibleOffIcon_svg__a)">
+        <path
+          fillRule="evenodd"
+          d="m11.634 13.195 1.335 1.335 1.061-1.06-11.5-11.5-1.06 1.06 1.027 1.028a8.4 8.4 0 0 0-2.469 3.72.75.75 0 0 0 0 .465 8.39 8.39 0 0 0 11.606 4.951m-1.14-1.14-1.301-1.301a3 3 0 0 1-3.946-3.946L3.56 5.121A6.9 6.9 0 0 0 1.535 8.01a6.89 6.89 0 0 0 8.96 4.045"
+          clipRule="evenodd"
+        />
+        <path d="M15.972 8.243a8.4 8.4 0 0 1-1.946 3.223l-1.06-1.06a6.9 6.9 0 0 0 1.499-2.396 6.89 6.89 0 0 0-8.187-4.293L5.082 2.522a8.389 8.389 0 0 1 10.89 5.256.75.75 0 0 1 0 .465" />
+        <path d="M11 8q0 .21-.028.411L7.589 5.028q.201-.027.41-.028a3 3 0 0 1 3 3" />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const VisibleOffIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgVisibleOffIcon} />;
+});
+VisibleOffIcon.displayName = 'VisibleOffIcon';
+export default VisibleOffIcon;

package/src/design-system/Icon/__generated/icons/WarningFillIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgWarningFillIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8.649 1.374a.75.75 0 0 0-1.298 0l-7.25 12.5A.75.75 0 0 0 .75 15h14.5a.75.75 0 0 0 .649-1.126zM7.25 10V6.5h1.5V10zm1.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const WarningFillIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgWarningFillIcon} />;
+});
+WarningFillIcon.displayName = 'WarningFillIcon';
+export default WarningFillIcon;

package/src/design-system/Icon/__generated/icons/WarningIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgWarningIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <path fill="currentColor" d="M7.25 10V6.5h1.5V10zM8 12.5A.75.75 0 1 0 8 11a.75.75 0 0 0 0 1.5" />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8 1a.75.75 0 0 1 .649.374l7.25 12.5A.75.75 0 0 1 15.25 15H.75a.75.75 0 0 1-.649-1.126l7.25-12.5A.75.75 0 0 1 8 1m0 2.245L2.052 13.5h11.896z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
+const WarningIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgWarningIcon} />;
+});
+WarningIcon.displayName = 'WarningIcon';
+export default WarningIcon;

package/src/design-system/Icon/__generated/icons/WorkflowCodeIcon.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import type { Ref } from 'react';
+
+import type { IconProps } from '../../Icon';
+import { Icon } from '../../Icon';
+function SvgWorkflowCodeIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16" {...props}>
+      <g fill="currentColor" clipPath="url(#WorkflowCodeIcon_svg__a)">
+        <path d="m13.32 10.66-1.061 1.061 1.548 1.549-1.548 1.548 1.06 1.06 2.61-2.608zM10.68 10.66l1.061 1.061-1.548 1.549 1.548 1.548-1.06 1.06-2.61-2.608z" />
+        <path
+          fillRule="evenodd"
+          d="M2.75 5.5c1.259 0 2.32-.846 2.646-2h5.229a1.875 1.875 0 0 1 .11 3.747l-3.3-2.357a.75.75 0 0 0-.87 0L3.256 7.252A3.375 3.375 0 0 0 3.375 14H7v-1.5H3.375a1.875 1.875 0 0 1-.11-3.747l3.3 2.357a.75.75 0 0 0 .87 0l3.308-2.362A3.375 3.375 0 0 0 10.625 2H5.396A2.751 2.751 0 1 0 2.75 5.5M4 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m3 3.672L4.79 8 7 9.578 9.21 8z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath>
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+const WorkflowCodeIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {
+  return <Icon ref={forwardedRef} {...props} component={SvgWorkflowCodeIcon} />;
+});
+WorkflowCodeIcon.displayName = 'WorkflowCodeIcon';
+export default WorkflowCodeIcon;