@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.
Files changed (62) hide show
  1. package/dist/components/accordion/accordion.d.ts +1 -1
  2. package/dist/components/accordion/panel.d.ts +2 -2
  3. package/dist/components/accordion/types.d.ts +5 -2
  4. package/dist/components/banner/banner.d.ts +3 -1
  5. package/dist/components/banner/types.d.ts +2 -0
  6. package/dist/components/banner/utils.d.ts +36 -0
  7. package/dist/components/button/button.d.ts +4 -1
  8. package/dist/components/button/index.d.ts +1 -1
  9. package/dist/components/button/overrides.d.ts +2 -1
  10. package/dist/components/button/types.d.ts +5 -1
  11. package/dist/components/button-group/index.d.ts +1 -1
  12. package/dist/components/button-group/types.d.ts +2 -3
  13. package/dist/components/button-icon/button-icon.d.ts +4 -1
  14. package/dist/components/button-icon/index.d.ts +0 -1
  15. package/dist/components/card/card-skeletons.d.ts +13 -0
  16. package/dist/components/card/card.d.ts +24 -6
  17. package/dist/components/card/context.d.ts +7 -0
  18. package/dist/components/card/index.d.ts +3 -3
  19. package/dist/components/card/types.d.ts +10 -0
  20. package/dist/components/icons/arrow-left/index.d.ts +9 -0
  21. package/dist/components/icons/arrow-right/index.d.ts +9 -0
  22. package/dist/components/icons/check-circle/index.d.ts +5 -8
  23. package/dist/components/icons/index.d.ts +6 -2
  24. package/dist/components/icons/link/index.d.ts +8 -0
  25. package/dist/components/icons/log-out/index.d.ts +8 -0
  26. package/dist/components/icons/menu/index.d.ts +2 -2
  27. package/dist/components/index.d.ts +6 -0
  28. package/dist/components/input/input.d.ts +1 -1
  29. package/dist/components/menu/context.d.ts +7 -0
  30. package/dist/components/menu/index.d.ts +4 -0
  31. package/dist/components/menu/menu-items.d.ts +18 -0
  32. package/dist/components/menu/menu.d.ts +28 -0
  33. package/dist/components/menu/types.d.ts +1 -0
  34. package/dist/components/message-card/index.d.ts +1 -1
  35. package/dist/components/message-card/message-card.d.ts +2 -1
  36. package/dist/components/message-card/overrides.d.ts +2 -1
  37. package/dist/components/mobile-header/index.d.ts +1 -0
  38. package/dist/components/mobile-header/mobile-header.d.ts +15 -0
  39. package/dist/components/modal/modal.d.ts +4 -2
  40. package/dist/components/progress-steps/index.d.ts +2 -0
  41. package/dist/components/radio/index.d.ts +1 -1
  42. package/dist/components/radio/radio.d.ts +4 -1
  43. package/dist/components/section-heading/index.d.ts +1 -0
  44. package/dist/components/section-heading/section-heading.d.ts +5 -0
  45. package/dist/components/segmented-control/index.d.ts +0 -2
  46. package/dist/components/segmented-control/segmented-control.d.ts +9 -2
  47. package/dist/components/side-navigation/index.d.ts +1 -1
  48. package/dist/components/side-navigation/overrides.d.ts +2 -1
  49. package/dist/components/side-navigation/side-navigation.d.ts +15 -3
  50. package/dist/components/stepper/index.d.ts +2 -0
  51. package/dist/components/stepper/stepper.d.ts +5 -0
  52. package/dist/components/tabs/index.d.ts +1 -2
  53. package/dist/components/tabs/tabs.d.ts +9 -0
  54. package/dist/components/tooltip/index.d.ts +3 -0
  55. package/dist/components/tooltip/tooltip.d.ts +13 -0
  56. package/dist/components/tooltip/types.d.ts +1 -0
  57. package/dist/mezo-clay.es.js +22780 -18925
  58. package/dist/mezo-clay.umd.js +33 -33
  59. package/dist/utils/index.d.ts +3 -1
  60. package/package.json +17 -18
  61. package/dist/components/button-group/constants.d.ts +0 -5
  62. 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
- export declare function Modal({ overrides, ...restProps }: BaseModalProps): 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;
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,3 +1,3 @@
1
- export type { RadioProps, RadioGroupProps } from 'baseui/radio';
1
+ export type { RadioGroupProps } from 'baseui/radio';
2
2
  export { RadioGroup } from 'baseui/radio';
3
3
  export * from './radio';
@@ -1,2 +1,5 @@
1
1
  import { RadioProps as BaseRadioProps } from 'baseui/radio';
2
- export declare function Radio({ overrides, ...restProps }: BaseRadioProps): import("react/jsx-runtime").JSX.Element;
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,3 +1 @@
1
- export { Segment } from 'baseui/segmented-control';
2
- export type { SegmentProps, SegmentedControlProps, } from 'baseui/segmented-control';
3
1
  export * from './segmented-control';
@@ -1,2 +1,9 @@
1
- import { SegmentedControlProps as BaseSegmentedControlProps } from 'baseui/segmented-control';
2
- export declare function SegmentedControl({ children, disabled, overrides, width, ...restProps }: BaseSegmentedControlProps): import("react/jsx-runtime").JSX.Element;
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,3 +1,4 @@
1
- export declare function getSideNavigationOverrides({ overrides }: {
1
+ export declare function getSideNavigationOverrides({ overrides, id }: {
2
2
  overrides: any;
3
+ id: any;
3
4
  }): import('baseui/helpers/overrides').Overrides<any>;
@@ -1,5 +1,17 @@
1
1
  import { default as React } from 'react';
2
- import { NavigationProps as BaseSideNavigationProps } from 'baseui/side-navigation';
3
- export default function SideNavigation({ activeItemId, activePredicate, items, itemMemoizationComparator, onChange, overrides, mapItem, }: BaseSideNavigationProps): import("react/jsx-runtime").JSX.Element;
4
- export declare function SideNavItemTitle({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ export { default as Stepper } from './stepper';
2
+ export type { StepperProps } from './stepper';
@@ -0,0 +1,5 @@
1
+ import { StepperProps as BaseStepperProps } from 'baseui/stepper';
2
+ export type StepperProps = BaseStepperProps & {
3
+ id?: string;
4
+ };
5
+ export default function Stepper({ id, overrides, ...restProps }: StepperProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
- export type { TabProps, TabsProps } from 'baseui/tabs-motion';
2
- export { Tab, Tabs } from 'baseui/tabs-motion';
1
+ export * from './tabs';
3
2
  export { default as TabTitle } from './tab-title';
@@ -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,3 @@
1
+ export * from './tooltip';
2
+ export * from './types';
3
+ export { TRIGGER_TYPE } from 'baseui/popover';
@@ -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";