@mezo-org/mezo-clay 0.1.0-dev.2 → 0.1.0-dev.3
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 +2 -0
- package/dist/components/accordion/constants.d.ts +10 -0
- package/dist/components/accordion/index.d.ts +4 -0
- package/dist/components/accordion/panel.d.ts +3 -0
- package/dist/components/accordion/types.d.ts +15 -0
- package/dist/components/badge/hint.d.ts +6 -0
- package/dist/components/badge/index.d.ts +5 -0
- package/dist/components/badge/notification.d.ts +9 -0
- package/dist/components/badge/types.d.ts +2 -0
- package/dist/components/divider/index.d.ts +9 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/message-card/message-card.d.ts +5 -2
- package/dist/components/message-card/overrides.d.ts +11 -7
- package/dist/mezo-clay.es.js +17212 -15544
- package/dist/mezo-clay.umd.js +42 -42
- package/dist/styles/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
|
|
3
|
+
import { Icon } from '../icons';
|
|
4
|
+
import { ACCORDION_SIZE, PANEL_ARTWORK_SIZE } from './constants';
|
|
5
|
+
export interface AccordionProps extends BaseAccordionProps {
|
|
6
|
+
size: keyof typeof ACCORDION_SIZE;
|
|
7
|
+
toggleIcon?: React.ReactElement<typeof Icon>;
|
|
8
|
+
}
|
|
9
|
+
export type { PanelProps } from 'baseui/accordion';
|
|
10
|
+
export interface PanelTitleProps {
|
|
11
|
+
artwork?: React.ReactNode;
|
|
12
|
+
artworkSize?: keyof typeof PANEL_ARTWORK_SIZE;
|
|
13
|
+
subtitle?: React.ReactNode;
|
|
14
|
+
title: React.ReactNode;
|
|
15
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HintDotProps } from 'baseui/badge';
|
|
2
|
+
import { BadgeStyle } from './types';
|
|
3
|
+
export type HintBadgeProps = {
|
|
4
|
+
style?: BadgeStyle;
|
|
5
|
+
} & Omit<HintDotProps, "color">;
|
|
6
|
+
export default function HintBadge({ style, overrides, ...restProps }: HintBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { NotificationCircleProps } from 'baseui/badge';
|
|
2
|
+
import { BadgeStyle } from './types';
|
|
3
|
+
type NotificationBadgeSize = "small" | "medium";
|
|
4
|
+
export type NotificationBadgeProps = {
|
|
5
|
+
size?: NotificationBadgeSize;
|
|
6
|
+
style?: BadgeStyle;
|
|
7
|
+
} & Omit<NotificationCircleProps, "color">;
|
|
8
|
+
export default function NotificationBadge({ size, style, overrides, ...restProps }: NotificationBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const DIVIDER_SIZE: {
|
|
2
|
+
readonly cell: "cell";
|
|
3
|
+
readonly section: "section";
|
|
4
|
+
readonly module: "module";
|
|
5
|
+
};
|
|
6
|
+
export type DividerProps = {
|
|
7
|
+
$size: keyof typeof DIVIDER_SIZE;
|
|
8
|
+
};
|
|
9
|
+
export declare function Divider({ $size }: DividerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './accordion';
|
|
1
2
|
export * from './block';
|
|
2
3
|
export * from './button';
|
|
3
4
|
export * from './button-group';
|
|
@@ -13,3 +14,4 @@ export * from './textarea';
|
|
|
13
14
|
export * from './typography';
|
|
14
15
|
export * from './skeleton';
|
|
15
16
|
export * from './list';
|
|
17
|
+
export * from './badge';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SIZE } from './constants';
|
|
2
2
|
import { InputProps } from './types';
|
|
3
|
-
export declare function getBaseInputSize(size: keyof typeof SIZE): "
|
|
3
|
+
export declare function getBaseInputSize(size: keyof typeof SIZE): "compact" | "default" | "large" | "mini";
|
|
4
4
|
export default function Input({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, type, clearable, clearOnEscape, startEnhancer, endEnhancer, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import { MessageCardProps } from 'baseui/message-card';
|
|
2
|
-
export
|
|
1
|
+
import { MessageCardProps as MessageCardPropsBaseUi } from 'baseui/message-card';
|
|
2
|
+
export type MessageCardProps = MessageCardPropsBaseUi & {
|
|
3
|
+
isLoading?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, isLoading, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
buttonKind:
|
|
5
|
-
backgroundColor:
|
|
6
|
-
backgroundColorType:
|
|
7
|
-
|
|
1
|
+
import { MessageCardOverrides as MessageCardOverridesBaseUi, MessageCardProps } from 'baseui/message-card';
|
|
2
|
+
type MessageCardOverrides = {
|
|
3
|
+
overrides: MessageCardOverridesBaseUi;
|
|
4
|
+
buttonKind: "secondary" | "tertiary";
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
backgroundColorType: "light" | "dark";
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
image: MessageCardProps["image"];
|
|
9
|
+
};
|
|
10
|
+
export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
|
|
11
|
+
export {};
|