@spaced-out/ui-design-system/lib/components/TokenListInput/TokenListInput.stories.d.ts

Sense UI components library

import * as React from 'react';
import type { MenuOption } from '../Menu';
import type { Props } from './TokenListInput';
import { TokenListInput } from './TokenListInput';
declare const _default: {
    tags: string[];
    title: string;
    component: typeof TokenListInput;
    argTypes: {
        classNames: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        clickAwayRef: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        disabled: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        elevation: {
            description: string;
            control: {
                type: string;
            };
            options: unknown[];
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        error: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        errorText: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        focusOnMount: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        helperText: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        placeholder: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        inputValue: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        inputPlaceholder: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        limit: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        isLoading: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        locked: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onChange: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onInputBlur: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onInputChange: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onInputFocus: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        size: {
            description: string;
            options: string[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        tabIndex: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        values: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        menu: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onMenuOpen: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        onMenuClose: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        resolveTokenValue: {
            description: string;
            control: boolean;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        inputProps: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
    parameters: {
        docs: {
            subtitle: string;
            description: {
                component: string;
            };
        };
        storySource: {
            componentPath: string;
        };
    };
};
export default _default;
type TokenListOption = MenuOption & {
    arbitrary?: boolean;
};
export declare const _TokenListInput: {
    (args: Props<TokenListOption>): React.JSX.Element;
    args: {
        classNames: {
            wrapper: string;
        };
    };
};
export declare const _TokenListInputWithError: (args: Props<TokenListOption>) => React.JSX.Element;
export declare const _TokenListInputLocked: {
    (args: Props<TokenListOption>): React.JSX.Element;
    args: {
        locked: boolean;
    };
};
export declare const _TokenListInputDisabled: {
    (args: Props<TokenListOption>): React.JSX.Element;
    args: {
        classNames: {
            wrapper: string;
        };
        disabled: boolean;
    };
};
export declare const _TokenListInputGroup: {
    (args: Props<TokenListOption>): React.JSX.Element;
    args: {
        menu: {
            groupTitleOptions: ({
                groupTitle: () => React.JSX.Element;
                options: {
                    key: string;
                    iconLeft: string;
                    label: string;
                }[];
                showLineDivider?: undefined;
            } | {
                showLineDivider: boolean;
                groupTitle: React.ReactNode;
                options: {
                    key: string;
                    iconLeft: string;
                    label: string;
                }[];
            })[];
        };
    };
};
export declare const _CustomOptionTokenListInput: (args: Props<TokenListOption>) => React.JSX.Element;
export declare const _AllowArbitraryValues: {
    (args: Props<TokenListOption>): React.JSX.Element;
    args: {
        menu: {
            options: {
                key: string;
                label: string;
            }[];
        };
        disabled: boolean;
        locked: boolean;
    };
};
//# sourceMappingURL=TokenListInput.stories.d.ts.map