@databricks/design-system 1.9.1 → 1.9.2

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useRef, useMemo, forwardRef, useImperativeHandle, Children, useCallback, useContext, useState, useEffect, createContext } from 'react';
-import { u as useDesignSystemTheme, a as useDesignSystemFlags, I as Icon, D as DesignSystemAntDConfigProvider, R as RestoreAntDDefaultClsPrefix, g as getAnimationCss, i as importantify, b as useDesignSystemContext, A as ApplyDesignSystemContextOverrides, T as Typography, c as getValidationStateColor, C as Checkbox, d as Title$2, e as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, l as lightColorList } from './Typography-84a00e02.js';
-export { A as ApplyDesignSystemContextOverrides, k as ApplyDesignSystemFlags, C as Checkbox, e as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, D as DesignSystemAntDConfigProvider, h as DesignSystemContext, j as DesignSystemProvider, I as Icon, N as NewWindowIcon, R as RestoreAntDDefaultClsPrefix, S as SortAscendingIcon, n as SortDescendingIcon, o as SortUnsortedIcon, T as Typography, W as WithDesignSystemThemeHoc, _ as __INTERNAL_DO_NOT_USE__Group, g as getAnimationCss, f as getWrapperStyle, m as useAntDConfigProviderContext, a as useDesignSystemFlags, u as useDesignSystemTheme } from './Typography-84a00e02.js';
+import { u as useDesignSystemTheme, a as useDesignSystemFlags, I as Icon, D as DesignSystemAntDConfigProvider, R as RestoreAntDDefaultClsPrefix, g as getAnimationCss, i as importantify, b as useDesignSystemContext, A as ApplyDesignSystemContextOverrides, T as Typography, c as getValidationStateColor, C as Checkbox, d as Title$2, e as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, l as lightColorList } from './Typography-74e19785.js';
+export { A as ApplyDesignSystemContextOverrides, k as ApplyDesignSystemFlags, C as Checkbox, e as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, D as DesignSystemAntDConfigProvider, h as DesignSystemContext, j as DesignSystemProvider, I as Icon, N as NewWindowIcon, R as RestoreAntDDefaultClsPrefix, S as SortAscendingIcon, n as SortDescendingIcon, o as SortUnsortedIcon, T as Typography, W as WithDesignSystemThemeHoc, _ as __INTERNAL_DO_NOT_USE__Group, g as getAnimationCss, f as getWrapperStyle, m as useAntDConfigProviderContext, a as useDesignSystemFlags, u as useDesignSystemTheme } from './Typography-74e19785.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { css, keyframes, ClassNames } from '@emotion/react';
 import { Collapse, Alert as Alert$1, AutoComplete as AutoComplete$1, Breadcrumb as Breadcrumb$1, Button as Button$1, DatePicker, Dropdown as Dropdown$1, Tooltip as Tooltip$1, Form as Form$1, Input as Input$1, Radio as Radio$1, Select as Select$1, Switch as Switch$1, Col as Col$1, Row as Row$1, Space as Space$1, Layout as Layout$1, Menu as Menu$1, Modal as Modal$1, notification, Pagination as Pagination$1, Popover as Popover$2, Skeleton as Skeleton$1, Table as Table$1, Tabs as Tabs$1, Tree as Tree$1 } from 'antd';
@@ -1940,7 +1940,7 @@ function SvgDangerFillIconV2(props) {
     children: jsx("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M8 0a8 8 0 100 16A8 8 0 008 0zm-.75 10.75a.75.75 0 101.5 0 .75.75 0 00-1.5 0zM8.75 5v4h-1.5V5h1.5z",
+      d: "M15.78 11.533l-4.242 4.243a.75.75 0 01-.53.22H4.996a.75.75 0 01-.53-.22L.224 11.533a.75.75 0 01-.22-.53v-6.01a.75.75 0 01.22-.53L4.467.22a.75.75 0 01.53-.22h6.01a.75.75 0 01.53.22l4.243 4.242c.141.141.22.332.22.53v6.011a.75.75 0 01-.22.53zm-8.528-.785a.75.75 0 101.5 0 .75.75 0 00-1.5 0zm1.5-5.75v4h-1.5v-4h1.5z",
       fill: "currentColor"
     })
   });
@@ -1981,12 +1981,12 @@ function SvgDangerIconV2(props) {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: [jsx("path", {
-      d: "M7.25 10.75a.75.75 0 101.5 0 .75.75 0 00-1.5 0zM8.75 5v4h-1.5V5h1.5z",
+      d: "M7.248 10.748a.75.75 0 101.5 0 .75.75 0 00-1.5 0zM8.748 4.998v4h-1.5v-4h1.5z",
       fill: "currentColor"
     }), jsx("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M8 16A8 8 0 108 0a8 8 0 000 16zm6.5-8a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z",
+      d: "M11.533 15.776l4.243-4.243a.75.75 0 00.22-.53v-6.01a.75.75 0 00-.22-.53L11.533.22a.75.75 0 00-.53-.22h-6.01a.75.75 0 00-.53.22L.22 4.462a.75.75 0 00-.22.53v6.011c0 .199.079.39.22.53l4.242 4.243c.141.14.332.22.53.22h6.011a.75.75 0 00.53-.22zm2.963-10.473v5.39l-3.804 3.803H5.303L1.5 10.692V5.303L5.303 1.5h5.39l3.803 3.803z",
       fill: "currentColor"
     })]
   });
@@ -7228,6 +7228,40 @@ function BracketsSquareIcon(props) {
   });
 }
 
+function SvgBracketsXIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsxs("g", {
+      clipPath: "url(#BracketsXIcon_svg__clip0_14891_29556)",
+      fill: "currentColor",
+      children: [jsx("path", {
+        d: "M1.75 4.75A2.75 2.75 0 014.5 2H5v1.5h-.5c-.69 0-1.25.56-1.25 1.25v1c0 .93-.462 1.752-1.168 2.25a2.747 2.747 0 011.168 2.25v1c0 .69.56 1.25 1.25 1.25H5V14h-.5a2.75 2.75 0 01-2.75-2.75v-1C1.75 9.56 1.19 9 .5 9H0V7h.5c.69 0 1.25-.56 1.25-1.25v-1zM11.5 2a2.75 2.75 0 012.75 2.75v1c0 .69.56 1.25 1.25 1.25h.5v2h-.5c-.69 0-1.25.56-1.25 1.25v1A2.75 2.75 0 0111.5 14H11v-1.5h.5c.69 0 1.25-.56 1.25-1.25v-1c0-.93.462-1.752 1.168-2.25a2.747 2.747 0 01-1.168-2.25v-1c0-.69-.56-1.25-1.25-1.25H11V2h.5z"
+      }), jsx("path", {
+        d: "M4.97 6.03L6.94 8 4.97 9.97l1.06 1.06L8 9.06l1.97 1.97 1.06-1.06L9.06 8l1.97-1.97-1.06-1.06L8 6.94 6.03 4.97 4.97 6.03z"
+      })]
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: "BracketsXIcon_svg__clip0_14891_29556",
+        children: jsx("path", {
+          fill: "#fff",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  });
+}
+function BracketsXIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgBracketsXIcon
+  });
+}
+
 function SvgCatalogIcon(props) {
   return jsx("svg", {
     width: "1em",
@@ -7298,6 +7332,32 @@ function CloudKeyIcon(props) {
   });
 }
 
+function SvgCloudModelIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsx("path", {
+      d: "M3.394 5.586a4.752 4.752 0 019.351.946A3.754 3.754 0 0115.787 9H14.12a2.248 2.248 0 00-1.871-1H12a.75.75 0 01-.75-.75v-.5a3.25 3.25 0 00-6.476-.402.75.75 0 01-.697.657A2.75 2.75 0 004 12.49V14a.75.75 0 01-.179-.021 4.25 4.25 0 01-.427-8.393z",
+      fill: "currentColor"
+    }), jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 7a2.25 2.25 0 012.03 3.22l.5.5a2.25 2.25 0 11-1.06 1.06l-.5-.5A2.25 2.25 0 118 7zm.75 2.25a.75.75 0 10-1.5 0 .75.75 0 001.5 0zm3.5 3.5a.75.75 0 10-1.5 0 .75.75 0 001.5 0z",
+      fill: "currentColor"
+    })]
+  });
+}
+function CloudModelIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgCloudModelIcon
+  });
+}
+
 function SvgColorFillIcon(props) {
   return jsx("svg", {
     width: "1em",
@@ -7347,6 +7407,126 @@ function ConnectIcon(props) {
   });
 }
 
+function SvgCursorIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsx("g", {
+      clipPath: "url(#CursorIcon_svg__clip0_14914_35410)",
+      children: jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.22 1.22a.75.75 0 01.802-.169l13.5 5.25a.75.75 0 01-.043 1.413L9.597 9.597l-1.883 5.882a.75.75 0 01-1.413.043l-5.25-13.5a.75.75 0 01.169-.802zm1.847 1.847l3.864 9.937 1.355-4.233a.75.75 0 01.485-.485l4.233-1.355-9.937-3.864z",
+        fill: "currentColor"
+      })
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: "CursorIcon_svg__clip0_14914_35410",
+        children: jsx("path", {
+          fill: "#fff",
+          transform: "matrix(-1 0 0 1 16 0)",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  });
+}
+function CursorIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgCursorIcon
+  });
+}
+
+function SvgDagIcon(props) {
+  return jsx("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 1.75A.75.75 0 018.75 1h5.5a.75.75 0 01.75.75v3.5a.75.75 0 01-.75.75h-5.5A.75.75 0 018 5.25v-1H5.5c-.69 0-1.25.56-1.25 1.25h2a.75.75 0 01.75.75v3.5a.75.75 0 01-.75.75h-2c0 .69.56 1.25 1.25 1.25H8v-1a.75.75 0 01.75-.75h5.5a.75.75 0 01.75.75v3.5a.75.75 0 01-.75.75h-5.5a.75.75 0 01-.75-.75v-1H5.5a2.75 2.75 0 01-2.75-2.75h-2A.75.75 0 010 9.75v-3.5a.75.75 0 01.75-.75h2A2.75 2.75 0 015.5 2.75H8v-1zm1.5.75v2h4v-2h-4zM1.5 9V7h4v2h-4zm8 4.5v-2h4v2h-4z",
+      fill: "currentColor"
+    })
+  });
+}
+function DagIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgDagIcon
+  });
+}
+
+function SvgDecimalIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3 10a3 3 0 106 0V6a3 3 0 00-6 0v4zm3 1.5A1.5 1.5 0 014.5 10V6a1.5 1.5 0 113 0v4A1.5 1.5 0 016 11.5zM10 10a3 3 0 106 0V6a3 3 0 10-6 0v4zm3 1.5a1.5 1.5 0 01-1.5-1.5V6a1.5 1.5 0 013 0v4a1.5 1.5 0 01-1.5 1.5z",
+      fill: "currentColor"
+    }), jsx("path", {
+      d: "M1 13a1 1 0 100-2 1 1 0 000 2z",
+      fill: "currentColor"
+    })]
+  });
+}
+function DecimalIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgDecimalIcon
+  });
+}
+
+function SvgDotsCircleIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsxs("g", {
+      clipPath: "url(#DotsCircleIcon_svg__clip0_14891_29603)",
+      fill: "currentColor",
+      children: [jsx("path", {
+        d: "M6 8a.75.75 0 11-1.5 0A.75.75 0 016 8zM8 8.75a.75.75 0 100-1.5.75.75 0 000 1.5zM10.75 8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"
+      }), jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"
+      })]
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: "DotsCircleIcon_svg__clip0_14891_29603",
+        children: jsx("path", {
+          fill: "#fff",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  });
+}
+function DotsCircleIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgDotsCircleIcon
+  });
+}
+
 function SvgFontIcon(props) {
   return jsxs("svg", {
     width: "1em",
@@ -7427,6 +7607,32 @@ function ItalicIcon(props) {
   });
 }
 
+function SvgLettersIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.25 1h2.174a2.126 2.126 0 011.81 3.243 2.126 2.126 0 01-1.36 3.761H6.25a.75.75 0 01-.75-.75V1.75A.75.75 0 016.25 1zM7 6.504V5.252h1.874a.626.626 0 110 1.252H7zm2.05-3.378c0 .345-.28.625-.625.626H7.001L7 2.5h1.424c.346 0 .626.28.626.626zM3.307 6a.75.75 0 01.697.473L6.596 13H4.982l-.238-.6H1.855l-.24.6H0l2.61-6.528A.75.75 0 013.307 6zm-.003 2.776l.844 2.124H2.455l.85-2.124z",
+      fill: "currentColor"
+    }), jsx("path", {
+      d: "M12.5 15a2.5 2.5 0 002.5-2.5h-1.5a1 1 0 11-2 0v-1.947c0-.582.472-1.053 1.053-1.053.523 0 .947.424.947.947v.053H15v-.053A2.447 2.447 0 0012.553 8 2.553 2.553 0 0010 10.553V12.5a2.5 2.5 0 002.5 2.5z",
+      fill: "currentColor"
+    })]
+  });
+}
+function LettersIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgLettersIcon
+  });
+}
+
 function SvgMenuIcon(props) {
   return jsx("svg", {
     width: "1em",
@@ -7473,7 +7679,7 @@ function NotificationOffIcon(props) {
   });
 }
 
-function SvgPlugIcon(props) {
+function SvgNumbersIcon(props) {
   return jsx("svg", {
     width: "1em",
     height: "1em",
@@ -7482,21 +7688,19 @@ function SvgPlugIcon(props) {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M14.168 2.953l.893-.892L14 1l-.893.893a4.001 4.001 0 00-5.077.48l-.884.884a.75.75 0 000 1.061l4.597 4.596a.75.75 0 001.06 0l.884-.884a4.001 4.001 0 00.48-5.077zM12.627 6.97l-.354.353-3.536-3.535.354-.354a2.5 2.5 0 113.536 3.536zM7.323 10.152L5.91 8.737l1.414-1.414-1.06-1.06-1.415 1.414-.53-.53a.75.75 0 00-1.06 0l-.885.883a4.001 4.001 0 00-.48 5.077L1 14l1.06 1.06.893-.892a4.001 4.001 0 005.077-.48l.884-.885a.75.75 0 000-1.06l-.53-.53 1.414-1.415-1.06-1.06-1.415 1.414zm-3.889 2.475a2.5 2.5 0 003.536 0l.353-.354-3.535-3.536-.354.354a2.5 2.5 0 000 3.536z",
+      d: "M7.889 1A2.389 2.389 0 005.5 3.389H7c0-.491.398-.889.889-.889h.371a.74.74 0 01.292 1.42l-1.43.613A2.675 2.675 0 005.5 6.992V8h5V6.5H7.108c.12-.26.331-.472.604-.588l1.43-.613A2.24 2.24 0 008.26 1H7.89zM2.75 6a1.5 1.5 0 01-1.5 1.5H1V9h.25c.546 0 1.059-.146 1.5-.401V11.5H1V13h5v-1.5H4.25V6h-1.5zM10 12.85A2.15 2.15 0 0012.15 15h.725a2.125 2.125 0 001.617-3.504 2.138 2.138 0 00-1.656-3.521l-.713.008A2.15 2.15 0 0010 10.133v.284h1.5v-.284a.65.65 0 01.642-.65l.712-.009a.638.638 0 11.008 1.276H12v1.5h.875a.625.625 0 110 1.25h-.725a.65.65 0 01-.65-.65v-.267H10v.267z",
       fill: "currentColor"
     })
   });
 }
-function PlugIcon(props) {
+function NumbersIcon(props) {
   return jsx(Icon, {
     ...props,
-    component: SvgPlugIcon
+    component: SvgNumbersIcon
   });
 }
 
-function SvgRefresh(props) {
+function SvgPlugIcon(props) {
   return jsx("svg", {
     width: "1em",
     height: "1em",
@@ -7505,15 +7709,17 @@ function SvgRefresh(props) {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: jsx("path", {
-      d: "M8 2.5a5.48 5.48 0 013.817 1.54l.009.009.5.451H11V6h4V2h-1.5v1.539l-.651-.588a7 7 0 10.114 9.985l-1.064-1.057A5.5 5.5 0 118 2.5z",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.168 2.953l.893-.892L14 1l-.893.893a4.001 4.001 0 00-5.077.48l-.884.884a.75.75 0 000 1.061l4.597 4.596a.75.75 0 001.06 0l.884-.884a4.001 4.001 0 00.48-5.077zM12.627 6.97l-.354.353-3.536-3.535.354-.354a2.5 2.5 0 113.536 3.536zM7.323 10.152L5.91 8.737l1.414-1.414-1.06-1.06-1.415 1.414-.53-.53a.75.75 0 00-1.06 0l-.885.883a4.001 4.001 0 00-.48 5.077L1 14l1.06 1.06.893-.892a4.001 4.001 0 005.077-.48l.884-.885a.75.75 0 000-1.06l-.53-.53 1.414-1.415-1.06-1.06-1.415 1.414zm-3.889 2.475a2.5 2.5 0 003.536 0l.353-.354-3.535-3.536-.354.354a2.5 2.5 0 000 3.536z",
       fill: "currentColor"
     })
   });
 }
-function Refresh(props) {
+function PlugIcon(props) {
   return jsx(Icon, {
     ...props,
-    component: SvgRefresh
+    component: SvgPlugIcon
   });
 }
 
@@ -7770,7 +7976,7 @@ const Accordion = /* #__PURE__ */(() => {
 // TODO: Replace with custom icons
 // TODO: Reuse in Alert
 const filledIconsMap = {
-  error: DangerIcon,
+  error: DangerFillIcon,
   warning: WarningFillIcon,
   success: CheckCircleFillIcon,
   info: InfoFillIcon
@@ -7923,6 +8129,9 @@ const AutoComplete = /* #__PURE__ */(() => {
     } = useDesignSystemTheme();
     return jsx(DesignSystemAntDConfigProvider, {
       children: jsx(AutoComplete$1, {
+        dropdownStyle: {
+          boxShadow: theme.general.shadowLow
+        },
         ...props,
         ...dangerouslySetAntdProps,
         css: /*#__PURE__*/css(getAnimationCss(theme.options.enableAnimation), process.env.NODE_ENV === "production" ? "" : ";label:AutoComplete;")
@@ -8665,7 +8874,8 @@ const Content$4 = _ref => {
     title,
     width,
     position: positionOverride,
-    useCustomScrollBehavior
+    useCustomScrollBehavior,
+    expandContentToFullHeight
   } = _ref;
   const {
     getPopupContainer
@@ -8781,6 +8991,7 @@ const Content$4 = _ref => {
             paddingRight: useCustomScrollBehavior ? 0 : horizontalContentPadding,
             paddingLeft: horizontalContentPadding,
             overflowY: useCustomScrollBehavior ? 'hidden' : 'auto',
+            height: expandContentToFullHeight ? '100%' : undefined,
             ...(theme.themeName === 'default' && !useCustomScrollBehavior ? {
               // Achieves an inner shadow on the content, but only when there is more left to scroll. When the content fits
               // in the container without scrolling, no shadow will be shown.
@@ -8870,6 +9081,11 @@ const Tooltip = _ref => {
       children: children
     });
   }
+  const {
+    overlayInnerStyle,
+    overlayStyle,
+    ...delegatedDangerouslySetAntdProps
+  } = dangerouslySetAntdProps || {};
   return jsx(DesignSystemAntDConfigProvider, {
     children: jsx(Tooltip$1
     // eslint-disable-next-line react/forbid-dom-props -- FEINF-1337 - this should turn into data-testid
@@ -8885,13 +9101,18 @@ const Tooltip = _ref => {
       overlayInnerStyle: {
         backgroundColor: '#2F3941',
         lineHeight: '22px',
-        padding: '4px 8px'
+        padding: '4px 8px',
+        boxShadow: theme.general.shadowLow,
+        ...overlayInnerStyle
       },
       overlayStyle: {
-        zIndex: theme.options.zIndexBase + 70
+        zIndex: theme.options.zIndexBase + 70,
+        ...overlayStyle
       },
-      css: getAnimationCss(theme.options.enableAnimation),
-      ...dangerouslySetAntdProps,
+      css: /*#__PURE__*/css({
+        ...getAnimationCss(theme.options.enableAnimation)
+      }, process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;"),
+      ...delegatedDangerouslySetAntdProps,
       ...props,
       children: children
     })
@@ -9259,7 +9480,7 @@ const dropdownContentStyles = theme => ({
   border: "1px solid ".concat(theme.colors.borderDecorative),
   borderRadius: theme.borders.borderRadiusMd,
   padding: "".concat(theme.spacing.xs, "px 0"),
-  boxShadow: theme.themeName !== 'dark' ? "0px 4px 16px 0px rgba(205, 218, 229, 1)" : undefined,
+  boxShadow: theme.general.shadowLow,
   userSelect: 'none',
   // Ant Design uses 1000s for their zIndex space; this ensures Radix works with that, but
   // we'll likely need to be sure that all Radix components are using the same zIndex going forward.
@@ -9526,7 +9747,9 @@ const getMessageStyles = (clsPrefix, theme) => {
     '&&': {
       lineHeight: theme.typography.lineHeightSm,
       fontSize: theme.typography.fontSizeSm,
-      marginTop: theme.spacing.sm
+      marginTop: theme.spacing.sm,
+      display: 'flex',
+      alignItems: 'center'
     },
     ["&".concat(errorClass)]: {
       color: theme.colors.actionDangerPrimaryBackgroundDefault
@@ -9563,7 +9786,7 @@ function FormMessage(_ref) {
   return jsxs("div", {
     className: wrapperClass,
     css: [getMessageStyles(classNamePrefix, theme), css, process.env.NODE_ENV === "production" ? "" : ";label:FormMessage;"],
-    children: [jsx(StateIcon, {}), " ", message]
+    children: [jsx(StateIcon, {}), "\xA0", message]
   });
 }
 
@@ -10449,7 +10672,8 @@ function getDropdownStyles(clsPrefix, theme) {
       borderColor: theme.colors.borderDecorative,
       borderWidth: 1,
       borderStyle: 'solid',
-      zIndex: theme.options.zIndexBase + 50
+      zIndex: theme.options.zIndexBase + 50,
+      boxShadow: theme.general.shadowLow
     }),
     [classItem]: {
       height: theme.general.heightSm,
@@ -11297,7 +11521,8 @@ const getModalEmotionStyles = args => {
       overflow: 'hidden',
       paddingBottom: MODAL_PADDING,
       display: 'flex',
-      flexDirection: 'column'
+      flexDirection: 'column',
+      boxShadow: theme.general.shadowHigh
     },
     [classNameBody]: {
       overflowY: 'auto',
@@ -11480,7 +11705,8 @@ function useNotification() {
       ...defaultProps,
       ...args,
       style: {
-        zIndex: theme.options.zIndexBase + 30
+        zIndex: theme.options.zIndexBase + 30,
+        boxShadow: theme.general.shadowLow
       }
     };
     const iconClassName = "".concat(clsPrefix, "-notice-icon-").concat(mergedArgs.type);
@@ -11591,7 +11817,7 @@ const getToastRootStyle = (theme, classNamePrefix) => {
       background: theme.colors.backgroundPrimary,
       padding: 12,
       columnGap: 4,
-      boxShadow: '0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%)',
+      boxShadow: theme.general.shadowLow,
       borderRadius: theme.general.borderRadiusBase,
       lineHeight: '20px',
       gridTemplateRows: '[header] auto [content] auto',
@@ -12051,7 +12277,7 @@ const popoverContentStyles = theme => ({
   border: "1px solid ".concat(theme.colors.borderDecorative),
   borderRadius: theme.borders.borderRadiusMd,
   padding: "".concat(theme.spacing.sm, "px"),
-  boxShadow: theme.themeName !== 'dark' ? "0px 4px 16px 0px rgba(205, 218, 229, 1)" : undefined,
+  boxShadow: theme.general.shadowLow,
   userSelect: 'none',
   zIndex: theme.options.zIndexBase + 30,
   a: importantify({
@@ -12381,7 +12607,8 @@ function Panel(_ref4) {
   let {
     panelId,
     children,
-    dangerouslyAppendEmotionCSS
+    dangerouslyAppendEmotionCSS,
+    ...delegated
   } = _ref4;
   const {
     openPanelId,
@@ -12394,6 +12621,7 @@ function Panel(_ref4) {
       display: 'none'
     }, process.env.NODE_ENV === "production" ? "" : ";label:Panel;"],
     "aria-hidden": !isPanelOpen,
+    ...delegated,
     children: children
   });
 }
@@ -13542,5 +13770,5 @@ const Tree = /*#__PURE__*/forwardRef(function Tree(_ref, ref) {
   });
 });
 
-export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkFillIcon, BookmarkIcon, BracketsCurlyIcon, BracketsSquareIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, Button, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, CheckLineIcon, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudOffIcon, CloudUploadIcon, CodeIcon, Col, ColorFillIcon, ConnectIcon, Content, CopyIcon, DIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, ExpandLessIcon, ExpandMoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, GearFillIcon, GearIcon, GiftIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoFillIcon, InfoIcon, Input, ItalicIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LightningIcon, LinkIcon, LinkOffIcon, ListBorderIcon, ListIcon, LoadingIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, NotificationIcon, NotificationOffIcon, NotificationV2, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinCancelIcon, PinFillIcon, PinIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, PopoverV2, QueryEditorIcon, QueryIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon, Refresh, RefreshIcon, ReposIcon, Row, SaveIcon, SchoolIcon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarFillIcon, StarIcon, StopCircleFillIcon, StopCircleIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, Tooltip, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VariableIcon, VisibleIcon, VisibleOffIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleFillIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE_DEDUPE__Group, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__Password, __INTERNAL_DO_NOT_USE__TextArea, __INTERNAL_DO_NOT_USE__VerticalGroup, getButtonEmotionStyles, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, useNotification, useThemedStyles, withNotifications };
+export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, BracketsSquareIcon as ArrayIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkIcon as BookmarkBorderIcon, BookmarkFillIcon, BookmarkIcon, BracketsCurlyIcon, BracketsCurlyIcon as BracketsIcon, BracketsSquareIcon, BracketsXIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, Button, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleIcon as CheckCircleBorderIcon, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, CheckLineIcon, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudModelIcon, CloudOffIcon, CloudUploadIcon, TreeIcon as ClusterIcon, TreeIcon as ClustersIcon, CodeIcon, Col, ColorFillIcon, ConnectIcon, Content, CopyIcon, CursorIcon, DIcon, DagIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, StorefrontIcon as DataMarketplace, DatabaseIcon, DecimalIcon, DotsCircleIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, DangerIcon as ErrorBorderIcon, DangerFillIcon as ErrorFillIcon, ExpandLessIcon, ExpandMoreIcon, BeakerIcon as ExperimentIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderIcon as Folder1Icon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, GearIcon as Gear1Icon, GearFillIcon, GearIcon, GiftIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoIcon as InfoBorderIcon, InfoFillIcon, InfoIcon, Input, ItalicIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LettersIcon, QuestionMarkIcon as LifesaverIcon, LightningIcon, LinkIcon, LinkOffIcon, LinkOffIcon as LinkRemoveIcon, ListBorderIcon, ListIcon, LoadingIcon, LockIcon as LockBorderIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleIcon as MinusCircleBorderIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, NotificationIcon, NotificationOffIcon, NotificationV2, NotificationOffIcon as NotificationsOffIcon, NumbersIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinIcon as PinBorderIcon, PinCancelIcon, PinFillIcon, PinIcon, PlayCircleIcon as PlayCircleBorderIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleIcon as PlusCircleBorderIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, PopoverV2, QueryEditorIcon, QueryIcon, QueryIcon as QueryListViewIcon, QueryIcon as QueryNavIcon, QuestionMarkIcon as QuestionMarkBorderIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon as Redo, RedoIcon, RefreshIcon as Refresh, RefreshIcon, ReposIcon, Row, SaveIcon, SchoolIcon, SearchIcon as Search1Icon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarIcon as StarBorderIcon, StarFillIcon, StarIcon, StopCircleIcon as StopCircleBorderIcon, StopCircleFillIcon, StopCircleIcon, StopCircleFillIcon as StopCricleFillIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, Tooltip, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon as Undo, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VariableIcon, VisibleIcon as Visible, VisibleIcon, VisibleOffIcon as VisibleOff, VisibleOffIcon, WarningIcon as WarningBorderIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleIcon as XCircleBorderIcon, XCircleFillIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE_DEDUPE__Group, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__Password, __INTERNAL_DO_NOT_USE__TextArea, __INTERNAL_DO_NOT_USE__VerticalGroup, getButtonEmotionStyles, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, useNotification, useThemedStyles, withNotifications };
 //# sourceMappingURL=index.js.map