2084 lines
75 KiB
TypeScript
2084 lines
75 KiB
TypeScript
|
import type { ButtonHTMLAttributes, ExtractPropTypes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
|
||
|
|
import type { BaseWaveRef } from '../../_internal';
|
||
|
|
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
|
||
|
|
import type { Size, Type } from './interface';
|
||
|
|
export declare const buttonProps: {
|
||
|
|
readonly color: StringConstructor;
|
||
|
|
readonly textColor: StringConstructor;
|
||
|
|
readonly text: BooleanConstructor;
|
||
|
|
readonly block: BooleanConstructor;
|
||
|
|
readonly loading: BooleanConstructor;
|
||
|
|
readonly disabled: BooleanConstructor;
|
||
|
|
readonly circle: BooleanConstructor;
|
||
|
|
readonly size: PropType<Size>;
|
||
|
|
readonly ghost: BooleanConstructor;
|
||
|
|
readonly round: BooleanConstructor;
|
||
|
|
readonly secondary: BooleanConstructor;
|
||
|
|
readonly tertiary: BooleanConstructor;
|
||
|
|
readonly quaternary: BooleanConstructor;
|
||
|
|
readonly strong: BooleanConstructor;
|
||
|
|
readonly focusable: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly keyboard: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly tag: {
|
||
|
|
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly type: {
|
||
|
|
readonly type: PropType<Type>;
|
||
|
|
readonly default: "default";
|
||
|
|
};
|
||
|
|
readonly dashed: BooleanConstructor;
|
||
|
|
readonly renderIcon: PropType<() => VNodeChild>;
|
||
|
|
readonly iconPlacement: {
|
||
|
|
readonly type: PropType<"left" | "right">;
|
||
|
|
readonly default: "left";
|
||
|
|
};
|
||
|
|
readonly attrType: {
|
||
|
|
readonly type: PropType<"button" | "submit" | "reset">;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly bordered: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
|
||
|
|
readonly nativeFocusBehavior: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: boolean;
|
||
|
|
};
|
||
|
|
readonly theme: PropType<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>;
|
||
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
};
|
||
|
|
export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
|
||
|
|
export interface ButtonSlots {
|
||
|
|
default?: () => VNode[];
|
||
|
|
icon?: () => VNode[];
|
||
|
|
}
|
||
|
|
declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
|
||
|
|
readonly color: StringConstructor;
|
||
|
|
readonly textColor: StringConstructor;
|
||
|
|
readonly text: BooleanConstructor;
|
||
|
|
readonly block: BooleanConstructor;
|
||
|
|
readonly loading: BooleanConstructor;
|
||
|
|
readonly disabled: BooleanConstructor;
|
||
|
|
readonly circle: BooleanConstructor;
|
||
|
|
readonly size: PropType<Size>;
|
||
|
|
readonly ghost: BooleanConstructor;
|
||
|
|
readonly round: BooleanConstructor;
|
||
|
|
readonly secondary: BooleanConstructor;
|
||
|
|
readonly tertiary: BooleanConstructor;
|
||
|
|
readonly quaternary: BooleanConstructor;
|
||
|
|
readonly strong: BooleanConstructor;
|
||
|
|
readonly focusable: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly keyboard: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly tag: {
|
||
|
|
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly type: {
|
||
|
|
readonly type: PropType<Type>;
|
||
|
|
readonly default: "default";
|
||
|
|
};
|
||
|
|
readonly dashed: BooleanConstructor;
|
||
|
|
readonly renderIcon: PropType<() => VNodeChild>;
|
||
|
|
readonly iconPlacement: {
|
||
|
|
readonly type: PropType<"left" | "right">;
|
||
|
|
readonly default: "left";
|
||
|
|
};
|
||
|
|
readonly attrType: {
|
||
|
|
readonly type: PropType<"button" | "submit" | "reset">;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly bordered: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
|
||
|
|
readonly nativeFocusBehavior: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: boolean;
|
||
|
|
};
|
||
|
|
readonly theme: PropType<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>;
|
||
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
}>, {
|
||
|
|
selfElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
||
|
|
waveElRef: import("vue").Ref<{
|
||
|
|
play: () => void;
|
||
|
|
} | null, BaseWaveRef | {
|
||
|
|
play: () => void;
|
||
|
|
} | null>;
|
||
|
|
mergedClsPrefix: import("vue").Ref<string, string>;
|
||
|
|
mergedFocusable: import("vue").ComputedRef<boolean>;
|
||
|
|
mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
|
||
|
|
showBorder: import("vue").ComputedRef<boolean>;
|
||
|
|
enterPressed: import("vue").Ref<boolean, boolean>;
|
||
|
|
rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
|
||
|
|
handleMousedown: (e: MouseEvent) => void;
|
||
|
|
handleKeydown: (e: KeyboardEvent) => void;
|
||
|
|
handleBlur: () => void;
|
||
|
|
handleKeyup: (e: KeyboardEvent) => void;
|
||
|
|
handleClick: (e: MouseEvent) => void;
|
||
|
|
customColorCssVars: import("vue").ComputedRef<{
|
||
|
|
'--n-border-color': string;
|
||
|
|
'--n-border-color-hover': string;
|
||
|
|
'--n-border-color-pressed': string;
|
||
|
|
'--n-border-color-focus': string;
|
||
|
|
'--n-border-color-disabled': string;
|
||
|
|
} | null>;
|
||
|
|
cssVars: import("vue").ComputedRef<{
|
||
|
|
'--n-width': string;
|
||
|
|
'--n-height': string;
|
||
|
|
'--n-font-size': string;
|
||
|
|
'--n-padding': string;
|
||
|
|
'--n-icon-size': string;
|
||
|
|
'--n-icon-margin': string;
|
||
|
|
'--n-border-radius': string;
|
||
|
|
'--n-border': string;
|
||
|
|
'--n-border-hover': string;
|
||
|
|
'--n-border-pressed': string;
|
||
|
|
'--n-border-focus': string;
|
||
|
|
'--n-border-disabled': string;
|
||
|
|
'--n-color': string;
|
||
|
|
'--n-color-hover': string;
|
||
|
|
'--n-color-pressed': string;
|
||
|
|
'--n-color-focus': string;
|
||
|
|
'--n-color-disabled': string;
|
||
|
|
'--n-ripple-color': string;
|
||
|
|
'--n-text-color': string;
|
||
|
|
'--n-text-color-hover': string;
|
||
|
|
'--n-text-color-pressed': string;
|
||
|
|
'--n-text-color-focus': string;
|
||
|
|
'--n-text-color-disabled': string;
|
||
|
|
'--n-font-weight': string;
|
||
|
|
'--n-bezier': string;
|
||
|
|
'--n-bezier-ease-out': string;
|
||
|
|
'--n-ripple-duration': string;
|
||
|
|
'--n-opacity-disabled': string;
|
||
|
|
'--n-wave-opacity': string;
|
||
|
|
}> | undefined;
|
||
|
|
themeClass: import("vue").Ref<string, string> | undefined;
|
||
|
|
onRender: (() => void) | undefined;
|
||
|
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||
|
|
readonly color: StringConstructor;
|
||
|
|
readonly textColor: StringConstructor;
|
||
|
|
readonly text: BooleanConstructor;
|
||
|
|
readonly block: BooleanConstructor;
|
||
|
|
readonly loading: BooleanConstructor;
|
||
|
|
readonly disabled: BooleanConstructor;
|
||
|
|
readonly circle: BooleanConstructor;
|
||
|
|
readonly size: PropType<Size>;
|
||
|
|
readonly ghost: BooleanConstructor;
|
||
|
|
readonly round: BooleanConstructor;
|
||
|
|
readonly secondary: BooleanConstructor;
|
||
|
|
readonly tertiary: BooleanConstructor;
|
||
|
|
readonly quaternary: BooleanConstructor;
|
||
|
|
readonly strong: BooleanConstructor;
|
||
|
|
readonly focusable: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly keyboard: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly tag: {
|
||
|
|
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly type: {
|
||
|
|
readonly type: PropType<Type>;
|
||
|
|
readonly default: "default";
|
||
|
|
};
|
||
|
|
readonly dashed: BooleanConstructor;
|
||
|
|
readonly renderIcon: PropType<() => VNodeChild>;
|
||
|
|
readonly iconPlacement: {
|
||
|
|
readonly type: PropType<"left" | "right">;
|
||
|
|
readonly default: "left";
|
||
|
|
};
|
||
|
|
readonly attrType: {
|
||
|
|
readonly type: PropType<"button" | "submit" | "reset">;
|
||
|
|
readonly default: "button";
|
||
|
|
};
|
||
|
|
readonly bordered: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: true;
|
||
|
|
};
|
||
|
|
readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
|
||
|
|
readonly nativeFocusBehavior: {
|
||
|
|
readonly type: BooleanConstructor;
|
||
|
|
readonly default: boolean;
|
||
|
|
};
|
||
|
|
readonly theme: PropType<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>;
|
||
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
|
||
|
|
heightTiny: string;
|
||
|
|
heightSmall: string;
|
||
|
|
heightMedium: string;
|
||
|
|
heightLarge: string;
|
||
|
|
borderRadiusTiny: string;
|
||
|
|
borderRadiusSmall: string;
|
||
|
|
borderRadiusMedium: string;
|
||
|
|
borderRadiusLarge: string;
|
||
|
|
fontSizeTiny: string;
|
||
|
|
fontSizeSmall: string;
|
||
|
|
fontSizeMedium: string;
|
||
|
|
fontSizeLarge: string;
|
||
|
|
opacityDisabled: string;
|
||
|
|
colorOpacitySecondary: string;
|
||
|
|
colorOpacitySecondaryHover: string;
|
||
|
|
colorOpacitySecondaryPressed: string;
|
||
|
|
colorSecondary: string;
|
||
|
|
colorSecondaryHover: string;
|
||
|
|
colorSecondaryPressed: string;
|
||
|
|
colorTertiary: string;
|
||
|
|
colorTertiaryHover: string;
|
||
|
|
colorTertiaryPressed: string;
|
||
|
|
colorQuaternary: string;
|
||
|
|
colorQuaternaryHover: string;
|
||
|
|
colorQuaternaryPressed: string;
|
||
|
|
color: string;
|
||
|
|
colorHover: string;
|
||
|
|
colorPressed: string;
|
||
|
|
colorFocus: string;
|
||
|
|
colorDisabled: string;
|
||
|
|
textColor: string;
|
||
|
|
textColorTertiary: string;
|
||
|
|
textColorHover: string;
|
||
|
|
textColorPressed: string;
|
||
|
|
textColorFocus: string;
|
||
|
|
textColorDisabled: string;
|
||
|
|
textColorText: string;
|
||
|
|
textColorTextHover: string;
|
||
|
|
textColorTextPressed: string;
|
||
|
|
textColorTextFocus: string;
|
||
|
|
textColorTextDisabled: string;
|
||
|
|
textColorGhost: string;
|
||
|
|
textColorGhostHover: string;
|
||
|
|
textColorGhostPressed: string;
|
||
|
|
textColorGhostFocus: string;
|
||
|
|
textColorGhostDisabled: string;
|
||
|
|
border: string;
|
||
|
|
borderHover: string;
|
||
|
|
borderPressed: string;
|
||
|
|
borderFocus: string;
|
||
|
|
borderDisabled: string;
|
||
|
|
rippleColor: string;
|
||
|
|
colorPrimary: string;
|
||
|
|
colorHoverPrimary: string;
|
||
|
|
colorPressedPrimary: string;
|
||
|
|
colorFocusPrimary: string;
|
||
|
|
colorDisabledPrimary: string;
|
||
|
|
textColorPrimary: string;
|
||
|
|
textColorHoverPrimary: string;
|
||
|
|
textColorPressedPrimary: string;
|
||
|
|
textColorFocusPrimary: string;
|
||
|
|
textColorDisabledPrimary: string;
|
||
|
|
textColorTextPrimary: string;
|
||
|
|
textColorTextHoverPrimary: string;
|
||
|
|
textColorTextPressedPrimary: string;
|
||
|
|
textColorTextFocusPrimary: string;
|
||
|
|
textColorTextDisabledPrimary: string;
|
||
|
|
textColorGhostPrimary: string;
|
||
|
|
textColorGhostHoverPrimary: string;
|
||
|
|
textColorGhostPressedPrimary: string;
|
||
|
|
textColorGhostFocusPrimary: string;
|
||
|
|
textColorGhostDisabledPrimary: string;
|
||
|
|
borderPrimary: string;
|
||
|
|
borderHoverPrimary: string;
|
||
|
|
borderPressedPrimary: string;
|
||
|
|
borderFocusPrimary: string;
|
||
|
|
borderDisabledPrimary: string;
|
||
|
|
rippleColorPrimary: string;
|
||
|
|
colorInfo: string;
|
||
|
|
colorHoverInfo: string;
|
||
|
|
colorPressedInfo: string;
|
||
|
|
colorFocusInfo: string;
|
||
|
|
colorDisabledInfo: string;
|
||
|
|
textColorInfo: string;
|
||
|
|
textColorHoverInfo: string;
|
||
|
|
textColorPressedInfo: string;
|
||
|
|
textColorFocusInfo: string;
|
||
|
|
textColorDisabledInfo: string;
|
||
|
|
textColorTextInfo: string;
|
||
|
|
textColorTextHoverInfo: string;
|
||
|
|
textColorTextPressedInfo: string;
|
||
|
|
textColorTextFocusInfo: string;
|
||
|
|
textColorTextDisabledInfo: string;
|
||
|
|
textColorGhostInfo: string;
|
||
|
|
textColorGhostHoverInfo: string;
|
||
|
|
textColorGhostPressedInfo: string;
|
||
|
|
textColorGhostFocusInfo: string;
|
||
|
|
textColorGhostDisabledInfo: string;
|
||
|
|
borderInfo: string;
|
||
|
|
borderHoverInfo: string;
|
||
|
|
borderPressedInfo: string;
|
||
|
|
borderFocusInfo: string;
|
||
|
|
borderDisabledInfo: string;
|
||
|
|
rippleColorInfo: string;
|
||
|
|
colorSuccess: string;
|
||
|
|
colorHoverSuccess: string;
|
||
|
|
colorPressedSuccess: string;
|
||
|
|
colorFocusSuccess: string;
|
||
|
|
colorDisabledSuccess: string;
|
||
|
|
textColorSuccess: string;
|
||
|
|
textColorHoverSuccess: string;
|
||
|
|
textColorPressedSuccess: string;
|
||
|
|
textColorFocusSuccess: string;
|
||
|
|
textColorDisabledSuccess: string;
|
||
|
|
textColorTextSuccess: string;
|
||
|
|
textColorTextHoverSuccess: string;
|
||
|
|
textColorTextPressedSuccess: string;
|
||
|
|
textColorTextFocusSuccess: string;
|
||
|
|
textColorTextDisabledSuccess: string;
|
||
|
|
textColorGhostSuccess: string;
|
||
|
|
textColorGhostHoverSuccess: string;
|
||
|
|
textColorGhostPressedSuccess: string;
|
||
|
|
textColorGhostFocusSuccess: string;
|
||
|
|
textColorGhostDisabledSuccess: string;
|
||
|
|
borderSuccess: string;
|
||
|
|
borderHoverSuccess: string;
|
||
|
|
borderPressedSuccess: string;
|
||
|
|
borderFocusSuccess: string;
|
||
|
|
borderDisabledSuccess: string;
|
||
|
|
rippleColorSuccess: string;
|
||
|
|
colorWarning: string;
|
||
|
|
colorHoverWarning: string;
|
||
|
|
colorPressedWarning: string;
|
||
|
|
colorFocusWarning: string;
|
||
|
|
colorDisabledWarning: string;
|
||
|
|
textColorWarning: string;
|
||
|
|
textColorHoverWarning: string;
|
||
|
|
textColorPressedWarning: string;
|
||
|
|
textColorFocusWarning: string;
|
||
|
|
textColorDisabledWarning: string;
|
||
|
|
textColorTextWarning: string;
|
||
|
|
textColorTextHoverWarning: string;
|
||
|
|
textColorTextPressedWarning: string;
|
||
|
|
textColorTextFocusWarning: string;
|
||
|
|
textColorTextDisabledWarning: string;
|
||
|
|
textColorGhostWarning: string;
|
||
|
|
textColorGhostHoverWarning: string;
|
||
|
|
textColorGhostPressedWarning: string;
|
||
|
|
textColorGhostFocusWarning: string;
|
||
|
|
textColorGhostDisabledWarning: string;
|
||
|
|
borderWarning: string;
|
||
|
|
borderHoverWarning: string;
|
||
|
|
borderPressedWarning: string;
|
||
|
|
borderFocusWarning: string;
|
||
|
|
borderDisabledWarning: string;
|
||
|
|
rippleColorWarning: string;
|
||
|
|
colorError: string;
|
||
|
|
colorHoverError: string;
|
||
|
|
colorPressedError: string;
|
||
|
|
colorFocusError: string;
|
||
|
|
colorDisabledError: string;
|
||
|
|
textColorError: string;
|
||
|
|
textColorHoverError: string;
|
||
|
|
textColorPressedError: string;
|
||
|
|
textColorFocusError: string;
|
||
|
|
textColorDisabledError: string;
|
||
|
|
textColorTextError: string;
|
||
|
|
textColorTextHoverError: string;
|
||
|
|
textColorTextPressedError: string;
|
||
|
|
textColorTextFocusError: string;
|
||
|
|
textColorTextDisabledError: string;
|
||
|
|
textColorGhostError: string;
|
||
|
|
textColorGhostHoverError: string;
|
||
|
|
textColorGhostPressedError: string;
|
||
|
|
textColorGhostFocusError: string;
|
||
|
|
textColorGhostDisabledError: string;
|
||
|
|
borderError: string;
|
||
|
|
borderHoverError: string;
|
||
|
|
borderPressedError: string;
|
||
|
|
borderFocusError: string;
|
||
|
|
borderDisabledError: string;
|
||
|
|
rippleColorError: string;
|
||
|
|
waveOpacity: string;
|
||
|
|
fontWeight: string;
|
||
|
|
fontWeightStrong: string;
|
||
|
|
paddingTiny: string;
|
||
|
|
paddingSmall: string;
|
||
|
|
paddingMedium: string;
|
||
|
|
paddingLarge: string;
|
||
|
|
paddingRoundTiny: string;
|
||
|
|
paddingRoundSmall: string;
|
||
|
|
paddingRoundMedium: string;
|
||
|
|
paddingRoundLarge: string;
|
||
|
|
iconMarginTiny: string;
|
||
|
|
iconMarginSmall: string;
|
||
|
|
iconMarginMedium: string;
|
||
|
|
iconMarginLarge: string;
|
||
|
|
iconSizeTiny: string;
|
||
|
|
iconSizeSmall: string;
|
||
|
|
iconSizeMedium: string;
|
||
|
|
iconSizeLarge: string;
|
||
|
|
rippleDuration: string;
|
||
|
|
}, any>>>;
|
||
|
|
}>> & Readonly<{}>, {
|
||
|
|
readonly disabled: boolean;
|
||
|
|
readonly type: Type;
|
||
|
|
readonly bordered: boolean;
|
||
|
|
readonly block: boolean;
|
||
|
|
readonly loading: boolean;
|
||
|
|
readonly circle: boolean;
|
||
|
|
readonly round: boolean;
|
||
|
|
readonly text: boolean;
|
||
|
|
readonly strong: boolean;
|
||
|
|
readonly tertiary: boolean;
|
||
|
|
readonly ghost: boolean;
|
||
|
|
readonly secondary: boolean;
|
||
|
|
readonly quaternary: boolean;
|
||
|
|
readonly focusable: boolean;
|
||
|
|
readonly keyboard: boolean;
|
||
|
|
readonly tag: keyof HTMLElementTagNameMap;
|
||
|
|
readonly dashed: boolean;
|
||
|
|
readonly iconPlacement: "left" | "right";
|
||
|
|
readonly attrType: "button" | "submit" | "reset";
|
||
|
|
readonly nativeFocusBehavior: boolean;
|
||
|
|
}, SlotsType<ButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||
|
|
type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
|
||
|
|
type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
|
||
|
|
type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;
|
||
|
|
export default Button;
|
||
|
|
export declare const XButton: new () => {
|
||
|
|
$props: MergedProps;
|
||
|
|
};
|