@dxc-technology/halstack-react 12.1.0 → 13.0.0

package/common/variables.d.ts

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