export declare const ScreenSize: { readonly Small: "sml"; readonly Medium: "med"; readonly Large: "lrg"; readonly ExtraLarge: "xl"; readonly ExtraExtraLarge: "xxl"; readonly ExtraExtraExtraLarge: "xxxl"; }; export type ASScreenSize = (typeof ScreenSize)[keyof typeof ScreenSize]; export declare const ComponentSize: { readonly Small: "ASSmall"; readonly Medium: "ASMedium"; readonly Large: "ASLarge"; }; export type ASComponentSize = (typeof ComponentSize)[keyof typeof ComponentSize]; type ASPaddingSizeTuple = [ASComponentSize, ASComponentSize]; type ASPaddingSizeTriple = [ASComponentSize, ASComponentSize, ASComponentSize]; type ASPaddingSizeQuad = [ASComponentSize, ASComponentSize, ASComponentSize, ASComponentSize]; export type ASPaddingSize = ASComponentSize | ASPaddingSizeTuple | ASPaddingSizeTriple | ASPaddingSizeQuad; export declare const LoaderType: { readonly Grow: "Grow"; readonly Spin: "Spin"; readonly Dots: "Dots"; }; export type ASLoaderType = (typeof LoaderType)[keyof typeof LoaderType]; export declare const ArrowButtonDirection: { readonly Left: "Left"; readonly Right: "Right"; }; export type ASComponentDirection = (typeof ArrowButtonDirection)[keyof typeof ArrowButtonDirection]; export type SizeAsClsType = { [key in ASComponentSize]: string; }; export type ASLoaderTheme = { loaderBackdropFilter: string; loaderTextColor: string; loaderTextShadow: string; loaderGrowColor: string; loaderGrowBorderColor: string; loaderGrowBackground: string; loaderSpinBorderColor: string; loaderSpinBorderAfterColor: string; loaderSpinBorderBeforeColor: string; loaderDotsGradientC: string; loaderDotsGradientD: string; }; export type ASButtonTheme = { buttonGradientUp: string; buttonGradientDown: string; buttonShadowHoverASSmall: string; buttonShadowHoverASMedium: string; buttonShadowHoverASLarge: string; buttonShadowActiveASSmall: string; buttonShadowActiveASMedium: string; buttonShadowActiveASLarge: string; buttonShadowNormal: string; buttonShadowHover: string; buttonOutline: string; buttonTextShadow: string; buttonBg: string; buttonBgDisabled: string; buttonColor: string; buttonColorHover: string; buttonColorSelected: string; buttonColorDisabled: string; buttonIconColor: string; }; export type ASColorTheme = { mainGold: string; mainYellow: string; yellow00: string; yellow20: string; yellow25: string; yellow30: string; yellow40: string; yellow44: string; yellow45: string; yellow50: string; yellow60: string; yellow70: string; yellow80: string; yellow85: string; yellow88: string; yellow90: string; yellow91: string; yellow95: string; yellow100: string; yellow110: string; yellow115: string; yellow120: string; mainCorral: string; corral20: string; corral30: string; corral40: string; corral50: string; corralCF: string; corral6D: string; corral8B: string; corral85: string; corral90: string; mainBlack: string; mainGray22: string; mainGray33: string; mainGray41: string; mainGray47: string; mainGray55: string; mainGray58: string; mainGray66: string; mainGray69: string; mainGray6d: string; mainGray72: string; mainGray81: string; mainGray8c: string; mainGray97: string; mainGray99: string; mainGrayB8: string; mainGrayE0: string; mainGrayF5: string; mainWhite: string; blueFF: string; green00: string; green10: string; green64: string; green90: string; green100: string; green120: string; blackAlpha75: string; blackAlpha50: string; blackAlpha40: string; blackAlpha35: string; blackAlpha25: string; blackAlpha10: string; whiteAlpha75: string; whiteAlpha55: string; whiteAlpha35: string; whiteAlpha25: string; whiteAlpha15: string; yellowAlpha90: string; yellowAlpha80: string; yellowAlpha70: string; yellowAlpha60: string; }; export type ASTextFieldTheme = { color: string; borderColor: string; borderRadius: string; bgColorTop: string; bgColorBottom: string; autofillBorder: string; autofillBoxShadow: string; autofillColor: string; inputBorder: string; inputBgTop: string; inputBgBottom: string; inputColor: string; inputFocusBorderColor: string; inputFocusBoxShadow: string; inputFocusColor: string; placeholderColor: string; iconTextShadow: string; }; export type ASDropdownTheme = { dropdownCaratColor: string; dropdownGradientDown: string; dropdownGradientUp: string; dropdownShadowHoverASSmall: string; dropdownShadowHoverASMedium: string; dropdownShadowHoverASLarge: string; dropdownShadowActiveASSmall: string; dropdownShadowActiveASMedium: string; dropdownShadowActiveASLarge: string; dropdownShadowNormal: string; dropdownShadowHover: string; dropdownOutline: string; dropdownTextShadow: string; dropdownTextShadowHover: string; dropdownBg: string; dropdownBgDisabled: string; dropdownColor: string; dropdownColorHover: string; dropdownColorSelected: string; dropdownColorDisabled: string; }; export type ASChoiceBarTheme = { choiceBarColor: string; choiceBarBackgroundColor: string; choiceBarBoxShadow: string; choiceBarSelectedBoxBackgroundColor: string; choiceBarItemColor: string; choiceBarItemColorHover: string; choiceBarItemColorSelected: string; }; export type ASModalTheme = { modalBackgroundColor: string; modalBackdropColor: string; modalOutlineColor: string; modalZIndex: string | number; }; export type ASChartBarTheme = { primaryColor: string; secondaryColor: string; tertiaryColor: string; }; export type PerSizeStyles = { [ComponentSize.Large]: string; [ComponentSize.Medium]: string; [ComponentSize.Small]: string; }; export type ASChartDonutTheme = { chartdonutTextColor?: string; chartdonutTextFontSize?: string; chartdonutTextFontSizes?: PerSizeStyles; chartdonutTextFontWeight?: string; chartdonutTextFontWeights?: PerSizeStyles; chartdonutTextFontFamily?: string; chartdonutTextShadow?: string; chartdonutTextShadows?: PerSizeStyles; chartdonutSubTextColor?: string; chartdonutSubTextFontSize?: string; chartdonutSubTextFontSizes?: PerSizeStyles; chartdonutSubTextFontWeight?: string; chartdonutSubTextFontWeights?: PerSizeStyles; chartdonutSubTextFontFamily?: string; chartdonutSubTextShadow?: string; chartdonutSubTextShadows?: PerSizeStyles; chartdonutSubTextVerticalOffset?: string; chartdonutSubTextVerticalOffsets?: PerSizeStyles; chartdonutColor: string; chartdonutInnerTrackColor?: string; chartdonutOuterTrackColor?: string; chartdonutTransitionDuration?: string; chartdonutOtherSegmentsDuration?: string; chartdonutSecondaryColor?: string; chartdonutTertiaryColor?: string; chartdonutQuaternaryColor?: string; }; export interface ASTheme { button: ASButtonTheme; colors: ASColorTheme; dropdown: ASDropdownTheme; loader: ASLoaderTheme; modal: ASModalTheme; choicebar: ASChoiceBarTheme; textfield: ASTextFieldTheme; chartbar: ASChartBarTheme; chartdonut: ASChartDonutTheme; borderRadius: string; fontFamily: string; fontSize: string; fontWeight: string; fontFamilyFallback: string; } export type ASDebounceState = 'Down' | 'Up' | 'None'; export declare const DisplayMode: { readonly None: "none"; readonly Mobile: "mobile"; readonly Desktop: "desktop"; }; export type ASDisplayMode = (typeof DisplayMode)[keyof typeof DisplayMode]; export interface ASStyleOptions { $gap?: number; $borderRadius?: number; $padding?: string; $margin?: string; $maxWidth?: number; $maxWidthUnit?: string; $minWidth?: number; $minWidthUnit?: string; $height?: number; $heightUnit?: string; $width?: number; $widthUnit?: string; } export interface ASChoiceBarStyleOptions extends ASStyleOptions { $displayModeOverride?: ASDisplayMode; $mobileBreakpoint?: number; $disableTransitionsBetweenDisplayModes?: boolean; $hideNavArrowButtonsInDW?: boolean; $hideHorizontalScrollbarInDW?: boolean; } export {}; //# sourceMappingURL=ASUI.types.d.ts.map