@instructure/shared-types 8.22.1-snapshot.0 → 8.22.1-snapshot.23

package/types/ComponentThemeVariables.d.ts

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