/** * @todo Should we import these from constants.ts? */ export declare const BUTTON_APPEARANCES: { readonly ACCENT: "accent"; readonly NEUTRAL: "neutral"; readonly NEUTRAL_SUBTLE: "neutral-subtle"; readonly DESTRUCTIVE: "destructive"; }; export declare const defaultButtonAppearance: "accent"; export type ButtonAppearance = typeof BUTTON_APPEARANCES[keyof typeof BUTTON_APPEARANCES]; export declare const BUTTON_KINDS: { readonly FILLED: "filled"; readonly OUTLINE: "outline"; readonly GHOST: "ghost"; readonly BARE: "bare"; }; export declare const defaultButtonKind: "filled"; export type ButtonKind = typeof BUTTON_KINDS[keyof typeof BUTTON_KINDS]; export declare const BUTTON_SIZES: { readonly sm: "sm"; readonly md: "md"; readonly lg: "lg"; }; export type ButtonSize = typeof BUTTON_SIZES[keyof typeof BUTTON_SIZES]; export declare const defaultButtonSize: "md"; export declare const baseClassNamePrefix: "bm-button", classModifierPrefix: "bm-button--", subElementClassPrefix: "bm-button__"; export declare const staticButtonClassNames: { readonly label: "bm-button__label"; readonly iconWrap: "bm-button__icon-wrap"; readonly loading: "bm-button--loading"; readonly fluid: "bm-button--fluid"; readonly iconOnly: "bm-button--icon-only"; readonly loadingSpinner: "bm-button__loading-spinner"; }; export declare const getKindAppearanceClassName: (kind: K, appearance: A) => `bm-button--${A}-${K}`;