@instructure/shared-types 8.21.1-snapshot.10 → 8.22.1-snapshot.0

package/types/ComponentThemeVariables.d.ts

@@ -1,1414 +0,0 @@
-import { Colors } from './Colors';
-import { Border, Breakpoints, Forms, Media, Shadows, Spacing, Stacking, Transitions, Typography } from './BaseTheme';
-export interface ComponentTheme {
-    [variableName: string]: string | number | undefined;
-}
-export declare type AlertTheme = {
-    background: Colors['backgroundLightest'];
-    color: Colors['textDarkest'];
-    marginTop: Spacing['small'];
-    borderRadius: Border['radiusMedium'];
-    borderWidth: Border['widthMedium'];
-    borderStyle: Border['style'];
-    contentPadding: string | 0;
-    contentFontSize: Typography['fontSizeMedium'];
-    contentFontFamily: Typography['fontFamily'];
-    contentFontWeight: Typography['fontWeightNormal'];
-    contentLineHeight: Typography['lineHeightCondensed'];
-    closeButtonMarginTop: Spacing['xSmall'];
-    closeButtonMarginRight: Spacing['xxSmall'];
-    iconColor: Colors['textLightest'];
-    successBorderColor: Colors['borderSuccess'];
-    successIconBackground: Colors['backgroundSuccess'];
-    infoBorderColor: Colors['borderInfo'];
-    infoIconBackground: Colors['backgroundInfo'];
-    warningBorderColor: Colors['borderWarning'];
-    warningIconBackground: Colors['backgroundWarning'];
-    dangerBorderColor: Colors['borderDanger'];
-    dangerIconBackground: Colors['backgroundDanger'];
-    boxShadow: Shadows['depth2'];
-};
-export declare type AvatarTheme = {
-    background: Colors['backgroundLightest'];
-    borderWidthSmall: Border['widthSmall'];
-    borderWidthMedium: Border['widthMedium'];
-    borderColor: Colors['borderMedium'];
-    boxShadowColor: Colors['backgroundDarkest'];
-    boxShadowBlur: string;
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightBold'];
-    color: Colors['brand'];
-    colorShamrock: Colors['shamrock'];
-    colorBarney: Colors['barney'];
-    colorCrimson: Colors['crimson'];
-    colorFire: Colors['fire'];
-    colorLicorice: Colors['licorice'];
-    colorAsh: Colors['ash'];
-};
-export declare type BadgeTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textLightest'];
-    fontSize: Typography['fontSizeXSmall'];
-    colorDanger: Colors['textDanger'];
-    colorSuccess: Colors['textSuccess'];
-    colorPrimary: Colors['textBrand'];
-    colorInverse: Colors['textDarkest'];
-    size: string;
-    countOffset: string | 0;
-    notificationOffset: string | 0;
-    notificationZIndex: Stacking['above'];
-    sizeNotification: Spacing['small'];
-    borderRadius: string | 0;
-    padding: Spacing['xxSmall'];
-    pulseBorderThickness: Border['widthMedium'];
-};
-export declare type BillboardTheme = {
-    fontFamily: Typography['fontFamily'];
-    paddingSmall: Spacing['small'];
-    paddingMedium: Spacing['medium'];
-    paddingLarge: Spacing['medium'];
-    iconColor: Colors['textDark'];
-    mediumMargin: Spacing['small'];
-    largeMargin: Spacing['medium'];
-    iconHoverColor: Colors['textLink'];
-    backgroundColor: Colors['backgroundLightest'];
-    iconHoverColorInverse: Colors['textLightest'];
-    buttonBorderWidth: Border['widthMedium'];
-    buttonBorderRadius: Border['radiusLarge'];
-    messageColor: Colors['textDark'];
-    messageColorClickable: Colors['textLink'];
-    messageColorInverse: Colors['textLight'];
-    messageFontSizeSmall: Typography['fontSizeSmall'];
-    messageFontSizeMedium: Typography['fontSizeMedium'];
-    messageFontSizeLarge: Typography['fontSizeLarge'];
-    clickableActiveBg: Colors['backgroundBrand'];
-    clickableActiveText: Colors['textLightest'];
-    buttonBorderStyle: Border['style'];
-    buttonHoverBorderStyle: string;
-};
-export declare type BreadcrumbTheme = {
-    fontFamily: Typography['fontFamily'];
-    separatorColor: Colors['borderDark'];
-    smallSeparatorFontSize: string;
-    smallFontSize: Typography['fontSizeSmall'];
-    mediumSeparatorFontSize: string;
-    mediumFontSize: Typography['fontSizeMedium'];
-    largeSeparatorFontSize: string;
-    largeFontSize: Typography['fontSizeLarge'];
-};
-export declare type BaseButtonTheme = {
-    transform: string;
-    hoverTransform: string;
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    textTransform: string;
-    letterSpacing: string;
-    borderRadius: Border['radiusMedium'];
-    borderStyle: Border['style'];
-    borderWidth: Border['widthSmall'];
-    smallHeight: Forms['inputHeightSmall'];
-    smallFontSize: Typography['fontSizeSmall'];
-    smallPaddingHorizontal: Spacing['xSmall'];
-    smallPaddingTop: string;
-    smallPaddingBottom: string;
-    mediumHeight: Forms['inputHeightMedium'];
-    mediumFontSize: Typography['fontSizeMedium'];
-    mediumPaddingHorizontal: Spacing['small'];
-    mediumPaddingTop: string;
-    mediumPaddingBottom: string;
-    largeHeight: Forms['inputHeightLarge'];
-    largeFontSize: Typography['fontSizeLarge'];
-    largePaddingHorizontal: Spacing['medium'];
-    largePaddingTop: string;
-    largePaddingBottom: string;
-    lineHeight: Typography['lineHeightFit'];
-    iconSizeSmall: string;
-    iconSizeMedium: string;
-    iconSizeLarge: string;
-    iconTextGap: Spacing['xSmall'];
-    iconTextGapCondensed: Spacing['xxSmall'];
-    primaryColor: string;
-    primaryBorderColor: string;
-    primaryBackground: string;
-    primaryHoverBackground: string;
-    primaryActiveBackground: string;
-    primaryActiveBoxShadow: string;
-    primaryGhostColor: string;
-    primaryGhostBorderColor: string;
-    primaryGhostBackground: string;
-    primaryGhostHoverBackground: string;
-    primaryGhostActiveBackground: string;
-    primaryGhostActiveBoxShadow: string;
-    secondaryColor: string;
-    secondaryBorderColor: string;
-    secondaryBackground: string;
-    secondaryHoverBackground: string;
-    secondaryActiveBackground: string;
-    secondaryActiveBoxShadow: string;
-    secondaryGhostColor: string;
-    secondaryGhostBorderColor: string;
-    secondaryGhostBackground: string;
-    secondaryGhostHoverBackground: string;
-    secondaryGhostActiveBackground: string;
-    secondaryGhostActiveBoxShadow: string;
-    successColor: string;
-    successBorderColor: string;
-    successBackground: string;
-    successHoverBackground: string;
-    successActiveBackground: string;
-    successActiveBoxShadow: string;
-    successGhostColor: string;
-    successGhostBorderColor: string;
-    successGhostBackground: string;
-    successGhostHoverBackground: string;
-    successGhostActiveBackground: string;
-    successGhostActiveBoxShadow: string;
-    dangerColor: string;
-    dangerBorderColor: string;
-    dangerBackground: string;
-    dangerHoverBackground: string;
-    dangerActiveBackground: string;
-    dangerActiveBoxShadow: string;
-    dangerGhostColor: string;
-    dangerGhostBorderColor: string;
-    dangerGhostBackground: string;
-    dangerGhostHoverBackground: string;
-    dangerGhostActiveBackground: string;
-    dangerGhostActiveBoxShadow: string;
-    primaryInverseColor: string;
-    primaryInverseBorderColor: string;
-    primaryInverseBackground: string;
-    primaryInverseHoverBackground: string;
-    primaryInverseActiveBackground: string;
-    primaryInverseActiveBoxShadow: string;
-    primaryInverseGhostColor: string;
-    primaryInverseGhostBorderColor: string;
-    primaryInverseGhostBackground: string;
-    primaryInverseGhostHoverBackground: string;
-    primaryInverseGhostActiveBackground: string;
-    primaryInverseGhostActiveBoxShadow: string;
-};
-export declare type CloseButtonTheme = {
-    offsetMedium: Spacing['medium'];
-    offsetSmall: Spacing['small'];
-    offsetXSmall: Spacing['xSmall'];
-    zIndex: Stacking['above'];
-};
-export declare type BylineTheme = {
-    fontFamily: Typography['fontFamily'];
-    background: Colors['backgroundLightest'];
-    color: Colors['textDarkest'];
-    figureMargin: Spacing['small'];
-    titleMargin: Spacing['xSmall'];
-    titleFontSize: Typography['fontSizeLarge'];
-    titleFontWeight: Typography['fontWeightNormal'];
-    titleLineHeight: Typography['lineHeightFit'];
-    descriptionFontSize: Typography['fontSizeMedium'];
-    descriptionFontWeight: Typography['fontWeightNormal'];
-    descriptionLineHeight: Typography['lineHeightCondensed'];
-    small: Breakpoints['small'];
-    medium: Breakpoints['medium'];
-    large: Breakpoints['large'];
-};
-export declare type CalendarDayTheme = {
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    fontSize: Typography['fontSizeMedium'];
-    padding: Spacing['xxSmall'];
-    height: Forms['inputHeightSmall'];
-    minWidth: Forms['inputHeightSmall'];
-    outsideMonthColor: Colors['textDark'];
-    selectedBackground: Colors['backgroundSuccess'];
-    selectedColor: Colors['textLightest'];
-    selectedBorderRadius: Border['radiusMedium'];
-    todayBackground: Colors['backgroundBrand'];
-    todayColor: Colors['textLightest'];
-    todayBorderRadius: Forms['inputHeightSmall'];
-};
-export declare type CalendarTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    navMargin: Spacing['small'];
-    maxHeaderWidth: Spacing['medium'];
-};
-export declare type CheckboxFacadeTheme = {
-    color: Colors['textLightest'];
-    borderWidth: Border['widthSmall'];
-    borderColor: Colors['borderDark'];
-    borderRadius: Border['radiusMedium'];
-    background: Colors['backgroundLightest'];
-    marginRight: Spacing['xSmall'];
-    padding: Spacing['xxxSmall'];
-    checkedBackground: Colors['backgroundDarkest'];
-    checkedBorderColor: Colors['borderDarkest'];
-    hoverBorderColor: Colors['borderDarkest'];
-    focusBorderColor: Colors['borderBrand'];
-    focusBorderWidth: Border['widthMedium'];
-    focusBorderStyle: Border['style'];
-    labelColor: Colors['textDarkest'];
-    checkedLabelColor: Colors['textDarkest'];
-    labelFontFamily: Typography['fontFamily'];
-    labelFontWeight: Typography['fontWeightNormal'];
-    labelLineHeight: Typography['lineHeightCondensed'];
-    facadeSizeSmall: string;
-    facadeSizeMedium: string;
-    facadeSizeLarge: string;
-    labelFontSizeSmall: Typography['fontSizeSmall'];
-    labelFontSizeMedium: Typography['fontSizeMedium'];
-    labelFontSizeLarge: Typography['fontSizeLarge'];
-    iconSizeSmall: string;
-    iconSizeMedium: string;
-    iconSizeLarge: string;
-};
-export declare type ToggleFacadeTheme = {
-    color: Colors['textLightest'];
-    background: Colors['backgroundLight'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthMedium'];
-    borderRadius: string;
-    marginEnd: Spacing['small'];
-    marginStart: Spacing['small'];
-    marginVertical: Spacing['xSmall'];
-    checkedBackground: Colors['backgroundSuccess'];
-    uncheckedIconColor: Colors['textDarkest'];
-    checkedIconColor: Colors['textSuccess'];
-    focusOutlineColor: Colors['borderBrand'];
-    focusBorderWidth: Border['widthMedium'];
-    focusBorderStyle: Border['style'];
-    toggleBackground: Colors['backgroundLightest'];
-    toggleShadow: Shadows['depth1'];
-    toggleSize: Forms['inputHeightSmall'];
-    labelColor: Colors['textDarkest'];
-    labelFontFamily: Typography['fontFamily'];
-    labelFontWeight: Typography['fontWeightNormal'];
-    labelLineHeight: Typography['lineHeightCondensed'];
-    labelFontSizeSmall: Typography['fontSizeSmall'];
-    labelFontSizeMedium: Typography['fontSizeMedium'];
-    labelFontSizeLarge: Typography['fontSizeLarge'];
-};
-export declare type CodeEditorTheme = {
-    fontFamily: Typography['fontFamilyMonospace'];
-    fontSize: Typography['fontSizeSmall'];
-    background: Colors['backgroundLight'];
-    border: string | 0;
-    borderRadius: Border['radiusMedium'];
-    focusBorderColor: Colors['borderBrand'];
-    focusBoxShadow: Colors['borderLightest'];
-    horizontalPadding: Spacing['xSmall'];
-    verticalPadding: Spacing['xxSmall'];
-    color: Colors['textDarkest'];
-    lineNumberColor: Colors['textDark'];
-    gutterBorder: Colors['borderLight'];
-    gutterBackground: Colors['backgroundLight'];
-    gutterMarkerColor: Colors['textBrand'];
-    gutterMarkerSubtleColor: Colors['textDark'];
-    cursorColor: Colors['textDarkest'];
-    secondaryCursorColor: Colors['textDark'];
-    rulerColor: Colors['borderDark'];
-    matchingBracketOutline: Colors['textDark'];
-    nonMatchingBracketColor: Colors['textDanger'];
-    matchingTagBackground: string;
-    activeLineBackground: Colors['backgroundLight'];
-    selectedBackground: Colors['backgroundLight'];
-    fatCursorBackground: Colors['backgroundSuccess'];
-    fatCursorMarkBackground: string;
-    searchingBackground: string;
-    zIndex: Stacking['above'];
-    quoteColor: Colors['textSuccess'];
-    headerColor: Colors['textWarning'];
-    negativeColor: Colors['textDanger'];
-    positiveColor: Colors['textSuccess'];
-    keywordColor: Colors['textBrand'];
-    atomColor: Colors['textWarning'];
-    numberColor: Colors['textWarning'];
-    defColor: Colors['textDarkest'];
-    variableColor: Colors['textBrand'];
-    secondaryVariableColor: Colors['textWarning'];
-    typeColor: Colors['textBrand'];
-    commentColor: Colors['textDark'];
-    stringColor: Colors['textBrand'];
-    secondaryStringColor: Colors['textDanger'];
-    metaColor: Colors['textDarkest'];
-    qualifierColor: Colors['textSuccess'];
-    builtInColor: Colors['textWarning'];
-    bracketColor: Colors['borderDark'];
-    tagColor: Colors['textSuccess'];
-    attributeColor: Colors['textBrand'];
-    hrColor: Colors['borderDark'];
-    linkColor: Colors['textBrand'];
-    errorColor: Colors['textDanger'];
-    propertyColor: Colors['textAlert'];
-    nodeColor: Colors['textWarning'];
-    operatorColor: Colors['textDarkest'];
-};
-export declare type DrawerLayoutContentTheme = {
-    duration: Transitions['duration'];
-};
-export declare type DrawerLayoutTrayTheme = {
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    zIndex: Stacking['topmost'];
-    boxShadow: Shadows['depth3'];
-};
-export declare type DrilldownTheme = {
-    headerTitleFontWeight: Typography['fontWeightBold'];
-    headerActionColor: Colors['textLink'];
-    labelInfoPadding: Spacing['small'];
-};
-export declare type FileDropTheme = {
-    backgroundColor: Colors['backgroundLightest'];
-    borderRadius: Border['radiusLarge'];
-    borderWidth: Border['widthMedium'];
-    borderStyle: string;
-    borderColor: Colors['borderMedium'];
-    hoverBorderColor: Colors['borderBrand'];
-    acceptedColor: Colors['textBrand'];
-    rejectedColor: Colors['textDanger'];
-};
-export declare type FlexTheme = {
-    fontFamily: Typography['fontFamily'];
-};
-export declare type FormFieldGroupTheme = {
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    borderColor: string;
-    borderRadius: Border['radiusMedium'];
-    errorBorderColor: Colors['borderDanger'];
-    errorFieldsPadding: Spacing['xSmall'];
-};
-export declare type FormFieldLabelTheme = {
-    color: Colors['textDarkest'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightBold'];
-    fontSize: Typography['fontSizeMedium'];
-    lineHeight: Typography['lineHeightFit'];
-};
-export declare type FormFieldMessageTheme = {
-    colorHint: Colors['textDarkest'];
-    colorError: Colors['textDanger'];
-    colorSuccess: Colors['textSuccess'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    fontSize: Typography['fontSizeSmall'];
-    lineHeight: Typography['lineHeight'];
-};
-export declare type FormFieldMessagesTheme = {
-    topMargin: Spacing['xxSmall'];
-};
-export declare type GridTheme = {
-    spacingSmall: Spacing['small'];
-    spacingMedium: Spacing['medium'];
-    spacingLarge: Spacing['large'];
-} & Media;
-export declare type HeadingTheme = {
-    lineHeight: Typography['lineHeightFit'];
-    h1FontSize: Typography['fontSizeXXLarge'];
-    h1FontWeight: Typography['fontWeightLight'];
-    h1FontFamily: Typography['fontFamily'];
-    h2FontSize: Typography['fontSizeXLarge'];
-    h2FontWeight: Typography['fontWeightNormal'];
-    h2FontFamily: Typography['fontFamily'];
-    h3FontSize: Typography['fontSizeLarge'];
-    h3FontWeight: Typography['fontWeightBold'];
-    h3FontFamily: Typography['fontFamily'];
-    h4FontSize: Typography['fontSizeMedium'];
-    h4FontWeight: Typography['fontWeightBold'];
-    h4FontFamily: Typography['fontFamily'];
-    h5FontSize: Typography['fontSizeSmall'];
-    h5FontWeight: Typography['fontWeightNormal'];
-    h5FontFamily: Typography['fontFamily'];
-    primaryInverseColor: Colors['textLightest'];
-    primaryColor: Colors['textDarkest'];
-    secondaryColor: Colors['textDark'];
-    secondaryInverseColor: Colors['textLight'];
-    borderPadding: Spacing['xxxSmall'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-};
-export declare type ImgTheme = {
-    effectTransitionDuration: string;
-    imageBlurAmount: string | 0;
-};
-export declare type LinkTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textLink'];
-    textDecorationWithinText: string;
-    hoverTextDecorationWithinText: string;
-    textDecorationOutsideText: string;
-    hoverTextDecorationOutsideText: string;
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineStyle: Border['style'];
-    hoverColor: Colors['textLink'];
-    colorInverse: Colors['textLight'];
-    focusInverseOutlineColor: Colors['borderLightest'];
-    focusInverseIconOutlineColor: Colors['borderLightest'];
-    iconSize: string;
-    iconPlusTextMargin: Spacing['xxSmall'];
-};
-export declare type InlineListItemTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    fontSizeSmall: Typography['fontSizeSmall'];
-    fontSizeMedium: Typography['fontSizeMedium'];
-    fontSizeLarge: Typography['fontSizeLarge'];
-    color: Colors['textDark'];
-    lineHeight: Typography['lineHeightCondensed'];
-    noneSpacing: Spacing['xSmall'];
-    pipeSpacing: Spacing['xSmall'];
-    slashSpacing: Spacing['xSmall'];
-    arrowSpacing: Spacing['xSmall'];
-    marginBottomDefault: Spacing['xxxSmall'];
-    spacingXXXSmall: Spacing['xxxSmall'];
-    spacingXXSmall: Spacing['xxSmall'];
-    spacingXSmall: Spacing['xSmall'];
-    spacingSmall: Spacing['small'];
-    spacingMedium: Spacing['medium'];
-    spacingLarge: Spacing['large'];
-    spacingXLarge: Spacing['xLarge'];
-    spacingXXLarge: Spacing['xxLarge'];
-};
-export declare type ListItemTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeight'];
-    fontSizeSmall: Typography['fontSizeSmall'];
-    fontSizeMedium: Typography['fontSizeMedium'];
-    fontSizeLarge: Typography['fontSizeLarge'];
-    color: Colors['textDarkest'];
-    spacingXXXSmall: Spacing['xxxSmall'];
-    spacingXXSmall: Spacing['xxSmall'];
-    spacingXSmall: Spacing['xSmall'];
-    spacingSmall: Spacing['small'];
-    spacingMedium: Spacing['medium'];
-    spacingLarge: Spacing['large'];
-    spacingXLarge: Spacing['xLarge'];
-    spacingXXLarge: Spacing['xxLarge'];
-    delimiterDashedBorder: string;
-    delimiterSolidBorder: string;
-};
-export declare type ListTheme = {
-    listPadding: Spacing['large'];
-    orderedNumberFontWeight: Typography['fontWeightBold'];
-    orderedNumberMargin: Spacing['xSmall'];
-};
-export declare type MenuItemTheme = {
-    padding: string | 0;
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeightCondensed'];
-    fontSize: Typography['fontSizeMedium'];
-    labelPadding: Spacing['large'];
-    labelColor: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    iconColor: Colors['textDarkest'];
-    iconPadding: Spacing['small'];
-    activeBackground: Colors['backgroundBrand'];
-    activeLabelColor: Colors['textLightest'];
-    activeIconColor: Colors['textLightest'];
-};
-export declare type MenuGroupTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightBold'];
-    padding: string | 0;
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type MenuSeparatorTheme = {
-    background: Colors['backgroundMedium'];
-    height: Border['widthSmall'];
-    margin: string | 0;
-};
-export declare type MenuTheme = {
-    minWidth: Breakpoints['xxSmall'];
-    maxWidth: Breakpoints['xSmall'];
-    background: Colors['backgroundLightest'];
-    focusBorderStyle: Border['style'];
-    focusBorderWidth: Border['widthMedium'];
-    focusBorderColor: Colors['borderBrand'];
-    focusBorderRadius: Border['radiusMedium'];
-};
-export declare type MetricTheme = {
-    padding: string | 0;
-    fontFamily: Typography['fontFamily'];
-    valueColor: Colors['textDarkest'];
-    valueFontSize: Typography['fontSizeXLarge'];
-    valueFontWeight: Typography['fontWeightBold'];
-    labelColor: Colors['textDarkest'];
-    labelFontSize: Typography['fontSizeXSmall'];
-};
-export declare type MetricGroupTheme = {
-    lineHeight: Typography['lineHeightCondensed'];
-};
-export declare type ModalBodyTheme = {
-    inverseBackground: Colors['backgroundBrandSecondary'];
-};
-export declare type ModalFooterTheme = {
-    background: Colors['backgroundLight'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthSmall'];
-    borderRadius: Border['radiusMedium'];
-    padding: Spacing['small'];
-    inverseBackground: Colors['backgroundDarkest'];
-    inverseBorderColor: Colors['borderDarkest'];
-};
-export declare type ModalHeaderTheme = {
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    padding: Spacing['medium'];
-    paddingCompact: Spacing['small'];
-    inverseBackground: Colors['backgroundDarkest'];
-    inverseBorderColor: Colors['backgroundDarkest'];
-};
-export declare type ModalTheme = {
-    fontFamily: Typography['fontFamily'];
-    textColor: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    borderRadius: Border['radiusMedium'];
-    inverseBackground: Colors['backgroundBrandSecondary'];
-    inverseTextColor: Colors['textLightest'];
-    autoMinWidth: Breakpoints['xSmall'];
-    smallMaxWidth: Breakpoints['small'];
-    mediumMaxWidth: Breakpoints['medium'];
-    largeMaxWidth: Breakpoints['large'];
-    boxShadow: Shadows['depth3'];
-    zIndex: Stacking['topmost'];
-};
-export declare type TransitionTheme = {
-    duration: Transitions['duration'];
-    timing: Transitions['timing'];
-};
-export declare type AppNavItemTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontSize: string | 0;
-    fontWeight: Typography['fontWeightBold'];
-    textColor: Colors['textLink'];
-    textColorSelected: Colors['textDarkest'];
-    height: string | 0;
-    padding: Spacing['small'];
-    backgroundColor: Colors['backgroundLightest'];
-};
-export declare type AppNavTheme = {
-    fontFamily: Typography['fontFamily'];
-    height: string | 0;
-    borderColor: Colors['borderMedium'];
-    borderStyle: Border['style'];
-    borderWidth: Border['widthSmall'];
-    horizontalMargin: Spacing['xxSmall'];
-    menuTriggerWidth: string | 0;
-};
-export declare type NavigationItemTheme = {
-    fontSize: Typography['fontSizeSmall'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightLight'];
-    fontColor: Colors['textLightest'];
-    iconSize: string | 0;
-    iconColor: Colors['textLightest'];
-    lineHeight: Typography['lineHeight'];
-    backgroundColor: string;
-    linkTextDecoration: string;
-    hoverBackgroundColor: Colors['backgroundDarkest'];
-    outerFocusOutline: string;
-    innerFocusOutline: string;
-    selectedFontColor: Colors['textBrand'];
-    selectedIconColor: Colors['textBrand'];
-    selectedBackgroundColor: Colors['backgroundLightest'];
-    selectedOuterFocusOutline: string;
-    selectedInnerFocusOutline: string;
-    contentPadding: Spacing['xxSmall'];
-};
-export declare type NavigationTheme = {
-    fontColor: Colors['textLightest'];
-    backgroundColor: Colors['backgroundBrandSecondary'];
-    width: string;
-    minimizedWidth: string;
-    fill: Colors['textLightest'];
-    focusOutlineInnerWidth: Border['widthMedium'];
-    focusOutlineOuterWidth: Border['widthSmall'];
-    focusOutlineInnerColor: Colors['borderBrand'];
-    focusOutlineOuterColor: Colors['borderLightest'];
-    marginBottom: Spacing['small'];
-    toggleTransition: Transitions['duration'];
-};
-export declare type NumberInputTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    borderColor: Colors['borderMedium'];
-    borderRadius: Border['radiusMedium'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    padding: string | 0;
-    arrowsContainerWidth: string | 0;
-    arrowsColor: Colors['textDarkest'];
-    arrowsBackgroundColor: Colors['backgroundLight'];
-    arrowsHoverBackgroundColor: Colors['backgroundMedium'];
-    arrowsBorderColor: Colors['borderMedium'];
-    arrowsActiveBoxShadow: string;
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineStyle: Border['style'];
-    focusOutlineColor: Colors['borderBrand'];
-    errorBorderColor: Colors['borderDanger'];
-    errorOutlineColor: Colors['borderDanger'];
-    placeholderColor: Colors['textDark'];
-    mediumFontSize: Typography['fontSizeMedium'];
-    mediumHeight: Forms['inputHeightMedium'];
-    largeFontSize: Typography['fontSizeLarge'];
-    largeHeight: Forms['inputHeightLarge'];
-};
-export declare type OptionsItemTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeightCondensed'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    highlightedLabelColor: Colors['textLightest'];
-    highlightedBackground: Colors['backgroundBrand'];
-    selectedLabelColor: Colors['textLightest'];
-    selectedBackground: Colors['backgroundDark'];
-    padding: string | 0;
-    iconPadding: Spacing['small'];
-    nestedPadding: Spacing['medium'];
-    beforeLabelContentVOffset: string | 0;
-    afterLabelContentVOffset: string | 0;
-    descriptionFontSize: Typography['fontSizeSmall'];
-    descriptionFontWeight: Typography['fontWeightNormal'];
-    descriptionLineHeight: Typography['lineHeight'];
-    descriptionPaddingStart: string | 0;
-    descriptionColor: Colors['textDark'];
-};
-export declare type OptionsSeparatorTheme = {
-    background: Colors['backgroundMedium'];
-    height: Border['widthSmall'];
-    margin: string | 0;
-};
-export declare type OptionsTheme = {
-    labelFontWeight: Typography['fontWeightBold'];
-    background: Colors['backgroundLightest'];
-    labelColor: Colors['textDarkest'];
-    labelPadding: string | 0;
-    nestedLabelPadding: string | 0;
-};
-export declare type MaskTheme = {
-    zIndex: Stacking['topmost'];
-    background: string;
-    borderColor: string;
-    focusBorderColor: Colors['borderBrand'];
-    borderRadius: Border['radiusMedium'];
-    borderWidth: Border['widthSmall'];
-};
-export declare type PagesTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type PaginationPageInputTheme = {
-    inputSpacing: Spacing['xSmall'];
-    inputWidth: string;
-};
-export declare type PillTheme = {
-    fontFamily: Typography['fontFamily'];
-    padding: string | 0;
-    height: string | 0;
-    background: Colors['backgroundLightest'];
-    textTransformStyle: string;
-    textFontSize: Typography['fontSizeXSmall'];
-    textFontWeight: Typography['fontWeightBold'];
-    maxWidth: string | 0;
-    primaryColor: Colors['textDark'];
-    infoColor: Colors['textInfo'];
-    dangerColor: Colors['textDanger'];
-    successColor: Colors['textSuccess'];
-    warningColor: Colors['textWarning'];
-    alertColor: Colors['textAlert'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    borderRadius: string | 0;
-};
-export declare type PositionTheme = {
-    zIndex: Stacking['topmost'];
-};
-export declare type ProgressBarTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeightCondensed'];
-    fontSize: Typography['fontSizeMedium'];
-    xSmallHeight: Spacing['xSmall'];
-    xSmallValueFontSize: Typography['fontSizeXSmall'];
-    smallHeight: string;
-    smallValueFontSize: Typography['fontSizeXSmall'];
-    mediumHeight: Spacing['medium'];
-    mediumValueFontSize: Typography['fontSizeSmall'];
-    largeHeight: Spacing['large'];
-    largeValueFontSize: Typography['fontSizeMedium'];
-    valuePadding: string | 0;
-    meterColorBrand: Colors['backgroundBrand'];
-    meterColorBrandInverse: Colors['backgroundBrand'];
-    meterColorInfo: Colors['backgroundInfo'];
-    meterColorInfoInverse: Colors['backgroundInfo'];
-    meterColorSuccess: Colors['backgroundSuccess'];
-    meterColorSuccessInverse: Colors['backgroundSuccess'];
-    meterColorDanger: Colors['backgroundDanger'];
-    meterColorDangerInverse: Colors['backgroundDanger'];
-    meterColorAlert: Colors['backgroundAlert'];
-    meterColorAlertInverse: Colors['backgroundAlert'];
-    meterColorWarning: Colors['backgroundWarning'];
-    meterColorWarningInverse: Colors['backgroundWarning'];
-    meterBorderWidthInverse: Border['widthSmall'];
-    meterBorderColorInverse: 'transparent';
-    trackColor: Colors['backgroundLightest'];
-    trackColorInverse: string;
-    trackBottomBorderWidth: Border['widthSmall'];
-    trackBottomBorderColor: Colors['borderMedium'];
-    trackBottomBorderColorInverse: Colors['borderLightest'];
-};
-export declare type ProgressCircleTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeightCondensed'];
-    xSmallSize: string;
-    xSmallRadius: string;
-    xSmallCircumference: string;
-    xSmallTransform: string;
-    xSmallStrokeWidth: string;
-    xSmallBorderOffset: string;
-    smallSize: string;
-    smallRadius: string;
-    smallCircumference: string;
-    smallTransform: string;
-    smallStrokeWidth: string;
-    smallBorderOffset: string;
-    mediumSize: string;
-    mediumRadius: string;
-    mediumCircumference: string;
-    mediumTransform: string;
-    mediumStrokeWidth: string;
-    mediumBorderOffset: string;
-    largeSize: string;
-    largeRadius: string;
-    largeCircumference: string;
-    largeTransform: string;
-    largeStrokeWidth: string;
-    largeBorderOffset: string;
-    color: Colors['textDarkest'];
-    colorInverse: Colors['textLightest'];
-    trackColor: Colors['backgroundLightest'];
-    trackColorInverse: string;
-    trackBorderColor: Colors['borderMedium'];
-    trackBorderColorInverse: Colors['borderLightest'];
-    meterColorBrand: Colors['backgroundBrand'];
-    meterColorBrandInverse: Colors['backgroundBrand'];
-    meterColorInfo: Colors['backgroundInfo'];
-    meterColorInfoInverse: Colors['backgroundInfo'];
-    meterColorSuccess: Colors['backgroundSuccess'];
-    meterColorSuccessInverse: Colors['backgroundSuccess'];
-    meterColorDanger: Colors['backgroundDanger'];
-    meterColorDangerInverse: Colors['backgroundDanger'];
-    meterColorAlert: Colors['backgroundAlert'];
-    meterColorAlertInverse: Colors['backgroundAlert'];
-    meterColorWarning: Colors['backgroundWarning'];
-    meterColorWarningInverse: Colors['backgroundWarning'];
-};
-export declare type RadioInputTheme = {
-    labelColor: Colors['textDarkest'];
-    labelFontFamily: Typography['fontFamily'];
-    labelFontWeight: Typography['fontWeightNormal'];
-    labelLineHeight: Typography['lineHeightCondensed'];
-    background: Colors['backgroundLightest'];
-    borderWidth: Border['widthSmall'];
-    borderColor: Colors['borderDarkest'];
-    hoverBorderColor: Colors['borderDarkest'];
-    controlSize: string | 0;
-    focusBorderColor: Colors['borderBrand'];
-    focusBorderWidth: Border['widthMedium'];
-    focusBorderStyle: Border['style'];
-    simpleFacadeSmallSize: string | 0;
-    simpleFacadeMediumSize: string | 0;
-    simpleFacadeLargeSize: string | 0;
-    simpleCheckedInsetSmall: string | 0;
-    simpleCheckedInsetMedium: string | 0;
-    simpleCheckedInsetLarge: string | 0;
-    simpleFontSizeSmall: Typography['fontSizeSmall'];
-    simpleFontSizeMedium: Typography['fontSizeMedium'];
-    simpleFontSizeLarge: Typography['fontSizeLarge'];
-    simpleFacadeMarginEnd: Spacing['xSmall'];
-    toggleBorderRadius: Border['radiusSmall'];
-    toggleBorderWidth: Border['widthLarge'];
-    toggleBackgroundSuccess: Colors['backgroundSuccess'];
-    toggleBackgroundOff: Colors['backgroundDark'];
-    toggleBackgroundDanger: Colors['backgroundDanger'];
-    toggleBackgroundWarning: Colors['backgroundWarning'];
-    toggleHandleText: Colors['textLightest'];
-    toggleSmallHeight: Forms['inputHeightSmall'];
-    toggleMediumHeight: Forms['inputHeightMedium'];
-    toggleLargeHeight: Forms['inputHeightLarge'];
-    toggleShadow: Shadows['depth1'];
-    toggleSmallFontSize: Typography['fontSizeXSmall'];
-    toggleMediumFontSize: Typography['fontSizeSmall'];
-    toggleLargeFontSize: Typography['fontSizeMedium'];
-};
-export declare type RangeInputTheme = {
-    minWidth: string | 0;
-    handleSize: string | 0;
-    handleBackground: Colors['backgroundBrand'];
-    handleShadowColor: Colors['borderBrand'];
-    handleHoverBackground: Colors['backgroundBrand'];
-    handleFocusBackground: Colors['backgroundBrand'];
-    handleFocusOutlineColor: Colors['borderBrand'];
-    handleFocusOutlineWidth: string | 0;
-    trackBackground: Colors['backgroundDark'];
-    valueColor: Colors['textLightest'];
-    valueFontFamily: Typography['fontFamily'];
-    valueFontWeight: Typography['fontWeightNormal'];
-    valueSmallFontSize: Typography['fontSizeSmall'];
-    valueSmallPadding: string | 0;
-    valueSmallLineHeight: Forms['inputHeightSmall'];
-    valueMediumFontSize: Typography['fontSizeMedium'];
-    valueMediumPadding: string | 0;
-    valueMediumLineHeight: Forms['inputHeightMedium'];
-    valueLargeFontSize: Typography['fontSizeLarge'];
-    valueLargePadding: string | 0;
-    valueLargeLineHeight: Forms['inputHeightLarge'];
-};
-export declare type RatingIconTheme = {
-    iconMargin: Spacing['xxxSmall'];
-    iconEmptyColor: Colors['textBrand'];
-    iconFilledColor: Colors['textBrand'];
-    smallIconFontSize: Typography['fontSizeMedium'];
-    mediumIconFontSize: Typography['fontSizeLarge'];
-    largeIconFontSize: Typography['fontSizeXXLarge'];
-};
-export declare type SelectTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    smallIconSize: Typography['fontSizeXSmall'];
-    mediumIconSize: Typography['fontSizeSmall'];
-    largeIconSize: Typography['fontSizeMedium'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type SpinnerTheme = {
-    trackColor: Colors['backgroundLight'];
-    color: Colors['backgroundBrand'];
-    xSmallSize: string | 0;
-    xSmallBorderWidth: string | 0;
-    smallSize: string | 0;
-    smallBorderWidth: string | 0;
-    mediumSize: string | 0;
-    mediumBorderWidth: string | 0;
-    largeSize: string | 0;
-    largeBorderWidth: string | 0;
-    inverseColor: Colors['backgroundBrand'];
-};
-export declare type InlineSVGTheme = {
-    primaryInverseColor: Colors['textLightest'];
-    primaryColor: Colors['textDarkest'];
-    secondaryColor: Colors['textDark'];
-    secondaryInverseColor: Colors['textLight'];
-    warningColor: Colors['textWarning'];
-    brandColor: Colors['textBrand'];
-    errorColor: Colors['textDanger'];
-    alertColor: Colors['textAlert'];
-    successColor: Colors['textSuccess'];
-};
-export declare type SVGIconTheme = {
-    sizeXSmall: string | 0;
-    sizeSmall: string | 0;
-    sizeMedium: string | 0;
-    sizeLarge: string | 0;
-    sizeXLarge: string | 0;
-};
-export declare type TableBodyTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type TableCellTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    lineHeight: Typography['lineHeightCondensed'];
-    padding: string | 0;
-};
-export declare type TableColHeaderTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    lineHeight: Typography['lineHeightCondensed'];
-    padding: string | 0;
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineStyle: Border['style'];
-};
-export declare type TableHeadTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type TableRowTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    hoverBorderColor: Colors['borderBrand'];
-    padding: string | 0;
-};
-export declare type TableRowHeaderTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    lineHeight: Typography['lineHeightCondensed'];
-    padding: string | 0;
-};
-export declare type TableTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-};
-export declare type TabsPanelTheme = {
-    fontSize: Typography['fontSizeMedium'];
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeight'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-};
-export declare type TabsTabTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeightCondensed'];
-    fontSize: Typography['fontSizeMedium'];
-    defaultColor: Colors['textDarkest'];
-    defaultHoverBorderColor: Colors['borderMedium'];
-    defaultSelectedBorderColor: Colors['borderBrand'];
-    secondaryColor: Colors['textDarkest'];
-    secondarySelectedBackground: Colors['backgroundLightest'];
-    secondarySelectedBorderColor: Colors['borderMedium'];
-    zIndex: Stacking['above'];
-};
-export declare type TabsTheme = {
-    defaultBackground: Colors['backgroundLightest'];
-    scrollFadeColor: Colors['backgroundLightest'];
-    tabVerticalOffset: Border['widthSmall'];
-    zIndex: Stacking['above'];
-    scrollOverlayWidthDefault: string;
-    scrollOverlayWidthSecondary: string;
-};
-export declare type TagTheme = {
-    fontFamily: Typography['fontFamily'];
-    heightSmall: string | 0;
-    heightMedium: Forms['inputHeightSmall'];
-    heightLarge: Forms['inputHeightMedium'];
-    fontSizeSmall: Typography['fontSizeXSmall'];
-    fontSizeMedium: Typography['fontSizeSmall'];
-    fontSizeLarge: Typography['fontSizeMedium'];
-    padding: string | 0;
-    paddingSmall: string | 0;
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineStyle: Border['style'];
-    maxWidth: string | 0;
-    iconMargin: Spacing['small'];
-    transitionTiming: string;
-    defaultBackgroundHover: string;
-    defaultBackground: string;
-    defaultBorderColor: string;
-    defaultBorderRadius: string;
-    defaultBorderStyle: string;
-    defaultBorderWidth: string;
-    defaultColor: string;
-    defaultIconColor: string;
-    defaultIconHoverColor: string;
-    inlineBackgroundHover: string;
-    inlineBackground: string;
-    inlineBorderColor: string;
-    inlineBorderRadius: string;
-    inlineBorderStyle: string;
-    inlineBorderWidth: string;
-    inlineColor: string;
-    inlineIconColor: string;
-    inlineIconHoverColor: string;
-};
-export declare type TextTheme = Typography & {
-    primaryInverseColor: Colors['textLightest'];
-    primaryColor: Colors['textDarkest'];
-    secondaryColor: Colors['textDark'];
-    secondaryInverseColor: Colors['textLight'];
-    warningColor: Colors['textWarning'];
-    brandColor: Colors['textBrand'];
-    dangerColor: Colors['textDanger'];
-    successColor: Colors['textSuccess'];
-    alertColor: Colors['textAlert'];
-    paragraphMargin: string | 0;
-};
-export declare type TextAreaTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    borderTopColor: Colors['borderMedium'];
-    borderRightColor: Colors['borderMedium'];
-    borderBottomColor: Colors['borderMedium'];
-    borderLeftColor: Colors['borderMedium'];
-    borderRadius: Border['radiusMedium'];
-    padding: Spacing['small'];
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineStyle: Border['style'];
-    errorBorderColor: Colors['borderDanger'];
-    errorOutlineColor: Colors['borderDanger'];
-    placeholderColor: Colors['textDark'];
-    smallFontSize: Typography['fontSizeSmall'];
-    smallHeight: Forms['inputHeightSmall'];
-    mediumFontSize: Typography['fontSizeMedium'];
-    mediumHeight: Forms['inputHeightMedium'];
-    largeFontSize: Typography['fontSizeLarge'];
-    largeHeight: Forms['inputHeightLarge'];
-};
-export declare type TextInputTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    borderColor: Colors['borderMedium'];
-    borderRadius: Border['radiusMedium'];
-    color: Colors['textDarkest'];
-    background: Colors['backgroundLightest'];
-    padding: Spacing['small'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineStyle: Border['style'];
-    focusOutlineColor: Colors['borderBrand'];
-    errorBorderColor: Colors['borderDanger'];
-    errorOutlineColor: Colors['borderDanger'];
-    placeholderColor: Colors['textDark'];
-    smallFontSize: Typography['fontSizeSmall'];
-    smallHeight: Forms['inputHeightSmall'];
-    mediumFontSize: Typography['fontSizeMedium'];
-    mediumHeight: Forms['inputHeightMedium'];
-    largeFontSize: Typography['fontSizeLarge'];
-    largeHeight: Forms['inputHeightLarge'];
-};
-export declare type ToggleDetailsTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    lineHeight: Typography['lineHeight'];
-    textColor: Colors['textDarkest'];
-    fontSizeSmall: Typography['fontSizeSmall'];
-    fontSizeMedium: Typography['fontSizeMedium'];
-    fontSizeLarge: Typography['fontSizeLarge'];
-    smallIconSize: string | 0;
-    mediumIconSize: string | 0;
-    largeIconSize: string | 0;
-    iconMargin: Spacing['xxSmall'];
-    iconColor: Colors['textDarkest'];
-    togglePadding: Spacing['xxSmall'];
-    toggleBorderRadius: Border['radiusMedium'];
-    toggleBorderWidth: Border['widthMedium'];
-    toggleBorderStyle: Border['style'];
-    toggleFocusBorderColor: Colors['borderBrand'];
-    filledBackgroundColor: Colors['backgroundLight'];
-    filledBorderWidth: Border['widthSmall'];
-    filledBorderStyle: Border['style'];
-    filledBorderColor: Colors['borderMedium'];
-    filledBorderRadius: Border['radiusMedium'];
-    filledPadding: Spacing['small'];
-};
-export declare type TooltipTheme = {
-    fontFamily: Typography['fontFamily'];
-    fontWeight: Typography['fontWeightNormal'];
-    fontSize: Typography['fontSizeSmall'];
-    padding: Spacing['small'];
-};
-export declare type TrayTheme = {
-    background: Colors['backgroundLightest'];
-    borderColor: Colors['borderMedium'];
-    borderWidth: Border['widthSmall'];
-    borderStyle: Border['style'];
-    boxShadow: Shadows['depth3'];
-    xSmallWidth: Breakpoints['xSmall'];
-    smallWidth: string | 0;
-    regularWidth: Breakpoints['small'];
-    mediumWidth: Breakpoints['medium'];
-    largeWidth: Breakpoints['large'];
-    zIndex: Stacking['topmost'];
-};
-export declare type TreeBrowserButtonTheme = {
-    hoverBackgroundColor: Colors['backgroundBrand'];
-    hoverTextColor: Colors['textLightest'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineStyle: Border['style'];
-    iconColor: Colors['textDarkest'];
-    iconsMarginRight: Spacing['xSmall'];
-    descriptorMarginTop: Spacing['xxxSmall'];
-    descriptorTextColor: Colors['textDarkest'];
-    descriptorFontSizeSmall: Typography['fontSizeXSmall'];
-    descriptorFontSizeMedium: Typography['fontSizeXSmall'];
-    descriptorFontSizeLarge: Typography['fontSizeSmall'];
-    nameTextColor: Colors['textBrand'];
-    nameFontSizeSmall: Typography['fontSizeXSmall'];
-    nameFontSizeMedium: Typography['fontSizeSmall'];
-    nameFontSizeLarge: Typography['fontSizeMedium'];
-    baseSpacingSmall: Spacing['xSmall'];
-    baseSpacingMedium: Spacing['small'];
-    baseSpacingLarge: string | 0;
-    borderWidth: Border['widthSmall'];
-    borderRadius: Border['radiusMedium'];
-    borderColor: Colors['borderDark'];
-    textLineHeight: Typography['lineHeightCondensed'];
-    selectedTextColor: Colors['textLightest'];
-    selectedBackgroundColor: Colors['backgroundDark'];
-    selectedOutlineWidth: Border['widthLarge'];
-};
-export declare type TreeBrowserCollectionTheme = {
-    fontFamily: Typography['fontFamily'];
-    baseSpacingSmall: Spacing['xSmall'];
-    baseSpacingMedium: Spacing['small'];
-    baseSpacingLarge: string | 0;
-    borderWidth: Border['widthSmall'];
-    borderColor: Colors['borderDark'];
-};
-export declare type TreeBrowserTheme = {
-    borderRadius: Border['radiusMedium'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineColor: Colors['borderBrand'];
-    focusOutlineStyle: Border['style'];
-};
-export declare type TruncateTextTheme = {
-    fontFamily: Typography['fontFamily'];
-    lineHeight: Typography['lineHeight'];
-};
-export declare type ContextViewTheme = {
-    arrowSize: string | 0;
-    arrowBorderWidth: Border['widthSmall'];
-    arrowBackgroundColor: Colors['white'];
-    arrowBorderColor: Colors['tiara'];
-    arrowBackgroundColorInverse: Colors['licorice'];
-    arrowBorderColorInverse: string;
-};
-export declare type ViewTheme = {
-    fontFamily: Typography['fontFamily'];
-    color: Colors['textDarkest'];
-    colorPrimaryInverse: Colors['textLightest'];
-    borderColorPrimary: Colors['borderMedium'];
-    borderColorSecondary: Colors['borderDark'];
-    borderColorSuccess: Colors['borderSuccess'];
-    borderColorBrand: Colors['borderBrand'];
-    borderColorInfo: Colors['borderInfo'];
-    borderColorAlert: Colors['borderAlert'];
-    borderColorWarning: Colors['borderWarning'];
-    borderColorDanger: Colors['borderDanger'];
-    borderColorTransparent: string;
-    debugOutlineColor: Colors['borderDebug'];
-    backgroundPrimary: Colors['backgroundLightest'];
-    backgroundSecondary: Colors['backgroundLight'];
-    backgroundPrimaryInverse: Colors['backgroundDarkest'];
-    backgroundBrand: Colors['backgroundBrand'];
-    backgroundInfo: Colors['backgroundInfo'];
-    backgroundAlert: Colors['backgroundAlert'];
-    backgroundSuccess: Colors['backgroundSuccess'];
-    backgroundDanger: Colors['backgroundDanger'];
-    backgroundWarning: Colors['backgroundWarning'];
-    arrowSize: string | 0;
-    focusOutlineStyle: Border['style'];
-    focusOutlineWidth: Border['widthMedium'];
-    focusOutlineOffset: string | 0;
-    focusOutlineInset: string | 0;
-    focusColorInfo: Colors['borderInfo'];
-    focusColorDanger: Colors['borderDanger'];
-    focusColorSuccess: Colors['borderSuccess'];
-    focusColorInverse: Colors['borderLightest'];
-    xSmallMaxWidth: Breakpoints['xSmall'];
-    smallMaxWidth: Breakpoints['small'];
-    mediumMaxWidth: Breakpoints['medium'];
-    largeMaxWidth: Breakpoints['large'];
-    marginXxxSmall: string;
-    marginXxSmall: string;
-    marginXSmall: string;
-    marginSmall: string;
-    marginMedium: string;
-    marginLarge: string;
-    marginXLarge: string;
-    marginXxLarge: string;
-    paddingXxxSmall: string;
-    paddingXxSmall: string;
-    paddingXSmall: string;
-    paddingSmall: string;
-    paddingMedium: string;
-    paddingLarge: string;
-    paddingXLarge: string;
-    paddingXxLarge: string;
-    shadowDepth1: string;
-    shadowDepth2: string;
-    shadowDepth3: string;
-    shadowResting: string;
-    shadowAbove: string;
-    shadowTopmost: string;
-    stackingTopmost: number;
-    stackingAbove: number;
-    stackingBelow: number;
-    stackingDeepest: number;
-    borderRadiusSmall: string;
-    borderRadiusMedium: string;
-    borderRadiusLarge: string;
-    borderWidthSmall: string;
-    borderWidthMedium: string;
-    borderWidthLarge: string;
-    borderStyle: string;
-};
-export interface ThemeVariables {
-    Avatar: AvatarTheme;
-    Alert: AlertTheme;
-    Badge: BadgeTheme;
-    Billboard: BillboardTheme;
-    Breadcrumb: BreadcrumbTheme;
-    BaseButton: BaseButtonTheme;
-    Button: BaseButtonTheme;
-    CloseButton: CloseButtonTheme;
-    CondensedButton: BaseButtonTheme;
-    IconButton: BaseButtonTheme;
-    Byline: BylineTheme;
-    CalendarDay: CalendarDayTheme;
-    'Calendar.Day': CalendarDayTheme;
-    Calendar: CalendarTheme;
-    CheckboxFacade: CheckboxFacadeTheme;
-    ToggleFacade: ToggleFacadeTheme;
-    CodeEditor: CodeEditorTheme;
-    DrawerLayoutContent: DrawerLayoutContentTheme;
-    'DrawerLayout.Content': DrawerLayoutContentTheme;
-    DrawerLayoutTray: DrawerLayoutTrayTheme;
-    'DrawerLayout.Tray': DrawerLayoutTrayTheme;
-    Drilldown: DrilldownTheme;
-    FileDrop: FileDropTheme;
-    Flex: FlexTheme;
-    FormFieldGroup: FormFieldGroupTheme;
-    FormFieldLabel: FormFieldLabelTheme;
-    FormFieldMessage: FormFieldMessageTheme;
-    FormFieldMessages: FormFieldMessagesTheme;
-    Grid: GridTheme;
-    GridCol: GridTheme;
-    GridRow: GridTheme;
-    Heading: HeadingTheme;
-    Img: ImgTheme;
-    Link: LinkTheme;
-    InlineListItem: InlineListItemTheme;
-    'InlineList.Item': InlineListItemTheme;
-    ListItem: ListItemTheme;
-    'List.Item': ListItemTheme;
-    List: ListTheme;
-    MenuItem: MenuItemTheme;
-    'Menu.Item': MenuItemTheme;
-    MenuGroup: MenuGroupTheme;
-    'Menu.Group': MenuGroupTheme;
-    MenuSeparator: MenuSeparatorTheme;
-    'Menu.Separator': MenuSeparatorTheme;
-    Menu: MenuTheme;
-    Metric: MetricTheme;
-    MetricGroup: MetricGroupTheme;
-    ModalBody: ModalBodyTheme;
-    'Modal.Body': ModalBodyTheme;
-    ModalFooter: ModalFooterTheme;
-    'Modal.Footer': ModalFooterTheme;
-    ModalHeader: ModalHeaderTheme;
-    'Modal.Header': ModalHeaderTheme;
-    Modal: ModalTheme;
-    Transition: TransitionTheme;
-    AppNavItem: AppNavItemTheme;
-    'AppNav.Item': AppNavItemTheme;
-    AppNav: AppNavTheme;
-    NavigationItem: NavigationItemTheme;
-    'Navigation.Item': NavigationItemTheme;
-    Navigation: NavigationTheme;
-    NumberInput: NumberInputTheme;
-    OptionsItem: OptionsItemTheme;
-    'Options.Item': OptionsItemTheme;
-    OptionsSeparator: OptionsSeparatorTheme;
-    'Options.Separator': OptionsSeparatorTheme;
-    Options: OptionsTheme;
-    Mask: MaskTheme;
-    Pages: PagesTheme;
-    PaginationPageInput: PaginationPageInputTheme;
-    'Pagination.PageInput': PaginationPageInputTheme;
-    Position: PositionTheme;
-    Pill: PillTheme;
-    ProgressBar: ProgressBarTheme;
-    ProgressCircle: ProgressCircleTheme;
-    RangeInput: RangeInputTheme;
-    RadioInput: RadioInputTheme;
-    RatingIcon: RatingIconTheme;
-    'Rating.Icon': RatingIconTheme;
-    Select: SelectTheme;
-    Spinner: SpinnerTheme;
-    InlineSVG: InlineSVGTheme;
-    SVGIcon: SVGIconTheme;
-    TableBody: TableBodyTheme;
-    'Table.Body': TableBodyTheme;
-    TableCell: TableCellTheme;
-    'Table.Cell': TableCellTheme;
-    TableColHeader: TableColHeaderTheme;
-    'Table.ColHeader': TableColHeaderTheme;
-    TableHead: TableHeadTheme;
-    'Table.Head': TableHeadTheme;
-    TableRow: TableRowTheme;
-    'Table.Row': TableRowTheme;
-    TableRowHeader: TableRowHeaderTheme;
-    'Table.RowHeader': TableRowHeaderTheme;
-    TabsPanel: TabsPanelTheme;
-    'Tabs.Panel': TabsPanelTheme;
-    TabsTab: TabsTabTheme;
-    'Tabs.Tab': TabsTabTheme;
-    Table: TableTheme;
-    Tabs: TabsTheme;
-    Tag: TagTheme;
-    Text: TextTheme;
-    TextArea: TextAreaTheme;
-    TextInput: TextInputTheme;
-    ToggleDetails: ToggleDetailsTheme;
-    Tooltip: TooltipTheme;
-    Tray: TrayTheme;
-    TreeBrowserButton: TreeBrowserButtonTheme;
-    'TreeBrowser.Button': TreeBrowserButtonTheme;
-    TreeBrowserCollection: TreeBrowserCollectionTheme;
-    'TreeBrowser.Collection': TreeBrowserCollectionTheme;
-    TreeBrowser: TreeBrowserTheme;
-    TruncateText: TruncateTextTheme;
-    ContextView: ContextViewTheme;
-    View: ViewTheme;
-}
-//# sourceMappingURL=ComponentThemeVariables.d.ts.map