@dxc-technology/halstack-react 0.0.0-b0ab1e3 → 0.0.0-b0ec7b9

package/common/variables.d.ts

@@ -0,0 +1,1432 @@
+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;
+        iconMarginRight: 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;
+        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;
+        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;
+        primaryBackgroundColor: string;
+        primaryFontColor: string;
+        primaryHoverBackgroundColor: string;
+        primaryActiveBackgroundColor: string;
+        primaryDisabledBackgroundColor: string;
+        primaryDisabledFontColor: string;
+        primaryBorderThickness: string;
+        primaryBorderStyle: string;
+        primaryBorderRadius: string;
+        primaryFontFamily: string;
+        primaryFontSize: string;
+        primaryFontWeight: string;
+        secondaryBackgroundColor: string;
+        secondaryFontColor: string;
+        secondaryHoverFontColor: string;
+        secondaryBorderColor: string;
+        secondaryHoverBackgroundColor: string;
+        secondaryActiveBackgroundColor: string;
+        secondaryDisabledBackgroundColor: string;
+        secondaryDisabledFontColor: string;
+        secondaryDisabledBorderColor: string;
+        secondaryBorderThickness: string;
+        secondaryBorderStyle: string;
+        secondaryBorderRadius: string;
+        secondaryFontFamily: string;
+        secondaryFontSize: string;
+        secondaryFontWeight: string;
+        textBackgroundColor: string;
+        textFontColor: string;
+        textHoverBackgroundColor: string;
+        textActiveBackgroundColor: string;
+        textDisabledBackgroundColor: string;
+        textDisabledFontColor: string;
+        textBorderThickness: string;
+        textBorderStyle: string;
+        textBorderRadius: string;
+        textFontFamily: string;
+        textFontSize: string;
+        textFontWeight: string;
+    };
+    card: {
+        height: string;
+        width: string;
+    };
+    checkbox: {
+        backgroundColorChecked: string;
+        hoverBackgroundColorChecked: string;
+        disabledBackgroundColorChecked: string;
+        readOnlyBackgroundColorChecked: string;
+        hoverReadOnlyBackgroundColorChecked: string;
+        borderColor: string;
+        hoverBorderColor: string;
+        disabledBorderColor: string;
+        readOnlyBorderColor: string;
+        hoverReadOnlyBorderColor: string;
+        checkColor: string;
+        disabledCheckColor: string;
+        readOnlyCheckColor: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        fontColor: string;
+        disabledFontColor: string;
+        focusColor: 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;
+    };
+    contextualMenu: {
+        fontFamily: string;
+        backgroundColor: string;
+        borderColor: string;
+        menuItemFontColor: string;
+        menuItemFontSize: string;
+        menuItemFontStyle: string;
+        menuItemFontWeight: string;
+        menuItemLineHeight: string;
+        hoverMenuItemBackgroundColor: string;
+        activeMenuItemBackgroundColor: string;
+        selectedMenuItemBackgroundColor: string;
+        hoverSelectedMenuItemBackgroundColor: string;
+        activeSelectedMenuItemBackgroundColor: string;
+        selectedMenuItemFontWeight: string;
+        sectionTitleFontColor: string;
+        sectionTitleFontSize: string;
+        sectionTitleFontStyle: string;
+        sectionTitleFontWeight: string;
+        sectionTitleLineHeight: string;
+        iconColor: string;
+        iconSize: 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;
+        closeIconSize: 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;
+    };
+    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;
+        buttonHeight: string;
+        buttonBorderRadius: string;
+        buttonBorderStyle: string;
+        buttonBorderThickness: string;
+        buttonBorderColor: string;
+        disabledColor: string;
+        disabledButtonBackgroundColor: string;
+        disabledButtonBorderColor: 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;
+        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;
+    };
+    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;
+    };
+    image: {
+        captionFontColor: string;
+        captionFontFamily: string;
+        captionFontSize: string;
+        captionFontStyle: string;
+        captionFontWeight: string;
+        captionLineHeight: string;
+    };
+    link: {
+        fontColor: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: string;
+        iconSize: string;
+        iconSpacing: string;
+        underlineSpacing: string;
+        underlineStyle: string;
+        underlineThickness: string;
+        disabledFontColor: 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: {
+        display: string;
+        fontColor: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    progressBar: {
+        trackLineColor: string;
+        totalLineColor: string;
+        labelFontFamily: string;
+        labelFontSize: string;
+        labelFontStyle: string;
+        labelFontWeight: string;
+        labelFontColor: string;
+        labelFontTextTransform: string;
+        valueFontFamily: string;
+        valueFontSize: string;
+        valueFontStyle: string;
+        valueFontWeight: string;
+        valueFontColor: string;
+        valueFontTextTransform: string;
+        helperTextFontColor: 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;
+        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;
+        labelFontColor: string;
+        helperTextFontColor: string;
+        disabledLabelFontColor: string;
+        disabledHelperTextFontColor: string;
+        thumbHeight: string;
+        thumbWidth: string;
+        hoverThumbHeight: string;
+        hoverThumbWidth: string;
+        thumbVerticalPosition: string;
+        hoverThumbVerticalPosition: string;
+        thumbBackgroundColor: string;
+        hoverThumbScale: string;
+        hoverThumbBackgroundColor: string;
+        activeThumbScale: string;
+        activeThumbBackgroundColor: string;
+        focusThumbBackgroundColor: string;
+        tickHeight: string;
+        tickWidth: string;
+        tickVerticalPosition: string;
+        tickBackgroundColor: string;
+        trackLineThickness: string;
+        trackLineVerticalPosition: string;
+        trackLineColor: string;
+        totalLineThickness: string;
+        totalLineVerticalPosition: string;
+        totalLineColor: string;
+        disabledThumbVerticalPosition: string;
+        disabledThumbBackgroundColor: string;
+        disabledTickVerticalPosition: string;
+        disabledTickBackgroundColor: string;
+        disabledTrackLineColor: string;
+        disabledTotalLineColor: string;
+        focusColor: string;
+        floorLabelMarginRight: string;
+        ceilLabelMarginLeft: string;
+        inputMarginLeft: string;
+    };
+    spinner: {
+        trackCircleColor: string;
+        trackCircleColorOverlay: string;
+        totalCircleColor: string;
+        labelFontFamily: string;
+        labelFontSize: string;
+        labelFontStyle: string;
+        labelFontWeight: string;
+        labelFontColor: string;
+        labelTextAlign: string;
+        progressValueFontFamily: string;
+        progressValueFontSize: string;
+        progressValueFontStyle: string;
+        progressValueFontWeight: string;
+        progressValueFontColor: 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;
+        checkedThumbBackgroundColor: string;
+        uncheckedTrackBackgroundColor: string;
+        uncheckedThumbBackgroundColor: string;
+        disabledCheckedTrackBackgroundColor: string;
+        disabledCheckedThumbBackgroundColor: string;
+        disabledUncheckedTrackBackgroundColor: string;
+        disabledUncheckedThumbBackgroundColor: string;
+        disabledLabelFontColor: string;
+        disabledLabelFontStyle: string;
+        labelFontFamily: string;
+        labelFontSize: string;
+        labelFontStyle: string;
+        labelFontWeight: string;
+        labelFontColor: string;
+        thumbFocusColor: 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;
+        dataPaddingTopReduced: string;
+        dataPaddingBottomReduced: string;
+        dataPaddingRightReduced: string;
+        dataPaddingLeftReduced: string;
+        dataTextAlign: string;
+        dataTextLineHeight: string;
+        firstChildPaddingLeft: string;
+        lastChildPaddingRight: string;
+        firstChildPaddingLeftReduced: string;
+        lastChildPaddingRightReduced: 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;
+        headerPaddingTopReduced: string;
+        headerPaddingBottomReduced: string;
+        headerPaddingRightReduced: string;
+        headerPaddingLeftReduced: string;
+        headerTextAlign: string;
+        headerTextLineHeight: string;
+        scrollBarThumbColor: string;
+        scrollBarTrackColor: string;
+        sortIconColor: string;
+        actionIconColor: string;
+        disabledActionIconColor: string;
+        hoverActionIconColor: string;
+        focusActionIconColor: string;
+        activeActionIconColor: string;
+        actionBackgroundColor: string;
+        disabledActionBackgroundColor: string;
+        hoverActionBackgroundColor: string;
+        focusActionBorderColor: string;
+        activeActionBackgroundColor: 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;
+        hoverBackgroundColor: string;
+        pressedBackgroundColor: string;
+        pressedFontWeight: string;
+        dividerColor: string;
+        dividerThickness: string;
+        focusOutline: string;
+        scrollButtonsWidth: 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;
+        hoverBorderColor: string;
+        focusBorderColor: string;
+        disabledBorderColor: string;
+        disabledContainerFillColor: string;
+        readOnlyBorderColor: string;
+        hoverReadOnlyBorderColor: string;
+        errorBorderColor: string;
+        hoverErrorBorderColor: string;
+        inputMarginTop: string;
+        inputMarginBottom: string;
+        errorMessageColor: string;
+        labelFontColor: string;
+        labelFontSize: string;
+        labelFontStyle: string;
+        labelFontWeight: string;
+        labelLineHeight: string;
+        disabledLabelFontColor: string;
+        optionalLabelFontWeight: string;
+        helperTextFontColor: string;
+        helperTextFontSize: string;
+        helperTextFontStyle: string;
+        helperTextFontWeight: string;
+        helperTextLineHeight: string;
+        disabledHelperTextFontColor: string;
+        placeholderFontColor: string;
+        disabledPlaceholderFontColor: string;
+        valueFontColor: string;
+        valueFontSize: string;
+        valueFontStyle: string;
+        valueFontWeight: string;
+        disabledValueFontColor: string;
+    };
+    textInput: {
+        fontFamily: string;
+        enabledBorderColor: string;
+        hoverBorderColor: string;
+        focusBorderColor: string;
+        disabledBorderColor: string;
+        disabledContainerFillColor: string;
+        readOnlyBorderColor: string;
+        hoverReadOnlyBorderColor: string;
+        errorBorderColor: string;
+        hoverErrorBorderColor: string;
+        inputMarginTop: string;
+        inputMarginBottom: string;
+        errorMessageColor: string;
+        errorIconColor: string;
+        labelFontColor: string;
+        labelFontSize: string;
+        labelFontStyle: string;
+        labelFontWeight: string;
+        labelLineHeight: string;
+        disabledLabelFontColor: string;
+        optionalLabelFontWeight: string;
+        helperTextFontColor: string;
+        helperTextFontSize: string;
+        helperTextFontStyle: string;
+        helperTextFontWeight: string;
+        helperTextLineHeight: string;
+        disabledHelperTextFontColor: string;
+        prefixColor: string;
+        suffixColor: string;
+        disabledPrefixColor: string;
+        disabledSuffixColor: string;
+        placeholderFontColor: string;
+        disabledPlaceholderFontColor: string;
+        valueFontColor: string;
+        valueFontSize: string;
+        valueFontStyle: string;
+        valueFontWeight: string;
+        disabledValueFontColor: string;
+        actionIconColor: string;
+        disabledActionIconColor: string;
+        hoverActionIconColor: string;
+        focusActionIconColor: string;
+        activeActionIconColor: string;
+        actionBackgroundColor: string;
+        disabledActionBackgroundColor: string;
+        hoverActionBackgroundColor: string;
+        focusActionBorderColor: string;
+        activeActionBackgroundColor: 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 type AdvancedTheme = typeof componentTokens;
+export type OpinionatedTheme = {
+    accordion: {
+        accentColor: string;
+        titleFontColor: string;
+        assistiveTextFontColor: string;
+    };
+    alert: {
+        baseColor: string;
+        accentColor: string;
+        overlayColor: string;
+    };
+    box: {
+        baseColor: string;
+    };
+    button: {
+        baseColor: string;
+        primaryFontColor: string;
+        secondaryHoverFontColor: string;
+    };
+    checkbox: {
+        baseColor: string;
+        checkColor: string;
+        fontColor: string;
+    };
+    chip: {
+        baseColor: string;
+        fontColor: string;
+        iconColor: string;
+    };
+    contextualMenu: {
+        accentColor: string;
+        baseColor: string;
+        fontColor: string;
+        iconColor: string;
+    };
+    dateInput: {
+        baseColor: string;
+        selectedFontColor: string;
+    };
+    dialog: {
+        baseColor: string;
+        closeIconColor: string;
+        overlayColor: string;
+    };
+    dropdown: {
+        baseColor: string;
+        fontColor: string;
+        optionFontColor: string;
+    };
+    fileInput: {
+        fontColor: string;
+    };
+    footer: {
+        baseColor: string;
+        fontColor: string;
+        accentColor: string;
+        logo: string;
+    };
+    header: {
+        baseColor: string;
+        accentColor: string;
+        fontColor: string;
+        menuBaseColor: string;
+        hamburguerColor: string;
+        logo: string;
+        logoResponsive: string;
+        contentColor: string;
+        overlayColor: string;
+    };
+    link: {
+        baseColor: string;
+    };
+    navTabs: {
+        baseColor: string;
+        accentColor: string;
+    };
+    paginator: {
+        baseColor: string;
+        fontColor: string;
+    };
+    progressBar: {
+        accentColor: string;
+        baseColor: string;
+        fontColor: string;
+        overlayColor: string;
+        overlayFontColor: string;
+    };
+    quickNav: {
+        fontColor: string;
+        accentColor: string;
+    };
+    radioGroup: {
+        baseColor: string;
+        fontColor: string;
+    };
+    select: {
+        selectedOptionBackgroundColor: string;
+        fontColor: string;
+        optionFontColor: string;
+        hoverBorderColor: string;
+    };
+    sidenav: {
+        baseColor: string;
+    };
+    slider: {
+        baseColor: string;
+        fontColor: string;
+        totalLineColor: string;
+    };
+    spinner: {
+        accentColor: string;
+        baseColor: string;
+        fontColor: string;
+        overlayColor: string;
+        overlayFontColor: string;
+    };
+    switch: {
+        checkedBaseColor: string;
+        fontColor: string;
+    };
+    table: {
+        baseColor: string;
+        headerFontColor: string;
+        cellFontColor: string;
+    };
+    tabs: {
+        baseColor: string;
+    };
+    tag: {
+        fontColor: string;
+        iconColor: string;
+    };
+    textarea: {
+        fontColor: string;
+        hoverBorderColor: string;
+    };
+    textInput: {
+        fontColor: string;
+        hoverBorderColor: string;
+    };
+    toggleGroup: {
+        selectedBaseColor: string;
+        selectedFontColor: string;
+        unselectedBaseColor: string;
+        unselectedFontColor: string;
+    };
+    wizard: {
+        baseColor: string;
+        fontColor: string;
+        selectedStepFontColor: 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 defaultTranslatedComponentLabels: {
+    formFields: {
+        optionalLabel: string;
+        requiredSelectionErrorMessage: string;
+        requiredValueErrorMessage: string;
+        formatRequestedErrorMessage: string;
+        lengthErrorMessage: (minLength?: number, maxLength?: number) => string;
+        logoAlternativeText: string;
+    };
+    applicationLayout: {
+        visibilityToggleTitle: string;
+    };
+    alert: {
+        infoTitleText: string;
+        successTitleText: string;
+        warningTitleText: string;
+        errorTitleText: string;
+    };
+    barChart: {
+        ariaLabel: string;
+        filterLabel: string;
+        filterPlaceholder: string;
+        loadingDataMessage: string;
+        noDataMessageBody: string;
+        noDataMessageTitle: string;
+        noMatchesMessageBody: string;
+        noMatchesMessageTitle: string;
+        retryButtonLabel: string;
+    };
+    dateInput: {
+        invalidDateErrorMessage: string;
+    };
+    dialog: {
+        closeIconAriaLabel: string;
+    };
+    fileInput: {
+        fileSizeGreaterThanErrorMessage: string;
+        fileSizeLessThanErrorMessage: string;
+        multipleButtonLabelDefault: string;
+        singleButtonLabelDefault: string;
+        dropAreaButtonLabelDefault: string;
+        multipleDropAreaLabelDefault: string;
+        singleDropAreaLabelDefault: string;
+        deleteFileActionTitle: string;
+    };
+    footer: {
+        copyrightText: (year: number) => string;
+    };
+    header: {
+        closeIcon: string;
+        hamburguerTitle: string;
+    };
+    numberInput: {
+        valueGreaterThanOrEqualToErrorMessage: (value: number) => string;
+        valueLessThanOrEqualToErrorMessage: (value: number) => string;
+        decrementValueTitle: string;
+        incrementValueTitle: string;
+    };
+    paginator: {
+        itemsPerPageText: string;
+        minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
+        goToPageText: string;
+        pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
+    };
+    passwordInput: {
+        inputShowPasswordTitle: string;
+        inputHidePasswordTitle: string;
+    };
+    quickNav: {
+        contentTitle: string;
+    };
+    radioGroup: {
+        optionalItemLabelDefault: string;
+    };
+    select: {
+        noMatchesErrorMessage: string;
+        actionClearSelectionTitle: string;
+        actionClearSearchTitle: string;
+    };
+    tabs: {
+        scrollLeft: string;
+        scrollRight: string;
+    };
+    textInput: {
+        clearFieldActionTitle: string;
+        searchingMessage: string;
+        fetchingDataErrorMessage: string;
+    };
+    calendar: {
+        daysShort: string[];
+        months: string[];
+        previousMonthTitle: string;
+        nextMonthTitle: string;
+    };
+};
+export type TranslatedLabels = typeof defaultTranslatedComponentLabels;