@databricks/design-system 0.1.8 → 1.0.0

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { AlertProps as AntDAlertProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-declare type AlertType = NonNullable<Exclude<AntDAlertProps['type'], 'success'>>;
-export interface AlertProps extends Omit<AntDAlertProps, 'action' | 'closeText' | 'showIcon' | 'type' | 'icon'>, DangerouslySetAntdProps<AntDAlertProps> {
-    type: AlertType;
-}
-export declare const Alert: React.FC<AlertProps>;
-export {};
+/// <reference types="react" />
+import { AlertProps as AntDAlertProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+declare type AlertType = NonNullable<Exclude<AntDAlertProps['type'], 'success'>>;
+export interface AlertProps extends Omit<AntDAlertProps, 'closeText' | 'showIcon' | 'type' | 'icon'>, DangerouslySetAntdProps<AntDAlertProps> {
+    type: AlertType;
+}
+export declare const Alert: React.FC<AlertProps>;
+export {};

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

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

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { AutoCompleteProps as AntDAutoCompleteProps } from 'antd';
-import { OptionType } from 'antd/es/select';
-export interface AutoCompleteProps extends AntDAutoCompleteProps {
-}
-interface AutoCompleteInterface extends React.FC<AutoCompleteProps> {
-    Option: OptionType;
-}
-export declare const AutoComplete: AutoCompleteInterface;
-export {};
+/// <reference types="react" />
+import { AutoCompleteProps as AntDAutoCompleteProps } from 'antd';
+import type { OptionType } from 'antd/es/select';
+export interface AutoCompleteProps extends AntDAutoCompleteProps {
+}
+interface AutoCompleteInterface extends React.FC<AutoCompleteProps> {
+    Option: OptionType;
+}
+export declare const AutoComplete: AutoCompleteInterface;
+export {};

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

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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Breadcrumb as AntDBreadcrumb, BreadcrumbProps as AntDBreadcrumbProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-export interface BreadcrumbProps extends Pick<AntDBreadcrumbProps, 'itemRender' | 'params' | 'routes' | 'className'>, DangerouslySetAntdProps<AntDBreadcrumbProps> {
-}
-interface BreadcrumbInterface extends React.FC<BreadcrumbProps> {
-    Item: typeof AntDBreadcrumb.Item;
-    Separator: typeof AntDBreadcrumb.Separator;
-}
-export declare const Breadcrumb: BreadcrumbInterface;
-export {};
+/// <reference types="react" />
+import { Breadcrumb as AntDBreadcrumb, BreadcrumbProps as AntDBreadcrumbProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+export interface BreadcrumbProps extends Pick<AntDBreadcrumbProps, 'itemRender' | 'params' | 'routes' | 'className'>, DangerouslySetAntdProps<AntDBreadcrumbProps> {
+}
+interface BreadcrumbInterface extends React.FC<BreadcrumbProps> {
+    Item: typeof AntDBreadcrumb.Item;
+    Separator: typeof AntDBreadcrumb.Separator;
+}
+export declare const Breadcrumb: BreadcrumbInterface;
+export {};

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

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

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

@@ -1,18 +1,24 @@
-import { SerializedStyles } from '@emotion/react';
-import { ButtonProps as AntDButtonProps } from 'antd';
-import { ComponentTheme } from '../../theme';
-import { DangerouslySetAntdProps } from '../types';
-import React from 'react';
-export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, enableAnimation, }: {
-    theme: ComponentTheme;
-    classNamePrefix: string;
-    loading?: boolean | undefined;
-    withIcon?: boolean | undefined;
-    danger?: boolean | undefined;
-    enableAnimation: boolean;
-}) => SerializedStyles;
-export interface ButtonProps extends Omit<AntDButtonProps, 'type' | 'ghost' | 'shape' | 'size'>, DangerouslySetAntdProps<AntDButtonProps> {
-    type?: 'primary' | 'link';
-    size?: 'small' | 'middle';
-}
-export declare const Button: React.FC<ButtonProps>;
+import { SerializedStyles } from '@emotion/react';
+import { ButtonProps as AntDButtonProps } from 'antd';
+import { ComponentTheme } from '../../theme';
+import { DangerouslySetAntdProps } from '../types';
+import { ReactElement } from 'react';
+export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, onlyIcon, enableAnimation, size, }: {
+    theme: ComponentTheme;
+    classNamePrefix: string;
+    loading?: boolean | undefined;
+    withIcon?: boolean | undefined;
+    onlyIcon?: boolean | undefined;
+    danger?: boolean | undefined;
+    enableAnimation: boolean;
+    size: ButtonSize;
+}) => SerializedStyles;
+export declare type ButtonSize = 'small' | 'middle';
+export interface ButtonProps extends Omit<AntDButtonProps, 'type' | 'ghost' | 'shape' | 'size'>, DangerouslySetAntdProps<AntDButtonProps> {
+    type?: 'primary' | 'link';
+    size?: ButtonSize;
+}
+export declare function Button({ dangerouslySetAntdProps, ...props }: ButtonProps): ReactElement;
+export declare namespace Button {
+    var __ANT_BUTTON: boolean;
+}

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

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

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

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

package/dist/design-system/Button/styles.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../theme';
+export declare function getDefaultStyles(theme: Theme): CSSObject;
+export declare function getPrimaryStyles(theme: Theme): CSSObject;
+export declare function getTertiaryStyles(theme: Theme): CSSObject;
+export declare function getPrimaryDangerStyles(theme: Theme): CSSObject;
+export declare function getSecondaryDangerStyles(theme: Theme): CSSObject;
+export declare function getDisabledStyles(theme: Theme): CSSObject;

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

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
-import { CheckboxGroupProps } from 'antd/lib/checkbox';
-export declare const Checkbox: {
-    ({ isChecked, onChange, children, isDisabled, }: {
-        isChecked: boolean | null;
-        onChange: (isChecked: boolean, event: CheckboxChangeEvent) => void;
-        children?: React.ReactNode;
-        isDisabled?: boolean | undefined;
-    }): JSX.Element;
-    Group: (props: CheckboxGroupProps) => JSX.Element;
-};
+import { CheckboxGroupProps, CheckboxChangeEvent } from 'antd/lib/checkbox';
+export declare const Checkbox: {
+    ({ isChecked, onChange, children, isDisabled, }: {
+        isChecked: boolean | null;
+        onChange: (isChecked: boolean, event: CheckboxChangeEvent) => void;
+        children?: React.ReactNode;
+        isDisabled?: boolean | undefined;
+    }): JSX.Element;
+    Group: (props: CheckboxGroupProps) => JSX.Element;
+};

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

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

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

@@ -1,9 +1,42 @@
-/// <reference types="react" />
-import { Collapse as AntDCollapse, CollapseProps as AntDCollapseProps } from 'antd';
-export interface CollapseProps extends AntDCollapseProps {
-}
-interface CollapseInterface extends React.FC<CollapseProps> {
-    Panel: typeof AntDCollapse.Panel;
-}
-export declare const Collapse: CollapseInterface;
-export {};
+/// <reference types="react" />
+import { CollapseProps as AntDCollapseProps, CollapsePanelProps as AntDCollapsePanelProps } from 'antd';
+import { Interpolation, Theme as EmotionTheme } from '@emotion/react';
+import { CollapsibleType } from 'antd/lib/collapse/CollapsePanel';
+export interface CollapseProps {
+    /** If true, Collapse renders as Accordion */
+    accordion?: boolean;
+    /** Key of the active panel */
+    activeKey?: Array<string | number> | string | number;
+    /** Specify whether the panels of children be collapsible or the trigger area of collapsible */
+    collapsible?: CollapsibleType;
+    /** Key of the initial active panel */
+    defaultActiveKey?: Array<string | number> | string | number;
+    /** Destroy Inactive Panel */
+    destroyInactivePanel?: boolean;
+    /** Callback function executed when active panel is changed */
+    onChange?: (key: string | string[]) => void;
+    /** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
+    dangerouslySetAntdProps?: Partial<AntDCollapseProps>;
+    /** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
+    dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
+}
+export interface CollapsePanelProps {
+    /** Unique key identifying the panel from among its siblings */
+    key: string | number;
+    /** Title of the panel */
+    header: React.ReactNode;
+    /** Specify whether the panel be collapsible or the trigger area of collapsible */
+    collapsible?: CollapsibleType;
+    /** Forced render of content on panel, instead of lazy rending after clicking on header */
+    forceRender?: boolean;
+    /** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
+    dangerouslySetAntdProps?: Partial<AntDCollapsePanelProps>;
+    /** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
+    dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
+}
+interface CollapseInterface extends React.FC<CollapseProps> {
+    Panel: React.FC<CollapsePanelProps>;
+}
+export declare const Collapse: CollapseInterface;
+export declare const CollapsePanel: React.FC<CollapsePanelProps>;
+export {};

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

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

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import type { DatePickerProps as AntDDatePickerProps, RangePickerProps as AntDRangePickerProps, MonthPickerProps as AntDMonthPickerProps } from 'antd/lib/date-picker';
+export declare type DatePickerProps = AntDDatePickerProps;
+export declare type RangePickerProps = AntDRangePickerProps;
+export declare type TimePickerProps = AntDMonthPickerProps;
+export declare type QuarterPickerProps = AntDMonthPickerProps;
+export declare type WeekPickerProps = AntDMonthPickerProps;
+export declare type MonthPickerProps = AntDMonthPickerProps;
+export declare type YearPickerProps = AntDMonthPickerProps;
+export declare const DuboisDatePicker: React.VFC<DatePickerProps>;
+/**
+ * `LegacyDatePicker` was added as a temporary solution pending an
+ * official Du Bois replacement. Use with caution.
+ * @deprecated
+ */
+export declare const LegacyDatePicker: import("react").VFC<AntDDatePickerProps> & {
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    RangePicker: import("react").VFC<AntDRangePickerProps>;
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    TimePicker: import("react").VFC<AntDMonthPickerProps>;
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    QuarterPicker: import("react").VFC<AntDMonthPickerProps>;
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    WeekPicker: import("react").VFC<AntDMonthPickerProps>;
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    MonthPicker: import("react").VFC<AntDMonthPickerProps>;
+    /**
+     * See deprecation notice for `LegacyDatePicker`.
+     * @deprecated
+     */
+    YearPicker: import("react").VFC<AntDMonthPickerProps>;
+};

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

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

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

@@ -1,27 +1,38 @@
-/// <reference types="react" />
-import { CSSObject } from '@emotion/react';
-import { ThemeName } from '../../theme';
-interface DesignSystemProviderProps {
-    /**
-     * The UI theme to be applied to all components inside this provider. Can be "default" or "dark".
-     */
-    theme?: ThemeName;
-    /**
-     * Set this to `true` to enable CSS animations for all Du Bois components inside this provider.
-     * This is purely a visual enhancement, and is not necessary for the functionality of any component.
-     */
-    enableAnimation?: boolean;
-    /**
-     * Components to render within the provider.
-     */
-    children: React.ReactNode;
-}
-interface DuboisContextType {
-    enableAnimation: boolean;
-    theme: ThemeName;
-    getPrefixCls: (suffix?: string) => string;
-}
-export declare const DesignSystemContext: import("react").Context<DuboisContextType>;
-export declare function getAnimationCss(enableAnimation: boolean): CSSObject;
-export declare const DesignSystemProvider: React.FC<DesignSystemProviderProps>;
-export {};
+/// <reference types="react" />
+import { CSSObject } from '@emotion/react';
+import { ThemeName } from '../../theme';
+interface DesignSystemProviderProps {
+    /**
+     * The UI theme to be applied to all components inside this provider. Can be "default" or "dark".
+     */
+    theme?: ThemeName;
+    /**
+     * Set this to `true` to enable CSS animations for all Du Bois components inside this provider.
+     * This is purely a visual enhancement, and is not necessary for the functionality of any component.
+     */
+    enableAnimation?: boolean;
+    /** Use this to configure the base zIndex for Du Bois. We use this to stack our internal elements
+     * correctly, and to ensure that our internal elements are always on top of any other elements. This
+     * should be a number greater than 1000, and should only be set to one value per application (even if you
+     * have multiple DesignSystemProvider components).
+     */
+    zIndexBase?: number;
+    /**
+     * Use this to allow the application to provide the element used as a container for all "popup" components.
+     */
+    getPopupContainer?: (trigger?: HTMLElement) => HTMLElement;
+    /**
+     * Components to render within the provider.
+     */
+    children: React.ReactNode;
+}
+export interface DuboisContextType {
+    enableAnimation: boolean;
+    theme: ThemeName;
+    getPrefixCls: (suffix?: string) => string;
+    getPopupContainer?: (trigger?: HTMLElement) => HTMLElement;
+}
+export declare const DesignSystemContext: import("react").Context<DuboisContextType>;
+export declare function getAnimationCss(enableAnimation: boolean): CSSObject;
+export declare const DesignSystemProvider: React.FC<DesignSystemProviderProps>;
+export {};

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

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

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

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

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

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

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import { Form as AntDForm, FormItemProps as AntDFormItemProps, FormProps as AntDFormProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-export interface FormItemProps extends Pick<AntDFormItemProps, 'children' | 'dependencies' | 'getValueFromEvent' | 'getValueProps' | 'help' | 'hidden' | 'htmlFor' | 'initialValue' | 'label' | 'messageVariables' | 'name' | 'normalize' | 'noStyle' | 'preserve' | 'required' | 'rules' | 'shouldUpdate' | 'tooltip' | 'trigger' | 'validateStatus' | 'validateTrigger' | 'valuePropName'>, DangerouslySetAntdProps<AntDFormItemProps> {
-}
-export interface FormProps extends Pick<AntDFormProps, 'children' | 'component' | 'fields' | 'form' | 'initialValues' | 'labelCol' | 'layout' | 'name' | 'preserve' | 'requiredMark' | 'validateMessages' | 'validateTrigger' | 'wrapperCol' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange'>, DangerouslySetAntdProps<AntDFormProps> {
-}
-interface FormInterface extends React.FC<FormProps> {
-    Item: typeof FormItem;
-    List: typeof AntDForm.List;
-    useForm: typeof AntDForm.useForm;
-}
-export declare const Form: FormInterface;
-declare const FormItem: React.FC<FormItemProps>;
-export {};
+import { FC } from 'react';
+import { Form as AntDForm, FormItemProps as AntDFormItemProps, FormProps as AntDFormProps } from 'antd';
+import { DangerouslySetAntdProps } from '../types';
+export interface FormItemProps extends Pick<AntDFormItemProps, 'children' | 'dependencies' | 'getValueFromEvent' | 'getValueProps' | 'help' | 'hidden' | 'htmlFor' | 'initialValue' | 'label' | 'messageVariables' | 'name' | 'normalize' | 'noStyle' | 'preserve' | 'required' | 'rules' | 'shouldUpdate' | 'tooltip' | 'trigger' | 'validateStatus' | 'validateTrigger' | 'valuePropName'>, DangerouslySetAntdProps<AntDFormItemProps> {
+}
+export interface FormProps extends Pick<AntDFormProps, 'children' | 'component' | 'fields' | 'form' | 'initialValues' | 'labelCol' | 'layout' | 'name' | 'preserve' | 'requiredMark' | 'validateMessages' | 'validateTrigger' | 'wrapperCol' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange'>, DangerouslySetAntdProps<AntDFormProps> {
+}
+interface FormInterface extends FC<FormProps> {
+    Item: typeof FormItem;
+    List: typeof AntDForm.List;
+    useForm: typeof AntDForm.useForm;
+}
+export declare const Form: FormInterface;
+declare const FormItem: FC<FormItemProps>;
+export {};

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

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

package/dist/design-system/Grid/Col.d.ts

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

package/dist/design-system/Grid/Row.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { RowProps as AntDRowProps } from 'antd';
-export interface RowProps extends AntDRowProps {
-}
-export declare const ROW_GUTTER_SIZE = 8;
-export declare const Row: React.FC<RowProps>;
+/// <reference types="react" />
+import { RowProps as AntDRowProps } from 'antd';
+export interface RowProps extends AntDRowProps {
+}
+export declare const ROW_GUTTER_SIZE = 8;
+export declare const Row: React.FC<RowProps>;

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

@@ -1,2 +1,2 @@
-export * from './Col';
-export * from './Row';
+export * from './Col';
+export * from './Row';

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

@@ -1,11 +1,13 @@
-/// <reference types="react" />
-import { DangerousGeneralProps } from '../types';
-export interface HeaderProps extends DangerousGeneralProps {
-    /** The title for this page */
-    title: React.ReactNode;
-    /** A single `<Breadcrumb />` component */
-    breadcrumbs?: React.ReactNode;
-    /** An array of Dubois `<Button />` components */
-    buttons?: React.ReactNode[];
-}
-export declare const Header: React.FC<HeaderProps>;
+/// <reference types="react" />
+import { DangerousGeneralProps } from '../types';
+export interface HeaderProps extends DangerousGeneralProps {
+    /** The title for this page */
+    title: React.ReactNode;
+    /** Inline elements to be appended to the end of the title, such as a `Tag` */
+    titleAddOns?: React.ReactNode | React.ReactNode[];
+    /** A single `<Breadcrumb />` component */
+    breadcrumbs?: React.ReactNode;
+    /** An array of Dubois `<Button />` components */
+    buttons?: React.ReactNode[];
+}
+export declare const Header: React.FC<HeaderProps>;

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

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

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

@@ -0,0 +1,2 @@
+export { useDesignSystemTheme, WithDesignSystemThemeHoc } from './useDesignSystemTheme';
+export type { DesignSystemHocProps, DesignSystemThemeInterface } from './useDesignSystemTheme';

package/dist/design-system/Hooks/useDesignSystemContext.d.ts

@@ -0,0 +1,2 @@
+import { DuboisContextType } from '../DesignSystemProvider';
+export declare function useDesignSystemContext(): DuboisContextType;

package/dist/design-system/Hooks/useDesignSystemTheme.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactElement } from 'react';
+import { Theme } from '../../theme';
+export interface DesignSystemThemeInterface {
+    /** Theme object that contains colors, spacing, themeName and other variables **/
+    theme: Theme;
+    /** Prefix that is used in front of each className.  **/
+    classNamePrefix: string;
+    /** Helper method that use be used to construct the full className of an underlying AntD className.
+     * Use with caution and prefer emotion.js when possible **/
+    getPrefixedClassName: (className: string) => string;
+}
+export declare function getClassNamePrefix(theme: Theme): string;
+export declare function getPrefixedClassNameFromTheme(theme: Theme, className: string | null | undefined): string;
+export declare function useDesignSystemTheme(): DesignSystemThemeInterface;
+export declare type DesignSystemHocProps = {
+    designSystemThemeApi: DesignSystemThemeInterface;
+};
+export declare function WithDesignSystemThemeHoc<P>(Component: React.ComponentType<P & DesignSystemHocProps>): (props: P) => ReactElement;

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
-import AntDIcon from '@ant-design/icons';
-export declare type IconProps = Parameters<typeof AntDIcon>[0];
-export declare const Icon: (props: IconProps) => JSX.Element;
+import AntDIcon from '@ant-design/icons';
+import React, { ReactElement } from 'react';
+declare type AntDIconProps = Parameters<typeof AntDIcon>[0];
+export interface IconProps extends Omit<AntDIconProps, 'component'> {
+    component?: (props: React.SVGProps<SVGSVGElement>) => ReactElement | null;
+}
+export declare const Icon: (props: IconProps) => JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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