@mezo-org/mezo-clay 0.1.0-dev.0 → 0.1.0-dev.2

package/README.md

@@ -65,7 +65,9 @@ The library is output as the /dist directory.
 
 ### Install
 
-// TODO instructions for installing mezo-clay package
+```shell
+pnpm add @mezo-org/mezo-clay
+```
 
 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.
 

package/dist/components/button/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Button, getBaseButtonSize } from './button';
 export { KIND as BUTTON_KIND, SIZE as BUTTON_SIZE, SHAPE as BUTTON_SHAPE, } from './constants';
+export { getButtonHoverStyles, getButtonActiveStyles } from './overrides';
 export * from './types';

package/dist/components/button/overrides.d.ts

@@ -1,2 +1,17 @@
 import { ButtonProps } from './types';
+export declare function getButtonHoverStyles(kind: any, disabled?: boolean): {
+    boxShadow?: undefined;
+} | {
+    boxShadow: string;
+};
+export declare function getButtonActiveStyles($theme: any, kind: any, disabled?: boolean): {
+    boxShadow?: undefined;
+    color?: undefined;
+} | {
+    boxShadow: string;
+    color?: undefined;
+} | {
+    color: any;
+    boxShadow?: undefined;
+};
 export declare function getButtonOverrides({ overrides, kind, disabled }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/icons/coins-swap/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const CoinsSwap02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/index.d.ts

@@ -14,6 +14,7 @@ export { default as ChevronSelectorVertical } from './chevron-selector-vertical'
 export { default as ChevronUp } from './chevron-up';
 export { default as Close } from './close';
 export { default as CoinsHand } from './coins-hand';
+export { CoinsSwap02 } from './coins-swap';
 export { Cube01 } from './cube';
 export { default as Discord } from './discord';
 export { default as Eye } from './eye';
@@ -26,17 +27,20 @@ export { Lightning01 } from './lightning';
 export { LinkExternal02 } from './link-external';
 export { default as Loading } from './loading';
 export { LogIn01 } from './log-in';
-export { default as MatsCircle } from './mats-circle';
+export { MatsCircle, MatsCircleBlack } from './mats-circle';
 export { default as Menu } from './menu';
+export { default as MessageQuestionCircle } from './message-question-circle';
 export { default as MinusCircle } from './minus-circle';
 export { default as MinusSquare } from './minus-square';
+export { default as Plus } from './plus';
 export { default as PlusCircle } from './plus-circle';
 export { ReceiptCheck } from './receipt';
 export { SearchSmall, SearchMedium, SearchLarge } from './search';
+export { Settings03 } from './settings';
 export { default as Square } from './square';
 export { Star01, Star01Outline, Star05, Star05Outline } from './star';
 export { Trophy01 } from './trophy';
 export { default as User03 } from './user';
-export { default as Wallet } from './wallet';
+export { Wallet03, Wallet04 } from './wallet';
 export { default as XCircle } from './x-circle';
 export { default as XTwitter } from './x-twitter';

package/dist/components/icons/mats-circle/index.d.ts

@@ -1,9 +1,15 @@
 import * as React from "react";
-declare const MatsCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+export declare const MatsCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export declare const MatsCircleBlack: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     size?: import('baseui/icon').Size;
     color?: import('baseui/icon').Color;
     title?: string | null;
     overrides?: import('baseui/icon').IconOverrides;
 } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
-export default MatsCircle;

package/dist/components/icons/message-question-circle/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const MessageQuestionCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default MessageQuestionCircle;

package/dist/components/icons/plus/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Plus: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default Plus;

package/dist/components/icons/settings/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const Settings03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/wallet/index.d.ts

@@ -1,9 +1,15 @@
 import { default as React } from 'react';
-declare const Wallet: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+export declare const Wallet03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export declare const Wallet04: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     size?: import('baseui/icon').Size;
     color?: import('baseui/icon').Color;
     title?: string | null;
     overrides?: import('baseui/icon').IconOverrides;
 } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
-export default Wallet;

package/dist/components/index.d.ts

@@ -6,7 +6,10 @@ export * from './flex-grid';
 export * from './form-control';
 export * from './icons';
 export * from './input';
+export * from './message-card';
 export * from './side-navigation';
 export * from './tag';
 export * from './textarea';
 export * from './typography';
+export * from './skeleton';
+export * from './list';

package/dist/components/list/index.d.ts

@@ -0,0 +1,7 @@
+export { default as ListHeading } from './list-heading';
+export { type ListHeadingProps } from './list-heading';
+export { default as ListItem } from './list';
+export { type ListItemProps } from './list';
+export { default as ListItemLabel } from './list-item-label';
+export { type ListItemLabelProps } from './list-item-label';
+export { ARTWORK_SIZES, SHAPE } from 'baseui/list';

package/dist/components/list/list-heading.d.ts

@@ -0,0 +1,14 @@
+import { HeadingProps } from 'baseui/list';
+import { default as React } from 'react';
+type ConditionalProps = {
+    endEnhancer?: string;
+    endEnhancerDescription?: HeadingProps["endEnhancerDescription"];
+} | {
+    endEnhancer?: React.ComponentType;
+    endEnhancerDescription?: never;
+};
+export type ListHeadingProps = HeadingProps & {
+    isFetching?: boolean;
+} & ConditionalProps;
+export default function ListHeading({ isFetching, overrides, ...restProps }: ListHeadingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/list/list-item-label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from 'baseui/list';
+export type ListItemLabelProps = LabelProps;
+export default function ListItemLabel({ children, overrides, ...restProps }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/list/list.d.ts

@@ -0,0 +1,10 @@
+import { ListProps } from 'baseui/list';
+type State = "enabled" | "disabled" | "loading";
+export type ListItemProps = ListProps & {
+    state?: State;
+};
+export declare const useListItemContext: () => {
+    state: State;
+};
+export default function ListItem({ children, overrides, state, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/message-card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MessageCard } from './message-card';
+export type { MessageCardProps } from 'baseui/message-card';

package/dist/components/message-card/message-card.d.ts

@@ -0,0 +1,2 @@
+import { MessageCardProps } from 'baseui/message-card';
+export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/message-card/overrides.d.ts

@@ -0,0 +1,7 @@
+export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, }: {
+    overrides: any;
+    image: any;
+    buttonKind: any;
+    backgroundColor: any;
+    backgroundColorType: any;
+}): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Skeleton, SkeletonProps } from './skeleton';
+export { SkeletonProps, Skeleton };

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+import { Skeleton as SkeletonBaseUi } from 'baseui/skeleton';
+export type SkeletonProps = ComponentProps<typeof SkeletonBaseUi>;
+export default function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;