@mezo-org/mezo-clay 0.1.0-dev.1.1 → 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/icons/coins-swap/index.d.ts +8 -0
- package/dist/components/icons/index.d.ts +6 -2
- package/dist/components/icons/mats-circle/index.d.ts +8 -2
- package/dist/components/icons/message-question-circle/index.d.ts +9 -0
- package/dist/components/icons/plus/index.d.ts +9 -0
- package/dist/components/icons/settings/index.d.ts +8 -0
- package/dist/components/icons/wallet/index.d.ts +8 -2
- package/dist/components/index.d.ts +4 -0
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/list/index.d.ts +7 -0
- package/dist/components/list/list-heading.d.ts +14 -0
- package/dist/components/list/list-item-label.d.ts +3 -0
- package/dist/components/list/list.d.ts +10 -0
- package/dist/components/message-card/message-card.d.ts +5 -2
- package/dist/components/message-card/overrides.d.ts +11 -7
- package/dist/components/skeleton/index.d.ts +2 -0
- package/dist/components/skeleton/skeleton.d.ts +4 -0
- package/dist/mezo-clay.es.js +13172 -10383
- package/dist/mezo-clay.umd.js +42 -29
- package/dist/styles/index.d.ts +1 -1
- package/dist/themes/clay-dark-theme.d.ts +1 -0
- package/dist/themes/clay-light-theme.d.ts +1 -1
- package/dist/themes/color-tokens.d.ts +1 -0
- 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;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const CoinsSwap02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -14,6 +14,7 @@ export { default as ChevronSelectorVertical } from './chevron-selector-vertical'
|
|
|
14
14
|
export { default as ChevronUp } from './chevron-up';
|
|
15
15
|
export { default as Close } from './close';
|
|
16
16
|
export { default as CoinsHand } from './coins-hand';
|
|
17
|
+
export { CoinsSwap02 } from './coins-swap';
|
|
17
18
|
export { Cube01 } from './cube';
|
|
18
19
|
export { default as Discord } from './discord';
|
|
19
20
|
export { default as Eye } from './eye';
|
|
@@ -26,17 +27,20 @@ export { Lightning01 } from './lightning';
|
|
|
26
27
|
export { LinkExternal02 } from './link-external';
|
|
27
28
|
export { default as Loading } from './loading';
|
|
28
29
|
export { LogIn01 } from './log-in';
|
|
29
|
-
export {
|
|
30
|
+
export { MatsCircle, MatsCircleBlack } from './mats-circle';
|
|
30
31
|
export { default as Menu } from './menu';
|
|
32
|
+
export { default as MessageQuestionCircle } from './message-question-circle';
|
|
31
33
|
export { default as MinusCircle } from './minus-circle';
|
|
32
34
|
export { default as MinusSquare } from './minus-square';
|
|
35
|
+
export { default as Plus } from './plus';
|
|
33
36
|
export { default as PlusCircle } from './plus-circle';
|
|
34
37
|
export { ReceiptCheck } from './receipt';
|
|
35
38
|
export { SearchSmall, SearchMedium, SearchLarge } from './search';
|
|
39
|
+
export { Settings03 } from './settings';
|
|
36
40
|
export { default as Square } from './square';
|
|
37
41
|
export { Star01, Star01Outline, Star05, Star05Outline } from './star';
|
|
38
42
|
export { Trophy01 } from './trophy';
|
|
39
43
|
export { default as User03 } from './user';
|
|
40
|
-
export {
|
|
44
|
+
export { Wallet03, Wallet04 } from './wallet';
|
|
41
45
|
export { default as XCircle } from './x-circle';
|
|
42
46
|
export { default as XTwitter } from './x-twitter';
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
declare const MatsCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
2
|
+
export declare const MatsCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
+
export declare const MatsCircleBlack: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
10
|
children?: React.ReactNode;
|
|
4
11
|
size?: import('baseui/icon').Size;
|
|
5
12
|
color?: import('baseui/icon').Color;
|
|
6
13
|
title?: string | null;
|
|
7
14
|
overrides?: import('baseui/icon').IconOverrides;
|
|
8
15
|
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
-
export default MatsCircle;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare const MessageQuestionCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
+
export default MessageQuestionCircle;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Plus: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
+
export default Plus;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Settings03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
declare const
|
|
2
|
+
export declare const Wallet03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
size?: import('baseui/icon').Size;
|
|
5
|
+
color?: import('baseui/icon').Color;
|
|
6
|
+
title?: string | null;
|
|
7
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
8
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
+
export declare const Wallet04: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
10
|
children?: React.ReactNode;
|
|
4
11
|
size?: import('baseui/icon').Size;
|
|
5
12
|
color?: import('baseui/icon').Color;
|
|
6
13
|
title?: string | null;
|
|
7
14
|
overrides?: import('baseui/icon').IconOverrides;
|
|
8
15
|
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
9
|
-
export default Wallet;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './accordion';
|
|
1
2
|
export * from './block';
|
|
2
3
|
export * from './button';
|
|
3
4
|
export * from './button-group';
|
|
@@ -11,3 +12,6 @@ export * from './side-navigation';
|
|
|
11
12
|
export * from './tag';
|
|
12
13
|
export * from './textarea';
|
|
13
14
|
export * from './typography';
|
|
15
|
+
export * from './skeleton';
|
|
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;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as ListHeading } from './list-heading';
|
|
2
|
+
export { type ListHeadingProps } from './list-heading';
|
|
3
|
+
export { default as ListItem } from './list';
|
|
4
|
+
export { type ListItemProps } from './list';
|
|
5
|
+
export { default as ListItemLabel } from './list-item-label';
|
|
6
|
+
export { type ListItemLabelProps } from './list-item-label';
|
|
7
|
+
export { ARTWORK_SIZES, SHAPE } from 'baseui/list';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HeadingProps } from 'baseui/list';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
type ConditionalProps = {
|
|
4
|
+
endEnhancer?: string;
|
|
5
|
+
endEnhancerDescription?: HeadingProps["endEnhancerDescription"];
|
|
6
|
+
} | {
|
|
7
|
+
endEnhancer?: React.ComponentType;
|
|
8
|
+
endEnhancerDescription?: never;
|
|
9
|
+
};
|
|
10
|
+
export type ListHeadingProps = HeadingProps & {
|
|
11
|
+
isFetching?: boolean;
|
|
12
|
+
} & ConditionalProps;
|
|
13
|
+
export default function ListHeading({ isFetching, overrides, ...restProps }: ListHeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ListProps } from 'baseui/list';
|
|
2
|
+
type State = "enabled" | "disabled" | "loading";
|
|
3
|
+
export type ListItemProps = ListProps & {
|
|
4
|
+
state?: State;
|
|
5
|
+
};
|
|
6
|
+
export declare const useListItemContext: () => {
|
|
7
|
+
state: State;
|
|
8
|
+
};
|
|
9
|
+
export default function ListItem({ children, overrides, state, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -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 {};
|