@databricks/design-system 2.0.5 → 2.0.6

package/dist/patterns.js

@@ -1,4 +1,4 @@
-export { D as DocumentationSidebar, F as FIXED_VERTICAL_STEPPER_WIDTH, M as MAX_VERTICAL_WIZARD_CONTENT_WIDTH, W as Wizard, a as WizardControlled, b as WizardModal, c as WizardStepContentWrapper, d as WizardStepNavigationProvider, u as useWizardCurrentStep, e as useWizardStepNavigation } from './WizardStepContentWrapper-Bq1wm0V7.js';
+export { D as DocumentationSidebar, F as FIXED_VERTICAL_STEPPER_WIDTH, M as MAX_VERTICAL_WIZARD_CONTENT_WIDTH, W as Wizard, a as WizardControlled, b as WizardModal, c as WizardStepContentWrapper, d as WizardStepNavigationProvider, u as useWizardCurrentStep, e as useWizardStepNavigation } from './WizardStepContentWrapper-6YTjeEaA.js';
 import '@emotion/react/jsx-runtime';
 import 'lodash/isUndefined';
 import 'react';
@@ -16,6 +16,8 @@ import '@floating-ui/dom';
 import 'react-dom';
 import '@radix-ui/react-hover-card';
 import '@radix-ui/react-toast';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-toolbar';
 import '@react-aria/combobox';
 import '@react-aria/listbox';
 import '@react-aria/overlays';
@@ -52,10 +54,8 @@ import '@radix-ui/react-navigation-menu';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-progress';
 import 'react-resizable';
-import '@radix-ui/react-slider';
 import '@radix-ui/react-scroll-area';
 import '@radix-ui/react-tabs';
 import 'lodash/debounce';
 import '@radix-ui/react-toggle';
-import '@radix-ui/react-toolbar';
 //# sourceMappingURL=patterns.js.map

package/dist-types/design-system/Drawer/Drawer.d.ts

@@ -84,7 +84,9 @@ export interface DrawerContentProps extends AnalyticsEventProps<DesignSystemEven
 	* Applies emotion styles to the top-level element in the component.
 	*/
 	css?: Interpolation<EmotionTheme>;
+	/** Applies a class name to the top-level element in the component. */
+	className?: string;
 }
-export declare const Content: ({ children, footer, title, width, height, position: positionOverride, useCustomScrollBehavior, expandContentToFullHeight, disableOpenAutoFocus, onInteractOutside, seeThrough, hideClose, closeOnClickOutside, onCloseClick, componentId, analyticsEvents, size, ...props }: DrawerContentProps) => JSX.Element;
+export declare const Content: ({ children, footer, title, width, height, position: positionOverride, useCustomScrollBehavior, expandContentToFullHeight, disableOpenAutoFocus, onInteractOutside, seeThrough, hideClose, closeOnClickOutside, onCloseClick, componentId, analyticsEvents, size, className, ...props }: DrawerContentProps) => JSX.Element;
 export declare function Root(props: Pick<DialogPrimitive.DialogProps, "onOpenChange" | "children" | "open" | "modal">): JSX.Element;
 export declare function Trigger(props: Omit<DialogPrimitive.DialogTriggerProps, "asChild">): JSX.Element;

package/dist-types/design-system/Icon/AntdIcon.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+import type { IconProps } from "./Icon";
+export declare const AntdIcon: ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<HTMLSpanElement>>;

package/dist-types/design-system/Icon/Icon.d.ts

@@ -1,12 +1,26 @@
-import AntDIcon from "@ant-design/icons";
-import type { ForwardRefExoticComponent, PropsWithoutRef, ReactElement, RefAttributes } from "react";
+import type { ComponentType, CSSProperties, ForwardRefExoticComponent, HTMLProps, PropsWithoutRef, ReactElement, RefAttributes, SVGProps } from "react";
 import React from "react";
 import type { HTMLDataAttributes } from "../types";
-type AntDIconProps = Omit<React.ComponentProps<typeof AntDIcon>, "onPointerEnterCapture" | "onPointerLeaveCapture">;
+export { getIconClassName } from "./utils";
 export type IconColors = "danger" | "warning" | "success" | "ai";
-export interface IconProps extends Omit<AntDIconProps, "component">, HTMLDataAttributes, React.HTMLAttributes<HTMLSpanElement> {
-	component?: (props: React.SVGProps<SVGSVGElement>) => ReactElement | null;
+interface CustomIconComponentProps {
+	width: string | number;
+	height: string | number;
+	fill: string;
+	viewBox?: string;
+	className?: string;
+	style?: CSSProperties;
+}
+interface IconCompatibilityProps extends Omit<HTMLProps<HTMLSpanElement>, "onPointerEnterCapture" | "onPointerLeaveCapture"> {
+	spin?: boolean;
+	rotate?: number;
+	viewBox?: string;
+	component?: ComponentType<CustomIconComponentProps | SVGProps<SVGSVGElement>> | ForwardRefExoticComponent<CustomIconComponentProps>;
+	ariaLabel?: React.AriaAttributes["aria-label"];
+}
+export interface IconProps extends Omit<IconCompatibilityProps, "component">, HTMLDataAttributes, React.HTMLAttributes<HTMLSpanElement> {
+	component?: (props: SVGProps<SVGSVGElement>) => ReactElement | null;
 	color?: IconColors;
+	forceNativeIcon?: boolean;
 }
 export declare const Icon: ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<HTMLSpanElement>>;
-export {};

package/dist-types/design-system/Icon/NativeIcon.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+import type { IconProps } from "./Icon";
+export declare const NativeIcon: ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<HTMLSpanElement>>;

package/dist-types/design-system/Icon/__generated/icons/LakewatchIcon.d.ts

@@ -0,0 +1,4 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+import type { IconProps } from "../../Icon";
+declare const LakewatchIcon: ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<HTMLSpanElement>>;
+export default LakewatchIcon;

package/dist-types/design-system/Icon/__generated/icons/index.d.ts

@@ -245,6 +245,7 @@ export { default as LakeflowDesignerIcon } from "./LakeflowDesignerIcon";
 export { default as LakewatchAlertIcon } from "./LakewatchAlertIcon";
 export { default as LakewatchDatasourceIcon } from "./LakewatchDatasourceIcon";
 export { default as LakewatchDetectionRuleIcon } from "./LakewatchDetectionRuleIcon";
+export { default as LakewatchIcon } from "./LakewatchIcon";
 export { default as LakewatchParserIcon } from "./LakewatchParserIcon";
 export { default as LayerGraphIcon } from "./LayerGraphIcon";
 export { default as LayerIcon } from "./LayerIcon";

package/dist-types/design-system/Icon/index.d.ts

@@ -1,3 +1,4 @@
 export { Icon } from "./Icon";
 export type { IconProps } from "./Icon";
+export { getIconClassName } from "./utils";
 export * from "./__generated/icons";

package/dist-types/design-system/Icon/utils.d.ts

@@ -0,0 +1 @@
+export declare function getIconClassName(): string;

package/dist-types/design-system/_shared_/Tabs/styles.d.ts

@@ -1,4 +1,3 @@
 import type { CSSObject } from "@emotion/react";
-import type { Theme } from "../../../theme";
-export declare const getCommonTabsListStyles: (theme: Theme) => CSSObject;
-export declare const getCommonTabsTriggerStyles: (theme: Theme) => CSSObject;
+export declare const COMMON_TABS_LIST_STYLES: CSSObject;
+export declare const COMMON_TABS_TRIGGER_STYLES: CSSObject;

package/dist-types/~patterns/Wizard/WizardModal.d.ts

@@ -3,4 +3,4 @@ import { type ModalProps } from "../../design-system";
 export interface WizardModalProps extends Omit<ModalProps, "footer" | "onCancel" | "onOk">, Omit<WizardProps, "width" | "layout" | "title"> {
 	onModalClose: () => void;
 }
-export declare function WizardModal({ onStepChanged, onCancel, initialStep, steps, onModalClose, localizeStepNumber, cancelButtonContent, nextButtonContent, previousButtonContent, doneButtonContent, enableClickingToSteps, ...modalProps }: WizardModalProps): JSX.Element | null;
+export declare function WizardModal({ onStepChanged, onValidateStepChange, onCancel, initialStep, steps, onModalClose, localizeStepNumber, cancelButtonContent, nextButtonContent, previousButtonContent, doneButtonContent, enableClickingToSteps, ...modalProps }: WizardModalProps): JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -16,6 +16,7 @@
   "types": "dist-types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./icon-metadata.json": "./dist/icon-metadata.json",
     ".": {
       "types": "./dist-types/index.d.ts",
       "import": "./dist/index.js",
@@ -56,7 +57,8 @@
     "/CHANGELOG.md",
     "dist",
     "dist-types",
-    "test-utils"
+    "test-utils",
+    "/design-guidance"
   ],
   "scripts": {
     "prepublish": "./scripts/prepublish",