@databricks/design-system 0.1.8 → 1.0.0

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

@@ -1,32 +1,30 @@
-/// <reference types="react" />
-import { PaginationProps as AntdPaginationProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-interface PaginationProps {
-    /**
-     * The index of the current page. Starts at 1.
-     */
-    currentPageIndex: number;
-    /**
-     * The number of results per page.
-     */
-    pageSize: number;
-    /**
-     * The total number of results across all pages.
-     */
-    numTotal: number;
-    /**
-     * Callback that is triggered when the user navigates to a different page. Recieves the index
-     * of the new page.
-     */
-    onChange: (pageIndex: number) => void;
-    /**
-     * Visual size of the pagination component.
-     */
-    size?: 'default' | 'small';
-    /**
-     * Escape hatch to allow passing props directly to the underlying Ant `Pagination` component.
-     */
-    dangerouslySetAntdProps?: DangerouslySetAntdProps<AntdPaginationProps>;
-}
-export declare const Pagination: React.FC<PaginationProps>;
-export {};
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+import { PaginationProps as AntdPaginationProps } from 'antd';
+import { Theme } from '../../theme';
+import { DangerouslySetAntdProps } from '../types';
+export interface PaginationProps extends DangerouslySetAntdProps<AntdPaginationProps> {
+    /**
+     * The index of the current page. Starts at 1.
+     */
+    currentPageIndex: number;
+    /**
+     * The number of results per page.
+     */
+    pageSize: number;
+    /**
+     * The total number of results across all pages.
+     */
+    numTotal: number;
+    /**
+     * Callback that is triggered when the user navigates to a different page. Recieves the index
+     * of the new page and the size of that page.
+     */
+    onChange: (pageIndex: number, pageSize?: number) => void;
+    /**
+     * Visual size of the pagination component.
+     */
+    size?: 'default' | 'small';
+}
+export declare function getPaginationEmotionStyles(clsPrefix: string, theme: Theme): SerializedStyles;
+export declare const Pagination: React.FC<PaginationProps>;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { PopoverProps as AntDPopoverProps } from 'antd/es/popover';
-export interface PopoverProps extends AntDPopoverProps {
-}
-export declare const Popover: React.FC<PopoverProps>;
+/// <reference types="react" />
+import { PopoverProps as AntDPopoverProps } from 'antd';
+export interface PopoverProps extends AntDPopoverProps {
+}
+export declare const Popover: React.FC<PopoverProps>;

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

@@ -1 +1 @@
-export * from './Popover';
+export * from './Popover';

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

@@ -1,15 +1,17 @@
-/// <reference types="react" />
-import { RadioGroupProps as AntDRadioGroupProps, RadioProps as AntDRadioProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-export interface RadioProps extends Omit<AntDRadioProps, 'prefixCls' | 'type' | 'skipGroup'>, DangerouslySetAntdProps<AntDRadioGroupProps> {
-}
-export interface RadioGroupProps extends Omit<AntDRadioGroupProps, 'optionType' | 'buttonStyle' | 'size' | 'prefixCls' | 'skipGroup'>, DangerouslySetAntdProps<AntDRadioGroupProps> {
-}
-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 {};
+/// <reference types="react" />
+import { RadioGroupProps as AntDRadioGroupProps, RadioProps as AntDRadioProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+export interface RadioProps extends Omit<AntDRadioProps, 'prefixCls' | 'type' | 'skipGroup'>, DangerouslySetAntdProps<AntDRadioGroupProps> {
+}
+export interface RadioGroupProps extends Omit<AntDRadioGroupProps, 'optionType' | 'buttonStyle' | 'size' | 'prefixCls' | 'skipGroup'>, DangerouslySetAntdProps<AntDRadioGroupProps> {
+}
+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 __INTERNAL_DO_NOT_USE__HorizontalGroup: import("react").FC<RadioGroupProps>;
+export {};

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

@@ -1 +1 @@
-export * from './Radio';
+export * from './Radio';

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

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

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

@@ -0,0 +1 @@
+export * from './SegmentedControl';

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

@@ -1,7 +1,28 @@
-/// <reference types="react" />
-import { Select as AntDSelect, SelectProps } from 'antd';
-export interface SelectInterface extends React.FC<SelectProps<any>> {
-    Option: typeof AntDSelect.Option;
-    OptGroup: typeof AntDSelect.OptGroup;
-}
-export declare const Select: SelectInterface;
+import { Select as AntDSelect, SelectProps as AntDSelectProps } from 'antd';
+import { SelectValue as AntdSelectValue } from 'antd/lib/select';
+import React, { FC } from 'react';
+import { DangerouslySetAntdProps } from '../types';
+export declare type SelectValue = AntdSelectValue;
+declare type OmittedProps = 'bordered' | 'autoClearSearchValue' | 'dropdownRender' | 'dropdownStyle' | 'size' | 'suffixIcon' | 'tagRender' | 'clearIcon' | 'removeIcon' | 'showArrow' | 'size' | '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;
+}
+export declare function DuboisSelect<T extends SelectValue>({ loading, mode, dangerouslySetAntdProps, ...restProps }: SelectProps<T>): JSX.Element;
+export interface OptionProps {
+    value: string | number;
+    disabled?: boolean;
+    key?: string | number;
+    title?: string;
+    label?: React.ReactNode;
+    children: React.ReactNode;
+    'data-testid'?: string;
+    onClick?: () => void;
+}
+declare function Option(props: OptionProps): JSX.Element;
+export declare const Select: typeof DuboisSelect & {
+    Option: typeof Option;
+};
+export declare const __INTERNAL_DO_NOT_USE__Option: typeof Option;
+export {};

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

@@ -1 +1 @@
-export * from './Select';
+export * from './Select';

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Skeleton as AntDSkeleton, SkeletonProps as AntDSkeletonProps } from 'antd';
-export interface SkeletonProps extends AntDSkeletonProps {
-}
-interface SekeletonInterface extends React.FC<SkeletonProps> {
-    Button: typeof AntDSkeleton.Button;
-    Image: typeof AntDSkeleton.Image;
-    Input: typeof AntDSkeleton.Input;
-}
-export declare const Skeleton: SekeletonInterface;
-export {};
+/// <reference types="react" />
+import { Skeleton as AntDSkeleton, SkeletonProps as AntDSkeletonProps } from 'antd';
+export interface SkeletonProps extends AntDSkeletonProps {
+}
+interface SekeletonInterface extends React.FC<SkeletonProps> {
+    Button: typeof AntDSkeleton.Button;
+    Image: typeof AntDSkeleton.Image;
+    Input: typeof AntDSkeleton.Input;
+}
+export declare const Skeleton: SekeletonInterface;
+export {};

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

@@ -1 +1 @@
-export * from './Skeleton';
+export * from './Skeleton';

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SpaceProps as AntDSpaceProps } from 'antd';
-export interface SpaceProps extends AntDSpaceProps {
-}
-export declare const Space: React.FC<SpaceProps>;
+/// <reference types="react" />
+import { SpaceProps as AntDSpaceProps } from 'antd';
+export interface SpaceProps extends AntDSpaceProps {
+}
+export declare const Space: React.FC<SpaceProps>;

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

@@ -1 +1 @@
-export * from './Space';
+export * from './Space';

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

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

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

@@ -1 +1 @@
-export * from './Spacer';
+export * from './Spacer';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SpinProps as AntDSpinProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+export declare type SpinnerProps = Pick<AntDSpinProps, 'size' | 'className' | 'delay'> & DangerouslySetAntdProps<AntDSpinProps>;
+export declare const Spinner: React.FC<SpinnerProps>;

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

@@ -0,0 +1 @@
+export * from './Spinner';

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { DropdownButtonProps as AntDDropdownButtonProps } from 'antd/lib/dropdown';
+import { DangerouslySetAntdProps } from '../types';
+export interface SplitButtonMenuInfo {
+    key: React.Key;
+    keyPath: React.Key[];
+    domEvent: React.SyntheticEvent<HTMLElement>;
+}
+export declare type SplitButtonProps = Omit<AntDDropdownButtonProps, 'overlay' | 'type' | 'size' | 'placement' | 'trigger'> & DangerouslySetAntdProps<AntDDropdownButtonProps> & {
+    menu: 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/SplitButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SplitButton';

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DangerouslySetAntdProps } from '../types';
-import { SwitchProps as AntDSwitchProps } from 'antd';
-export declare type SwitchProps = Pick<AntDSwitchProps, 'autoFocus' | 'checked' | 'checkedChildren' | 'className' | 'defaultChecked' | 'disabled' | 'unCheckedChildren' | 'onChange' | 'onClick'> & DangerouslySetAntdProps<AntDSwitchProps>;
-export declare const Switch: React.FC<SwitchProps>;
+/// <reference types="react" />
+import { DangerouslySetAntdProps } from '../types';
+import { SwitchProps as AntDSwitchProps } from 'antd';
+export declare type SwitchProps = Pick<AntDSwitchProps, 'autoFocus' | 'checked' | 'checkedChildren' | 'className' | 'defaultChecked' | 'disabled' | 'unCheckedChildren' | 'onChange' | 'onClick'> & DangerouslySetAntdProps<AntDSwitchProps>;
+export declare const Switch: React.FC<SwitchProps>;

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

@@ -1 +1 @@
-export * from './Switch';
+export * from './Switch';

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

@@ -1,5 +1,15 @@
-/// <reference types="react" />
-import { TableProps as AntDTableProps } from 'antd';
-export interface TableProps<RecordType> extends AntDTableProps<RecordType> {
-}
-export declare const Table: <T extends object>(props: TableProps<T>) => JSX.Element;
+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 {
+}
+export interface TableColumnGroupType<RecordType> extends AntDTableColumnGroupType<RecordType> {
+}
+export interface TableColumnType<RecordType> extends AntDTableColumnType<RecordType> {
+}
+export interface TableColumnProps<RecordType> extends AntDTableColumnProps<RecordType> {
+}
+export interface TableColumnsType<RecordType> extends AntDTableColumnsType<RecordType> {
+}
+export declare const Table: <T extends object>(props: TableProps<T>) => JSX.Element;

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

@@ -1 +1 @@
-export * from './Table';
+export * from './Table';

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

@@ -1,12 +1,62 @@
-/// <reference types="react" />
-import { TabsProps as AntDTabsProps, TabPaneProps as AntDTabPaneProps } from 'antd';
-export interface TabProps extends AntDTabsProps {
-}
-interface TabPaneProps extends AntDTabPaneProps {
-}
-interface TabsInterface extends React.FC<TabProps> {
-    TabPane: typeof TabPane;
-}
-export declare const Tabs: TabsInterface;
-declare const TabPane: React.FC<TabPaneProps>;
-export {};
+/// <reference types="react" />
+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) => CSSObject;
+export interface TabsProps extends DangerousGeneralProps {
+    /**
+     * Set this to `true` to allow users to add and remove tab panes.
+     */
+    editable?: boolean;
+    /**
+     * Determines the active tab pane.
+     * Use this for controlled mode to handle the active state yourself.
+     */
+    activeKey?: AntDTabsProps['activeKey'];
+    /**
+     * Determines the tab pane that is initially active before the user interacts.
+     * Use this for uncontrolled mode to let the component handle the active state itself.
+     */
+    defaultActiveKey?: AntDTabsProps['defaultActiveKey'];
+    /**
+     * Called when the user clicks on a tab. Use this in combination with `activeKey` for a controlled component.
+     */
+    onChange?: AntDTabsProps['onChange'];
+    /**
+     * Called when the user clicks the add or delete buttons. Use in combination with `editable=true`.
+     */
+    onEdit?: AntDTabsProps['onEdit'];
+    /**
+     * One or more instances of <TabPane /> to render inside this tab container.
+     */
+    children?: AntDTabsProps['children'];
+    /**
+     * Escape hatch to allow passing props directly to the underlying Ant `Tabs` component.
+     */
+    dangerouslySetAntdProps?: Partial<AntDTabsProps>;
+}
+interface TabPaneProps {
+    /**
+     * Text to display in the table title.
+     */
+    tab: AntDTabPaneProps['tab'];
+    /**
+     * Whether or not this tab is disabled.
+     */
+    disabled?: AntDTabPaneProps['disabled'];
+    /**
+     * Content to render inside the tab body.
+     */
+    children?: AntDTabPaneProps['children'];
+    /**
+     * Escape hatch to allow passing props directly to the underlying Ant `TabPane` component.
+     */
+    dangerouslySetAntdProps?: Partial<AntDTabPaneProps>;
+}
+interface TabsInterface extends React.FC<TabsProps> {
+    TabPane: typeof TabPane;
+}
+export declare const Tabs: TabsInterface;
+export declare const TabPane: React.FC<TabPaneProps>;
+export {};

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

@@ -1,6 +1,21 @@
-/// <reference types="react" />
-import { TagProps as AntDTagProps } from 'antd';
-interface TagProps extends AntDTagProps {
-}
-export declare const Tag: React.FC<TagProps>;
-export {};
+import React, { HTMLAttributes } from 'react';
+import { SecondaryColorToken } from '../../theme/colorList';
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The color of the tag.
+     */
+    color?: SecondaryColorToken;
+    /**
+     * Text to be rendered inside the tag.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether or not the tag should be closable.
+     */
+    closable?: boolean;
+    /**
+     * Function called when the close button is clicked.
+     */
+    onClose?: () => void;
+}
+export declare function Tag(props: TagProps): JSX.Element;

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

@@ -1,26 +1,26 @@
-import { TooltipProps as AntDTooltipProps } from 'antd';
-import React from 'react';
-export interface TooltipProps {
-    /**
-     * The element with which the tooltip should be associated.
-     */
-    children: React.ReactNode;
-    /**
-     * Plain text that will appear within the tooltip. Links and formatted content should not be use. However, we allow
-     * any React element to be passed in here, rather than just a string, to allow for i18n formatting components.
-     */
-    title: React.ReactNode;
-    /**
-     * Value that determines where the tooltip will be positioned relative to the associated element.
-     */
-    placement?: AntDTooltipProps['placement'];
-    /**
-     * Escape hatch to allow passing props directly to the underlying Ant `Tooltip` component.
-     */
-    dangerouslySetAntdProps?: Partial<AntDTooltipProps>;
-    /**
-     * ID used to refer to this element in unit tests.
-     */
-    dataTestId?: string;
-}
-export declare const Tooltip: React.FC<TooltipProps>;
+import { TooltipProps as AntDTooltipProps } from 'antd';
+import React from 'react';
+export interface TooltipProps {
+    /**
+     * The element with which the tooltip should be associated.
+     */
+    children: React.ReactNode;
+    /**
+     * Plain text that will appear within the tooltip. Links and formatted content should not be use. However, we allow
+     * any React element to be passed in here, rather than just a string, to allow for i18n formatting components.
+     */
+    title: React.ReactNode;
+    /**
+     * Value that determines where the tooltip will be positioned relative to the associated element.
+     */
+    placement?: AntDTooltipProps['placement'];
+    /**
+     * Escape hatch to allow passing props directly to the underlying Ant `Tooltip` component.
+     */
+    dangerouslySetAntdProps?: Partial<AntDTooltipProps>;
+    /**
+     * ID used to refer to this element in unit tests.
+     */
+    dataTestId?: string;
+}
+export declare const Tooltip: React.FC<TooltipProps>;

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

@@ -1 +1 @@
-export * from './Tooltip';
+export * from './Tooltip';

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

@@ -1,5 +1,34 @@
-/// <reference types="react" />
-import { TreeProps as AntDTreeProps } from 'antd';
-export interface TreeProps extends AntDTreeProps {
-}
-export declare const Tree: React.FC<TreeProps>;
+/// <reference types="react" />
+import { TreeProps as AntDTreeProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+export interface TreeProps extends DangerouslySetAntdProps<AntDTreeProps> {
+    /**
+     * An array of `TreeNode`s representing the data in the tree
+     */
+    treeData: AntDTreeProps['treeData'];
+    /**
+     * An array of keys of nodes in the tree which should be in an expanded state when the tree is first rendered.
+     */
+    defaultExpandedKeys?: string[];
+    /**
+     * An array of keys of nodes in the tree which should be in a selected state when the tree is first rendered.
+     * Use with `mode="selectable"`.
+     */
+    defaultSelectedKeys?: string[];
+    /**
+     * An array of keys of nodes in the tree which should be in a checked state when the tree is first rendered.
+     * Use with `mode="checkable"`.
+     */
+    defaultCheckedKeys?: string[];
+    /**
+     * Visually and functionally disables the tree.
+     */
+    disabled?: boolean;
+    /**
+     * The UX mode of the tree. In `default` mode, nodes are for display only and are non-interactive.
+     * In `selectable` mode, nodes can be selected and deselected. This is useful for something like a file browser.
+     * In `checkable` mode, nodes are rendered with a checkbox. This is useful for something like a nested preference list.
+     */
+    mode?: 'default' | 'selectable' | 'multiselectable' | 'checkable';
+}
+export declare function Tree({ treeData, defaultExpandedKeys, defaultSelectedKeys, defaultCheckedKeys, disabled, mode, dangerouslySetAntdProps, }: TreeProps): JSX.Element;

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

@@ -1 +1 @@
-export * from './Tree';
+export * from './Tree';

package/dist/design-system/Typography/Paragraph.d.ts

@@ -1,9 +1,9 @@
-import { Typography as AntDTypography } from 'antd';
-import { ComponentProps } from 'react';
-import { DangerouslySetAntdProps } from '../types';
-declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
-declare type AntDParagraphProps = ComponentProps<typeof AntDTypography['Paragraph']>;
-interface ParagraphProps extends AntDTypographyProps, Pick<AntDParagraphProps, 'ellipsis' | 'disabled'>, DangerouslySetAntdProps<AntDParagraphProps> {
-}
-export declare function Paragraph(userProps: ParagraphProps): JSX.Element;
-export {};
+import { Typography as AntDTypography } from 'antd';
+import { ComponentProps } from 'react';
+import { DangerouslySetAntdProps } from '../types';
+declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
+declare type AntDParagraphProps = ComponentProps<typeof AntDTypography['Paragraph']>;
+interface ParagraphProps extends AntDTypographyProps, Pick<AntDParagraphProps, 'ellipsis' | 'disabled'>, DangerouslySetAntdProps<AntDParagraphProps> {
+}
+export declare function Paragraph(userProps: ParagraphProps): JSX.Element;
+export {};

package/dist/design-system/Typography/Text.d.ts

@@ -1,12 +1,12 @@
-import { ComponentProps } from 'react';
-import { Typography as AntDTypography } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
-declare type AntDTextProps = ComponentProps<typeof AntDTypography['Text']>;
-interface TextProps extends AntDTypographyProps, Pick<AntDTextProps, 'ellipsis' | 'disabled' | 'code'>, DangerouslySetAntdProps<AntDTextProps> {
-    bold?: boolean;
-    hint?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-}
-export declare function Text(userProps: TextProps): JSX.Element;
-export {};
+import { ComponentProps } from 'react';
+import { Typography as AntDTypography } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
+declare type AntDTextProps = ComponentProps<typeof AntDTypography['Text']>;
+interface TextProps extends AntDTypographyProps, Pick<AntDTextProps, 'ellipsis' | 'disabled' | 'code'>, DangerouslySetAntdProps<AntDTextProps> {
+    bold?: boolean;
+    hint?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+}
+export declare function Text(userProps: TextProps): JSX.Element;
+export {};

package/dist/design-system/Typography/Title.d.ts

@@ -1,9 +1,9 @@
-import { Typography as AntDTypography } from 'antd';
-import { ComponentProps } from 'react';
-import { DangerouslySetAntdProps } from '../types';
-declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
-declare type AntDTitleProps = ComponentProps<typeof AntDTypography['Title']>;
-export interface TitleProps extends AntDTypographyProps, Pick<AntDTitleProps, 'level' | 'ellipsis'>, DangerouslySetAntdProps<AntDTitleProps> {
-}
-export declare function Title(userProps: TitleProps): JSX.Element;
-export {};
+import { Typography as AntDTypography } from 'antd';
+import { ComponentProps } from 'react';
+import { DangerouslySetAntdProps } from '../types';
+declare type AntDTypographyProps = ComponentProps<typeof AntDTypography>;
+declare type AntDTitleProps = ComponentProps<typeof AntDTypography['Title']>;
+export interface TitleProps extends AntDTypographyProps, Pick<AntDTitleProps, 'level' | 'ellipsis'>, DangerouslySetAntdProps<AntDTitleProps> {
+}
+export declare function Title(userProps: TitleProps): JSX.Element;
+export {};

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

@@ -1,13 +1,13 @@
-import { TypographyProps as AntDTypographyProps } from 'antd';
-import { ReactNode } from 'react';
-interface TypographyProps extends Omit<AntDTypographyProps, 'Text' | 'Title' | 'Paragraph' | 'Link'> {
-    children?: ReactNode;
-}
-export declare function Typography(props: TypographyProps): JSX.Element;
-export declare namespace Typography {
-    var Text: typeof import("./Text").Text;
-    var Title: typeof import("./Title").Title;
-    var Paragraph: typeof import("./Paragraph").Paragraph;
-    var Link: import("react").ForwardRefExoticComponent<import("antd/lib/typography/Link").LinkProps & import("react").RefAttributes<HTMLElement>>;
-}
-export {};
+import { TypographyProps as AntDTypographyProps } from 'antd';
+import { ReactNode } from 'react';
+interface TypographyProps extends Omit<AntDTypographyProps, 'Text' | 'Title' | 'Paragraph' | 'Link'> {
+    children?: ReactNode;
+}
+export declare function Typography(props: TypographyProps): JSX.Element;
+export declare namespace Typography {
+    var Text: typeof import("./Text").Text;
+    var Title: typeof import("./Title").Title;
+    var Paragraph: typeof import("./Paragraph").Paragraph;
+    var Link: import("react").ForwardRefExoticComponent<import("antd/lib/typography/Link").LinkProps & import("react").RefAttributes<HTMLElement>>;
+}
+export {};