@databricks/design-system 1.12.15 → 1.12.17

package/dist/~patterns/Wizard/Wizard.d.ts

@@ -0,0 +1,4 @@
+import type { WizardControlledProps, WizardProps } from './WizardProps';
+export declare function Wizard({ steps, onStepChanged, onValidateStepChange, initialStep, ...props }: WizardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function WizardControlled({ initialStep, layout, width, height, steps, title, ...restOfProps }: WizardControlledProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/~patterns/Wizard/Wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/Wizard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGxE,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,oDAoBxG;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAe,EACf,MAAqB,EACrB,KAAc,EACd,MAAe,EACf,KAAK,EACL,KAAK,EACL,GAAG,WAAW,EACf,EAAE,qBAAqB,2DAUvB"}

package/dist/{design-system → ~patterns}/Wizard/WizardFooter.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import type { WizardStep } from './WizardStep';
 import type { WizardCurrentStepResult } from './useWizardCurrentStep';
-import type { ButtonProps } from '..';
+import { type ButtonProps } from '../../design-system';
 export interface WizardFooterProps extends Omit<WizardCurrentStepResult, 'onStepsChange' | 'onValidateStepChange'>, WizardStep {
+    currentStepIndex: number;
     onCancel?: () => void;
+    moveCancelToOtherSide?: boolean;
     cancelButtonContent: React.ReactNode;
     nextButtonContent: React.ReactNode;
     previousButtonContent: React.ReactNode;
@@ -11,6 +12,5 @@ export interface WizardFooterProps extends Omit<WizardCurrentStepResult, 'onStep
     extraFooterButtonsLeft?: ButtonProps[];
     extraFooterButtonsRight?: ButtonProps[];
 }
-export declare function WizardFooter(props: WizardFooterProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepIndex, goToPreviousStep, busyValidatingNextStep, nextButtonDisabled, nextButtonLoading, nextButtonContentOverride, previousButtonContentOverride, previousStepButtonHidden, previousButtonDisabled, previousButtonLoading, cancelButtonContent, cancelStepButtonHidden, nextButtonContent, previousButtonContent, doneButtonContent, extraFooterButtonsLeft, extraFooterButtonsRight, onCancel, }: WizardFooterProps): (import("@emotion/react/jsx-runtime").JSX.Element | import("@emotion/react/jsx-runtime").JSX.Element[])[];
+export declare function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepIndex, goToPreviousStep, busyValidatingNextStep, nextButtonDisabled, nextButtonLoading, nextButtonContentOverride, previousButtonContentOverride, previousStepButtonHidden, previousButtonDisabled, previousButtonLoading, cancelButtonContent, cancelStepButtonHidden, nextButtonContent, previousButtonContent, doneButtonContent, extraFooterButtonsLeft, extraFooterButtonsRight, onCancel, moveCancelToOtherSide, }: WizardFooterProps): (import("@emotion/react/jsx-runtime").JSX.Element | import("@emotion/react/jsx-runtime").JSX.Element[])[];
 //# sourceMappingURL=WizardFooter.d.ts.map

package/dist/~patterns/Wizard/WizardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardFooter.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/WizardFooter.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,eAAe,GAAG,sBAAsB,CAAC,EAC7E,UAAU;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,WAAW,EAAE,CAAC;IACvC,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAGD,wBAAgB,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,QAAQ,EACR,qBAAqB,GACtB,EAAE,iBAAiB,6GA6CnB"}

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

@@ -0,0 +1,7 @@
+import type { WizardProps } from './WizardProps';
+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): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=WizardModal.d.ts.map

package/dist/~patterns/Wizard/WizardModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardModal.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/WizardModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,GAAG,UAAU,EACd,EAAE,gBAAgB,2DAoClB"}

package/dist/{design-system/Wizard/Wizard.d.ts → ~patterns/Wizard/WizardProps.d.ts}

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import type { ButtonProps } from '@databricks/design-system';
 import type { WizardStep } from './WizardStep';
 import type { WizardCurrentStepParams, WizardCurrentStepResult } from './useWizardCurrentStep';
-import type { ButtonProps } from '..';
 import type { StepperProps } from '../../development/Stepper';
 export interface WizardProps {
     /**
@@ -24,12 +23,22 @@ export interface WizardProps {
      * ex) localizeStepNumber={intl.formatNumber}
      */
     localizeStepNumber: StepperProps['localizeStepNumber'];
+    /**
+     * Button content for the compact vertical wizard's stepper's trigger.
+     * In small screen widths we hide the vertical stepper and display a popover button instead
+     *
+     * This is required to enable the compact vertical wizard layout.
+     * Ex) (currentStepIndex, totalSteps) =>
+     *       intl.formatMessage( { defaultMessage: 'Step {currentStepIndex} / {totalSteps}', description: '', }, { currentStepIndex: currentStepIndex + 1, totalSteps })
+     */
+    verticalCompactButtonContent?: (currentStepIndex: number, totalSteps: number) => string;
     /**
      * Called when user clicks on cancel button in Wizard footer
      */
     onCancel: () => void;
     /**
      * Initial step of the wizard
+     * If this is an invalid step index; no wizard will be rendered
      *
      * @default 0
      */
@@ -69,7 +78,7 @@ export interface WizardProps {
      */
     doneButtonContent: React.ReactNode;
     /**
-     * Extra set of ordered buttons to be displayed in the footer to the right of the cancel button
+     * Extra set of ordered buttons to be displayed in the footer to the left of the next button
      * The only button property that will be overriden is type to default; keeping the far right button as the only primary button.
      */
     extraFooterButtonsLeft?: ButtonProps[];
@@ -79,16 +88,33 @@ export interface WizardProps {
      */
     extraFooterButtonsRight?: ButtonProps[];
     /**
-     * If true the content of the wizard will take up all available vertical space.
-     * This is to keep the footer at the bottom of the wizard
+     * Layout of the stepper.
+     * A vertical wizard will have a vertical stepper on the left side of the step content
+     * A horizontal wizard will have a horizontal stepper atop of the step content
+     *
+     * @default 'horizontal'
+     */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * Optional title of the wizard displayed above the stepper in the horizontal layout
+     */
+    title?: React.ReactNode;
+    /**
+     * If not set, the default padding will be applied to the wizard
      *
-     * A height on either the wizard parent or using the height prop is required for this to work
+     * @default theme.spacing.lg
+     */
+    padding?: string | number;
+    /**
+     * If true user will be able to click to steps that have been completed, in error or warning states, or are less than current step,
+     * or every step before a step is completed.
+     * This default behavior can be overriden by setting `clickEnabled` on each `WizardStep`
      *
-     * @default true
+     * @default false
      */
-    expandContentToFullHeight?: boolean;
+    enableClickingToSteps?: boolean;
 }
-export declare function Wizard({ steps, onStepChanged, onValidateStepChange, initialStep, ...props }: WizardProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export type WizardControlledProps = WizardProps & WizardCurrentStepResult;
-export declare function WizardControlled({ initialStep, steps, width, height, currentStepIndex, localizeStepNumber, onStepsChange, isLastStep, expandContentToFullHeight, ...footerProps }: WizardControlledProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Wizard.d.ts.map
+export type WizardControlledProps = WizardProps & WizardCurrentStepResult & {
+    currentStepIndex: number;
+};
+//# sourceMappingURL=WizardProps.d.ts.map

package/dist/~patterns/Wizard/WizardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardProps.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/WizardProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IAExD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;IAEvE;;;;OAIG;IACH,kBAAkB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAEvD;;;;;;;OAOG;IACH,4BAA4B,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAExF;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IAErC;;;;OAIG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;;OAIG;IACH,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvC;;;;OAIG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;IAExC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,uBAAuB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/{design-system → ~patterns}/Wizard/WizardStep.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Step } from '../../development/Stepper';
 /**
  * Represents one step in the wizard
@@ -67,5 +66,30 @@ export interface WizardStep {
      * @default false
      */
     cancelStepButtonHidden?: boolean;
+    /**
+     * Additional content displayed beneath the step description of the stepper in a horizontal Wizard layout
+     */
+    additionalHorizontalLayoutStepContent?: Step['additionalVerticalContent'];
+    /**
+     * If true the step content will take up all available vertical space.
+     * This is to keep the footer at the bottom of the wizard
+     *
+     * A height on either the wizard parent or using the height prop is required for this to work
+     *
+     * @default true
+     */
+    expandContentToFullHeight?: boolean;
+    /**
+     * Delegates all content scroll behavior to the caller if true
+     *    Disable the default scroll drop shadow
+     *    Hide the step content overflow
+     * @default false
+     */
+    disableDefaultScrollBehavior?: boolean;
+    /**
+     * Enable this step to be clicked
+     * The wizard must have property `enableClickingToSteps` set to true for this to work
+     */
+    clickEnabled?: boolean;
 }
 //# sourceMappingURL=WizardStep.d.ts.map

package/dist/~patterns/Wizard/WizardStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/WizardStep.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAExB;;;;OAIG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5C;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;OAEG;IACH,6BAA6B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhD;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,qCAAqC,CAAC,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAE1E;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/~patterns/Wizard/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Wizard';
+export * from './WizardProps';
+export * from './useWizardCurrentStep';
+export type { WizardStep } from './WizardStep';
+export * from './WizardModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/~patterns/Wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,cAAc,eAAe,CAAC"}

package/dist/~patterns/Wizard/useStepperStepsFromWizardSteps.d.ts

@@ -0,0 +1,9 @@
+import type { WizardStep } from './WizardStep';
+export declare function useStepperStepsFromWizardSteps(wizardSteps: WizardStep[], currentStepIdx: number): {
+    additionalVerticalContent: import("react").ReactNode;
+    clickEnabled: boolean;
+    title: React.ReactNode;
+    status?: import("../../development").Step["status"];
+    description?: React.ReactNode;
+}[];
+//# sourceMappingURL=useStepperStepsFromWizardSteps.d.ts.map

package/dist/~patterns/Wizard/useStepperStepsFromWizardSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStepperStepsFromWizardSteps.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/useStepperStepsFromWizardSteps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,MAAM;;;WAAf,MAAO,SAAS;;kBAK9D,MAAO,SAAS;IAOlD"}

package/dist/{design-system → ~patterns}/Wizard/useWizardCurrentStep.d.ts

@@ -1,5 +1,6 @@
 export interface WizardCurrentStepParams {
-    initialStep?: number;
+    currentStepIndex: number;
+    setCurrentStepIndex: (step: number) => void;
     totalSteps: number;
     onValidateStepChange?: (step: number) => Promise<boolean>;
     onStepChanged: ({ step, completed }: {
@@ -7,8 +8,7 @@ export interface WizardCurrentStepParams {
         completed: boolean;
     }) => void;
 }
-export declare function useWizardCurrentStep({ initialStep, totalSteps, onValidateStepChange, onStepChanged, }: WizardCurrentStepParams): {
-    currentStepIndex: number;
+export declare function useWizardCurrentStep({ currentStepIndex, setCurrentStepIndex, totalSteps, onValidateStepChange, onStepChanged, }: WizardCurrentStepParams): {
     busyValidatingNextStep: boolean;
     isLastStep: boolean;
     onStepsChange: (step: number, completed?: any) => Promise<void>;

package/dist/~patterns/Wizard/useWizardCurrentStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizardCurrentStep.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/useWizardCurrentStep.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF;AAED,wBAAgB,oBAAoB,CAAC,EACnC,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,oBAAoB,EACpB,aAAa,GACd,EAAE,uBAAuB;;;0BAKT,MAAM;;;qBAgCZ,MAAM;EAgBhB;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/~patterns/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Wizard';
+export type { WizardStep } from './Wizard';
+export declare const foo = 123;
+//# sourceMappingURL=index.d.ts.map

package/dist/~patterns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/~patterns/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,GAAG,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.12.15",
+  "version": "1.12.17",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -17,6 +17,7 @@
   "files": [
     "dist",
     "development.{mjs,d.ts}",
+    "patterns.{mjs,d.ts}",
     "test-utils"
   ],
   "scripts": {
@@ -24,7 +25,7 @@
     "prepublish": "./scripts/prepublish",
     "postpublish": "./scripts/postpublish",
     "generate": "npm-run-all generate:icons generate:icons-story",
-    "generate:icons": "svgr -d src/design-system/Icon/__generated/icons --typescript --template src/design-system/Icon/generator/iconTemplate.js --icon --replace-attr-values \"#727272=currentColor\" src/assets/icons",
+    "generate:icons": "svgr -d src/design-system/Icon/__generated/icons --typescript --icon --template src/design-system/Icon/generator/iconTemplate.js src/assets/icons && yarn lint:fix",
     "generate:icons-story": "node ./src/design-system/Icon/generator/generateIconStory.js",
     "build": "rm -rf dist && yarn build:js && yarn build:less-colors",
     "build:deps": "yarn workspaces foreach -piR --topological-dev --from @databricks/design-system --exclude @databricks/design-system run build",
@@ -37,6 +38,8 @@
     "storybook:generate-safex-index": "swc-node ./scripts/safex_keys/regenerate.ts",
     "storybook:generate-safex-index-check": "swc-node ./scripts/safex_keys/check.ts",
     "start:storybook": "NODE_OPTIONS='--max_old_space_size=12288' TS_NODE_PROJECT=.storybook/tsconfig.json BROWSER=none databricks-start-storybook -p 6006 -c storybook",
+    "cy:open": "cd cypress && yarn databricks-cypress open",
+    "cy:run": "cd cypress && yarn databricks-cypress run",
     "indexes-regenerate": "swc-node ./scripts/index_regeneration/regenerate.ts",
     "indexes-check": "swc-node ./scripts/index_regeneration/check.ts",
     "theme-regenerate": "swc-node ./scripts/theme_regeneration/regenerate_primitive_color_list.ts && swc-node ./scripts/theme_regeneration/regenerate_semantic_color_lists.ts  && swc-node ./scripts/theme_regeneration/regenerate_color_validity_enums.ts && databricks-prettier ./src/theme/_generated --write",
@@ -49,20 +52,22 @@
     "test:watch": "yarn test --watch",
     "type-check": "tsc --noEmit --project ./tsconfig.json",
     "type-check:watch": "yarn type-check --watch",
+    "type-check:cypress": "tsc --noEmit --project ./cypress/tsconfig.json",
     "check-all": "yarn type-check && yarn prettier:check && yarn lint",
     "fix-all": "yarn generate && yarn prettier:fix && yarn indexes-regenerate && yarn lint:fix && yarn type-check",
     "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.0",
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@databricks/config-eslint": "1.0.0",
     "@databricks/config-jest": "1.0.0",
     "@databricks/config-percy": "0.0.0",
     "@databricks/config-prettier": "1.0.0",
     "@databricks/config-storybook": "1.0.0",
+    "@databricks/cypress": "0.0.0",
     "@databricks/pkgr": "1.0.0",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/babel-preset-css-prop": "^11.11.0",
@@ -87,7 +92,7 @@
     "@swc/core": "^1.3.91",
     "@swc/register": "^0.1.10",
     "@tanstack/react-table": "^8.8.2",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react-for-react-18": "npm:@testing-library/react@^14.0.0",
     "@types/chroma-js": "^2.1.3",
     "@types/enzyme": "^3.10.8",
@@ -99,7 +104,7 @@
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
     "@types/react-resizable": "^3.0.3",
-    "@types/testing-library__jest-dom": "^5.14.1",
+    "@types/testing-library__jest-dom": "^5.14.9",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
     "babel-loader": "^9.1.3",
     "babel-plugin-react-require": "^3.1.3",
@@ -129,7 +134,7 @@
     "storybook-dark-mode": "^1.0.8",
     "style-loader": "^3.3.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "5.2.2",
+    "typescript": "^5.5.2",
     "usehooks-ts": "^2.9.1",
     "webpack": "^5.75.0",
     "webpack-merge": "^5.8.0"
@@ -142,7 +147,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@babel/runtime": "^7.23.1",
+    "@babel/runtime": "^7.24.7",
     "@emotion/unitless": "^0.8.1",
     "@floating-ui/react": "^0.24.6",
     "@radix-ui/react-context-menu": "2.1.5",
@@ -151,22 +156,28 @@
     "@radix-ui/react-popover": "1.0.7",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "1.1.3",
+    "@radix-ui/react-scroll-area": "^1.0.2",
     "@radix-ui/react-slider": "1.1.2",
+    "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "1.1.5",
     "@radix-ui/react-toggle": "1.0.3",
     "@radix-ui/react-toolbar": "1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event-14": "npm:@testing-library/user-event@^14.0.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",
+    "date-fns": "^3.6.0",
+    "dom-accessibility-api": "^0.5.9",
     "downshift": "^6.1.9",
     "enzyme": "^3.11.0",
     "lodash": "^4.17.21",
     "postcss-prefixwrap": "^1.37.0",
+    "react-day-picker": "^8.10.1",
     "react-hook-form": "^7.36.0",
     "react-resizable": "^3.0.4",
-    "tslib": "^2.6.2"
+    "tslib": "^2.6.3"
   },
   "stableVersion": "1.7.0"
 }

package/patterns.d.ts

@@ -0,0 +1 @@
+export * from './dist/~patterns';

package/patterns.mjs

@@ -0,0 +1 @@
+export * from './dist/patterns.js';