@mezo-org/mezo-clay 0.1.0-dev.16 → 0.1.0-dev.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/panel.d.ts +2 -2
- package/dist/components/accordion/types.d.ts +5 -2
- package/dist/components/banner/banner.d.ts +3 -1
- package/dist/components/banner/types.d.ts +2 -0
- package/dist/components/banner/utils.d.ts +36 -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 +2 -1
- package/dist/components/button/types.d.ts +5 -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/card/card-skeletons.d.ts +13 -0
- package/dist/components/card/card.d.ts +24 -6
- package/dist/components/card/context.d.ts +7 -0
- package/dist/components/card/index.d.ts +3 -3
- package/dist/components/card/types.d.ts +10 -0
- package/dist/components/icons/arrow-left/index.d.ts +9 -0
- package/dist/components/icons/arrow-right/index.d.ts +9 -0
- package/dist/components/icons/check-circle/index.d.ts +5 -8
- package/dist/components/icons/index.d.ts +6 -2
- package/dist/components/icons/link/index.d.ts +8 -0
- package/dist/components/icons/log-out/index.d.ts +8 -0
- package/dist/components/icons/menu/index.d.ts +2 -2
- package/dist/components/index.d.ts +6 -0
- package/dist/components/input/input.d.ts +1 -1
- 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 +2 -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/modal.d.ts +4 -2
- package/dist/components/progress-steps/index.d.ts +2 -0
- package/dist/components/radio/index.d.ts +1 -1
- package/dist/components/radio/radio.d.ts +4 -1
- 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 +0 -2
- package/dist/components/segmented-control/segmented-control.d.ts +9 -2
- 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/stepper/index.d.ts +2 -0
- package/dist/components/stepper/stepper.d.ts +5 -0
- package/dist/components/tabs/index.d.ts +1 -2
- package/dist/components/tabs/tabs.d.ts +9 -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/mezo-clay.es.js +22780 -18925
- package/dist/mezo-clay.umd.js +33 -33
- package/dist/utils/index.d.ts +3 -1
- package/package.json +17 -18
- package/dist/components/button-group/constants.d.ts +0 -5
- package/dist/components/button-icon/overrides.d.ts +0 -5
|
@@ -6,6 +6,7 @@ type MessageCardOverrides = {
|
|
|
6
6
|
backgroundColorType: "light" | "dark";
|
|
7
7
|
isLoading?: boolean;
|
|
8
8
|
image: MessageCardProps["image"];
|
|
9
|
+
id?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
|
|
11
|
+
export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, id, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
|
|
11
12
|
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;
|
|
@@ -19,6 +19,8 @@ export declare function ModalSecondaryButtonWrapper({ children }: PropsWithChild
|
|
|
19
19
|
export type ModalButtonProps = ComponentProps<typeof BaseModalButton>;
|
|
20
20
|
export declare function ModalButton({ overrides, ...restProps }: ModalButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
export declare function ModalClose(props: SharedStylePropsArg): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export type ModalProps = BaseModalProps
|
|
23
|
-
|
|
22
|
+
export type ModalProps = BaseModalProps & {
|
|
23
|
+
id?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare function Modal({ id, overrides, ...restProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
24
26
|
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type { Orientation, ProgressStepsOverrides, ProgressStepsProps, StepOverrides, StepProps, NumberedStepOverrides, NumberedStepProps, StyleProps as ProgressStepsStyleProps, } from 'baseui/progress-steps';
|
|
2
|
+
export { StyledProgressSteps, StyledStep, Step, ProgressSteps, NumberedStep, StyledIconContainer, StyledIcon, StyledInnerIcon, StyledContent, StyledContentTitle, StyledContentTail, StyledContentDescription, StyledNumberStep, StyledNumberIcon, StyledNumberContentTail, ORIENTATION as PROGRESS_STEPS_ORIENTATION, } from 'baseui//progress-steps';
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
import { RadioProps as BaseRadioProps } from 'baseui/radio';
|
|
2
|
-
export
|
|
2
|
+
export type RadioProps = BaseRadioProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare function Radio({ id, overrides, ...restProps }: RadioProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -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;
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import { SegmentedControlProps as BaseSegmentedControlProps } from 'baseui/segmented-control';
|
|
2
|
-
export
|
|
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;
|
|
@@ -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;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TabProps as BaseTabProps, TabsProps as BaseTabsProps } from 'baseui/tabs-motion';
|
|
2
|
+
export type TabProps = BaseTabProps & {
|
|
3
|
+
id?: string;
|
|
4
|
+
};
|
|
5
|
+
export type TabsProps = BaseTabsProps & {
|
|
6
|
+
id?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function Tabs({ id, overrides, children, ...restProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentType, ReactNode } from 'react';
|
|
2
|
+
import { StatefulTooltipProps } from 'baseui/tooltip';
|
|
3
|
+
import { IconProps } from 'baseui/icon';
|
|
4
|
+
import { TooltipPosition } from './types';
|
|
5
|
+
export type TooltipProps = Omit<StatefulTooltipProps, "placement" | "content"> & {
|
|
6
|
+
content: ReactNode | string;
|
|
7
|
+
position?: TooltipPosition;
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
color?: string;
|
|
10
|
+
CloseIcon?: ComponentType<IconProps>;
|
|
11
|
+
iconProps?: IconProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function Tooltip({ children, content, position, overrides, popoverMargin, backgroundColor, color, CloseIcon, iconProps, triggerType, ...restProps }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TooltipPosition = "top" | "bottom" | "left" | "right";
|