@dxc-technology/halstack-react 0.0.0-9bd9511 → 0.0.0-9c04360

package/common/variables.d.ts

@@ -1,1431 +0,0 @@
-import TranslatedLabelsContextTypes from "../translatedLabelsType";
-export declare const globalTokens: {
-    inherit: string;
-    transparent: string;
-    hal_white: string;
-    hal_grey_l_95: string;
-    hal_grey_l_90: string;
-    hal_grey_l_80: string;
-    hal_grey_l_75: string;
-    hal_grey_l_60: string;
-    hal_grey_s_40: string;
-    hal_black: string;
-    color_grey_800: string;
-    color_grey_600: string;
-    color_grey_50: string;
-    color_grey_a_100: string;
-    color_grey_a_200: string;
-    color_grey_a_300: string;
-    color_grey_a_800: string;
-    color_grey_a_900: string;
-    hal_purple_l_95: string;
-    hal_purple_l_90: string;
-    hal_purple_l_65: string;
-    hal_purple_s_38: string;
-    hal_purple_d_30: string;
-    hal_purple_d_20: string;
-    hal_purple_d_70: string;
-    color_purple_600: string;
-    color_purple_300: string;
-    hal_blue_l_95: string;
-    hal_blue_l_80: string;
-    hal_blue_l_50: string;
-    hal_blue_l_45: string;
-    hal_blue_s_35: string;
-    hal_blue_d_20: string;
-    color_blue_200: string;
-    color_blue_500: string;
-    color_blue_50: string;
-    hal_red_l_95: string;
-    hal_red_l_80: string;
-    hal_red_l_60: string;
-    hal_red_s_41: string;
-    hal_red_d_30: string;
-    hal_red_d_20: string;
-    color_red_700: string;
-    color_red_50: string;
-    color_red_600: string;
-    hal_green_l_95: string;
-    hal_green_l_80: string;
-    hal_green_s_39: string;
-    hal_green_d_30: string;
-    hal_green_d_20: string;
-    hal_yellow_l_95: string;
-    hal_yellow_l_80: string;
-    hal_yellow_s_57: string;
-    hal_yellow_d_40: string;
-    hal_yellow_d_30: string;
-    hal_orange_s_54: string;
-    lightBlack: string;
-    yellow: string;
-    lightGrey: string;
-    lightRed: string;
-    lightBlue: string;
-    lightYellow: string;
-    lightPink: string;
-    lightGreen: string;
-    blue: string;
-    lighterGrey: string;
-    violet: string;
-    darkBlue: string;
-    purple: string;
-    mediumPurple: string;
-    lightPurple: string;
-    lighterPurple: string;
-    mediumWhite: string;
-    softBlue: string;
-    darkWhite: string;
-    lighterBlack: string;
-    mediumBlack: string;
-    mediumGreyBlack: string;
-    softGrey: string;
-    softBlack: string;
-    type_sans: string;
-    type_scale_root: string;
-    type_scale_08: string;
-    type_scale_07: string;
-    type_scale_06: string;
-    type_scale_05: string;
-    type_scale_04: string;
-    type_scale_03: string;
-    type_scale_02: string;
-    type_scale_01: string;
-    type_light: string;
-    type_regular: string;
-    type_semibold: string;
-    type_bold: string;
-    type_italic: string;
-    type_normal: string;
-    type_spacing_tight_02: string;
-    type_spacing_tight_01: string;
-    type_spacing_normal: string;
-    type_spacing_wide_01: string;
-    type_spacing_wide_02: string;
-    type_spacing_wide_03: string;
-    type_initial: string;
-    type_uppercase: string;
-    type_no_line: string;
-    type_underline: string;
-    type_line_through: string;
-    type_leading_compact_03: string;
-    type_leading_compact_02: string;
-    type_leading_compact_01: string;
-    type_leading_normal: string;
-    type_leading_loose_01: string;
-    type_leading_loose_02: string;
-    fontSize10: string;
-    spacing_00: string;
-    spacing_01: string;
-    spacing_02: string;
-    spacing_03: string;
-    spacing_04: string;
-    spacing_05: string;
-    spacing_06: string;
-    spacing_07: string;
-    spacing_08: string;
-    spacing_09: string;
-    spacing_10: string;
-    spacing_11: string;
-    spacing_12: string;
-    spacing_13: string;
-    spacing_14: string;
-    border_width_0: string;
-    border_width_1: string;
-    border_width_2: string;
-    border_width_4: string;
-    border_radius_none: string;
-    border_radius_small: string;
-    border_radius_medium: string;
-    border_radius_large: string;
-    border_radius_full: string;
-    border_solid: string;
-    border_dashed: string;
-    border_none: string;
-};
-export declare const componentTokens: {
-    accordion: {
-        backgroundColor: string;
-        hoverBackgroundColor: string;
-        arrowColor: string;
-        disabledArrowColor: string;
-        assistiveTextFontFamily: string;
-        assistiveTextFontSize: string;
-        assistiveTextFontWeight: string;
-        assistiveTextFontStyle: string;
-        assistiveTextLetterSpacing: string;
-        assistiveTextFontColor: string;
-        disabledAssistiveTextFontColor: string;
-        assistiveTextMinWidth: string;
-        assistiveTextPaddingRight: string;
-        assistiveTextPaddingLeft: string;
-        titleLabelFontFamily: string;
-        titleLabelFontSize: string;
-        titleLabelFontWeight: string;
-        titleLabelFontStyle: string;
-        titleLabelFontColor: string;
-        disabledTitleLabelFontColor: string;
-        titleLabelPaddingTop: string;
-        titleLabelPaddingBottom: string;
-        titleLabelPaddingLeft: string;
-        titleLabelPaddingRight: string;
-        focusBorderColor: string;
-        focusBorderStyle: string;
-        focusBorderThickness: string;
-        borderRadius: string;
-        boxShadowOffsetX: string;
-        boxShadowOffsetY: string;
-        boxShadowBlur: string;
-        boxShadowColor: string;
-        iconColor: string;
-        disabledIconColor: string;
-        iconSize: string;
-        iconMarginLeft: string;
-        iconMarginRigth: string;
-        accordionGroupSeparatorBorderColor: string;
-        accordionGroupSeparatorBorderThickness: string;
-        accordionGroupSeparatorBorderRadius: string;
-        accordionGroupSeparatorBorderStyle: string;
-    };
-    alert: {
-        titleFontFamily: string;
-        titleFontColor: string;
-        titleFontSize: string;
-        titleFontStyle: string;
-        titleFontWeight: string;
-        titleTextTransform: string;
-        titlePaddingRight: string;
-        titlePaddingLeft: string;
-        inlineTextFontFamily: string;
-        inlineTextFontColor: string;
-        inlineTextFontSize: string;
-        inlineTextFontStyle: string;
-        inlineTextFontWeight: string;
-        inlineTextPaddingLeft: string;
-        inlineTextPaddingRight: string;
-        contentPaddingLeft: string;
-        contentPaddingRight: string;
-        contentPaddingTop: string;
-        contentPaddingBottom: string;
-        borderRadius: string;
-        borderStyle: string;
-        borderThickness: string;
-        infoBorderColor: string;
-        successBorderColor: string;
-        warningBorderColor: string;
-        errorBorderColor: string;
-        iconSize: string;
-        iconPaddingLeft: string;
-        iconPaddingRight: string;
-        infoIconColor: string;
-        successIconColor: string;
-        warningIconColor: string;
-        errorIconColor: string;
-        infoBackgroundColor: string;
-        successBackgroundColor: string;
-        warningBackgroundColor: string;
-        errorBackgroundColor: string;
-        hoverActionBackgroundColor: string;
-        activeActionBackgroundColor: string;
-        focusActionBorderColor: string;
-        overlayColor: string;
-    };
-    box: {
-        backgroundColor: string;
-        letterSpacing: string;
-        borderRadius: string;
-        borderThickness: string;
-        borderStyle: string;
-        borderColor: string;
-        noneShadowDepthShadowOffsetX: string;
-        noneShadowDepthShadowOffsetY: string;
-        noneShadowDepthShadowBlur: string;
-        noneShadowDepthShadowSpread: string;
-        noneShadowDepthShadowColor: string;
-        oneShadowDepthShadowOffsetX: string;
-        oneShadowDepthShadowOffsetY: string;
-        oneShadowDepthShadowBlur: string;
-        oneShadowDepthShadowSpread: string;
-        oneShadowDepthShadowColor: string;
-        twoShadowDepthShadowOffsetX: string;
-        twoShadowDepthShadowOffsetY: string;
-        twoShadowDepthShadowBlur: string;
-        twoShadowDepthShadowSpread: string;
-        twoShadowDepthShadowColor: string;
-    };
-    bulletedList: {
-        fontColor: string;
-        fontColorOnDark: string;
-        bulletIconHeight: string;
-        bulletIconWidth: string;
-        bulletHeight: string;
-        bulletWidth: string;
-        bulletMarginRight: string;
-    };
-    button: {
-        labelFontLineHeight: string;
-        labelLetterSpacing: string;
-        paddingLeft: string;
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
-        focusBorderColor: string;
-        focusBorderColorOnDark: string;
-        primaryBackgroundColor: string;
-        primaryBackgroundColorOnDark: string;
-        primaryFontColor: string;
-        primaryFontColorOnDark: string;
-        primaryHoverBackgroundColor: string;
-        primaryHoverBackgroundColorOnDark: string;
-        primaryActiveBackgroundColor: string;
-        primaryActiveBackgroundColorOnDark: string;
-        primaryDisabledBackgroundColor: string;
-        primaryDisabledBackgroundColorOnDark: string;
-        primaryDisabledFontColor: string;
-        primaryDisabledFontColorOnDark: string;
-        primaryBorderThickness: string;
-        primaryBorderStyle: string;
-        primaryBorderRadius: string;
-        primaryFontFamily: string;
-        primaryFontSize: string;
-        primaryFontWeight: string;
-        secondaryBackgroundColor: string;
-        secondaryBackgroundColorOnDark: string;
-        secondaryFontColor: string;
-        secondaryFontColorOnDark: string;
-        secondaryHoverFontColor: string;
-        secondaryHoverFontColorOnDark: string;
-        secondaryBorderColor: string;
-        secondaryBorderColorOnDark: string;
-        secondaryHoverBackgroundColor: string;
-        secondaryHoverBackgroundColorOnDark: string;
-        secondaryActiveBackgroundColor: string;
-        secondaryActiveBackgroundColorOnDark: string;
-        secondaryDisabledBackgroundColor: string;
-        secondaryDisabledBackgroundColorOnDark: string;
-        secondaryDisabledFontColor: string;
-        secondaryDisabledFontColorOnDark: string;
-        secondaryDisabledBorderColor: string;
-        secondaryDisabledBorderColorOnDark: string;
-        secondaryBorderThickness: string;
-        secondaryBorderStyle: string;
-        secondaryBorderRadius: string;
-        secondaryFontFamily: string;
-        secondaryFontSize: string;
-        secondaryFontWeight: string;
-        textBackgroundColor: string;
-        textBackgroundColorOnDark: string;
-        textFontColor: string;
-        textFontColorOnDark: string;
-        textHoverBackgroundColor: string;
-        textHoverBackgroundColorOnDark: string;
-        textActiveBackgroundColor: string;
-        textActiveBackgroundColorOnDark: string;
-        textDisabledBackgroundColor: string;
-        textDisabledBackgroundColorOnDark: string;
-        textDisabledFontColor: string;
-        textDisabledFontColorOnDark: string;
-        textBorderThickness: string;
-        textBorderStyle: string;
-        textBorderRadius: string;
-        textFontFamily: string;
-        textFontSize: string;
-        textFontWeight: string;
-    };
-    card: {
-        height: string;
-        width: string;
-    };
-    checkbox: {
-        backgroundColorChecked: string;
-        backgroundColorCheckedOnDark: string;
-        hoverBackgroundColorChecked: string;
-        hoverBackgroundColorCheckedOnDark: string;
-        disabledBackgroundColorChecked: string;
-        disabledBackgroundColorCheckedOnDark: string;
-        borderColor: string;
-        borderColorOnDark: string;
-        hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
-        disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
-        checkColor: string;
-        checkColorOnDark: string;
-        disabledCheckColor: string;
-        disabledCheckColorOnDark: string;
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        fontColor: string;
-        fontColorOnDark: string;
-        disabledFontColor: string;
-        disabledFontColorOnDark: string;
-        focusColor: string;
-        focusColorOnDark: string;
-        checkLabelSpacing: string;
-    };
-    chip: {
-        backgroundColor: string;
-        disabledBackgroundColor: string;
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontColor: string;
-        disabledFontColor: string;
-        borderColor: string;
-        borderRadius: string;
-        borderThickness: string;
-        borderStyle: string;
-        contentPaddingLeft: string;
-        contentPaddingRight: string;
-        contentPaddingTop: string;
-        contentPaddingBottom: string;
-        iconSize: string;
-        iconSpacing: string;
-        iconColor: string;
-        hoverIconColor: string;
-        activeIconColor: string;
-        disabledIconColor: string;
-        focusColor: string;
-        focusBorderStyle: string;
-        focusBorderThickness: string;
-        focusBorderRadius: string;
-    };
-    dateInput: {
-        pickerBackgroundColor: string;
-        pickerFontColor: string;
-        pickerBorderColor: string;
-        pickerSelectedBackgroundColor: string;
-        pickerSelectedFontColor: string;
-        pickerHoverBackgroundColor: string;
-        pickerHoverFontColor: string;
-        pickerActiveBackgroundColor: string;
-        pickerActiveFontColor: string;
-        pickerNonCurrentMonthFontColor: string;
-        pickerCurrentDateBorderColor: string;
-        pickerCurrentDateFontColor: string;
-        pickerCurrentYearFontColor: string;
-        pickerHeaderBackgroundColor: string;
-        pickerHeaderFontColor: string;
-        pickerHeaderHoverBackgroundColor: string;
-        pickerHeaderHoverFontColor: string;
-        pickerHeaderActiveBackgroundColor: string;
-        pickerHeaderActiveFontColor: string;
-        pickerFocusColor: string;
-        pickerBorderWidth: string;
-        pickerBorderStyle: string;
-        pickerFocusWidth: string;
-        pickerCurrentDateBorderWidth: string;
-        pickerFontFamily: string;
-        pickerFontSize: string;
-        pickerFontWeight: string;
-        pickerInteractedYearFontSize: string;
-        pickerHeaderFontSize: string;
-    };
-    dialog: {
-        overlayColor: string;
-        backgroundColor: string;
-        closeIconWidth: string;
-        closeIconHeight: string;
-        closeIconTopPosition: string;
-        closeIconRightPosition: string;
-        closeIconBackgroundColor: string;
-        closeIconBorderColor: string;
-        closeIconColor: string;
-        closeIconBorderThickness: string;
-        closeIconBorderStyle: string;
-        closeIconBorderRadius: string;
-        boxShadowOffsetX: string;
-        boxShadowOffsetY: string;
-        boxShadowBlur: string;
-        boxShadowColor: string;
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-    dropdown: {
-        buttonBackgroundColor: string;
-        hoverButtonBackgroundColor: string;
-        activeButtonBackgroundColor: string;
-        buttonFontFamily: string;
-        buttonFontSize: string;
-        buttonFontStyle: string;
-        buttonFontWeight: string;
-        buttonFontColor: string;
-        buttonIconSize: string;
-        buttonIconSpacing: string;
-        buttonIconColor: string;
-        buttonPaddingTop: string;
-        buttonPaddingBottom: string;
-        buttonPaddingLeft: string;
-        buttonPaddingRight: string;
-        disabledColor: string;
-        disabledButtonBackgroundColor: string;
-        disabledBorderColor: string;
-        optionBackgroundColor: string;
-        hoverOptionBackgroundColor: string;
-        activeOptionBackgroundColor: string;
-        optionFontFamily: string;
-        optionFontSize: string;
-        optionFontStyle: string;
-        optionFontWeight: string;
-        optionFontColor: string;
-        optionIconSize: string;
-        optionIconSpacing: string;
-        optionIconColor: string;
-        optionPaddingTop: string;
-        optionPaddingBottom: string;
-        optionPaddingLeft: string;
-        optionPaddingRight: string;
-        caretIconSize: string;
-        caretIconColor: string;
-        caretIconSpacing: string;
-        borderRadius: string;
-        borderStyle: string;
-        borderThickness: string;
-        borderColor: string;
-        scrollBarThumbColor: string;
-        scrollBarTrackColor: string;
-        focusColor: string;
-    };
-    fileInput: {
-        dropBorderColor: string;
-        fileItemBorderColor: string;
-        fileNameFontColor: string;
-        labelFontColor: string;
-        helperTextFontColor: string;
-        dropLabelFontColor: string;
-        disabledLabelFontColor: string;
-        disabledHelperTextFontcolor: string;
-        disabledDropLabelFontColor: string;
-        focusDropBorderColor: string;
-        disabledDropBorderColor: string;
-        dragoverDropBackgroundColor: string;
-        activeFileItemIconBackgrounColor: string;
-        errorFileItemBorderColor: string;
-        errorFileItemBackgroundColor: string;
-        errorFilePreviewBackgroundColor: string;
-        errorFileItemIconColor: string;
-        fileItemIconBackgroundColor: string;
-        deleteFileItemColor: string;
-        errorMessageFontColor: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        fileItemFontFamily: string;
-        fileItemFontSize: string;
-        fileItemFontWeight: string;
-        fileItemLineHeight: string;
-        helperTextFontFamily: string;
-        helperTextFontSize: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        dropLabelFontFamily: string;
-        dropLabelFontSize: string;
-        dropLabelFontWeight: string;
-        errorMessageFontFamily: string;
-        errorMessageFontSize: string;
-        errorMessageFontWeight: string;
-        errorMessageLineHeight: string;
-        dropBorderThickness: string;
-        dropBorderStyle: string;
-        dropBorderRadius: string;
-        fileItemBorderThickness: string;
-        fileItemBorderStyle: string;
-        fileItemBorderRadius: string;
-        hoverDeleteFileItemBackgroundColor: string;
-        activeDeleteFileItemBackgroundColor: string;
-        focusDeleteFileItemBorderColor: string;
-        filePreviewBackgroundColor: string;
-        filePreviewIconColor: string;
-        errorFilePreviewIconColor: string;
-    };
-    footer: {
-        height: string;
-        backgroundColor: string;
-        bottomLinksDividerColor: string;
-        bottomLinksDividerThickness: string;
-        bottomLinksDividerStyle: string;
-        bottomLinksDividerSpacing: string;
-        bottomLinksFontFamily: string;
-        bottomLinksFontSize: string;
-        bottomLinksFontStyle: string;
-        bottomLinksFontWeight: string;
-        bottomLinksFontColor: string;
-        bottomLinksTextDecoration: string;
-        copyrightFontFamily: string;
-        copyrightFontSize: string;
-        copyrightFontStyle: string;
-        copyrightFontWeight: string;
-        copyrightFontColor: string;
-        logo: string;
-        logoHeight: string;
-        logoWidth: string;
-        socialLinksSize: string;
-        socialLinksGutter: string;
-        socialLinksColor: string;
-    };
-    header: {
-        backgroundColor: string;
-        hamburguerFocusColor: string;
-        hamburguerFontFamily: string;
-        hamburguerFontStyle: string;
-        hamburguerFontColor: string;
-        hamburguerFontSize: string;
-        hamburguerFontWeight: string;
-        hamburguerTextTransform: string;
-        hamburguerIconColor: string;
-        hamburguerHoverColor: string;
-        logo: string;
-        logoResponsive: string;
-        logoHeight: string;
-        logoWidth: string;
-        menuBackgroundColor: string;
-        menuZindex: string;
-        menuTabletWidth: string;
-        menuMobileWidth: string;
-        minHeight: string;
-        overlayColor: string;
-        overlayOpacity: string;
-        overlayZindex: string;
-        paddingTop: string;
-        paddingBottom: string;
-        paddingRight: string;
-        paddingLeft: string;
-        underlinedColor: string;
-        underlinedThickness: string;
-        underlinedStyle: string;
-        contentColor: string;
-        contentColorOnDark: string;
-    };
-    heading: {
-        level1FontColor: string;
-        level1FontFamily: string;
-        level1FontSize: string;
-        level1FontStyle: string;
-        level1FontWeight: string;
-        level1LineHeight: string;
-        level1LetterSpacing: string;
-        level2FontColor: string;
-        level2FontFamily: string;
-        level2FontSize: string;
-        level2FontStyle: string;
-        level2FontWeight: string;
-        level2LineHeight: string;
-        level2LetterSpacing: string;
-        level3FontColor: string;
-        level3FontFamily: string;
-        level3FontSize: string;
-        level3FontStyle: string;
-        level3FontWeight: string;
-        level3LineHeight: string;
-        level3LetterSpacing: string;
-        level4FontColor: string;
-        level4FontFamily: string;
-        level4FontSize: string;
-        level4FontStyle: string;
-        level4FontWeight: string;
-        level4LineHeight: string;
-        level4LetterSpacing: string;
-        level5FontColor: string;
-        level5FontFamily: string;
-        level5FontSize: string;
-        level5FontStyle: string;
-        level5FontWeight: string;
-        level5LineHeight: string;
-        level5LetterSpacing: string;
-    };
-    link: {
-        fontColor: string;
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        iconSize: string;
-        iconSpacing: string;
-        underlineSpacing: string;
-        underlineStyle: string;
-        underlineThickness: string;
-        disabledColor: string;
-        hoverFontColor: string;
-        hoverUnderlineColor: string;
-        visitedFontColor: string;
-        visitedUnderlineColor: string;
-        activeFontColor: string;
-        activeUnderlineColor: string;
-        focusColor: string;
-    };
-    navTabs: {
-        selectedBackgroundColor: string;
-        unselectedBackgroundColor: string;
-        hoverBackgroundColor: string;
-        pressedBackgroundColor: string;
-        selectedFontColor: string;
-        unselectedFontColor: string;
-        disabledFontColor: string;
-        focusOutline: string;
-        selectedUnderlineColor: string;
-        dividerColor: string;
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        selectedIconColor: string;
-        unselectedIconColor: string;
-        disabledIconColor: string;
-    };
-    paginator: {
-        backgroundColor: string;
-        fontColor: string;
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontTextTransform: string;
-        verticalPadding: string;
-        horizontalPadding: string;
-        marginRight: string;
-        marginLeft: string;
-        itemsPerPageSelectorMarginLeft: string;
-        itemsPerPageSelectorMarginRight: string;
-        pageSelectorMarginRight: string;
-        pageSelectorMarginLeft: string;
-        totalItemsContainerMarginRight: string;
-        totalItemsContainerMarginLeft: string;
-    };
-    paragraph: {
-        fontColor: string;
-        fontColorOnDark: string;
-        display: string;
-        fontSize: string;
-        fontWeight: string;
-    };
-    progressBar: {
-        trackLineColor: string;
-        trackLineColorOnDark: string;
-        totalLineColor: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        labelFontTextTransform: string;
-        valueFontFamily: string;
-        valueFontSize: string;
-        valueFontStyle: string;
-        valueFontWeight: string;
-        valueFontColor: string;
-        valueFontColorOnDark: string;
-        valueFontTextTransform: string;
-        helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextFontFamily: string;
-        thickness: string;
-        borderRadius: string;
-        overlayColor: string;
-        overlayFontColor: string;
-    };
-    quickNav: {
-        fontColor: string;
-        hoverFontColor: string;
-        dividerBorderColor: string;
-        focusBorderColor: string;
-        focusBorderStyle: string;
-        focusBorderThickness: string;
-        focusBorderRadius: string;
-        paddingTop: string;
-        paddingBottom: string;
-        paddingLeft: string;
-        paddingRight: string;
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-    };
-    radioGroup: {
-        fontFamily: string;
-        radioInputColor: string;
-        hoverRadioInputColor: string;
-        focusBorderColor: string;
-        activeRadioInputColor: string;
-        errorRadioInputColor: string;
-        hoverErrorRadioInputColor: string;
-        activeErrorRadioInputColor: string;
-        readonlyRadioInputColor: string;
-        hoverReadonlyRadioInputColor: string;
-        activeReadonlyRadioInputColor: string;
-        disabledRadioInputColor: string;
-        disabledLabelFontColor: string;
-        disabledHelperTextFontColor: string;
-        disabledRadioInputLabelFontColor: string;
-        errorMessageColor: string;
-        labelFontColor: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        optionalLabelFontWeight: string;
-        helperTextFontColor: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        radioInputLabelFontColor: string;
-        radioInputLabelFontSize: string;
-        radioInputLabelFontStyle: string;
-        radioInputLabelFontWeight: string;
-        radioInputLabelLineHeight: string;
-        groupLabelMargin: string;
-        radioInputLabelMargin: string;
-        groupVerticalGutter: string;
-        groupHorizontalGutter: string;
-    };
-    select: {
-        fontFamily: string;
-        disabledColor: string;
-        enabledInputBorderColor: string;
-        hoverInputBorderColor: string;
-        focusInputBorderColor: string;
-        errorInputBorderColor: string;
-        hoverInputErrorBorderColor: string;
-        disabledInputBorderColor: string;
-        disabledInputBackgroundColor: string;
-        inputMarginTop: string;
-        inputMarginBottom: string;
-        errorMessageColor: string;
-        errorIconColor: string;
-        labelFontColor: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        optionalLabelFontWeight: string;
-        helperTextFontColor: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        placeholderFontColor: string;
-        valueFontColor: string;
-        valueFontSize: string;
-        valueFontStyle: string;
-        valueFontWeight: string;
-        actionIconColor: string;
-        hoverActionIconColor: string;
-        activeActionIconColor: string;
-        actionBackgroundColor: string;
-        hoverActionBackgroundColor: string;
-        activeActionBackgroundColor: string;
-        listOptionFontColor: string;
-        listOptionFontSize: string;
-        listOptionFontStyle: string;
-        listOptionFontWeight: string;
-        listOptionIconColor: string;
-        listOptionDividerColor: string;
-        listGroupLabelFontWeight: string;
-        focusListOptionBorderColor: string;
-        systemMessageFontColor: string;
-        collapseIndicatorColor: string;
-        listDialogBackgroundColor: string;
-        listDialogBorderColor: string;
-        selectedListOptionBackgroundColor: string;
-        selectedHoverListOptionBackgroundColor: string;
-        selectedActiveListOptionBackgroundColor: string;
-        selectedListOptionIconColor: string;
-        unselectedHoverListOptionBackgroundColor: string;
-        unselectedActiveListOptionBackgroundColor: string;
-        selectionIndicatorFontColor: string;
-        selectionIndicatorFontSize: string;
-        selectionIndicatorFontStyle: string;
-        selectionIndicatorFontWeight: string;
-        selectionIndicatorBorderColor: string;
-        selectionIndicatorBackgroundColor: string;
-        enabledSelectionIndicatorActionBackgroundColor: string;
-        enabledSelectionIndicatorActionIconColor: string;
-        hoverSelectionIndicatorActionBackgroundColor: string;
-        hoverSelectionIndicatorActionIconColor: string;
-        activeSelectionIndicatorActionBackgroundColor: string;
-        activeSelectionIndicatorActionIconColor: string;
-    };
-    sidenav: {
-        backgroundColor: string;
-        titleFontFamily: string;
-        titleFontSize: string;
-        titleFontStyle: string;
-        titleFontWeight: string;
-        titleFontColor: string;
-        titleFontTextTransform: string;
-        titleFontLetterSpacing: string;
-        groupTitleFontFamily: string;
-        groupTitleFontSize: string;
-        groupTitleFontStyle: string;
-        groupTitleFontWeight: string;
-        groupTitleFontColor: string;
-        groupTitleHoverBackgroundColor: string;
-        groupTitleActiveBackgroundColor: string;
-        groupTitleSelectedFontColor: string;
-        groupTitleSelectedBackgroundColor: string;
-        groupTitleSelectedHoverFontColor: string;
-        groupTitleSelectedHoverBackgroundColor: string;
-        groupTitleFontTextTransform: string;
-        groupTitleFontLetterSpacing: string;
-        linkFontFamily: string;
-        linkFontSize: string;
-        linkFontStyle: string;
-        linkFontWeight: string;
-        linkFontColor: string;
-        linkHoverBackgroundColor: string;
-        linkSelectedFontColor: string;
-        linkSelectedBackgroundColor: string;
-        linkSelectedHoverFontColor: string;
-        linkSelectedHoverBackgroundColor: string;
-        linkFontTextTransform: string;
-        linkFontLetterSpacing: string;
-        linkTextDecoration: string;
-        linkMarginTop: string;
-        linkMarginBottom: string;
-        linkMarginRight: string;
-        linkMarginLeft: string;
-        linkFocusColor: string;
-        scrollBarThumbColor: string;
-        scrollBarTrackColor: string;
-    };
-    slider: {
-        fontFamily: string;
-        limitValuesFontColor: string;
-        limitValuesFontColorOnDark: string;
-        limitValuesFontSize: string;
-        limitValuesFontStyle: string;
-        limitValuesFontWeight: string;
-        limitValuesFontLetterSpacing: string;
-        disabledLimitValuesFontColor: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        helperTextFontFamily: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        fontColor: string;
-        fontColorOnDark: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
-        disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
-        disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
-        thumbHeight: string;
-        thumbWidth: string;
-        hoverThumbHeight: string;
-        hoverThumbWidth: string;
-        thumbVerticalPosition: string;
-        hoverThumbVerticalPosition: string;
-        thumbBackgroundColor: string;
-        thumbBackgroundColorOnDark: string;
-        hoverThumbScale: string;
-        hoverThumbBackgroundColor: string;
-        hoverThumbBackgroundColorOnDark: string;
-        activeThumbScale: string;
-        activeThumbBackgroundColor: string;
-        activeThumbBackgroundColorOnDark: string;
-        focusThumbBackgroundColor: string;
-        focusThumbBackgroundColorOnDark: string;
-        tickHeight: string;
-        tickWidth: string;
-        tickVerticalPosition: string;
-        tickBackgroundColor: string;
-        tickBackgroundColorOnDark: string;
-        trackLineThickness: string;
-        trackLineVerticalPosition: string;
-        trackLineColor: string;
-        trackLineColorOnDark: string;
-        totalLineThickness: string;
-        totalLineVerticalPosition: string;
-        totalLineColor: string;
-        totalLineColorOnDark: string;
-        disabledThumbVerticalPosition: string;
-        disabledThumbBackgroundColor: string;
-        disabledThumbBackgroundColorOnDark: string;
-        disabledTickVerticalPosition: string;
-        disabledTickBackgroundColor: string;
-        disabledTickBackgroundColorOnDark: string;
-        disabledTrackLineColor: string;
-        disabledTrackLineColorOnDark: string;
-        disabledTotalLineColor: string;
-        disabledTotalLineColorOnDark: string;
-        focusColor: string;
-        focusColorOnDark: string;
-        floorLabelMarginRight: string;
-        ceilLabelMarginLeft: string;
-        inputMarginLeft: string;
-    };
-    spinner: {
-        trackCircleColor: string;
-        trackCircleColorOverlay: string;
-        totalCircleColor: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        labelTextAlign: string;
-        progressValueFontFamily: string;
-        progressValueFontSize: string;
-        progressValueFontStyle: string;
-        progressValueFontWeight: string;
-        progressValueFontColor: string;
-        progressValueFontColorOnDark: string;
-        progressValueTextAlign: string;
-        overlayBackgroundColor: string;
-        overlayOpacity: string;
-        overlayLabelFontFamily: string;
-        overlayLabelFontSize: string;
-        overlayLabelFontStyle: string;
-        overlayLabelFontWeight: string;
-        overlayLabelFontColor: string;
-        overlayLabelTextAlign: string;
-        overlayProgressValueFontFamily: string;
-        overlayProgressValueFontSize: string;
-        overlayProgressValueFontStyle: string;
-        overlayProgressValueFontWeight: string;
-        overlayProgressValueFontColor: string;
-        overlayProgressValueTextAlign: string;
-    };
-    switch: {
-        checkedTrackBackgroundColor: string;
-        checkedTrackBackgroundColorOnDark: string;
-        checkedThumbBackgroundColor: string;
-        checkedThumbBackgroundColorOnDark: string;
-        uncheckedTrackBackgroundColor: string;
-        uncheckedTrackBackgroundColorOnDark: string;
-        uncheckedThumbBackgroundColor: string;
-        uncheckedThumbBackgroundColorOnDark: string;
-        disabledCheckedTrackBackgroundColor: string;
-        disabledCheckedTrackBackgroundColorOnDark: string;
-        disabledCheckedThumbBackgroundColor: string;
-        disabledCheckedThumbBackgroundColorOnDark: string;
-        disabledUncheckedTrackBackgroundColor: string;
-        disabledUncheckedTrackBackgroundColorOnDark: string;
-        disabledUncheckedThumbBackgroundColor: string;
-        disabledUncheckedThumbBackgroundColorOnDark: string;
-        disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
-        disabledLabelFontStyle: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        thumbFocusColor: string;
-        thumbFocusColorOnDark: string;
-        thumbHeight: string;
-        thumbWidth: string;
-        thumbShift: string;
-        trackHeight: string;
-        trackWidth: string;
-        spaceBetweenLabelSwitch: string;
-    };
-    table: {
-        rowSeparatorThickness: string;
-        rowSeparatorStyle: string;
-        rowSeparatorColor: string;
-        dataBackgroundColor: string;
-        dataFontFamily: string;
-        dataFontSize: string;
-        dataFontStyle: string;
-        dataFontWeight: string;
-        dataFontColor: string;
-        dataFontTextTransform: string;
-        dataPaddingTop: string;
-        dataPaddingBottom: string;
-        dataPaddingRight: string;
-        dataPaddingLeft: string;
-        dataTextAlign: string;
-        dataTextLineHeight: string;
-        headerBackgroundColor: string;
-        headerBorderRadius: string;
-        headerFontFamily: string;
-        headerFontSize: string;
-        headerFontStyle: string;
-        headerFontWeight: string;
-        headerFontColor: string;
-        headerFontTextTransform: string;
-        headerPaddingTop: string;
-        headerPaddingBottom: string;
-        headerPaddingRight: string;
-        headerPaddingLeft: string;
-        headerTextAlign: string;
-        headerTextLineHeight: string;
-        scrollBarThumbColor: string;
-        scrollBarTrackColor: string;
-        sortIconColor: string;
-    };
-    tabs: {
-        fontFamily: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontTextTransform: string;
-        selectedBackgroundColor: string;
-        selectedFontColor: string;
-        selectedIconColor: string;
-        selectedUnderlineColor: string;
-        selectedUnderlineThickness: string;
-        unselectedBackgroundColor: string;
-        unselectedFontColor: string;
-        unselectedIconColor: string;
-        disabledFontColor: string;
-        disabledIconColor: string;
-        disabledFontStyle: string;
-        disabledBadgeBackgroundColor: string;
-        hoverBackgroundColor: string;
-        pressedBackgroundColor: string;
-        pressedFontWeight: string;
-        dividerColor: string;
-        dividerThickness: string;
-        focusOutline: string;
-        scrollButtonsWidth: string;
-        badgeBackgroundColor: string;
-        badgeFontFamily: string;
-        badgeFontSize: string;
-        badgeFontStyle: string;
-        badgeFontWeight: string;
-        badgeFontColor: string;
-        badgeLetterSpacing: string;
-        badgeWidth: string;
-        badgeHeight: string;
-        badgeRadius: string;
-        badgeWidthWithNotificationNumber: string;
-        badgeHeightWithNotificationNumber: string;
-        badgeRadiusWithNotificationNumber: string;
-    };
-    tag: {
-        fontFamily: string;
-        fontColor: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        labelPaddingTop: string;
-        labelPaddingBottom: string;
-        labelPaddingLeft: string;
-        labelPaddingRight: string;
-        height: string;
-        iconColor: string;
-        iconSectionWidth: string;
-        iconHeight: string;
-        iconWidth: string;
-        focusColor: string;
-    };
-    textarea: {
-        fontFamily: string;
-        enabledBorderColor: string;
-        enabledBorderColorOnDark: string;
-        hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
-        focusBorderColor: string;
-        focusBorderColorOnDark: string;
-        disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
-        disabledContainerFillColor: string;
-        disabledContainerFillColorOnDark: string;
-        errorBorderColor: string;
-        errorBorderColorOnDark: string;
-        hoverErrorBorderColor: string;
-        hoverErrorBorderColorOnDark: string;
-        inputMarginTop: string;
-        inputMarginBottom: string;
-        errorMessageColor: string;
-        errorMessageColorOnDark: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
-        optionalLabelFontWeight: string;
-        helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
-        placeholderFontColor: string;
-        placeholderFontColorOnDark: string;
-        disabledPlaceholderFontColor: string;
-        disabledPlaceholderFontColorOnDark: string;
-        valueFontColor: string;
-        valueFontColorOnDark: string;
-        valueFontSize: string;
-        valueFontStyle: string;
-        valueFontWeight: string;
-        disabledValueFontColor: string;
-        disabledValueFontColorOnDark: string;
-    };
-    textInput: {
-        fontFamily: string;
-        enabledBorderColor: string;
-        enabledBorderColorOnDark: string;
-        hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
-        focusBorderColor: string;
-        focusBorderColorOnDark: string;
-        disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
-        disabledContainerFillColor: string;
-        disabledContainerFillColorOnDark: string;
-        errorBorderColor: string;
-        errorBorderColorOnDark: string;
-        hoverErrorBorderColor: string;
-        hoverErrorBorderColorOnDark: string;
-        inputMarginTop: string;
-        inputMarginBottom: string;
-        errorMessageColor: string;
-        errorMessageColorOnDark: string;
-        errorIconColor: string;
-        errorIconColorOnDark: string;
-        labelFontColor: string;
-        labelFontColorOnDark: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
-        optionalLabelFontWeight: string;
-        helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
-        prefixColor: string;
-        prefixColorOnDark: string;
-        suffixColor: string;
-        suffixColorOnDark: string;
-        disabledPrefixColor: string;
-        disabledSuffixColor: string;
-        disabledPrefixColorOnDark: string;
-        disabledSuffixColorOnDark: string;
-        placeholderFontColor: string;
-        placeholderFontColorOnDark: string;
-        disabledPlaceholderFontColor: string;
-        disabledPlaceholderFontColorOnDark: string;
-        valueFontColor: string;
-        valueFontColorOnDark: string;
-        valueFontSize: string;
-        valueFontStyle: string;
-        valueFontWeight: string;
-        disabledValueFontColor: string;
-        disabledValueFontColorOnDark: string;
-        actionIconColor: string;
-        actionIconColorOnDark: string;
-        disabledActionIconColor: string;
-        disabledActionIconColorOnDark: string;
-        hoverActionIconColor: string;
-        hoverActionIconColorOnDark: string;
-        focusActionIconColor: string;
-        focusActionIconColorOnDark: string;
-        activeActionIconColor: string;
-        activeActionIconColorOnDark: string;
-        actionBackgroundColor: string;
-        actionBackgroundColorOnDark: string;
-        disabledActionBackgroundColor: string;
-        disabledActionBackgroundColorOnDark: string;
-        hoverActionBackgroundColor: string;
-        hoverActionBackgroundColorOnDark: string;
-        focusActionBorderColor: string;
-        focusActionBorderColorOnDark: string;
-        activeActionBackgroundColor: string;
-        activeActionBackgroundColorOnDark: string;
-        listDialogBackgroundColor: string;
-        listDialogBorderColor: string;
-        listOptionDividerColor: string;
-        listOptionFontColor: string;
-        listOptionFontSize: string;
-        listOptionFontStyle: string;
-        listOptionFontWeight: string;
-        systemMessageFontColor: string;
-        errorListDialogFontColor: string;
-        errorListDialogBackgroundColor: string;
-        errorListDialogBorderColor: string;
-        hoverListOptionBackgroundColor: string;
-        activeListOptionBackgroundColor: string;
-        focusListOptionBorderColor: string;
-    };
-    toggleGroup: {
-        containerBackgroundColor: string;
-        containerBorderColor: string;
-        labelFontColor: string;
-        disabledLabelFontColor: string;
-        helperTextFontColor: string;
-        disabledHelperTextFontcolor: string;
-        unselectedBackgroundColor: string;
-        unselectedHoverBackgroundColor: string;
-        unselectedActiveBackgroundColor: string;
-        unselectedDisabledBackgroundColor: string;
-        unselectedFontColor: string;
-        unselectedDisabledFontColor: string;
-        selectedBackgroundColor: string;
-        selectedHoverBackgroundColor: string;
-        selectedActiveBackgroundColor: string;
-        selectedDisabledBackgroundColor: string;
-        selectedFontColor: string;
-        selectedDisabledFontColor: string;
-        focusColor: string;
-        labelFontFamily: string;
-        labelFontSize: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelLineHeight: string;
-        helperTextFontFamily: string;
-        helperTextFontSize: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextLineHeight: string;
-        optionLabelFontFamily: string;
-        optionLabelFontSize: string;
-        optionLabelFontStyle: string;
-        optionLabelFontWeight: string;
-        iconPaddingRight: string;
-        iconPaddingLeft: string;
-        labelPaddingLeft: string;
-        labelPaddingRight: string;
-        iconMarginRight: string;
-        containerMarginTop: string;
-        optionBorderThickness: string;
-        optionBorderStyle: string;
-        optionBorderRadius: string;
-        containerBorderThickness: string;
-        containerBorderStyle: string;
-        containerBorderRadius: string;
-        optionFocusBorderThickness: string;
-    };
-    wizard: {
-        visitedStepFontColor: string;
-        visitedStepBackgroundColor: string;
-        visitedStepBorderColor: string;
-        unvisitedStepFontColor: string;
-        unvisitedLabelFontColor: string;
-        unvisitedHelperTextFontColor: string;
-        unvisitedStepBackgroundColor: string;
-        unvisitedStepBorderColor: string;
-        selectedStepFontColor: string;
-        selectedStepBackgroundColor: string;
-        selectedStepBorderColor: string;
-        selectedLabelFontColor: string;
-        selectedHelperTextFontColor: string;
-        selectedStepWidth: string;
-        selectedStepHeight: string;
-        selectedStepBorderThickness: string;
-        selectedStepBorderStyle: string;
-        selectedStepBorderRadius: string;
-        stepFontSize: string;
-        stepFontFamily: string;
-        stepFontStyle: string;
-        stepFontWeight: string;
-        stepFontTracking: string;
-        stepIconSize: string;
-        stepWidth: string;
-        stepHeight: string;
-        stepBorderThickness: string;
-        stepBorderStyle: string;
-        stepBorderRadius: string;
-        visitedLabelFontColor: string;
-        labelFontSize: string;
-        labelFontFamily: string;
-        labelFontStyle: string;
-        labelFontWeight: string;
-        labelFontTracking: string;
-        labelFontTextTransform: string;
-        labelTextAlign: string;
-        helperTextFontSize: string;
-        helperTextFontFamily: string;
-        helperTextFontStyle: string;
-        helperTextFontWeight: string;
-        helperTextFontTracking: string;
-        helperTextFontTextTransform: string;
-        visitedHelperTextFontColor: string;
-        helperTextTextAlign: string;
-        disabledStepBackgroundColor: string;
-        disabledStepFontColor: string;
-        disabledLabelFontColor: string;
-        disabledHelperTextFontColor: string;
-        disabledStepBorderColor: string;
-        disabledStepWidth: string;
-        disabledStepHeight: string;
-        disabledStepBorderThickness: string;
-        disabledStepBorderStyle: string;
-        disabledStepBorderRadius: string;
-        separatorBorderThickness: string;
-        separatorBorderStyle: string;
-        separatorColor: string;
-        focusColor: string;
-    };
-};
-export declare const spaces: {
-    xxsmall: string;
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-};
-export declare const responsiveSizes: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-export declare const typeface: {
-    body: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-    altBody: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-    subtitle: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-    altSubtitle: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-    caption: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-    overline: {
-        fontSize: string;
-        letterSpacing: string;
-        textTransform: string;
-    };
-};
-export declare const defaultTranslatedComponentLabels: TranslatedLabelsContextTypes;