@mezo-org/mezo-clay 0.1.0-dev.3 → 0.1.0-dev.30
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/README.md +38 -12
- package/dist/components/accordion/accordion.d.ts +4 -1
- package/dist/components/accordion/panel.d.ts +18 -1
- package/dist/components/accordion/shared-overrides.d.ts +4 -0
- package/dist/components/accordion/types.d.ts +6 -3
- package/dist/components/avatar/avatar.d.ts +22 -0
- package/dist/components/avatar/index.d.ts +1 -0
- package/dist/components/banner/banner.d.ts +19 -0
- package/dist/components/banner/index.d.ts +3 -0
- package/dist/components/banner/types.d.ts +12 -0
- package/dist/components/banner/utils.d.ts +292 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +7 -0
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/button/button.d.ts +4 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/overrides.d.ts +3 -2
- package/dist/components/button/types.d.ts +6 -1
- package/dist/components/button-group/index.d.ts +1 -1
- package/dist/components/button-group/types.d.ts +2 -3
- package/dist/components/button-icon/button-icon.d.ts +4 -1
- package/dist/components/button-icon/index.d.ts +0 -1
- package/dist/components/callout-card/callout-card-subcomponents.d.ts +31 -0
- package/dist/components/callout-card/callout-card.d.ts +11 -0
- package/dist/components/callout-card/context.d.ts +9 -0
- package/dist/components/callout-card/index.d.ts +4 -0
- package/dist/components/callout-card/skeletons.d.ts +3 -0
- package/dist/components/callout-card/types.d.ts +1 -0
- package/dist/components/card/card-skeletons.d.ts +19 -0
- package/dist/components/card/card.d.ts +28 -0
- package/dist/components/card/context.d.ts +7 -0
- package/dist/components/card/index.d.ts +5 -0
- package/dist/components/card/product-card.d.ts +14 -0
- package/dist/components/card/types.d.ts +12 -0
- package/dist/components/checkbox/checkbox.d.ts +5 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/content-stepper/content-stepper.d.ts +44 -0
- package/dist/components/content-stepper/index.d.ts +2 -0
- package/dist/components/content-stepper/skeletons.d.ts +3 -0
- package/dist/components/content-stepper/styled-components.d.ts +21 -0
- package/dist/components/form-control/constants.d.ts +1 -1
- package/dist/components/form-control/form-control.d.ts +1 -1
- package/dist/components/form-control/overrides.d.ts +2 -1
- package/dist/components/form-control/types.d.ts +1 -0
- package/dist/components/icons/_docs/icon-gallery.d.ts +9 -0
- package/dist/components/icons/index.d.ts +2 -46
- package/dist/components/icons/line/arrow-left/index.d.ts +9 -0
- package/dist/components/icons/{info-circle → line/arrow-right}/index.d.ts +2 -2
- package/dist/components/icons/{user → line/bell}/index.d.ts +2 -2
- package/dist/components/icons/line/check/index.d.ts +9 -0
- package/dist/components/icons/line/check-done/index.d.ts +9 -0
- package/dist/components/icons/line/circle-cut/index.d.ts +9 -0
- package/dist/components/icons/line/coins-stacked/index.d.ts +8 -0
- package/dist/components/icons/line/compass/index.d.ts +8 -0
- package/dist/components/icons/line/copy/index.d.ts +8 -0
- package/dist/components/icons/line/cryptocurrency/index.d.ts +8 -0
- package/dist/components/icons/line/dots/index.d.ts +8 -0
- package/dist/components/icons/line/dots-grid/index.d.ts +9 -0
- package/dist/components/icons/{menu → line/drop}/index.d.ts +2 -2
- package/dist/components/icons/line/email/index.d.ts +8 -0
- package/dist/components/icons/line/gas-fee/index.d.ts +9 -0
- package/dist/components/icons/line/handshake/index.d.ts +9 -0
- package/dist/components/icons/line/help-circle-line/index.d.ts +8 -0
- package/dist/components/icons/line/index.d.ts +43 -0
- package/dist/components/icons/line/link/index.d.ts +8 -0
- package/dist/components/icons/{trophy → line/log-out}/index.d.ts +1 -1
- package/dist/components/icons/line/percent/index.d.ts +8 -0
- package/dist/components/icons/line/pie-chart/index.d.ts +8 -0
- package/dist/components/icons/line/safe/index.d.ts +9 -0
- package/dist/components/icons/line/settings/index.d.ts +15 -0
- package/dist/components/icons/{star → line/star}/index.d.ts +0 -14
- package/dist/components/icons/line/switch-vertical/index.d.ts +8 -0
- package/dist/components/icons/line/tag/index.d.ts +8 -0
- package/dist/components/icons/line/trophy/index.d.ts +8 -0
- package/dist/components/icons/line/upload/index.d.ts +8 -0
- package/dist/components/icons/line/user/index.d.ts +8 -0
- package/dist/components/icons/solid/alert-triangle/index.d.ts +15 -0
- package/dist/components/icons/solid/arrow-circle-down/index.d.ts +9 -0
- package/dist/components/icons/solid/arrow-circle-up/index.d.ts +9 -0
- package/dist/components/icons/solid/bezier-curve/index.d.ts +9 -0
- package/dist/components/icons/solid/bitcoin-circle/index.d.ts +14 -0
- package/dist/components/icons/solid/check-circle/index.d.ts +12 -0
- package/dist/components/icons/solid/eth-circle/index.d.ts +14 -0
- package/dist/components/icons/solid/help-circle/index.d.ts +8 -0
- package/dist/components/icons/solid/index.d.ts +49 -0
- package/dist/components/icons/{mats-circle → solid/info-circle}/index.d.ts +2 -2
- package/dist/components/icons/solid/lock/index.d.ts +8 -0
- package/dist/components/icons/solid/mats/index.d.ts +9 -0
- package/dist/components/icons/solid/mats-circle/index.d.ts +15 -0
- package/dist/components/icons/solid/menu/index.d.ts +9 -0
- package/dist/components/icons/solid/mezo-circle/index.d.ts +14 -0
- package/dist/components/icons/solid/musd-circle/index.d.ts +28 -0
- package/dist/components/icons/solid/plus-square/index.d.ts +9 -0
- package/dist/components/icons/{settings → solid/settings}/index.d.ts +1 -1
- package/dist/components/icons/solid/shield/index.d.ts +8 -0
- package/dist/components/icons/solid/star/index.d.ts +15 -0
- package/dist/components/icons/solid/tbtc-circle/index.d.ts +14 -0
- package/dist/components/icons/solid/thusd-circle/index.d.ts +14 -0
- package/dist/components/icons/{check-circle → solid/trend-down}/index.d.ts +2 -2
- package/dist/components/icons/solid/trend-up/index.d.ts +9 -0
- package/dist/components/icons/solid/trophy/index.d.ts +8 -0
- package/dist/components/icons/solid/user/index.d.ts +8 -0
- package/dist/components/icons/solid/vbtc-circle/index.d.ts +14 -0
- package/dist/components/icons/utils.d.ts +1 -1
- package/dist/components/index.d.ts +39 -4
- package/dist/components/input/constants.d.ts +38 -0
- package/dist/components/input/index.d.ts +2 -2
- package/dist/components/input/input.d.ts +3 -3
- package/dist/components/input/overrides.d.ts +11 -1
- package/dist/components/input/types.d.ts +6 -4
- package/dist/components/input-group/index.d.ts +5 -0
- package/dist/components/link/index.d.ts +6 -0
- package/dist/components/list/list.d.ts +6 -2
- package/dist/components/menu/context.d.ts +7 -0
- package/dist/components/menu/index.d.ts +4 -0
- package/dist/components/menu/menu-items.d.ts +18 -0
- package/dist/components/menu/menu.d.ts +28 -0
- package/dist/components/menu/types.d.ts +1 -0
- package/dist/components/message-card/index.d.ts +1 -1
- package/dist/components/message-card/message-card.d.ts +2 -1
- package/dist/components/message-card/overrides.d.ts +4 -1
- package/dist/components/mobile-header/index.d.ts +1 -0
- package/dist/components/mobile-header/mobile-header.d.ts +15 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/modal.d.ts +26 -0
- package/dist/components/page-control/index.d.ts +3 -0
- package/dist/components/page-control/page-control.d.ts +6 -0
- package/dist/components/pagination/index.d.ts +3 -0
- package/dist/components/pagination/pagination-without-dropdown.d.ts +3 -0
- package/dist/components/pagination/pagination.d.ts +3 -0
- package/dist/components/pagination/stateful-pagination-without-dropdown.d.ts +2 -0
- package/dist/components/pagination/types.d.ts +9 -0
- package/dist/components/phone-input/default-args.d.ts +27 -0
- package/dist/components/phone-input/index.d.ts +4 -0
- package/dist/components/phone-input/overrides.d.ts +9 -0
- package/dist/components/phone-input/phone-input.d.ts +7 -0
- package/dist/components/phone-input/stateful-phone-input.d.ts +6 -0
- package/dist/components/popover/index.d.ts +9 -0
- package/dist/components/popover/popover-body.d.ts +3 -0
- package/dist/components/popover/popover-footer.d.ts +3 -0
- package/dist/components/popover/popover-header.d.ts +20 -0
- package/dist/components/popover/popover.d.ts +3 -0
- package/dist/components/popover/stepper-popover.d.ts +14 -0
- package/dist/components/progress-bar/hooks.d.ts +1 -0
- package/dist/components/progress-bar/index.d.ts +2 -0
- package/dist/components/progress-bar/progress-bar.d.ts +3 -0
- package/dist/components/progress-steps/index.d.ts +7 -0
- package/dist/components/progress-steps/numbered-step-title.d.ts +15 -0
- package/dist/components/progress-steps/numbered-step.d.ts +22 -0
- package/dist/components/progress-steps/progress-steps.d.ts +5 -0
- package/dist/components/progress-steps/step.d.ts +6 -0
- package/dist/components/radio/index.d.ts +3 -0
- package/dist/components/radio/overrides.d.ts +17 -0
- package/dist/components/radio/radio.d.ts +5 -0
- package/dist/components/section-heading/index.d.ts +1 -0
- package/dist/components/section-heading/section-heading.d.ts +5 -0
- package/dist/components/segmented-control/index.d.ts +1 -0
- package/dist/components/segmented-control/segmented-control.d.ts +9 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/overrides.d.ts +90 -0
- package/dist/components/select/select.d.ts +9 -0
- package/dist/components/side-navigation/index.d.ts +1 -1
- package/dist/components/side-navigation/overrides.d.ts +2 -1
- package/dist/components/side-navigation/side-navigation.d.ts +15 -3
- package/dist/components/skeleton/skeleton.d.ts +1 -1
- package/dist/components/snackbar/index.d.ts +3 -0
- package/dist/components/snackbar/snackbar.d.ts +3 -0
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/spinner/spinner.d.ts +11 -0
- package/dist/components/stepper/index.d.ts +2 -0
- package/dist/components/stepper/stepper.d.ts +5 -0
- package/dist/components/table/index.d.ts +6 -0
- package/dist/components/table/table-builder.d.ts +9 -0
- package/dist/components/table/table-cells/index.d.ts +40 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/tabs/tab-title.d.ts +6 -0
- package/dist/components/tabs/tabs.d.ts +9 -0
- package/dist/components/tile/constants.d.ts +5 -0
- package/dist/components/tile/index.d.ts +9 -0
- package/dist/components/tile/skeletons.d.ts +7 -0
- package/dist/components/tile/styled-components.d.ts +3 -0
- package/dist/components/tile/tile-group.d.ts +7 -0
- package/dist/components/tile/tile.d.ts +11 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/tooltip.d.ts +13 -0
- package/dist/components/tooltip/types.d.ts +1 -0
- package/dist/components/top-navigation/index.d.ts +3 -0
- package/dist/components/top-navigation/mobile-menu.d.ts +7 -0
- package/dist/components/top-navigation/styled-components.d.ts +6 -0
- package/dist/components/top-navigation/top-navigation.d.ts +14 -0
- package/dist/components/top-navigation/types.d.ts +16 -0
- package/dist/components/top-navigation/user-menu.d.ts +7 -0
- package/dist/components/top-navigation/user-profile-tile.d.ts +4 -0
- package/dist/docs/guides/borders.d.ts +2 -0
- package/dist/docs/guides/colors.d.ts +3 -0
- package/dist/docs/guides/sizing.d.ts +2 -0
- package/dist/docs/index.d.ts +13 -0
- package/dist/mezo-clay.es.js +56486 -16630
- package/dist/mezo-clay.umd.js +58 -18
- package/dist/styles/helpers.d.ts +2 -0
- package/dist/styles/index.d.ts +2 -1
- package/dist/themes/clay-dark-theme.d.ts +1 -0
- package/dist/themes/clay-light-theme.d.ts +15 -0
- package/dist/themes/index.d.ts +3 -2
- package/dist/themes/provider.d.ts +8 -0
- package/dist/utils/console.d.ts +2 -0
- package/dist/utils/index.d.ts +6 -0
- package/package.json +2 -1
- package/dist/components/block/index.d.ts +0 -1
- package/dist/components/button-group/constants.d.ts +0 -5
- package/dist/components/button-icon/overrides.d.ts +0 -5
- /package/dist/components/icons/{building → line/building}/index.d.ts +0 -0
- /package/dist/components/icons/{close → line/close}/index.d.ts +0 -0
- /package/dist/components/icons/{coins-hand → line/coins-hand}/index.d.ts +0 -0
- /package/dist/components/icons/{coins-swap → line/coins-swap}/index.d.ts +0 -0
- /package/dist/components/icons/{cube → line/cube}/index.d.ts +0 -0
- /package/dist/components/icons/{home-smile → line/home-smile}/index.d.ts +0 -0
- /package/dist/components/icons/{lightning → line/lightning}/index.d.ts +0 -0
- /package/dist/components/icons/{link-external → line/link-external}/index.d.ts +0 -0
- /package/dist/components/icons/{log-in → line/log-in}/index.d.ts +0 -0
- /package/dist/components/icons/{message-question-circle → line/message-question-circle}/index.d.ts +0 -0
- /package/dist/components/icons/{plus → line/plus}/index.d.ts +0 -0
- /package/dist/components/icons/{receipt → line/receipt}/index.d.ts +0 -0
- /package/dist/components/icons/{square → line/square}/index.d.ts +0 -0
- /package/dist/components/icons/{wallet → line/wallet}/index.d.ts +0 -0
- /package/dist/components/icons/{alert-circle → solid/alert-circle}/index.d.ts +0 -0
- /package/dist/components/icons/{apple → solid/apple}/index.d.ts +0 -0
- /package/dist/components/icons/{arrow-narrow-left → solid/arrow-narrow-left}/index.d.ts +0 -0
- /package/dist/components/icons/{arrow-narrow-right → solid/arrow-narrow-right}/index.d.ts +0 -0
- /package/dist/components/icons/{check-square → solid/check-square}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-down → solid/chevron-down}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-left → solid/chevron-left}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-right → solid/chevron-right}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-selector-horizontal → solid/chevron-selector-horizontal}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-selector-vertical → solid/chevron-selector-vertical}/index.d.ts +0 -0
- /package/dist/components/icons/{chevron-up → solid/chevron-up}/index.d.ts +0 -0
- /package/dist/components/icons/{discord → solid/discord}/index.d.ts +0 -0
- /package/dist/components/icons/{eye → solid/eye}/index.d.ts +0 -0
- /package/dist/components/icons/{eye-off → solid/eye-off}/index.d.ts +0 -0
- /package/dist/components/icons/{google → solid/google}/index.d.ts +0 -0
- /package/dist/components/icons/{heart → solid/heart}/index.d.ts +0 -0
- /package/dist/components/icons/{loading → solid/loading}/index.d.ts +0 -0
- /package/dist/components/icons/{minus-circle → solid/minus-circle}/index.d.ts +0 -0
- /package/dist/components/icons/{minus-square → solid/minus-square}/index.d.ts +0 -0
- /package/dist/components/icons/{plus-circle → solid/plus-circle}/index.d.ts +0 -0
- /package/dist/components/icons/{search → solid/search}/index.d.ts +0 -0
- /package/dist/components/icons/{x-circle → solid/x-circle}/index.d.ts +0 -0
- /package/dist/components/icons/{x-twitter → solid/x-twitter}/index.d.ts +0 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentType, ReactNode } from 'react';
|
|
2
|
+
import { IconProps } from 'baseui/icon';
|
|
3
|
+
export type MenuListItemProps = {
|
|
4
|
+
artwork?: ComponentType<IconProps>;
|
|
5
|
+
artworkProps?: IconProps;
|
|
6
|
+
endEnhancer?: ReactNode;
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
id?: string;
|
|
9
|
+
};
|
|
10
|
+
export type MenuProfileItemProps = {
|
|
11
|
+
title: string;
|
|
12
|
+
subtitle?: string;
|
|
13
|
+
body?: string;
|
|
14
|
+
imgUrl?: string;
|
|
15
|
+
id?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare function MenuListItem({ artwork, artworkProps, endEnhancer, label, id, }: MenuListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function MenuProfileItem({ title, subtitle, body, imgUrl, id, }: MenuProfileItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StatefulMenuProps as BaseStatefulMenuProps } from 'baseui/menu';
|
|
3
|
+
import { MenuSize } from './types';
|
|
4
|
+
import { MenuListItemProps, MenuProfileItemProps } from './menu-items';
|
|
5
|
+
export type MenuProps = BaseStatefulMenuProps & {
|
|
6
|
+
id?: string;
|
|
7
|
+
noResultsMsg?: ReactNode;
|
|
8
|
+
size?: MenuSize;
|
|
9
|
+
};
|
|
10
|
+
export declare function Menu({ id, overrides, size, noResultsMsg, ...restProps }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type ArrayMenuListItems = ReadonlyArray<MenuListItemProps>;
|
|
12
|
+
export type GroupedMenuListItems = {
|
|
13
|
+
__ungrouped: ArrayMenuListItems;
|
|
14
|
+
[x: string]: ArrayMenuListItems;
|
|
15
|
+
};
|
|
16
|
+
export type MenuListProps = Omit<MenuProps, "items"> & {
|
|
17
|
+
items: ArrayMenuListItems | GroupedMenuListItems;
|
|
18
|
+
};
|
|
19
|
+
export declare function MenuList({ overrides, ...restProps }: MenuListProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export type ArrayMenuProfileItems = ReadonlyArray<MenuProfileItemProps>;
|
|
21
|
+
export type GroupedMenuProfileItems = {
|
|
22
|
+
__ungrouped: ArrayMenuProfileItems;
|
|
23
|
+
[x: string]: ArrayMenuProfileItems;
|
|
24
|
+
};
|
|
25
|
+
export type MenuProfileProps = Omit<MenuProps, "items"> & {
|
|
26
|
+
items: ArrayMenuProfileItems | GroupedMenuProfileItems;
|
|
27
|
+
};
|
|
28
|
+
export declare function MenuProfile({ overrides, ...restProps }: MenuProfileProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type MenuSize = "small" | "medium" | "large";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as MessageCard } from './message-card';
|
|
2
|
-
export type { MessageCardProps } from '
|
|
2
|
+
export type { MessageCardProps } from './message-card';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { MessageCardProps as MessageCardPropsBaseUi } from 'baseui/message-card';
|
|
2
2
|
export type MessageCardProps = MessageCardPropsBaseUi & {
|
|
3
|
+
id?: string;
|
|
3
4
|
isLoading?: boolean;
|
|
4
5
|
};
|
|
5
|
-
export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, isLoading, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, isLoading, id, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Theme } from 'baseui/styles';
|
|
1
2
|
import { MessageCardOverrides as MessageCardOverridesBaseUi, MessageCardProps } from 'baseui/message-card';
|
|
2
3
|
type MessageCardOverrides = {
|
|
3
4
|
overrides: MessageCardOverridesBaseUi;
|
|
@@ -6,6 +7,8 @@ type MessageCardOverrides = {
|
|
|
6
7
|
backgroundColorType: "light" | "dark";
|
|
7
8
|
isLoading?: boolean;
|
|
8
9
|
image: MessageCardProps["image"];
|
|
10
|
+
id?: string;
|
|
11
|
+
theme: Theme;
|
|
9
12
|
};
|
|
10
|
-
export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
|
|
13
|
+
export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, id, theme, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
|
|
11
14
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './mobile-header';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { MobileHeaderProps as BaseMobileHeaderProps, IconButton as BaseIconButton } from 'baseui/mobile-header';
|
|
2
|
+
import { IconProps } from 'baseui/icon';
|
|
3
|
+
import { StyleObject } from 'styletron-react';
|
|
4
|
+
import { ButtonIconProps } from '../button-icon';
|
|
5
|
+
export type MobileHeaderButton = BaseIconButton & {
|
|
6
|
+
iconProps?: IconProps;
|
|
7
|
+
overrides?: ButtonIconProps["overrides"];
|
|
8
|
+
};
|
|
9
|
+
export interface MobileHeaderProps extends Omit<Omit<BaseMobileHeaderProps, "navButton">, "actionButtons"> {
|
|
10
|
+
navButton?: MobileHeaderButton;
|
|
11
|
+
actionButtons?: [MobileHeaderButton?, MobileHeaderButton?];
|
|
12
|
+
rootWrapperCss?: StyleObject;
|
|
13
|
+
actionButtonsWrapperCss?: StyleObject;
|
|
14
|
+
}
|
|
15
|
+
export declare function MobileHeader({ actionButtons, expanded, navButton, overrides, type, rootWrapperCss, actionButtonsWrapperCss, ...restProps }: MobileHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ComponentProps, PropsWithChildren } from 'react';
|
|
2
|
+
import { ModalHeader as BaseModalHeader, ModalFooter as BaseModalFooter, ModalBody as BaseModalBody, ModalButton as BaseModalButton, ModalProps as BaseModalProps, SharedStylePropsArg } from 'baseui/modal';
|
|
3
|
+
export type ModalHeaderProps = ComponentProps<typeof BaseModalHeader>;
|
|
4
|
+
export declare function ModalHeader(props: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
type ModalImageProps = {
|
|
6
|
+
imageSrc: string;
|
|
7
|
+
imageAriaLabel: string;
|
|
8
|
+
};
|
|
9
|
+
export type ModalHeaderWithImageProps = ModalHeaderProps & ModalImageProps;
|
|
10
|
+
export declare function ModalHeaderWithImage({ imageSrc, imageAriaLabel, children, ...restProps }: ModalHeaderWithImageProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type ModalBodyWithImageProps = ComponentProps<typeof BaseModalBody> & ModalImageProps & {
|
|
12
|
+
imageLayout?: "left" | "right";
|
|
13
|
+
imageWidth?: "string";
|
|
14
|
+
};
|
|
15
|
+
export declare function ModalBodyWithImage({ children, imageSrc, imageAriaLabel, imageLayout, imageWidth, }: ModalBodyWithImageProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export type ModalFooterProps = ComponentProps<typeof BaseModalFooter>;
|
|
17
|
+
export declare function ModalFooter(props: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function ModalSecondaryButtonWrapper({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export type ModalButtonProps = ComponentProps<typeof BaseModalButton>;
|
|
20
|
+
export declare function ModalButton({ overrides, ...restProps }: ModalButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function ModalClose(props: SharedStylePropsArg): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export type ModalProps = BaseModalProps & {
|
|
23
|
+
id?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare function Modal({ id, overrides, ...restProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PageControlProps as BasePageControlProps } from 'baseui/page-control';
|
|
2
|
+
export type PageControlProps = BasePageControlProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
declare function PageControl({ id, overrides, ...restProps }: PageControlProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default PageControl;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PaginationProps } from './types';
|
|
2
|
+
declare function PaginationWithoutDropdown({ size, currentPage, numPages, onPageChange, onNextClick, onPrevClick, labels, disabled, id, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default PaginationWithoutDropdown;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PaginationProps, StatefulPaginationProps } from './types';
|
|
2
|
+
export declare function Pagination({ disabled, size, numPages, labels, overrides, id, ...restProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function StatefulPagination({ numPages, disabled, size, labels, overrides, id, ...restProps }: StatefulPaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PaginationProps as BasePaginationProps, StatefulPaginationProps as BaseStatefulPaginationProps } from 'baseui/pagination';
|
|
2
|
+
export type PaginationSize = "small" | "medium" | "large";
|
|
3
|
+
export type SharedPaginationProps = {
|
|
4
|
+
size: PaginationSize;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
id?: string;
|
|
7
|
+
};
|
|
8
|
+
export type PaginationProps = Omit<BasePaginationProps, "size"> & SharedPaginationProps;
|
|
9
|
+
export type StatefulPaginationProps = Omit<BaseStatefulPaginationProps, "size"> & SharedPaginationProps;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { PhoneInputProps } from '.';
|
|
2
|
+
export declare const defaultArgs: {
|
|
3
|
+
"aria-label": string;
|
|
4
|
+
"aria-labelledby": any;
|
|
5
|
+
"aria-describedby": any;
|
|
6
|
+
country: {
|
|
7
|
+
readonly label: "United States";
|
|
8
|
+
readonly id: "US";
|
|
9
|
+
readonly dialCode: "+1";
|
|
10
|
+
};
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
error: boolean;
|
|
13
|
+
id: string;
|
|
14
|
+
maxDropdownHeight: string;
|
|
15
|
+
maxDropdownWidth: string;
|
|
16
|
+
mapIsoToLabel: any;
|
|
17
|
+
name: string;
|
|
18
|
+
onCountryChange: () => void;
|
|
19
|
+
onTextChange: () => void;
|
|
20
|
+
overrides: {};
|
|
21
|
+
placeholder: string;
|
|
22
|
+
positive: boolean;
|
|
23
|
+
required: boolean;
|
|
24
|
+
size: PhoneInputProps["size"];
|
|
25
|
+
text: string;
|
|
26
|
+
clearable: boolean;
|
|
27
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { COUNTRIES, DEFAULT_MAX_DROPDOWN_WIDTH, DEFAULT_MAX_DROPDOWN_HEIGHT, Flag, StyledFlag, STATE_CHANGE_TYPE as PHONE_INPUT_STATE_CHANGE_TYPE, } from 'baseui/phone-input';
|
|
2
|
+
export type { Country, CountryIso, Countries, FlagProps, State as PhoneInputState, StateChange as PhoneInputStateChange, StateReducer as PhoneInputStateReducer, mapIsoToLabel, CountrySelectDropdownProps, CountrySelectProps, PhoneInputOverrides, } from 'baseui/phone-input';
|
|
3
|
+
export * from './phone-input';
|
|
4
|
+
export * from './stateful-phone-input';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Theme } from 'baseui';
|
|
2
|
+
import { PhoneInputOverrides } from 'baseui/phone-input';
|
|
3
|
+
import { INPUT_SIZE } from '../input';
|
|
4
|
+
export declare function getPhoneInputOverrides(theme: Theme, { size, disabled, id, overrides, }: {
|
|
5
|
+
size: keyof typeof INPUT_SIZE;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
id?: string;
|
|
8
|
+
overrides?: PhoneInputOverrides;
|
|
9
|
+
}): import('baseui/helpers/overrides').Overrides<any>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PhoneInputProps as BasePhoneInputProps } from 'baseui/phone-input';
|
|
2
|
+
import { INPUT_SIZE } from '../input';
|
|
3
|
+
export type PhoneInputSize = keyof typeof INPUT_SIZE;
|
|
4
|
+
export type PhoneInputProps = Omit<BasePhoneInputProps, "size"> & {
|
|
5
|
+
size: PhoneInputSize;
|
|
6
|
+
};
|
|
7
|
+
export declare function PhoneInput({ disabled, id, size, overrides, ...restProps }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { StatefulPhoneInputProps as BaseStatefulPhoneInputProps } from 'baseui/phone-input';
|
|
2
|
+
import { INPUT_SIZE } from '../input';
|
|
3
|
+
export type StatefulPhoneInputProps = Omit<BaseStatefulPhoneInputProps, "size"> & {
|
|
4
|
+
size: keyof typeof INPUT_SIZE;
|
|
5
|
+
};
|
|
6
|
+
export declare function StatefulPhoneInput({ disabled, id, size, overrides, ...restProps }: StatefulPhoneInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as PopoverHeader, PopoverCloseButton } from './popover-header';
|
|
2
|
+
export type { PopoverHeaderProps, PopoverCloseButtonProps, } from './popover-header';
|
|
3
|
+
export { default as PopoverBody } from './popover-body';
|
|
4
|
+
export type { PopoverBodyProps } from './popover-body';
|
|
5
|
+
export { default as PopoverFooter } from './popover-footer';
|
|
6
|
+
export type { PopoverFooterProps } from './popover-footer';
|
|
7
|
+
export * from './popover';
|
|
8
|
+
export * from './stepper-popover';
|
|
9
|
+
export type { PopoverProps, StatefulPopoverProps } from 'baseui/popover';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentType, ReactNode } from 'react';
|
|
2
|
+
import { BlockProps } from 'baseui/block';
|
|
3
|
+
import { IconProps } from 'baseui/icon';
|
|
4
|
+
import { ButtonOverrides } from '../button';
|
|
5
|
+
export type PopoverCloseButtonProps = {
|
|
6
|
+
overrides?: ButtonOverrides;
|
|
7
|
+
CloseIcon?: ComponentType<IconProps>;
|
|
8
|
+
iconProps?: IconProps;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function PopoverCloseButton({ overrides, CloseIcon, iconProps, onClick, }: PopoverCloseButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type PopoverHeaderProps = {
|
|
13
|
+
blockProps?: BlockProps;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
closeButtonOverrides?: ButtonOverrides;
|
|
16
|
+
CloseIcon?: ComponentType<IconProps>;
|
|
17
|
+
iconProps?: IconProps;
|
|
18
|
+
onCloseIconClick?: () => void;
|
|
19
|
+
};
|
|
20
|
+
export default function PopoverHeader({ blockProps, children, closeButtonOverrides, onCloseIconClick, CloseIcon, iconProps, }: PopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PopoverProps, StatefulPopoverProps } from 'baseui/popover';
|
|
2
|
+
export declare function Popover({ overrides, ...restProps }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function StatefulPopover({ overrides, ...restProps }: StatefulPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StatefulPopoverProps } from 'baseui/popover';
|
|
3
|
+
import { ContentStepperOverrides } from '../content-stepper';
|
|
4
|
+
export type PopoverStep = {
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
body: ReactNode;
|
|
7
|
+
withCloseButton?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export type StepperPopoverProps = Omit<StatefulPopoverProps, "content"> & {
|
|
10
|
+
steps: PopoverStep[];
|
|
11
|
+
contentStepperOverrides: ContentStepperOverrides;
|
|
12
|
+
withStepCount?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare function StepperPopover({ children, contentStepperOverrides, steps, withStepCount, ...restProps }: StepperPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useInterval(callback: () => void, delay: number | null): void;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type { Orientation, ProgressStepsOverrides, StepOverrides, NumberedStepOverrides, StyleProps as ProgressStepsStyleProps, } from 'baseui/progress-steps';
|
|
2
|
+
export { StyledProgressSteps, StyledStep, StyledIconContainer, StyledIcon, StyledInnerIcon, StyledContent, StyledContentTitle, StyledContentTail, StyledContentDescription, StyledNumberStep, StyledNumberIcon, StyledNumberContentTail, ORIENTATION as PROGRESS_STEPS_ORIENTATION, } from 'baseui//progress-steps';
|
|
3
|
+
export * from './progress-steps';
|
|
4
|
+
export * from './step';
|
|
5
|
+
export { NumberedStep as ClayNumberedStep } from './numbered-step';
|
|
6
|
+
export type { NumberedStepProps as ClayNumberedStepProps } from './numbered-step';
|
|
7
|
+
export * from './numbered-step-title';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode, ComponentType } from 'react';
|
|
2
|
+
import { BlockProps } from 'baseui/block';
|
|
3
|
+
import { Override } from 'baseui/helpers/overrides';
|
|
4
|
+
export type NumberedStepTitleOverrides = {
|
|
5
|
+
Root?: Override;
|
|
6
|
+
ContentContainer?: Override;
|
|
7
|
+
EndEnhancerContainer?: Override;
|
|
8
|
+
};
|
|
9
|
+
export type NumberedStepTitleProps = {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
endEnhancer?: ReactNode | ComponentType<any>;
|
|
12
|
+
overrides?: NumberedStepTitleOverrides;
|
|
13
|
+
};
|
|
14
|
+
export declare function NumberedStepTitle({ children, endEnhancer, overrides, }: NumberedStepTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function NumberedStepSubtitle({ children, ...restProps }: BlockProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode, ComponentType } from 'react';
|
|
2
|
+
import { NumberedStepProps as BaseNumberedStepProps } from 'baseui/progress-steps';
|
|
3
|
+
import { NumberedStepTitleOverrides } from './numbered-step-title';
|
|
4
|
+
export declare function NumberedStepIcon(props: {
|
|
5
|
+
$isActive: boolean;
|
|
6
|
+
$isCompleted: boolean;
|
|
7
|
+
isPending: boolean;
|
|
8
|
+
hasError?: boolean;
|
|
9
|
+
$isCurrent: boolean;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type NumberedStepProps = BaseNumberedStepProps & {
|
|
13
|
+
id?: string;
|
|
14
|
+
subtitle?: ReactNode;
|
|
15
|
+
isPending?: boolean;
|
|
16
|
+
pendingText?: ReactNode;
|
|
17
|
+
hasError?: boolean;
|
|
18
|
+
errorText?: ReactNode;
|
|
19
|
+
endEnhancer?: ReactNode | ComponentType<any>;
|
|
20
|
+
titleOverrides?: NumberedStepTitleOverrides;
|
|
21
|
+
};
|
|
22
|
+
export declare function NumberedStep({ id, title, subtitle, isPending, hasError, pendingText, errorText, endEnhancer, children, overrides, titleOverrides, ...restProps }: NumberedStepProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ProgressStepsProps as BaseProgressStepsProps } from 'baseui/progress-steps';
|
|
2
|
+
export type ProgressStepsProps = BaseProgressStepsProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare function ProgressSteps({ id, overrides, ...restProps }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { StepProps as BaseStepProps } from 'baseui/progress-steps';
|
|
2
|
+
export type StepProps = BaseStepProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare function Step({ id, overrides, ...restProps }: StepProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default Step;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const radioMarkOverrides: {
|
|
2
|
+
RadioMarkOuter: {
|
|
3
|
+
style: ({ $theme }: {
|
|
4
|
+
$theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
height: any;
|
|
7
|
+
width: any;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
RadioMarkInner: {
|
|
11
|
+
style: ({ $checked }: {
|
|
12
|
+
$checked: any;
|
|
13
|
+
}) => {
|
|
14
|
+
transform: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './section-heading';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ListHeadingProps } from '../list';
|
|
2
|
+
export type SectionHeadingProps = ListHeadingProps & {
|
|
3
|
+
headingLevel?: 1 | 2 | 3;
|
|
4
|
+
};
|
|
5
|
+
export declare function SectionHeading({ headingLevel, overrides, ...restProps }: SectionHeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './segmented-control';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SegmentProps as BaseSegmentProps, SegmentedControlProps as BaseSegmentedControlProps } from 'baseui/segmented-control';
|
|
2
|
+
export type SegmentProps = BaseSegmentProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
export type SegmentedControlProps = BaseSegmentedControlProps & {
|
|
6
|
+
id?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function Segment(props: SegmentProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function SegmentedControl({ children, disabled, overrides, width, id, ...restProps }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type { ChangeAction as SelectChangeAction, Type as SelectType, Option as SelectOption, Value as SelectValue, Optgroups as SelectOptGroups, Options as SelectOptions, OnChangeParams as SelectOnChangeParams, SelectOverrides, OverridesDropdown as SelectOverridesDropdown, ImperativeMethods as SelectImperativeMethods, ControlRef as SelectControlRef, SharedStylePropsArg as SelectSharedStylePropsArg, } from 'baseui/select';
|
|
2
|
+
export * from './select';
|
|
3
|
+
export { getSelectOverrides } from './overrides';
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { Theme } from 'baseui';
|
|
2
|
+
import { INPUT_SIZE } from '../input';
|
|
3
|
+
export declare function getSelectOverrides(theme: Theme, size: keyof typeof INPUT_SIZE, disabled: boolean, readOnly?: boolean): {
|
|
4
|
+
ControlContainer: {
|
|
5
|
+
style: ({ $theme }: {
|
|
6
|
+
$theme: any;
|
|
7
|
+
}) => {
|
|
8
|
+
":active": {
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
borderColor: string;
|
|
11
|
+
};
|
|
12
|
+
backgroundColor: any;
|
|
13
|
+
borderColor: any;
|
|
14
|
+
cursor: string;
|
|
15
|
+
borderWidth: string;
|
|
16
|
+
borderRadius: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
ValueContainer: {
|
|
20
|
+
style: ({ $theme }: {
|
|
21
|
+
$theme: any;
|
|
22
|
+
}) => {
|
|
23
|
+
paddingTop: any;
|
|
24
|
+
paddingBottom: any;
|
|
25
|
+
paddingLeft: any;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
IconsContainer: {
|
|
29
|
+
style: ({ $theme }: {
|
|
30
|
+
$theme: any;
|
|
31
|
+
}) => {
|
|
32
|
+
paddingRight: any;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
SelectArrow: {
|
|
36
|
+
props: {
|
|
37
|
+
overrides: {
|
|
38
|
+
Svg: {
|
|
39
|
+
component: import('react').ForwardRefExoticComponent<import('react').SVGAttributes<SVGElement> & {
|
|
40
|
+
children?: import('react').ReactNode;
|
|
41
|
+
size?: import('baseui/icon').Size;
|
|
42
|
+
color?: import('baseui/icon').Color;
|
|
43
|
+
title?: string | null;
|
|
44
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
45
|
+
} & import('baseui/icon').StyledComponentArgs & import('react').RefAttributes<SVGSVGElement>>;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
Dropdown: {
|
|
51
|
+
style: () => {
|
|
52
|
+
boxShadow: string;
|
|
53
|
+
borderRadius: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
Popover: {
|
|
57
|
+
props: {
|
|
58
|
+
overrides: {
|
|
59
|
+
Body: {
|
|
60
|
+
style: {
|
|
61
|
+
backgroundColor: string;
|
|
62
|
+
borderRadius: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
Inner: {
|
|
66
|
+
style: {
|
|
67
|
+
backgroundColor: string;
|
|
68
|
+
borderRadius: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
style: {
|
|
74
|
+
borderRadius: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
LoadingIndicator: {
|
|
78
|
+
style: ({ $theme }: {
|
|
79
|
+
$theme: any;
|
|
80
|
+
}) => {
|
|
81
|
+
borderRightColor: any;
|
|
82
|
+
borderBottomColor: any;
|
|
83
|
+
borderLeftColor: any;
|
|
84
|
+
borderTopColor: any;
|
|
85
|
+
marginRight: any;
|
|
86
|
+
width: any;
|
|
87
|
+
height: any;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SelectProps as BaseSelectProps } from 'baseui/select';
|
|
2
|
+
import { INPUT_SIZE } from '../input';
|
|
3
|
+
export type SelectProps = Omit<BaseSelectProps, "size"> & {
|
|
4
|
+
size?: keyof typeof INPUT_SIZE;
|
|
5
|
+
complete?: boolean;
|
|
6
|
+
incomplete?: boolean;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare function Select({ size, overrides, complete, incomplete, isLoading, readOnly, disabled, clearable, ...restProps }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as SideNavigation, SideNavItemTitle, SideNavLeadingIcon, } from './side-navigation';
|
|
2
|
+
export type { SideNavigationItemProps, SideNavigationProps, } from './side-navigation';
|
|
2
3
|
export { NavItem as SideNavItem } from 'baseui/side-navigation';
|
|
3
|
-
export type { NavigationProps as SideNavigationProps } from 'baseui/side-navigation';
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { NavigationProps as BaseSideNavigationProps } from 'baseui/side-navigation';
|
|
3
|
-
export
|
|
4
|
-
|
|
2
|
+
import { NavigationProps as BaseSideNavigationProps, Item as BaseItemProps } from 'baseui/side-navigation';
|
|
3
|
+
export type SideNavigationItemProps = Omit<BaseItemProps, "subNav"> & {
|
|
4
|
+
id?: string;
|
|
5
|
+
subNav?: SideNavigationItemProps[];
|
|
6
|
+
};
|
|
7
|
+
export type SideNavigationProps = Omit<BaseSideNavigationProps, "items"> & {
|
|
8
|
+
id?: string;
|
|
9
|
+
items?: SideNavigationItemProps[];
|
|
10
|
+
};
|
|
11
|
+
export default function SideNavigation({ activeItemId, activePredicate, items, itemMemoizationComparator, onChange, overrides, mapItem, id, }: SideNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type SideNavigationItemTitleProps = React.PropsWithChildren & {
|
|
13
|
+
id?: string;
|
|
14
|
+
"data-attr"?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function SideNavItemTitle({ children, ...restProps }: SideNavigationItemTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
5
17
|
export declare function SideNavLeadingIcon({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { Skeleton as SkeletonBaseUi } from 'baseui/skeleton';
|
|
3
3
|
export type SkeletonProps = ComponentProps<typeof SkeletonBaseUi>;
|
|
4
|
-
export default function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default function Skeleton({ overrides, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SnackbarElementProps as BaseSnackbarElementProps, SnackbarProviderProps as BaseSnackbarProviderProps } from 'baseui/snackbar';
|
|
2
|
+
export declare function SnackbarElement({ overrides, ...restProps }: BaseSnackbarElementProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function SnackbarProvider({ overrides, ...restProps }: BaseSnackbarProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './spinner';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SpinnerProps as BaseSpinnerProps } from 'baseui/spinner';
|
|
3
|
+
import { Sizing } from 'baseui/themes';
|
|
4
|
+
type Size = "small" | "medium" | "large" | "xlarge";
|
|
5
|
+
export type SpinnerProps = Omit<Omit<BaseSpinnerProps, "$size">, "$borderWidth"> & {
|
|
6
|
+
$size?: number | string | keyof Sizing | Size;
|
|
7
|
+
$borderWidth?: number | string | keyof Sizing | Size;
|
|
8
|
+
label?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare function Spinner({ $color, $size, $borderWidth, label }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|