@databricks/design-system 0.2.1 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.pkgr-sources-hash +1 -1
- package/dist/cjs/index.js +15830 -4291
- package/dist/cjs/index.js.map +1 -1
- package/dist/design-system/Alert/Alert.d.ts +1 -1
- package/dist/design-system/Button/Button.d.ts +10 -4
- package/dist/design-system/Collapse/Collapse.d.ts +36 -3
- package/dist/design-system/DatePicker/DatePicker.d.ts +47 -0
- package/dist/design-system/DatePicker/index.d.ts +1 -0
- package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +12 -1
- package/dist/design-system/Header/Header.d.ts +2 -0
- package/dist/design-system/Hooks/index.d.ts +2 -1
- package/dist/design-system/Hooks/useDesignSystemContext.d.ts +2 -0
- package/dist/design-system/Hooks/useDesignSystemTheme.d.ts +7 -2
- package/dist/design-system/Icon/Icon.d.ts +6 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/AIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/AlignCenterIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/AlignLeftIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/AlignRightIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ArrowDownIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ArrowLeftIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ArrowRightIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ArrowUpIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ArrowsUpDownIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BarChartIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BeakerIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BookIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BookmarkBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BookmarkFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BriefcaseFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/BriefcaseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CalendarEventIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CalendarIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CaretDownSquareIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CaretUpSquareIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CheckCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CheckCircleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CheckIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CheckLineIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChecklistIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleDownIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleLeftIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleRightIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleUpIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDownIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronLeftIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronRightIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ChevronUpIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CircleIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ClipboardIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/Clock1Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ClockIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CloseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CloudDownloadIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CloudIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CloudOffIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CloudUploadIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ClusterIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ClustersIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CodeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/CopyIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DashIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DashboardIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DataIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DatabaseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DownloadIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/DragIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ErrorBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ErrorFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ExpandLessIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ExpandMoreIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ExperimentIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FeatureStoreIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FileCodeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FileDocumentIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FileIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FileImageIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FileModelIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FilterIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/Folder1Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FolderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ForkIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FullscreenExitIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/FullscreenIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/Gear1Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/GearIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/GridDashIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/GridIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/H1Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/H2Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/H3Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/HistoryIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/HomeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ImageIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/IndentDecreaseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/IndentIncreaseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/InfoBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/InfoFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/KeyboardIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LayerIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LifesaverIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LightningIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LinkIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LinkRemoveIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ListBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ListIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LoadingIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LockBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LockFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/LockUnlockedIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/MIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/MinusBoxIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/MinusCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/MinusCircleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ModelsIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/NewWindowIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/NoIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/NotebookIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/NotificationIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/NotificationsIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/OfficeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/OverflowIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PageBottomIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PageFirstIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PageLastIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PageTopIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PencilIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PinBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PinCancelIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PinFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PinXIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlayIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlusIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/PlusSquareIcon.d.ts +1 -1
- package/dist/design-system/Icon/__generated/icons/QueryEditorIcon.d.ts +3 -0
- package/dist/design-system/Icon/{icons → __generated/icons}/QueryIcon.d.ts +1 -1
- package/dist/design-system/Icon/__generated/icons/QueryListViewIcon.d.ts +3 -0
- package/dist/design-system/Icon/__generated/icons/QueryNavIcon.d.ts +3 -0
- package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ReaderModeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ReposIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SchoolIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/Search1Icon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SearchIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SecurityIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ShareIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SidebarAutoIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SidebarCollapseIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SidebarExpandIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SidebarIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubbleIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubblePlusIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StarBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StarFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StopCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StopCricleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StopIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/StreamIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/SyncIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/TableIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/TrashIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/TreeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UploadIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UsbIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UserBadgeIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UserCircleIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UserGroupIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/UserIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/VideosIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/WarningBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/WarningFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/XCircleBorderIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/XCircleFillIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ZoomInIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/ZoomOutIcon.d.ts +1 -1
- package/dist/design-system/Icon/{icons → __generated/icons}/index.d.ts +3 -0
- package/dist/design-system/Icon/index.d.ts +1 -1
- package/dist/design-system/Input/Input.d.ts +2 -2
- package/dist/design-system/Notification/Notification.test.d.ts +1 -0
- package/dist/design-system/Pagination/index.d.ts +6 -4
- package/dist/design-system/SegmentedControl/SegmentedControl.d.ts +4 -1
- package/dist/design-system/Select/Select.d.ts +26 -5
- package/dist/design-system/Table/Table.d.ts +2 -1
- package/dist/design-system/Tabs/index.d.ts +1 -1
- package/dist/design-system/Tag/index.d.ts +3 -8
- package/dist/design-system/Tree/Tree.d.ts +31 -2
- package/dist/design-system/index.d.ts +1 -0
- package/dist/index-dark.css +1266 -262
- package/dist/index.css +1260 -259
- package/dist/index.js +11227 -4388
- package/dist/index.js.map +1 -1
- package/dist/rollup-less-tilde-importer.d.ts +2 -0
- package/dist/theme/colorList.d.ts +2 -1
- package/dist/theme/colors.d.ts +2 -0
- package/dist/theme/generalVariables.d.ts +11 -0
- package/dist/theme/index.d.ts +5 -1
- package/dist/theme/spacing.d.ts +2 -2
- package/package.json +16 -20
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { AlertProps as AntDAlertProps } from 'antd';
|
|
3
3
|
import { DangerouslySetAntdProps } from '../types';
|
|
4
4
|
declare type AlertType = NonNullable<Exclude<AntDAlertProps['type'], 'success'>>;
|
|
5
|
-
export interface AlertProps extends Omit<AntDAlertProps, '
|
|
5
|
+
export interface AlertProps extends Omit<AntDAlertProps, 'closeText' | 'showIcon' | 'type' | 'icon'>, DangerouslySetAntdProps<AntDAlertProps> {
|
|
6
6
|
type: AlertType;
|
|
7
7
|
}
|
|
8
8
|
export declare const Alert: React.FC<AlertProps>;
|
|
@@ -2,17 +2,23 @@ import { SerializedStyles } from '@emotion/react';
|
|
|
2
2
|
import { ButtonProps as AntDButtonProps } from 'antd';
|
|
3
3
|
import { ComponentTheme } from '../../theme';
|
|
4
4
|
import { DangerouslySetAntdProps } from '../types';
|
|
5
|
-
import
|
|
6
|
-
export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, enableAnimation, }: {
|
|
5
|
+
import { ReactElement } from 'react';
|
|
6
|
+
export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, onlyIcon, enableAnimation, size, }: {
|
|
7
7
|
theme: ComponentTheme;
|
|
8
8
|
classNamePrefix: string;
|
|
9
9
|
loading?: boolean | undefined;
|
|
10
10
|
withIcon?: boolean | undefined;
|
|
11
|
+
onlyIcon?: boolean | undefined;
|
|
11
12
|
danger?: boolean | undefined;
|
|
12
13
|
enableAnimation: boolean;
|
|
14
|
+
size: ButtonSize;
|
|
13
15
|
}) => SerializedStyles;
|
|
16
|
+
export declare type ButtonSize = 'small' | 'middle';
|
|
14
17
|
export interface ButtonProps extends Omit<AntDButtonProps, 'type' | 'ghost' | 'shape' | 'size'>, DangerouslySetAntdProps<AntDButtonProps> {
|
|
15
18
|
type?: 'primary' | 'link';
|
|
16
|
-
size?:
|
|
19
|
+
size?: ButtonSize;
|
|
20
|
+
}
|
|
21
|
+
export declare function Button({ dangerouslySetAntdProps, ...props }: ButtonProps): ReactElement;
|
|
22
|
+
export declare namespace Button {
|
|
23
|
+
var __ANT_BUTTON: boolean;
|
|
17
24
|
}
|
|
18
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -1,9 +1,42 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { CollapseProps as AntDCollapseProps, CollapsePanelProps as AntDCollapsePanelProps } from 'antd';
|
|
3
|
+
import { Interpolation, Theme as EmotionTheme } from '@emotion/react';
|
|
4
|
+
import { CollapsibleType } from 'antd/lib/collapse/CollapsePanel';
|
|
5
|
+
export interface CollapseProps {
|
|
6
|
+
/** If true, Collapse renders as Accordion */
|
|
7
|
+
accordion?: boolean;
|
|
8
|
+
/** Key of the active panel */
|
|
9
|
+
activeKey?: Array<string | number> | string | number;
|
|
10
|
+
/** Specify whether the panels of children be collapsible or the trigger area of collapsible */
|
|
11
|
+
collapsible?: CollapsibleType;
|
|
12
|
+
/** Key of the initial active panel */
|
|
13
|
+
defaultActiveKey?: Array<string | number> | string | number;
|
|
14
|
+
/** Destroy Inactive Panel */
|
|
15
|
+
destroyInactivePanel?: boolean;
|
|
16
|
+
/** Callback function executed when active panel is changed */
|
|
17
|
+
onChange?: (key: string | string[]) => void;
|
|
18
|
+
/** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
|
|
19
|
+
dangerouslySetAntdProps?: Partial<AntDCollapseProps>;
|
|
20
|
+
/** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
|
|
21
|
+
dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
|
|
22
|
+
}
|
|
23
|
+
export interface CollapsePanelProps {
|
|
24
|
+
/** Unique key identifying the panel from among its siblings */
|
|
25
|
+
key: string | number;
|
|
26
|
+
/** Title of the panel */
|
|
27
|
+
header: React.ReactNode;
|
|
28
|
+
/** Specify whether the panel be collapsible or the trigger area of collapsible */
|
|
29
|
+
collapsible?: CollapsibleType;
|
|
30
|
+
/** Forced render of content on panel, instead of lazy rending after clicking on header */
|
|
31
|
+
forceRender?: boolean;
|
|
32
|
+
/** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
|
|
33
|
+
dangerouslySetAntdProps?: Partial<AntDCollapsePanelProps>;
|
|
34
|
+
/** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
|
|
35
|
+
dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
|
|
4
36
|
}
|
|
5
37
|
interface CollapseInterface extends React.FC<CollapseProps> {
|
|
6
|
-
Panel:
|
|
38
|
+
Panel: React.FC<CollapsePanelProps>;
|
|
7
39
|
}
|
|
8
40
|
export declare const Collapse: CollapseInterface;
|
|
41
|
+
export declare const CollapsePanel: React.FC<CollapsePanelProps>;
|
|
9
42
|
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DatePickerProps as AntDDatePickerProps, RangePickerProps as AntDRangePickerProps, MonthPickerProps as AntDMonthPickerProps } from 'antd/lib/date-picker';
|
|
3
|
+
export declare type DatePickerProps = AntDDatePickerProps;
|
|
4
|
+
export declare type RangePickerProps = AntDRangePickerProps;
|
|
5
|
+
export declare type TimePickerProps = AntDMonthPickerProps;
|
|
6
|
+
export declare type QuarterPickerProps = AntDMonthPickerProps;
|
|
7
|
+
export declare type WeekPickerProps = AntDMonthPickerProps;
|
|
8
|
+
export declare type MonthPickerProps = AntDMonthPickerProps;
|
|
9
|
+
export declare type YearPickerProps = AntDMonthPickerProps;
|
|
10
|
+
export declare const DuboisDatePicker: React.VFC<DatePickerProps>;
|
|
11
|
+
/**
|
|
12
|
+
* `LegacyDatePicker` was added as a temporary solution pending an
|
|
13
|
+
* official Du Bois replacement. Use with caution.
|
|
14
|
+
* @deprecated
|
|
15
|
+
*/
|
|
16
|
+
export declare const LegacyDatePicker: import("react").VFC<AntDDatePickerProps> & {
|
|
17
|
+
/**
|
|
18
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
19
|
+
* @deprecated
|
|
20
|
+
*/
|
|
21
|
+
RangePicker: import("react").VFC<AntDRangePickerProps>;
|
|
22
|
+
/**
|
|
23
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
24
|
+
* @deprecated
|
|
25
|
+
*/
|
|
26
|
+
TimePicker: import("react").VFC<AntDMonthPickerProps>;
|
|
27
|
+
/**
|
|
28
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
29
|
+
* @deprecated
|
|
30
|
+
*/
|
|
31
|
+
QuarterPicker: import("react").VFC<AntDMonthPickerProps>;
|
|
32
|
+
/**
|
|
33
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
34
|
+
* @deprecated
|
|
35
|
+
*/
|
|
36
|
+
WeekPicker: import("react").VFC<AntDMonthPickerProps>;
|
|
37
|
+
/**
|
|
38
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
39
|
+
* @deprecated
|
|
40
|
+
*/
|
|
41
|
+
MonthPicker: import("react").VFC<AntDMonthPickerProps>;
|
|
42
|
+
/**
|
|
43
|
+
* See deprecation notice for `LegacyDatePicker`.
|
|
44
|
+
* @deprecated
|
|
45
|
+
*/
|
|
46
|
+
YearPicker: import("react").VFC<AntDMonthPickerProps>;
|
|
47
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DatePicker';
|
|
@@ -11,15 +11,26 @@ interface DesignSystemProviderProps {
|
|
|
11
11
|
* This is purely a visual enhancement, and is not necessary for the functionality of any component.
|
|
12
12
|
*/
|
|
13
13
|
enableAnimation?: boolean;
|
|
14
|
+
/** Use this to configure the base zIndex for Du Bois. We use this to stack our internal elements
|
|
15
|
+
* correctly, and to ensure that our internal elements are always on top of any other elements. This
|
|
16
|
+
* should be a number greater than 1000, and should only be set to one value per application (even if you
|
|
17
|
+
* have multiple DesignSystemProvider components).
|
|
18
|
+
*/
|
|
19
|
+
zIndexBase?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Use this to allow the application to provide the element used as a container for all "popup" components.
|
|
22
|
+
*/
|
|
23
|
+
getPopupContainer?: (trigger?: HTMLElement) => HTMLElement;
|
|
14
24
|
/**
|
|
15
25
|
* Components to render within the provider.
|
|
16
26
|
*/
|
|
17
27
|
children: React.ReactNode;
|
|
18
28
|
}
|
|
19
|
-
interface DuboisContextType {
|
|
29
|
+
export interface DuboisContextType {
|
|
20
30
|
enableAnimation: boolean;
|
|
21
31
|
theme: ThemeName;
|
|
22
32
|
getPrefixCls: (suffix?: string) => string;
|
|
33
|
+
getPopupContainer?: (trigger?: HTMLElement) => HTMLElement;
|
|
23
34
|
}
|
|
24
35
|
export declare const DesignSystemContext: import("react").Context<DuboisContextType>;
|
|
25
36
|
export declare function getAnimationCss(enableAnimation: boolean): CSSObject;
|
|
@@ -3,6 +3,8 @@ import { DangerousGeneralProps } from '../types';
|
|
|
3
3
|
export interface HeaderProps extends DangerousGeneralProps {
|
|
4
4
|
/** The title for this page */
|
|
5
5
|
title: React.ReactNode;
|
|
6
|
+
/** Inline elements to be appended to the end of the title, such as a `Tag` */
|
|
7
|
+
titleAddOns?: React.ReactNode | React.ReactNode[];
|
|
6
8
|
/** A single `<Breadcrumb />` component */
|
|
7
9
|
breadcrumbs?: React.ReactNode;
|
|
8
10
|
/** An array of Dubois `<Button />` components */
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { useDesignSystemTheme } from './useDesignSystemTheme';
|
|
1
|
+
export { useDesignSystemTheme, WithDesignSystemThemeHoc } from './useDesignSystemTheme';
|
|
2
|
+
export type { DesignSystemHocProps, DesignSystemThemeInterface } from './useDesignSystemTheme';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
1
2
|
import { Theme } from '../../theme';
|
|
2
|
-
export interface
|
|
3
|
+
export interface DesignSystemThemeInterface {
|
|
3
4
|
/** Theme object that contains colors, spacing, themeName and other variables **/
|
|
4
5
|
theme: Theme;
|
|
5
6
|
/** Prefix that is used in front of each className. **/
|
|
@@ -10,4 +11,8 @@ export interface UseDesignSystemTheme {
|
|
|
10
11
|
}
|
|
11
12
|
export declare function getClassNamePrefix(theme: Theme): string;
|
|
12
13
|
export declare function getPrefixedClassNameFromTheme(theme: Theme, className: string | null | undefined): string;
|
|
13
|
-
export declare function useDesignSystemTheme():
|
|
14
|
+
export declare function useDesignSystemTheme(): DesignSystemThemeInterface;
|
|
15
|
+
export declare type DesignSystemHocProps = {
|
|
16
|
+
designSystemThemeApi: DesignSystemThemeInterface;
|
|
17
|
+
};
|
|
18
|
+
export declare function WithDesignSystemThemeHoc<P>(Component: React.ComponentType<P & DesignSystemHocProps>): (props: P) => ReactElement;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import AntDIcon from '@ant-design/icons';
|
|
2
|
-
|
|
2
|
+
import React, { ReactElement } from 'react';
|
|
3
|
+
declare type AntDIconProps = Parameters<typeof AntDIcon>[0];
|
|
4
|
+
export interface IconProps extends Omit<AntDIconProps, 'component'> {
|
|
5
|
+
component?: (props: React.SVGProps<SVGSVGElement>) => ReactElement | null;
|
|
6
|
+
}
|
|
3
7
|
export declare const Icon: (props: IconProps) => JSX.Element;
|
|
8
|
+
export {};
|