@databricks/design-system 0.2.1 → 1.2.0

package/dist/design-system/Icon/{icons → __generated/icons}/PinXIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PinXIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PinXIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlayCircleBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlayCircleBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlayCircleFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlayCircleFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlayIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlayIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlayIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlusCircleBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlusCircleBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlusCircleFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlusCircleFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlusIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlusIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlusIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/PlusSquareIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function PlusSquareIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PlusSquareIcon;

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

@@ -0,0 +1,3 @@
+import { IconProps } from '../../Icon';
+declare function QueryEditorIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default QueryEditorIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/QueryIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function QueryIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default QueryIcon;

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

@@ -0,0 +1,3 @@
+import { IconProps } from '../../Icon';
+declare function QueryListViewIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default QueryListViewIcon;

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

@@ -0,0 +1,3 @@
+import { IconProps } from '../../Icon';
+declare function QueryNavIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default QueryNavIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function QuestionMarkBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default QuestionMarkBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function QuestionMarkFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default QuestionMarkFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/ReaderModeIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function ReaderModeIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ReaderModeIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/ReposIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function ReposIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ReposIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SchoolIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SchoolIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SchoolIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/Search1Icon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function Search1Icon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Search1Icon;

package/dist/design-system/Icon/{icons → __generated/icons}/SearchIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SearchIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SearchIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SecurityIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SecurityIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SecurityIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/ShareIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function ShareIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ShareIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SidebarAutoIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SidebarAutoIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SidebarAutoIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SidebarCollapseIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SidebarCollapseIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SidebarCollapseIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SidebarExpandIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SidebarExpandIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SidebarExpandIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SidebarIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SidebarIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SidebarIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubbleIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SpeechBubbleIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SpeechBubbleIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubblePlusIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SpeechBubblePlusIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SpeechBubblePlusIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StarBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StarBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StarBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StarFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StarFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StarFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StopCircleBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StopCircleBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StopCircleBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StopCricleFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StopCricleFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StopCricleFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StopIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StopIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StopIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/StreamIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function StreamIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default StreamIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/SyncIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function SyncIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SyncIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/TableIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function TableIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default TableIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/TrashIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function TrashIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default TrashIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/TreeIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function TreeIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default TreeIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UploadIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UploadIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UploadIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UsbIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UsbIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UsbIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UserBadgeIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UserBadgeIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UserBadgeIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UserCircleIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UserCircleIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UserCircleIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UserGroupIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UserGroupIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UserGroupIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/UserIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function UserIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default UserIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/VideosIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function VideosIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VideosIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/WarningBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function WarningBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default WarningBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/WarningFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function WarningFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default WarningFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/XCircleBorderIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function XCircleBorderIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default XCircleBorderIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/XCircleFillIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function XCircleFillIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default XCircleFillIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/ZoomInIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function ZoomInIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ZoomInIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/ZoomOutIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 declare function ZoomOutIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ZoomOutIcon;

package/dist/design-system/Icon/{icons → __generated/icons}/index.d.ts

@@ -122,7 +122,10 @@ export { default as PlusCircleBorderIcon } from './PlusCircleBorderIcon';
 export { default as PlusCircleFillIcon } from './PlusCircleFillIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { default as PlusSquareIcon } from './PlusSquareIcon';
+export { default as QueryEditorIcon } from './QueryEditorIcon';
 export { default as QueryIcon } from './QueryIcon';
+export { default as QueryListViewIcon } from './QueryListViewIcon';
+export { default as QueryNavIcon } from './QueryNavIcon';
 export { default as QuestionMarkBorderIcon } from './QuestionMarkBorderIcon';
 export { default as QuestionMarkFillIcon } from './QuestionMarkFillIcon';
 export { default as ReaderModeIcon } from './ReaderModeIcon';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconType as AntDIconType } from 'antd/lib/notification';
+import type { IconType as AntDIconType } from 'antd/lib/notification';
 interface MinimalIconProps {
     className?: string;
 }

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

@@ -1,2 +1,3 @@
-export { IconProps, Icon } from './Icon';
-export * from './icons';
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';
+export * from './__generated/icons';

package/dist/design-system/Input/Input.d.ts

@@ -1,13 +1,13 @@
 import { Input as AntDInput, InputProps as AntDInputProps } from 'antd';
-import { PasswordProps as AntDPasswordProps, TextAreaProps as AntDTextAreaProps } from 'antd/lib/input';
-import { TextAreaRef } from 'antd/lib/input/TextArea';
+import type { PasswordProps as AntDPasswordProps, TextAreaProps as AntDTextAreaProps } from 'antd/lib/input';
+import type { TextAreaRef } from 'antd/lib/input/TextArea';
 import React from 'react';
-import { DangerouslySetAntdProps } from '../types';
-export interface InputProps extends Omit<AntDInputProps, 'prefixCls' | 'size' | 'addonAfter' | 'allowClear' | 'bordered'>, DangerouslySetAntdProps<AntDInputProps> {
+import { DangerousGeneralProps, DangerouslySetAntdProps } from '../types';
+export interface InputProps extends Omit<AntDInputProps, 'prefixCls' | 'size' | 'addonAfter' | 'bordered'>, DangerouslySetAntdProps<AntDInputProps>, DangerousGeneralProps {
 }
-export interface TextAreaProps extends Omit<AntDTextAreaProps, 'allowClear' | 'bordered' | 'showCount' | 'size'>, DangerouslySetAntdProps<AntDTextAreaProps> {
+export interface TextAreaProps extends Omit<AntDTextAreaProps, 'bordered' | 'showCount' | 'size'>, DangerouslySetAntdProps<AntDTextAreaProps>, DangerousGeneralProps {
 }
-export interface PasswordProps extends Omit<AntDPasswordProps, 'inputPrefixCls' | 'action' | 'visibilityToggle' | 'iconRender'>, DangerouslySetAntdProps<AntDPasswordProps> {
+export interface PasswordProps extends Omit<AntDPasswordProps, 'inputPrefixCls' | 'action' | 'visibilityToggle' | 'iconRender'>, DangerouslySetAntdProps<AntDPasswordProps>, DangerousGeneralProps {
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<AntDInput>> & {
     TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;

package/dist/design-system/Modal/Modal.d.ts

@@ -15,8 +15,10 @@ export interface ModalProps extends DangerouslySetAntdProps<AntDModalProps> {
     children?: React.ReactNode;
     /** A custom JSX element to render in place of the default footer */
     footer?: AntDModalProps['footer'];
-    /** The size of the modal */
+    /** Sets the horizontal size according to the size presets */
     size?: 'normal' | 'wide';
+    /** Defines the modal height either by both its content and maximum height (dynamic) or by its maximum height only (maxed_out) */
+    verticalSizing?: 'dynamic' | 'maxed_out';
     /** When set to true, the confirm button will show a loading indicator */
     confirmLoading?: AntDModalProps['confirmLoading'];
     /** Function called after the modal has finished closing */
@@ -44,11 +46,14 @@ export interface ModalProps extends DangerouslySetAntdProps<AntDModalProps> {
     okButtonProps?: ButtonProps;
     /** The cancel button props */
     cancelButtonProps?: ButtonProps;
+    /** Custom modal content render function. While custom rendering is discouraged in general, this prop can be used to wrap the modal contents in a React context. */
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
 }
 export declare function Modal({ okButtonProps, cancelButtonProps, dangerouslySetAntdProps, ...props }: ModalProps): JSX.Element;
 export declare namespace Modal {
     var defaultProps: {
         size: string;
+        verticalSizing: string;
     };
 }
 export declare function DangerModal(props: Omit<ModalProps, 'footer'>): JSX.Element;

package/dist/design-system/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ArgsProps as AntDNotificationArgs, IconType as AntDIconType, NotificationInstance } from 'antd/lib/notification';
+import type { ArgsProps as AntDNotificationArgs, IconType as AntDIconType, NotificationInstance } from 'antd/lib/notification';
 import { DangerouslySetAntdProps } from '../types';
 export declare type NotificationType = AntDIconType;
 export interface NotificationProps extends Omit<AntDNotificationArgs, 'bottom' | 'btn' | 'className' | 'closeIcon' | 'icon' | 'position' | 'style' | 'top'>, DangerouslySetAntdProps<AntDNotificationArgs> {

package/dist/design-system/Notification/Notification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/design-system/Pagination/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
 import { PaginationProps as AntdPaginationProps } from 'antd';
+import { Theme } from '../../theme';
 import { DangerouslySetAntdProps } from '../types';
-interface PaginationProps extends DangerouslySetAntdProps<AntdPaginationProps> {
+export interface PaginationProps extends DangerouslySetAntdProps<AntdPaginationProps> {
     /**
      * The index of the current page. Starts at 1.
      */
@@ -16,13 +18,9 @@ interface PaginationProps extends DangerouslySetAntdProps<AntdPaginationProps> {
     numTotal: number;
     /**
      * Callback that is triggered when the user navigates to a different page. Recieves the index
-     * of the new page.
+     * of the new page and the size of that page.
      */
-    onChange: (pageIndex: number) => void;
-    /**
-     * Visual size of the pagination component.
-     */
-    size?: 'default' | 'small';
+    onChange: (pageIndex: number, pageSize?: number) => void;
 }
+export declare function getPaginationEmotionStyles(clsPrefix: string, theme: Theme): SerializedStyles;
 export declare const Pagination: React.FC<PaginationProps>;
-export {};

package/dist/design-system/Radio/Radio.d.ts

@@ -9,9 +9,9 @@ interface RadioInterface extends React.FC<RadioProps> {
     Group: typeof VerticalGroup;
     HorizontalGroup: typeof HorizontalGroup;
 }
-export declare const Radio: RadioInterface;
 declare const VerticalGroup: React.FC<RadioGroupProps>;
 declare const HorizontalGroup: React.FC<RadioGroupProps>;
-export declare const __INTERNAL_DO_NOT_USE__VeritcalGroup: import("react").FC<RadioGroupProps>;
+export declare const Radio: RadioInterface;
+export declare const __INTERNAL_DO_NOT_USE__VerticalGroup: import("react").FC<RadioGroupProps>;
 export declare const __INTERNAL_DO_NOT_USE__HorizontalGroup: import("react").FC<RadioGroupProps>;
 export {};

package/dist/design-system/SegmentedControl/SegmentedControl.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { RadioGroupProps } from 'antd';
-import { RadioButtonProps } from 'antd/lib/radio/radioButton';
+import type { RadioButtonProps } from 'antd/lib/radio/radioButton';
 export interface SegmentedControlButtonProps extends Omit<RadioButtonProps, 'optionType' | 'buttonStyle' | 'size' | 'prefixCls' | 'skipGroup'> {
-    size?: 'small' | 'medium';
+    size?: 'small' | 'middle';
 }
-export declare function SegmentedControlButton(props: SegmentedControlButtonProps): JSX.Element;
-export declare function SegmentedControlGroup(props: RadioGroupProps): JSX.Element;
+export declare const SegmentedControlButton: import("react").ForwardRefExoticComponent<SegmentedControlButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface SegmentedControlGroupProps extends Omit<RadioGroupProps, 'size'> {
+    size?: 'small' | 'middle';
+}
+export declare const SegmentedControlGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/design-system/Select/Select.d.ts

@@ -1,7 +1,31 @@
-/// <reference types="react" />
-import { Select as AntDSelect, SelectProps } from 'antd';
-export interface SelectInterface extends React.FC<SelectProps<any>> {
+import { Select as AntDSelect, SelectProps as AntDSelectProps } from 'antd';
+import type { SelectValue as AntdSelectValue } from 'antd/lib/select';
+import React, { FC } from 'react';
+import { DangerouslySetAntdProps } from '../types';
+import { RefSelectProps } from 'antd/es/select';
+export declare type SelectValue = AntdSelectValue;
+declare type OmittedProps = 'bordered' | 'autoClearSearchValue' | 'dropdownRender' | 'dropdownStyle' | 'size' | 'suffixIcon' | 'tagRender' | 'clearIcon' | 'removeIcon' | 'showArrow' | 'dropdownMatchSelectWidth' | 'menuItemSelectedIcon' | 'showSearch' | 'placeholder';
+export interface SelectProps<T = string> extends Omit<AntDSelectProps<T>, OmittedProps>, DangerouslySetAntdProps<Pick<AntDSelectProps<T>, OmittedProps>> {
+}
+export interface SelectInterface<T> extends FC<SelectProps<T>> {
     Option: typeof AntDSelect.Option;
-    OptGroup: typeof AntDSelect.OptGroup;
 }
-export declare const Select: SelectInterface;
+export interface OptionProps {
+    value: string | number;
+    disabled?: boolean;
+    key?: string | number;
+    title?: string;
+    label?: React.ReactNode;
+    children: React.ReactNode;
+    'data-testid'?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLElement>>;
+export declare const Select: (<T extends AntdSelectValue>(props: SelectProps<T> & {
+    ref?: RefSelectProps | undefined;
+}) => JSX.Element) & {
+    Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLElement>>;
+};
+export declare const __INTERNAL_DO_NOT_USE__Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/design-system/Spacer/Spacer.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-export declare enum SPACING_VALUES {
-    small = 8,
-    medium = 16,
-    large = 24
-}
+declare type validSpacerOptions = 'small' | 'medium' | 'large';
 export interface SpacerProps {
-    size?: 'small' | 'medium' | 'large';
+    size?: validSpacerOptions;
 }
 export declare const Spacer: React.FC<SpacerProps>;
+export {};

package/dist/design-system/SplitButton/SplitButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownButtonProps as AntDDropdownButtonProps } from 'antd/lib/dropdown';
+import type { DropdownButtonProps as AntDDropdownButtonProps } from 'antd/lib/dropdown';
 import { DangerouslySetAntdProps } from '../types';
 export interface SplitButtonMenuInfo {
     key: React.Key;
@@ -12,9 +12,5 @@ export declare type SplitButtonProps = Omit<AntDDropdownButtonProps, 'overlay' |
      * The visual style of the button, either default or primary
      */
     type?: 'default' | 'primary';
-    /**
-     * The size of the button
-     */
-    size?: 'middle' | 'small';
 };
 export declare const SplitButton: React.FC<SplitButtonProps>;

package/dist/design-system/Table/Table.d.ts

@@ -1,5 +1,7 @@
-import { TableProps as AntDTableProps, TablePaginationConfig as AntDTablePaginationConfig, TableColumnGroupType as AntDTableColumnGroupType, TableColumnType as AntDTableColumnType, TableColumnProps as AntDTableColumnProps, TableColumnsType as AntDTableColumnsType } from 'antd';
+/// <reference types="react" />
+import { TableColumnGroupType as AntDTableColumnGroupType, TableColumnProps as AntDTableColumnProps, TableColumnsType as AntDTableColumnsType, TableColumnType as AntDTableColumnType, TablePaginationConfig as AntDTablePaginationConfig, TableProps as AntDTableProps } from 'antd';
 export interface TableProps<RecordType> extends AntDTableProps<RecordType> {
+    scrollableInFlexibleContainer?: boolean;
 }
 export interface TablePaginationConfig extends AntDTablePaginationConfig {
 }

package/dist/design-system/Tabs/index.d.ts

@@ -3,7 +3,7 @@ import { CSSObject } from '@emotion/react';
 import { TabsProps as AntDTabsProps, TabPaneProps as AntDTabPaneProps } from 'antd';
 import { Theme } from '../../theme';
 import { DangerousGeneralProps } from '../types';
-export declare const getTabEmotionStyles: (clsPrefix: string, theme: Theme, enableAnimation: boolean) => CSSObject;
+export declare const getTabEmotionStyles: (clsPrefix: string, theme: Theme) => CSSObject;
 export interface TabsProps extends DangerousGeneralProps {
     /**
      * Set this to `true` to allow users to add and remove tab panes.

package/dist/design-system/Tag/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { SecondaryColorToken } from '../../theme/colorList';
-interface TagProps {
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * The color of the tag.
      */
@@ -17,10 +17,5 @@ interface TagProps {
      * Function called when the close button is clicked.
      */
     onClose?: () => void;
-    /**
-     * ID that can be used to select the Tag for use in unit tests.
-     */
-    dataTestId?: string;
 }
-export declare function Tag({ color, children, closable, onClose, dataTestId }: TagProps): JSX.Element;
-export {};
+export declare function Tag(props: TagProps): JSX.Element;