@mezo-org/mezo-clay 0.1.0-dev.6 → 0.1.0-dev.8
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/types.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +7 -0
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/card/card.d.ts +6 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/checkbox/checkbox.d.ts +5 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/icons/circle-cut/index.d.ts +9 -0
- package/dist/components/icons/copy/index.d.ts +8 -0
- package/dist/components/icons/cryptocurrency/index.d.ts +8 -0
- package/dist/components/icons/email/index.d.ts +8 -0
- package/dist/components/icons/gas-fee/index.d.ts +9 -0
- package/dist/components/icons/handshake/index.d.ts +9 -0
- package/dist/components/icons/index.d.ts +13 -4
- package/dist/components/icons/lock/index.d.ts +8 -0
- package/dist/components/icons/mats/index.d.ts +9 -0
- package/dist/components/icons/settings/index.d.ts +7 -0
- package/dist/components/icons/shield/index.d.ts +8 -0
- package/dist/components/icons/tag/index.d.ts +8 -0
- package/dist/components/icons/trophy/index.d.ts +1 -1
- package/dist/components/icons/upload/index.d.ts +8 -0
- package/dist/components/index.d.ts +10 -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/radio/index.d.ts +3 -0
- package/dist/components/radio/radio.d.ts +2 -0
- package/dist/components/segmented-control/index.d.ts +3 -0
- package/dist/components/segmented-control/segmented-control.d.ts +2 -0
- 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/mezo-clay.es.js +17698 -12831
- package/dist/mezo-clay.umd.js +54 -35
- package/dist/themes/clay-light-theme.d.ts +6 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
|
|
3
|
-
import { Icon } from '
|
|
3
|
+
import { Icon } from 'baseui/icon';
|
|
4
4
|
import { ACCORDION_SIZE, PANEL_ARTWORK_SIZE } from './constants';
|
|
5
5
|
export interface AccordionProps extends BaseAccordionProps {
|
|
6
6
|
size: keyof typeof ACCORDION_SIZE;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { BreadcrumbsProps as BaseBreadcrumbsProps } from 'baseui/breadcrumbs';
|
|
3
|
+
import { Icon } from 'baseui/icon';
|
|
4
|
+
export type BreadcrumbsProps = BaseBreadcrumbsProps & {
|
|
5
|
+
icon?: ReactElement<typeof Icon>;
|
|
6
|
+
};
|
|
7
|
+
export declare function Breadcrumbs({ children, icon, overrides, ...restProps }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CardProps as BaseUiCardProps } from 'baseui/card';
|
|
2
|
+
export type CardProps = {
|
|
3
|
+
withBorder?: boolean;
|
|
4
|
+
backgroundColor?: string;
|
|
5
|
+
} & BaseUiCardProps;
|
|
6
|
+
export default function Card({ withBorder, backgroundColor, overrides, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CheckboxProps as BaseCheckboxProps } from 'baseui/checkbox';
|
|
2
|
+
export type CheckboxProps = BaseCheckboxProps & {
|
|
3
|
+
prefilled?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare function Checkbox({ overrides, checked, disabled, error, prefilled, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './checkbox';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const CircleCut: 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 CircleCut;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Copy03: 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>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Cryptocurrency04: 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>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Email01: 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>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const GasFee: 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 GasFee;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Handshake: 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 Handshake;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export { Icon } from 'baseui/icon';
|
|
2
|
-
export type { IconProps } from 'baseui/icon';
|
|
3
1
|
export { default as AlertCircle } from './alert-circle';
|
|
4
2
|
export { AlertTriangle, AlertTriangleBadge } from './alert-triangle';
|
|
5
3
|
export { default as Apple } from './apple';
|
|
@@ -13,21 +11,29 @@ export { default as ChevronRight } from './chevron-right';
|
|
|
13
11
|
export { default as ChevronSelectorHorizontal } from './chevron-selector-horizontal';
|
|
14
12
|
export { default as ChevronSelectorVertical } from './chevron-selector-vertical';
|
|
15
13
|
export { default as ChevronUp } from './chevron-up';
|
|
14
|
+
export { default as CircleCut } from './circle-cut';
|
|
16
15
|
export { default as Close } from './close';
|
|
17
16
|
export { default as CoinsHand } from './coins-hand';
|
|
18
17
|
export { CoinsSwap02 } from './coins-swap';
|
|
18
|
+
export { Copy03 } from './copy';
|
|
19
|
+
export { Cryptocurrency04 } from './cryptocurrency';
|
|
19
20
|
export { Cube01 } from './cube';
|
|
20
21
|
export { default as Discord } from './discord';
|
|
22
|
+
export { Email01 } from './email';
|
|
21
23
|
export { default as Eye } from './eye';
|
|
22
24
|
export { default as EyeOff } from './eye-off';
|
|
25
|
+
export { default as GasFee } from './gas-fee';
|
|
23
26
|
export { default as Google } from './google';
|
|
27
|
+
export { default as Handshake } from './handshake';
|
|
24
28
|
export { default as Heart } from './heart';
|
|
25
29
|
export { HomeSmile } from './home-smile';
|
|
26
30
|
export { InfoCircle, InfoCircleBadge } from './info-circle';
|
|
27
31
|
export { Lightning01 } from './lightning';
|
|
28
32
|
export { LinkExternal02 } from './link-external';
|
|
29
33
|
export { default as Loading } from './loading';
|
|
34
|
+
export { Lock03 } from './lock';
|
|
30
35
|
export { LogIn01 } from './log-in';
|
|
36
|
+
export { default as Mats } from './mats';
|
|
31
37
|
export { MatsCircle, MatsCircleBlack } from './mats-circle';
|
|
32
38
|
export { default as Menu } from './menu';
|
|
33
39
|
export { default as MessageQuestionCircle } from './message-question-circle';
|
|
@@ -37,10 +43,13 @@ export { default as Plus } from './plus';
|
|
|
37
43
|
export { default as PlusCircle } from './plus-circle';
|
|
38
44
|
export { ReceiptCheck } from './receipt';
|
|
39
45
|
export { SearchSmall, SearchMedium, SearchLarge } from './search';
|
|
40
|
-
export { Settings03 } from './settings';
|
|
46
|
+
export { Settings01, Settings03 } from './settings';
|
|
47
|
+
export { ShieldZap } from './shield';
|
|
41
48
|
export { default as Square } from './square';
|
|
42
49
|
export { Star01, Star01Outline, Star05, Star05Outline } from './star';
|
|
43
|
-
export {
|
|
50
|
+
export { Tag02 } from './tag';
|
|
51
|
+
export { Trophy02 } from './trophy';
|
|
52
|
+
export { Upload04 } from './upload';
|
|
44
53
|
export { default as User03 } from './user';
|
|
45
54
|
export { Wallet03, Wallet04 } from './wallet';
|
|
46
55
|
export { default as XCircle } from './x-circle';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const Lock03: 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>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare const Mats: 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 Mats;
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
export declare const Settings01: 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>>;
|
|
2
9
|
export declare const Settings03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
10
|
children?: React.ReactNode;
|
|
4
11
|
size?: import('baseui/icon').Size;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const ShieldZap: 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>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Tag02: 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,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const Trophy02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
size?: import('baseui/icon').Size;
|
|
5
5
|
color?: import('baseui/icon').Color;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const Upload04: 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>>;
|
|
@@ -2,9 +2,11 @@ export * from './accordion';
|
|
|
2
2
|
export * from './badge';
|
|
3
3
|
export * from './banner';
|
|
4
4
|
export * from './block';
|
|
5
|
+
export * from './breadcrumbs';
|
|
5
6
|
export * from './button';
|
|
6
7
|
export * from './button-group';
|
|
7
8
|
export * from './button-icon';
|
|
9
|
+
export * from './checkbox';
|
|
8
10
|
export * from './divider';
|
|
9
11
|
export * from './flex-grid';
|
|
10
12
|
export * from './form-control';
|
|
@@ -15,11 +17,19 @@ export * from './list';
|
|
|
15
17
|
export * from './message-card';
|
|
16
18
|
export * from './modal';
|
|
17
19
|
export * from './popover';
|
|
20
|
+
export * from './progress-bar';
|
|
21
|
+
export * from './radio';
|
|
22
|
+
export * from './segmented-control';
|
|
18
23
|
export * from './side-navigation';
|
|
19
24
|
export * from './skeleton';
|
|
25
|
+
export * from './snackbar';
|
|
26
|
+
export * from './spinner';
|
|
20
27
|
export * from './tabs';
|
|
21
28
|
export * from './tag';
|
|
22
29
|
export * from './textarea';
|
|
23
30
|
export * from './typography';
|
|
31
|
+
export * from './card';
|
|
24
32
|
export { Block } from 'baseui/block';
|
|
25
33
|
export { Popover, StatefulPopover } from 'baseui/popover';
|
|
34
|
+
export { Icon } from 'baseui/icon';
|
|
35
|
+
export type { IconProps } from 'baseui/icon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useInterval(callback: () => void, delay: number | null): void;
|
|
@@ -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 {};
|