@mezo-org/mezo-clay 0.1.0-dev.0 → 0.1.0-dev.10
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/README.md +8 -8
- 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/banner/banner.d.ts +17 -0
- package/dist/components/banner/index.d.ts +3 -0
- package/dist/components/banner/types.d.ts +10 -0
- package/dist/components/banner/utils.d.ts +256 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +7 -0
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/button/overrides.d.ts +15 -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/divider/index.d.ts +9 -0
- package/dist/components/icons/alert-triangle/index.d.ts +15 -0
- package/dist/components/icons/bezier-curve/index.d.ts +9 -0
- package/dist/components/icons/check-circle/index.d.ts +8 -2
- package/dist/components/icons/circle-cut/index.d.ts +9 -0
- package/dist/components/icons/coins-swap/index.d.ts +8 -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 +21 -7
- package/dist/components/icons/info-circle/index.d.ts +8 -2
- package/dist/components/icons/lock/index.d.ts +8 -0
- package/dist/components/icons/mats/index.d.ts +9 -0
- 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 +15 -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/icons/wallet/index.d.ts +8 -2
- package/dist/components/index.d.ts +24 -0
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/link/index.d.ts +6 -0
- 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/index.d.ts +2 -0
- package/dist/components/message-card/message-card.d.ts +5 -0
- package/dist/components/message-card/overrides.d.ts +11 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/modal.d.ts +24 -0
- package/dist/components/popover/index.d.ts +1 -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/skeleton/index.d.ts +2 -0
- package/dist/components/skeleton/skeleton.d.ts +4 -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/components/table/index.d.ts +5 -0
- package/dist/components/tabs/index.d.ts +3 -0
- package/dist/components/tabs/tab-title.d.ts +6 -0
- package/dist/mezo-clay.es.js +30396 -15537
- package/dist/mezo-clay.umd.js +82 -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 +13 -1
- package/dist/themes/color-tokens.d.ts +1 -0
- package/dist/themes/index.d.ts +2 -2
- package/dist/themes/provider.d.ts +8 -0
- package/dist/utils/index.d.ts +2 -0
- package/package.json +18 -17
package/README.md
CHANGED
|
@@ -29,6 +29,7 @@ Open [http://localhost:6006/](http://localhost:6006/) to view it in the browser.
|
|
|
29
29
|
```shell
|
|
30
30
|
pnpm run format
|
|
31
31
|
```
|
|
32
|
+
|
|
32
33
|
This will lint both config files and ts/tsx/js/jsx files. See the `package.json` for specific linting commands.
|
|
33
34
|
|
|
34
35
|
#### Pre-commit
|
|
@@ -65,7 +66,9 @@ The library is output as the /dist directory.
|
|
|
65
66
|
|
|
66
67
|
### Install
|
|
67
68
|
|
|
68
|
-
|
|
69
|
+
```shell
|
|
70
|
+
pnpm add @mezo-org/mezo-clay
|
|
71
|
+
```
|
|
69
72
|
|
|
70
73
|
Clay (and Base) uses [Styletron](https://www.styletron.org/) for its component styling (as css in js), and requires its engine as a peer dependency, so you will need to install it as well.
|
|
71
74
|
|
|
@@ -75,13 +78,12 @@ pnpm add styletron-engine-monolithic
|
|
|
75
78
|
|
|
76
79
|
### Adding Clay to your React app
|
|
77
80
|
|
|
78
|
-
Wrap the root of your app with `
|
|
81
|
+
Wrap the root of your app with `ClayProvider` component, like so:
|
|
79
82
|
|
|
80
83
|
```js
|
|
81
84
|
import { StrictMode } from "react"
|
|
82
85
|
import { createRoot } from "react-dom/client"
|
|
83
|
-
import {
|
|
84
|
-
import { BaseProvider, ClayLightTheme, StyletronProvider } from "mezo-clay"
|
|
86
|
+
import { ClayLightTheme } from "mezo-clay"
|
|
85
87
|
|
|
86
88
|
import "mezo-clay/dist/mezo-clay.css" // Font styles
|
|
87
89
|
|
|
@@ -91,11 +93,9 @@ const engine = new Styletron()
|
|
|
91
93
|
|
|
92
94
|
createRoot(document.getElementById('root')!).render(
|
|
93
95
|
<StrictMode>
|
|
94
|
-
<
|
|
95
|
-
<BaseProvider theme={ClayLightTheme}>
|
|
96
|
+
<ClayProvider theme={ClayLightTheme}>
|
|
96
97
|
<App />
|
|
97
|
-
|
|
98
|
-
</StyletronProvider>
|
|
98
|
+
</ClayProvider>
|
|
99
99
|
</StrictMode>
|
|
100
100
|
,
|
|
101
101
|
)
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
|
|
3
|
+
import { Icon } from 'baseui/icon';
|
|
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,17 @@
|
|
|
1
|
+
import { BannerProps, BannerVariantProps } from './types';
|
|
2
|
+
export declare const useBannerContext: () => {
|
|
3
|
+
actionLabel: BannerProps["actionLabel"];
|
|
4
|
+
artworkType: BannerProps["artworkType"];
|
|
5
|
+
hierarchy: BannerProps["hierarchy"];
|
|
6
|
+
kind?: BannerProps["kind"];
|
|
7
|
+
onClick: BannerProps["onClick"];
|
|
8
|
+
};
|
|
9
|
+
export declare function BannerCloseIcon({ size }: {
|
|
10
|
+
size: string;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function BannerTrailingButtonContainer(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default function Banner({ actionIcon, actionLabel, artworkIcon, artworkType, children, hierarchy, kind, onClick, overrides, nested, title, }: BannerProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function BannerInfo({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function BannerNegative({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function BannerPositive({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function BannerWarning({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as Banner, BannerInfo, BannerCloseIcon, BannerNegative, BannerPositive, BannerTrailingButtonContainer, BannerWarning, } from './banner';
|
|
2
|
+
export * from './types';
|
|
3
|
+
export { ARTWORK_TYPE as BANNER_ARTWORK_TYPE, StyledTrailingButtonContainer, } from 'baseui/banner';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BannerProps as BaseBannerProps, ActionContent as BaseActionContent, ArtworkContent as BaseArtworkContent } from 'baseui/banner';
|
|
2
|
+
export interface BannerProps extends Omit<Omit<BaseBannerProps, "action">, "artwork"> {
|
|
3
|
+
actionIcon?: BaseActionContent["icon"];
|
|
4
|
+
actionLabel?: BaseActionContent["label"];
|
|
5
|
+
onClick?: BaseActionContent["onClick"];
|
|
6
|
+
artworkIcon?: BaseArtworkContent["icon"];
|
|
7
|
+
artworkType?: BaseArtworkContent["type"];
|
|
8
|
+
}
|
|
9
|
+
export interface BannerVariantProps extends Omit<Omit<BannerProps, "artworkIcon">, "kind"> {
|
|
10
|
+
}
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { BannerCloseIcon, BannerVariantProps } from './index';
|
|
3
|
+
type RenderFn = (args: BannerVariantProps) => ReactElement;
|
|
4
|
+
export declare function getLowHierarchyStory(renderFn: RenderFn): {
|
|
5
|
+
args: {
|
|
6
|
+
actionIcon: any;
|
|
7
|
+
actionLabel: any;
|
|
8
|
+
artworkType: any;
|
|
9
|
+
children: string;
|
|
10
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
11
|
+
onClick: any;
|
|
12
|
+
overrides: {};
|
|
13
|
+
nested: boolean;
|
|
14
|
+
title: string;
|
|
15
|
+
};
|
|
16
|
+
render: RenderFn;
|
|
17
|
+
};
|
|
18
|
+
export declare function getLowHierarchyWithActionButtonStory(renderFn: RenderFn): {
|
|
19
|
+
args: {
|
|
20
|
+
actionLabel: string;
|
|
21
|
+
onClick: () => void;
|
|
22
|
+
actionIcon: any;
|
|
23
|
+
artworkType: any;
|
|
24
|
+
children: string;
|
|
25
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
26
|
+
overrides: {};
|
|
27
|
+
nested: boolean;
|
|
28
|
+
title: string;
|
|
29
|
+
};
|
|
30
|
+
render: RenderFn;
|
|
31
|
+
};
|
|
32
|
+
export declare function getLowHierarchyWithActionIconStory(renderFn: RenderFn): {
|
|
33
|
+
args: {
|
|
34
|
+
actionLabel: string;
|
|
35
|
+
actionIcon: typeof BannerCloseIcon;
|
|
36
|
+
onClick: () => void;
|
|
37
|
+
artworkType: any;
|
|
38
|
+
children: string;
|
|
39
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
40
|
+
overrides: {};
|
|
41
|
+
nested: boolean;
|
|
42
|
+
title: string;
|
|
43
|
+
};
|
|
44
|
+
render: RenderFn;
|
|
45
|
+
};
|
|
46
|
+
export declare function getLowHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
|
|
47
|
+
args: {
|
|
48
|
+
artworkType: "badge";
|
|
49
|
+
actionIcon: any;
|
|
50
|
+
actionLabel: any;
|
|
51
|
+
children: string;
|
|
52
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
53
|
+
onClick: any;
|
|
54
|
+
overrides: {};
|
|
55
|
+
nested: boolean;
|
|
56
|
+
title: string;
|
|
57
|
+
};
|
|
58
|
+
render: RenderFn;
|
|
59
|
+
};
|
|
60
|
+
export declare function getLowHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
|
|
61
|
+
args: {
|
|
62
|
+
artworkType: "badge";
|
|
63
|
+
actionLabel: string;
|
|
64
|
+
onClick: () => void;
|
|
65
|
+
actionIcon: any;
|
|
66
|
+
children: string;
|
|
67
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
68
|
+
overrides: {};
|
|
69
|
+
nested: boolean;
|
|
70
|
+
title: string;
|
|
71
|
+
};
|
|
72
|
+
render: RenderFn;
|
|
73
|
+
};
|
|
74
|
+
export declare function getLowHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
|
|
75
|
+
args: {
|
|
76
|
+
artworkType: "badge";
|
|
77
|
+
actionLabel: string;
|
|
78
|
+
actionIcon: typeof BannerCloseIcon;
|
|
79
|
+
onClick: () => void;
|
|
80
|
+
children: string;
|
|
81
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
82
|
+
overrides: {};
|
|
83
|
+
nested: boolean;
|
|
84
|
+
title: string;
|
|
85
|
+
};
|
|
86
|
+
render: RenderFn;
|
|
87
|
+
};
|
|
88
|
+
export declare function getLowHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
|
|
89
|
+
args: {
|
|
90
|
+
artworkType: "icon";
|
|
91
|
+
actionIcon: any;
|
|
92
|
+
actionLabel: any;
|
|
93
|
+
children: string;
|
|
94
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
95
|
+
onClick: any;
|
|
96
|
+
overrides: {};
|
|
97
|
+
nested: boolean;
|
|
98
|
+
title: string;
|
|
99
|
+
};
|
|
100
|
+
render: RenderFn;
|
|
101
|
+
};
|
|
102
|
+
export declare function getLowHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
|
|
103
|
+
args: {
|
|
104
|
+
artworkType: "icon";
|
|
105
|
+
actionLabel: string;
|
|
106
|
+
onClick: () => void;
|
|
107
|
+
actionIcon: any;
|
|
108
|
+
children: string;
|
|
109
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
110
|
+
overrides: {};
|
|
111
|
+
nested: boolean;
|
|
112
|
+
title: string;
|
|
113
|
+
};
|
|
114
|
+
render: RenderFn;
|
|
115
|
+
};
|
|
116
|
+
export declare function getLowHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
|
|
117
|
+
args: {
|
|
118
|
+
artworkType: "icon";
|
|
119
|
+
actionLabel: string;
|
|
120
|
+
actionIcon: typeof BannerCloseIcon;
|
|
121
|
+
onClick: () => void;
|
|
122
|
+
children: string;
|
|
123
|
+
hierarchy: BannerVariantProps["hierarchy"];
|
|
124
|
+
overrides: {};
|
|
125
|
+
nested: boolean;
|
|
126
|
+
title: string;
|
|
127
|
+
};
|
|
128
|
+
render: RenderFn;
|
|
129
|
+
};
|
|
130
|
+
export declare function getHighHierarchyStory(renderFn: RenderFn): {
|
|
131
|
+
args: {
|
|
132
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
133
|
+
actionIcon: any;
|
|
134
|
+
actionLabel: any;
|
|
135
|
+
artworkType: any;
|
|
136
|
+
children: string;
|
|
137
|
+
onClick: any;
|
|
138
|
+
overrides: {};
|
|
139
|
+
nested: boolean;
|
|
140
|
+
title: string;
|
|
141
|
+
};
|
|
142
|
+
render: RenderFn;
|
|
143
|
+
};
|
|
144
|
+
export declare function getHighHierarchyWithActionButtonStory(renderFn: RenderFn): {
|
|
145
|
+
args: {
|
|
146
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
147
|
+
actionLabel: string;
|
|
148
|
+
onClick: () => void;
|
|
149
|
+
actionIcon: any;
|
|
150
|
+
artworkType: any;
|
|
151
|
+
children: string;
|
|
152
|
+
overrides: {};
|
|
153
|
+
nested: boolean;
|
|
154
|
+
title: string;
|
|
155
|
+
};
|
|
156
|
+
render: RenderFn;
|
|
157
|
+
};
|
|
158
|
+
export declare function getHighHierarchyWithActionIconStory(renderFn: RenderFn): {
|
|
159
|
+
args: {
|
|
160
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
161
|
+
actionLabel: string;
|
|
162
|
+
actionIcon: typeof BannerCloseIcon;
|
|
163
|
+
onClick: () => void;
|
|
164
|
+
artworkType: any;
|
|
165
|
+
children: string;
|
|
166
|
+
overrides: {};
|
|
167
|
+
nested: boolean;
|
|
168
|
+
title: string;
|
|
169
|
+
};
|
|
170
|
+
render: RenderFn;
|
|
171
|
+
};
|
|
172
|
+
export declare function getHighHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
|
|
173
|
+
args: {
|
|
174
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
175
|
+
artworkType: "badge";
|
|
176
|
+
actionIcon: any;
|
|
177
|
+
actionLabel: any;
|
|
178
|
+
children: string;
|
|
179
|
+
onClick: any;
|
|
180
|
+
overrides: {};
|
|
181
|
+
nested: boolean;
|
|
182
|
+
title: string;
|
|
183
|
+
};
|
|
184
|
+
render: RenderFn;
|
|
185
|
+
};
|
|
186
|
+
export declare function getHighHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
|
|
187
|
+
args: {
|
|
188
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
189
|
+
artworkType: "badge";
|
|
190
|
+
actionLabel: string;
|
|
191
|
+
onClick: () => void;
|
|
192
|
+
actionIcon: any;
|
|
193
|
+
children: string;
|
|
194
|
+
overrides: {};
|
|
195
|
+
nested: boolean;
|
|
196
|
+
title: string;
|
|
197
|
+
};
|
|
198
|
+
render: RenderFn;
|
|
199
|
+
};
|
|
200
|
+
export declare function getHighHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
|
|
201
|
+
args: {
|
|
202
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
203
|
+
artworkType: "badge";
|
|
204
|
+
actionLabel: string;
|
|
205
|
+
actionIcon: typeof BannerCloseIcon;
|
|
206
|
+
onClick: () => void;
|
|
207
|
+
children: string;
|
|
208
|
+
overrides: {};
|
|
209
|
+
nested: boolean;
|
|
210
|
+
title: string;
|
|
211
|
+
};
|
|
212
|
+
render: RenderFn;
|
|
213
|
+
};
|
|
214
|
+
export declare function getHighHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
|
|
215
|
+
args: {
|
|
216
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
217
|
+
artworkType: "icon";
|
|
218
|
+
actionIcon: any;
|
|
219
|
+
actionLabel: any;
|
|
220
|
+
children: string;
|
|
221
|
+
onClick: any;
|
|
222
|
+
overrides: {};
|
|
223
|
+
nested: boolean;
|
|
224
|
+
title: string;
|
|
225
|
+
};
|
|
226
|
+
render: RenderFn;
|
|
227
|
+
};
|
|
228
|
+
export declare function getHighHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
|
|
229
|
+
args: {
|
|
230
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
231
|
+
artworkType: "icon";
|
|
232
|
+
actionLabel: string;
|
|
233
|
+
onClick: () => void;
|
|
234
|
+
actionIcon: any;
|
|
235
|
+
children: string;
|
|
236
|
+
overrides: {};
|
|
237
|
+
nested: boolean;
|
|
238
|
+
title: string;
|
|
239
|
+
};
|
|
240
|
+
render: RenderFn;
|
|
241
|
+
};
|
|
242
|
+
export declare function getHighHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
|
|
243
|
+
args: {
|
|
244
|
+
hierarchy: import('baseui/banner').Hierarchy;
|
|
245
|
+
artworkType: "icon";
|
|
246
|
+
actionLabel: string;
|
|
247
|
+
actionIcon: typeof BannerCloseIcon;
|
|
248
|
+
onClick: () => void;
|
|
249
|
+
children: string;
|
|
250
|
+
overrides: {};
|
|
251
|
+
nested: boolean;
|
|
252
|
+
title: string;
|
|
253
|
+
};
|
|
254
|
+
render: RenderFn;
|
|
255
|
+
};
|
|
256
|
+
export {};
|
|
@@ -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;
|
|
@@ -1,2 +1,17 @@
|
|
|
1
1
|
import { ButtonProps } from './types';
|
|
2
|
+
export declare function getButtonHoverStyles(kind: any, disabled?: boolean): {
|
|
3
|
+
boxShadow?: undefined;
|
|
4
|
+
} | {
|
|
5
|
+
boxShadow: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function getButtonActiveStyles($theme: any, kind: any, disabled?: boolean): {
|
|
8
|
+
boxShadow?: undefined;
|
|
9
|
+
color?: undefined;
|
|
10
|
+
} | {
|
|
11
|
+
boxShadow: string;
|
|
12
|
+
color?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
color: any;
|
|
15
|
+
boxShadow?: undefined;
|
|
16
|
+
};
|
|
2
17
|
export declare function getButtonOverrides({ overrides, kind, disabled }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;
|
|
@@ -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
|
+
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,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const AlertTriangle: 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 AlertTriangleBadge: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
size?: import('baseui/icon').Size;
|
|
12
|
+
color?: import('baseui/icon').Color;
|
|
13
|
+
title?: string | null;
|
|
14
|
+
overrides?: import('baseui/icon').IconOverrides;
|
|
15
|
+
} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const BezierCurve02: 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 BezierCurve02;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
declare const CheckCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
|
|
2
|
+
export declare const CheckCircle: 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 CheckCircleBadge: 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 CheckCircle;
|
|
@@ -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 { 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>>;
|
|
@@ -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;
|