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

package/common/variables.d.ts

@@ -0,0 +1,1431 @@
+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;