@mezo-org/mezo-clay 0.1.0-dev.26 → 0.1.0-dev.28

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

@@ -20,4 +20,14 @@ export declare function getInputContainerReadOnlyStyles($theme: any, readOnly: b
 } | {
     backgroundColor?: undefined;
 };
-export declare function getInputOverrides({ overrides, size, loading, readOnly, endEnhancer, complete, incomplete, type, }: InputProps): import('baseui/helpers/overrides').Overrides<any>;
+export declare function getInputOverrides({ overrides, size, loading, readOnly, endEnhancer, complete, incomplete, type, fontSize, }: {
+    overrides?: InputProps["overrides"];
+    size?: InputProps["size"];
+    loading?: InputProps["loading"];
+    readOnly?: InputProps["readOnly"];
+    endEnhancer?: InputProps["endEnhancer"];
+    complete?: InputProps["complete"];
+    incomplete?: InputProps["incomplete"];
+    type?: InputProps["type"];
+    fontSize?: string;
+}): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/input/types.d.ts

@@ -1,12 +1,14 @@
 import { InputProps as BaseInputProps } from 'baseui/input';
-import { SIZE } from './constants';
+import { SIZE_EXTENDED } from './constants';
 export interface InputProps extends Omit<BaseInputProps, "size"> {
-    size?: keyof typeof SIZE;
+    size?: keyof typeof SIZE_EXTENDED;
     loading?: boolean;
     complete?: boolean;
     incomplete?: boolean;
+    withFluidFontSize?: boolean;
+    minFluidFontSize?: number;
 }
-export interface PasswordInputProps extends Omit<Omit<Omit<Omit<InputProps, "type">, "inputMode">, "startEnhancer">, "endEnhancer"> {
+export interface PasswordInputProps extends Omit<InputProps, "type" | "inputMode" | "startEnhancer" | "endEnhancer" | "withFluidFontSize" | "minFluidFontSize"> {
 }
-export interface SearchInputProps extends Omit<Omit<Omit<Omit<Omit<Omit<PasswordInputProps, "clearable">, "complete">, "error">, "incomplete">, "positive">, "required"> {
+export interface SearchInputProps extends Omit<PasswordInputProps, "clearable" | "complete" | "error" | "incomplete" | "positive" | "required" | "withFluidFontSize" | "minFluidFontSize"> {
 }

package/dist/components/input-group/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+export declare const InputGroup: import('styletron-react').StyletronComponent<"div", {}>;
+export type InputGroupProps = ComponentProps<typeof InputGroup> & {
+    id?: string;
+};

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

@@ -2,11 +2,12 @@ import { ListProps } from 'baseui/list';
 type State = "enabled" | "disabled" | "loading";
 export type ListItemProps = ListProps & {
     state?: State;
+    withBottomBorder?: boolean;
 };
 export declare const useListItemContext: () => {
     state: State;
 };
-declare function ListItem({ children, overrides, state, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItem({ children, overrides, state, withBottomBorder, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var displayName: string;
 }

package/dist/components/phone-input/default-args.d.ts

@@ -0,0 +1,27 @@
+import { PhoneInputProps } from '.';
+export declare const defaultArgs: {
+    "aria-label": string;
+    "aria-labelledby": any;
+    "aria-describedby": any;
+    country: {
+        readonly label: "United States";
+        readonly id: "US";
+        readonly dialCode: "+1";
+    };
+    disabled: boolean;
+    error: boolean;
+    id: string;
+    maxDropdownHeight: string;
+    maxDropdownWidth: string;
+    mapIsoToLabel: any;
+    name: string;
+    onCountryChange: () => void;
+    onTextChange: () => void;
+    overrides: {};
+    placeholder: string;
+    positive: boolean;
+    required: boolean;
+    size: PhoneInputProps["size"];
+    text: string;
+    clearable: boolean;
+};

package/dist/components/phone-input/index.d.ts

@@ -0,0 +1,4 @@
+export { COUNTRIES, DEFAULT_MAX_DROPDOWN_WIDTH, DEFAULT_MAX_DROPDOWN_HEIGHT, Flag, StyledFlag, STATE_CHANGE_TYPE as PHONE_INPUT_STATE_CHANGE_TYPE, } from 'baseui/phone-input';
+export type { Country, CountryIso, Countries, FlagProps, State as PhoneInputState, StateChange as PhoneInputStateChange, StateReducer as PhoneInputStateReducer, mapIsoToLabel, CountrySelectDropdownProps, CountrySelectProps, PhoneInputOverrides, } from 'baseui/phone-input';
+export * from './phone-input';
+export * from './stateful-phone-input';

package/dist/components/phone-input/overrides.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from 'baseui';
+import { PhoneInputOverrides } from 'baseui/phone-input';
+import { INPUT_SIZE } from '../input';
+export declare function getPhoneInputOverrides(theme: Theme, { size, disabled, id, overrides, }: {
+    size: keyof typeof INPUT_SIZE;
+    disabled?: boolean;
+    id?: string;
+    overrides?: PhoneInputOverrides;
+}): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/phone-input/phone-input.d.ts

@@ -0,0 +1,7 @@
+import { PhoneInputProps as BasePhoneInputProps } from 'baseui/phone-input';
+import { INPUT_SIZE } from '../input';
+export type PhoneInputSize = keyof typeof INPUT_SIZE;
+export type PhoneInputProps = Omit<BasePhoneInputProps, "size"> & {
+    size: PhoneInputSize;
+};
+export declare function PhoneInput({ disabled, id, size, overrides, ...restProps }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/phone-input/stateful-phone-input.d.ts

@@ -0,0 +1,6 @@
+import { StatefulPhoneInputProps as BaseStatefulPhoneInputProps } from 'baseui/phone-input';
+import { INPUT_SIZE } from '../input';
+export type StatefulPhoneInputProps = Omit<BaseStatefulPhoneInputProps, "size"> & {
+    size: keyof typeof INPUT_SIZE;
+};
+export declare function StatefulPhoneInput({ disabled, id, size, overrides, ...restProps }: StatefulPhoneInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/stepper-popover.d.ts

@@ -1,18 +1,6 @@
 import { ReactNode } from 'react';
-import { BlockProps } from 'baseui/block';
 import { StatefulPopoverProps } from 'baseui/popover';
-import { PopoverFooterProps } from './popover-footer';
-export type StepperPopoverFooterProps = Omit<PopoverFooterProps, "children"> & {
-    withStepCount?: boolean;
-    currentStep: number;
-    totalSteps: number;
-    previousButtonLabel?: string;
-    nextButtonLabel?: string;
-    onNextClick: (closeCb: any) => void;
-    onPreviousClick: (closeCb: any) => void;
-    close: () => void;
-};
-export declare function StepperPopoverFooter({ withStepCount, currentStep, totalSteps, previousButtonLabel, nextButtonLabel, onNextClick, onPreviousClick, close, ...restProps }: StepperPopoverFooterProps): import("react/jsx-runtime").JSX.Element;
+import { ContentStepperOverrides } from '../content-stepper';
 export type PopoverStep = {
     title?: ReactNode;
     body: ReactNode;
@@ -20,7 +8,7 @@ export type PopoverStep = {
 };
 export type StepperPopoverProps = Omit<StatefulPopoverProps, "content"> & {
     steps: PopoverStep[];
-    contentWrapperProps: BlockProps;
+    contentStepperOverrides: ContentStepperOverrides;
     withStepCount?: boolean;
 };
-export declare function StepperPopover({ children, contentWrapperProps, steps, withStepCount, ...restProps }: StepperPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepperPopover({ children, contentStepperOverrides, steps, withStepCount, ...restProps }: StepperPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-steps/index.d.ts

@@ -1,2 +1,7 @@
-export type { Orientation, ProgressStepsOverrides, ProgressStepsProps, StepOverrides, StepProps, NumberedStepOverrides, NumberedStepProps, StyleProps as ProgressStepsStyleProps, } from 'baseui/progress-steps';
-export { StyledProgressSteps, StyledStep, Step, ProgressSteps, NumberedStep, StyledIconContainer, StyledIcon, StyledInnerIcon, StyledContent, StyledContentTitle, StyledContentTail, StyledContentDescription, StyledNumberStep, StyledNumberIcon, StyledNumberContentTail, ORIENTATION as PROGRESS_STEPS_ORIENTATION, } from 'baseui//progress-steps';
+export type { Orientation, ProgressStepsOverrides, StepOverrides, NumberedStepOverrides, StyleProps as ProgressStepsStyleProps, } from 'baseui/progress-steps';
+export { StyledProgressSteps, StyledStep, StyledIconContainer, StyledIcon, StyledInnerIcon, StyledContent, StyledContentTitle, StyledContentTail, StyledContentDescription, StyledNumberStep, StyledNumberIcon, StyledNumberContentTail, ORIENTATION as PROGRESS_STEPS_ORIENTATION, } from 'baseui//progress-steps';
+export * from './progress-steps';
+export * from './step';
+export { NumberedStep as ClayNumberedStep } from './numbered-step';
+export type { NumberedStepProps as ClayNumberedStepProps } from './numbered-step';
+export * from './numbered-step-title';

package/dist/components/progress-steps/numbered-step-title.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, ComponentType } from 'react';
+import { BlockProps } from 'baseui/block';
+import { Override } from 'baseui/helpers/overrides';
+export type NumberedStepTitleOverrides = {
+    Root?: Override;
+    ContentContainer?: Override;
+    EndEnhancerContainer?: Override;
+};
+export type NumberedStepTitleProps = {
+    children: ReactNode;
+    endEnhancer?: ReactNode | ComponentType<any>;
+    overrides?: NumberedStepTitleOverrides;
+};
+export declare function NumberedStepTitle({ children, endEnhancer, overrides, }: NumberedStepTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberedStepSubtitle({ children, ...restProps }: BlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-steps/numbered-step.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentType } from 'react';
+import { NumberedStepProps as BaseNumberedStepProps } from 'baseui/progress-steps';
+import { NumberedStepTitleOverrides } from './numbered-step-title';
+export declare function NumberedStepIcon(props: {
+    $isActive: boolean;
+    $isCompleted: boolean;
+    isPending: boolean;
+    hasError?: boolean;
+    $isCurrent: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export type NumberedStepProps = BaseNumberedStepProps & {
+    id?: string;
+    subtitle?: ReactNode;
+    isPending?: boolean;
+    pendingText?: ReactNode;
+    hasError?: boolean;
+    errorText?: ReactNode;
+    endEnhancer?: ReactNode | ComponentType<any>;
+    titleOverrides?: NumberedStepTitleOverrides;
+};
+export declare function NumberedStep({ id, title, subtitle, isPending, hasError, pendingText, errorText, endEnhancer, children, overrides, titleOverrides, ...restProps }: NumberedStepProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-steps/progress-steps.d.ts

@@ -0,0 +1,5 @@
+import { ProgressStepsProps as BaseProgressStepsProps } from 'baseui/progress-steps';
+export type ProgressStepsProps = BaseProgressStepsProps & {
+    id?: string;
+};
+export declare function ProgressSteps({ id, overrides, ...restProps }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-steps/step.d.ts

@@ -0,0 +1,6 @@
+import { StepProps as BaseStepProps } from 'baseui/progress-steps';
+export type StepProps = BaseStepProps & {
+    id?: string;
+};
+export declare function Step({ id, overrides, ...restProps }: StepProps): import("react/jsx-runtime").JSX.Element;
+export default Step;

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

@@ -0,0 +1,17 @@
+export declare const radioMarkOverrides: {
+    RadioMarkOuter: {
+        style: ({ $theme }: {
+            $theme: any;
+        }) => {
+            height: any;
+            width: any;
+        };
+    };
+    RadioMarkInner: {
+        style: ({ $checked }: {
+            $checked: any;
+        }) => {
+            transform: string;
+        };
+    };
+};

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

@@ -1,2 +1,3 @@
 export type { ChangeAction as SelectChangeAction, Type as SelectType, Option as SelectOption, Value as SelectValue, Optgroups as SelectOptGroups, Options as SelectOptions, OnChangeParams as SelectOnChangeParams, SelectOverrides, OverridesDropdown as SelectOverridesDropdown, ImperativeMethods as SelectImperativeMethods, ControlRef as SelectControlRef, SharedStylePropsArg as SelectSharedStylePropsArg, } from 'baseui/select';
 export * from './select';
+export { getSelectOverrides } from './overrides';

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

@@ -0,0 +1,90 @@
+import { Theme } from 'baseui';
+import { INPUT_SIZE } from '../input';
+export declare function getSelectOverrides(theme: Theme, size: keyof typeof INPUT_SIZE, disabled: boolean, readOnly?: boolean): {
+    ControlContainer: {
+        style: ({ $theme }: {
+            $theme: any;
+        }) => {
+            ":active": {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            backgroundColor: any;
+            borderColor: any;
+            cursor: string;
+            borderWidth: string;
+            borderRadius: string;
+        };
+    };
+    ValueContainer: {
+        style: ({ $theme }: {
+            $theme: any;
+        }) => {
+            paddingTop: any;
+            paddingBottom: any;
+            paddingLeft: any;
+        };
+    };
+    IconsContainer: {
+        style: ({ $theme }: {
+            $theme: any;
+        }) => {
+            paddingRight: any;
+        };
+    };
+    SelectArrow: {
+        props: {
+            overrides: {
+                Svg: {
+                    component: import('react').ForwardRefExoticComponent<import('react').SVGAttributes<SVGElement> & {
+                        children?: import('react').ReactNode;
+                        size?: import('baseui/icon').Size;
+                        color?: import('baseui/icon').Color;
+                        title?: string | null;
+                        overrides?: import('baseui/icon').IconOverrides;
+                    } & import('baseui/icon').StyledComponentArgs & import('react').RefAttributes<SVGSVGElement>>;
+                };
+            };
+        };
+    };
+    Dropdown: {
+        style: () => {
+            boxShadow: string;
+            borderRadius: string;
+        };
+    };
+    Popover: {
+        props: {
+            overrides: {
+                Body: {
+                    style: {
+                        backgroundColor: string;
+                        borderRadius: string;
+                    };
+                };
+                Inner: {
+                    style: {
+                        backgroundColor: string;
+                        borderRadius: string;
+                    };
+                };
+            };
+        };
+        style: {
+            borderRadius: string;
+        };
+    };
+    LoadingIndicator: {
+        style: ({ $theme }: {
+            $theme: any;
+        }) => {
+            borderRightColor: any;
+            borderBottomColor: any;
+            borderLeftColor: any;
+            borderTopColor: any;
+            marginRight: any;
+            width: any;
+            height: any;
+        };
+    };
+};

package/dist/components/tile/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const TILE_LEADING_CONTENT_SIZE: {
+    small: string;
+    medium: string;
+    large: string;
+};

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

@@ -0,0 +1,9 @@
+export type { TileOverrides, TileGroupOverrides } from 'baseui/tile';
+export { ALIGNMENT as TILE_ALIGNMENT, TILE_KIND, TILE_GROUP_KIND, } from 'baseui/tile';
+export { StyledTileRoot as TileRoot, StyledHeaderContainer as TileHeaderContainer, StyledBodyContainer as TileBodyContainer, StyledBodyContainerContent as TileBodyContainerContent, StyledTileGroupRoot as TileGroupRoot, StyledLabel as TileLabel, } from 'baseui/tile';
+export * from './constants';
+export * from './styled-components';
+export { default as Tile } from './tile';
+export type { TileProps } from './tile';
+export { default as TileGroup } from './tile-group';
+export type { TileGroupProps } from './tile-group';

package/dist/components/tile/skeletons.d.ts

@@ -0,0 +1,7 @@
+import { TILE_LEADING_CONTENT_SIZE } from './constants';
+export declare function TileTextSkeleton({ width }: {
+    width?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TileArtworkSkeleton({ size, }: {
+    size: keyof typeof TILE_LEADING_CONTENT_SIZE;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tile/styled-components.d.ts

@@ -0,0 +1,3 @@
+export declare const TileParagraph: import('styletron-react').StyletronComponent<"div", {
+    $disabled?: boolean;
+}>;

package/dist/components/tile/tile-group.d.ts

@@ -0,0 +1,7 @@
+import { TileGroupProps as BaseTileGroupProps } from 'baseui/tile';
+export type TileGroupProps = BaseTileGroupProps & {
+    id?: string;
+    loading?: boolean;
+};
+declare function TileGroup({ children, disabled, id, loading, overrides, ...restProps }: TileGroupProps): import("react/jsx-runtime").JSX.Element;
+export default TileGroup;

package/dist/components/tile/tile.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TileProps as BaseTileProps } from 'baseui/tile';
+export type TileProps = BaseTileProps & {
+    id?: string;
+    loading?: boolean;
+};
+export declare const Tile: React.ForwardRefExoticComponent<BaseTileProps & {
+    id?: string;
+    loading?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export default Tile;

package/dist/docs/guides/borders.d.ts

@@ -0,0 +1,2 @@
+export declare function Borders(): import("react/jsx-runtime").JSX.Element;
+export default Borders;

package/dist/docs/guides/colors.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare function ColorDocs({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function ColorLegend(): import("react/jsx-runtime").JSX.Element;

package/dist/docs/guides/sizing.d.ts

@@ -0,0 +1,2 @@
+export declare function Sizing(): import("react/jsx-runtime").JSX.Element;
+export default Sizing;

package/dist/docs/index.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+/**
+ * This hook checks if Storybook docs are in dark mode. Though the hook
+ * `useDarkMode` exists, it only works in the Storybook decorator and
+ * story functions, not in the docs pages.
+ */
+export declare function useDocsInDarkMode(): boolean;
+/**
+ * This component provides the Clay theme to jsx in Storybook's unattached doc pages.
+ * It uses the current Storybook theme to determine whether to use the light or
+ * dark Clay theme. Without this, jsx in mdx has no access to the Clay theme.
+ */
+export declare function DocsClayProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;