@octopusdeploy/design-system-tokens
Version:
The design systems tokens. This package contains the raw tokens in their original format, and compiled to an appropriate format for consumption by the design system components.
888 lines (887 loc) • 42.2 kB
TypeScript
export declare const color: {
readonly avatar: {
readonly background: {
readonly image: {
readonly default: "var(--colorAvatarBackgroundImageDefault)";
readonly hover: "var(--colorAvatarBackgroundImageHover)";
};
readonly project: {
readonly default: "var(--colorAvatarBackgroundProjectDefault)";
readonly hover: "var(--colorAvatarBackgroundProjectHover)";
};
readonly space: {
readonly default: "var(--colorAvatarBackgroundSpaceDefault)";
readonly hover: "var(--colorAvatarBackgroundSpaceHover)";
};
readonly template: {
readonly default: "var(--colorAvatarBackgroundTemplateDefault)";
readonly hover: "var(--colorAvatarBackgroundTemplateHover)";
};
readonly tenant: {
readonly default: "var(--colorAvatarBackgroundTenantDefault)";
readonly hover: "var(--colorAvatarBackgroundTenantHover)";
};
readonly user: {
readonly default: "var(--colorAvatarBackgroundUserDefault)";
readonly hover: "var(--colorAvatarBackgroundUserHover)";
};
};
readonly icon: {
readonly primary: "var(--colorAvatarIconPrimary)";
readonly secondary: "var(--colorAvatarIconSecondary)";
};
readonly text: "var(--colorAvatarText)";
};
readonly avatarStack: {
readonly background: {
readonly hover: "var(--colorAvatarStackBackgroundHover)";
};
readonly border: "var(--colorAvatarStackBorder)";
};
readonly background: {
readonly bold: "var(--colorBackgroundBold)";
readonly danger: "var(--colorBackgroundDanger)";
readonly disabled: "var(--colorBackgroundDisabled)";
readonly feature: "var(--colorBackgroundFeature)";
readonly info: "var(--colorBackgroundInfo)";
readonly inverse: {
readonly neutral: "var(--colorBackgroundInverseNeutral)";
readonly primary: "var(--colorBackgroundInversePrimary)";
readonly secondary: "var(--colorBackgroundInverseSecondary)";
readonly success: "var(--colorBackgroundInverseSuccess)";
};
readonly primary: {
readonly default: "var(--colorBackgroundPrimaryDefault)";
readonly hover: "var(--colorBackgroundPrimaryHover)";
readonly pressed: "var(--colorBackgroundPrimaryPressed)";
readonly transparent: "var(--colorBackgroundPrimaryTransparent)";
};
readonly quartary: {
readonly default: "var(--colorBackgroundQuartaryDefault)";
readonly hover: "var(--colorBackgroundQuartaryHover)";
readonly pressed: "var(--colorBackgroundQuartaryPressed)";
};
readonly secondary: {
readonly default: "var(--colorBackgroundSecondaryDefault)";
readonly hover: "var(--colorBackgroundSecondaryHover)";
readonly pressed: "var(--colorBackgroundSecondaryPressed)";
readonly transparent: "var(--colorBackgroundSecondaryTransparent)";
};
readonly selected: "var(--colorBackgroundSelected)";
readonly success: "var(--colorBackgroundSuccess)";
readonly tertiary: "var(--colorBackgroundTertiary)";
readonly warning: "var(--colorBackgroundWarning)";
};
readonly badge: {
readonly background: {
readonly danger: "var(--colorBadgeBackgroundDanger)";
readonly feature: "var(--colorBadgeBackgroundFeature)";
readonly info: "var(--colorBadgeBackgroundInfo)";
readonly inverseNeutral: "var(--colorBadgeBackgroundInverseNeutral)";
readonly neutral: "var(--colorBadgeBackgroundNeutral)";
readonly success: "var(--colorBadgeBackgroundSuccess)";
readonly upsell: "var(--colorBadgeBackgroundUpsell)";
readonly warning: "var(--colorBadgeBackgroundWarning)";
};
readonly border: {
readonly danger: "var(--colorBadgeBorderDanger)";
readonly success: "var(--colorBadgeBorderSuccess)";
};
readonly icon: {
readonly feature: "var(--colorBadgeIconFeature)";
readonly primary: "var(--colorBadgeIconPrimary)";
readonly secondary: "var(--colorBadgeIconSecondary)";
readonly upsell: "var(--colorBadgeIconUpsell)";
};
readonly text: {
readonly danger: "var(--colorBadgeTextDanger)";
readonly feature: "var(--colorBadgeTextFeature)";
readonly primary: "var(--colorBadgeTextPrimary)";
readonly secondary: "var(--colorBadgeTextSecondary)";
readonly success: "var(--colorBadgeTextSuccess)";
readonly upsell: "var(--colorBadgeTextUpsell)";
};
};
readonly border: {
readonly bold: "var(--colorBorderBold)";
readonly danger: "var(--colorBorderDanger)";
readonly default: "var(--colorBorderDefault)";
readonly disabled: "var(--colorBorderDisabled)";
readonly feature: "var(--colorBorderFeature)";
readonly info: "var(--colorBorderInfo)";
readonly inverse: {
readonly primary: "var(--colorBorderInversePrimary)";
readonly secondary: "var(--colorBorderInverseSecondary)";
};
readonly link: {
readonly default: "var(--colorBorderLinkDefault)";
readonly hover: "var(--colorBorderLinkHover)";
};
readonly primary: "var(--colorBorderPrimary)";
readonly secondary: "var(--colorBorderSecondary)";
readonly selected: "var(--colorBorderSelected)";
readonly success: "var(--colorBorderSuccess)";
readonly tertiary: "var(--colorBorderTertiary)";
readonly warning: "var(--colorBorderWarning)";
};
readonly button: {
readonly background: {
readonly destructive: {
readonly default: "var(--colorButtonBackgroundDestructiveDefault)";
readonly hover: "var(--colorButtonBackgroundDestructiveHover)";
readonly pressed: "var(--colorButtonBackgroundDestructivePressed)";
};
readonly disabled: "var(--colorButtonBackgroundDisabled)";
readonly loud: {
readonly default: "var(--colorButtonBackgroundLoudDefault)";
readonly hover: "var(--colorButtonBackgroundLoudHover)";
readonly pressed: "var(--colorButtonBackgroundLoudPressed)";
};
readonly neutral: {
readonly default: "var(--colorButtonBackgroundNeutralDefault)";
readonly hover: "var(--colorButtonBackgroundNeutralHover)";
readonly pressed: "var(--colorButtonBackgroundNeutralPressed)";
};
readonly primary: {
readonly default: "var(--colorButtonBackgroundPrimaryDefault)";
readonly hover: "var(--colorButtonBackgroundPrimaryHover)";
readonly pressed: "var(--colorButtonBackgroundPrimaryPressed)";
};
readonly quiet: {
readonly default: "var(--colorButtonBackgroundQuietDefault)";
readonly hover: "var(--colorButtonBackgroundQuietHover)";
readonly pressed: "var(--colorButtonBackgroundQuietPressed)";
};
readonly secondary: {
readonly default: "var(--colorButtonBackgroundSecondaryDefault)";
readonly hover: "var(--colorButtonBackgroundSecondaryHover)";
readonly pressed: "var(--colorButtonBackgroundSecondaryPressed)";
};
readonly tertiary: {
readonly default: "var(--colorButtonBackgroundTertiaryDefault)";
readonly hover: "var(--colorButtonBackgroundTertiaryHover)";
readonly pressed: "var(--colorButtonBackgroundTertiaryPressed)";
};
};
readonly border: {
readonly disabled: "var(--colorButtonBorderDisabled)";
readonly secondary: "var(--colorButtonBorderSecondary)";
};
readonly icon: {
readonly destructive: "var(--colorButtonIconDestructive)";
readonly disabled: "var(--colorButtonIconDisabled)";
readonly loud: "var(--colorButtonIconLoud)";
readonly neutral: "var(--colorButtonIconNeutral)";
readonly primary: "var(--colorButtonIconPrimary)";
readonly quiet: "var(--colorButtonIconQuiet)";
readonly secondary: "var(--colorButtonIconSecondary)";
readonly tertiary: "var(--colorButtonIconTertiary)";
};
readonly text: {
readonly destructive: "var(--colorButtonTextDestructive)";
readonly disabled: "var(--colorButtonTextDisabled)";
readonly loud: "var(--colorButtonTextLoud)";
readonly neutral: "var(--colorButtonTextNeutral)";
readonly primary: "var(--colorButtonTextPrimary)";
readonly quiet: "var(--colorButtonTextQuiet)";
readonly secondary: "var(--colorButtonTextSecondary)";
readonly tertiary: "var(--colorButtonTextTertiary)";
};
};
readonly callout: {
readonly background: {
readonly danger: {
readonly default: "var(--colorCalloutBackgroundDangerDefault)";
readonly hover: "var(--colorCalloutBackgroundDangerHover)";
readonly pressed: "var(--colorCalloutBackgroundDangerPressed)";
};
readonly feature: {
readonly default: "var(--colorCalloutBackgroundFeatureDefault)";
readonly hover: "var(--colorCalloutBackgroundFeatureHover)";
readonly pressed: "var(--colorCalloutBackgroundFeaturePressed)";
};
readonly info: {
readonly default: "var(--colorCalloutBackgroundInfoDefault)";
readonly hover: "var(--colorCalloutBackgroundInfoHover)";
readonly pressed: "var(--colorCalloutBackgroundInfoPressed)";
};
readonly success: {
readonly default: "var(--colorCalloutBackgroundSuccessDefault)";
readonly hover: "var(--colorCalloutBackgroundSuccessHover)";
readonly pressed: "var(--colorCalloutBackgroundSuccessPressed)";
};
readonly upsell: "var(--colorCalloutBackgroundUpsell)";
readonly warning: {
readonly default: "var(--colorCalloutBackgroundWarningDefault)";
readonly hover: "var(--colorCalloutBackgroundWarningHover)";
readonly pressed: "var(--colorCalloutBackgroundWarningPressed)";
};
};
readonly border: {
readonly danger: "var(--colorCalloutBorderDanger)";
readonly default: "var(--colorCalloutBorderDefault)";
readonly feature: "var(--colorCalloutBorderFeature)";
readonly info: "var(--colorCalloutBorderInfo)";
readonly success: "var(--colorCalloutBorderSuccess)";
readonly upsell: "var(--colorCalloutBorderUpsell)";
readonly warning: "var(--colorCalloutBorderWarning)";
};
readonly code: {
readonly background: "var(--colorCalloutCodeBackground)";
};
readonly icon: {
readonly danger: "var(--colorCalloutIconDanger)";
readonly feature: "var(--colorCalloutIconFeature)";
readonly info: "var(--colorCalloutIconInfo)";
readonly success: "var(--colorCalloutIconSuccess)";
readonly warning: "var(--colorCalloutIconWarning)";
};
readonly text: {
readonly body: "var(--colorCalloutTextBody)";
readonly danger: "var(--colorCalloutTextDanger)";
readonly feature: "var(--colorCalloutTextFeature)";
readonly info: "var(--colorCalloutTextInfo)";
readonly success: "var(--colorCalloutTextSuccess)";
readonly warning: "var(--colorCalloutTextWarning)";
};
};
readonly card: {
readonly background: {
readonly primary: {
readonly default: "var(--colorCardBackgroundPrimaryDefault)";
};
readonly secondary: {
readonly default: "var(--colorCardBackgroundSecondaryDefault)";
readonly hover: "var(--colorCardBackgroundSecondaryHover)";
};
};
readonly chart: {
readonly background: {
readonly default: "var(--colorCardChartBackgroundDefault)";
readonly hover: "var(--colorCardChartBackgroundHover)";
};
};
};
readonly carousel: {
readonly background: {
readonly primary: "var(--colorCarouselBackgroundPrimary)";
};
readonly icon: {
readonly default: "var(--colorCarouselIconDefault)";
readonly hover: "var(--colorCarouselIconHover)";
readonly selected: "var(--colorCarouselIconSelected)";
};
readonly text: {
readonly primary: "var(--colorCarouselTextPrimary)";
};
};
readonly categorySelectList: {
readonly background: {
readonly active: "var(--colorCategorySelectListBackgroundActive)";
readonly default: "var(--colorCategorySelectListBackgroundDefault)";
readonly hover: "var(--colorCategorySelectListBackgroundHover)";
};
readonly icon: {
readonly active: "var(--colorCategorySelectListIconActive)";
readonly default: "var(--colorCategorySelectListIconDefault)";
readonly hover: "var(--colorCategorySelectListIconHover)";
};
readonly text: {
readonly active: "var(--colorCategorySelectListTextActive)";
readonly hover: "var(--colorCategorySelectListTextHover)";
};
};
readonly chip: {
readonly background: {
readonly danger: "var(--colorChipBackgroundDanger)";
readonly primary: "var(--colorChipBackgroundPrimary)";
readonly secondary: "var(--colorChipBackgroundSecondary)";
readonly successful: "var(--colorChipBackgroundSuccessful)";
};
readonly border: {
readonly primary: "var(--colorChipBorderPrimary)";
};
readonly filled: {
readonly background: {
readonly danger: "var(--colorChipFilledBackgroundDanger)";
readonly info: "var(--colorChipFilledBackgroundInfo)";
readonly primary: "var(--colorChipFilledBackgroundPrimary)";
readonly secondary: "var(--colorChipFilledBackgroundSecondary)";
readonly success: "var(--colorChipFilledBackgroundSuccess)";
readonly warning: "var(--colorChipFilledBackgroundWarning)";
};
readonly icon: {
readonly danger: "var(--colorChipFilledIconDanger)";
readonly info: "var(--colorChipFilledIconInfo)";
readonly primary: "var(--colorChipFilledIconPrimary)";
readonly secondary: "var(--colorChipFilledIconSecondary)";
readonly success: "var(--colorChipFilledIconSuccess)";
readonly warning: "var(--colorChipFilledIconWarning)";
};
readonly text: {
readonly danger: "var(--colorChipFilledTextDanger)";
readonly info: "var(--colorChipFilledTextInfo)";
readonly primary: "var(--colorChipFilledTextPrimary)";
readonly secondary: "var(--colorChipFilledTextSecondary)";
readonly success: "var(--colorChipFilledTextSuccess)";
readonly warning: "var(--colorChipFilledTextWarning)";
};
};
readonly icon: {
readonly inverse: "var(--colorChipIconInverse)";
readonly primary: "var(--colorChipIconPrimary)";
readonly warning: "var(--colorChipIconWarning)";
};
readonly outlined: {
readonly border: {
readonly danger: "var(--colorChipOutlinedBorderDanger)";
readonly info: "var(--colorChipOutlinedBorderInfo)";
readonly primary: "var(--colorChipOutlinedBorderPrimary)";
readonly secondary: "var(--colorChipOutlinedBorderSecondary)";
readonly success: "var(--colorChipOutlinedBorderSuccess)";
readonly warning: "var(--colorChipOutlinedBorderWarning)";
};
readonly icon: {
readonly danger: "var(--colorChipOutlinedIconDanger)";
readonly info: "var(--colorChipOutlinedIconInfo)";
readonly primary: "var(--colorChipOutlinedIconPrimary)";
readonly secondary: "var(--colorChipOutlinedIconSecondary)";
readonly success: "var(--colorChipOutlinedIconSuccess)";
readonly warning: "var(--colorChipOutlinedIconWarning)";
};
readonly text: {
readonly danger: "var(--colorChipOutlinedTextDanger)";
readonly info: "var(--colorChipOutlinedTextInfo)";
readonly primary: "var(--colorChipOutlinedTextPrimary)";
readonly secondary: "var(--colorChipOutlinedTextSecondary)";
readonly success: "var(--colorChipOutlinedTextSuccess)";
readonly warning: "var(--colorChipOutlinedTextWarning)";
};
};
readonly text: {
readonly inverse: "var(--colorChipTextInverse)";
readonly primary: "var(--colorChipTextPrimary)";
};
};
readonly codeEditor: {
readonly background: "var(--colorCodeEditorBackground)";
readonly code: {
readonly activelineBackground: "var(--colorCodeEditorCodeActivelineBackground)";
readonly atomNumberKeywordVariableAttributeQuoteColor: "var(--colorCodeEditorCodeAtomNumberKeywordVariableAttributeQuoteColor)";
readonly bracketCommentColor: "var(--colorCodeEditorCodeBracketCommentColor)";
readonly cursorBorderLeft: "var(--colorCodeEditorCodeCursorBorderLeft)";
readonly cursorBorderRight: "var(--colorCodeEditorCodeCursorBorderRight)";
readonly defTagBuiltinQualifierHeaderEmColor: "var(--colorCodeEditorCodeDefTagBuiltinQualifierHeaderEmColor)";
readonly errorInvalidcharColor: "var(--colorCodeEditorCodeErrorInvalidcharColor)";
readonly fatCursorBackground: "var(--colorCodeEditorCodeFatCursorBackground)";
readonly hint: "var(--colorCodeEditorCodeHint)";
readonly hintActiveBackground: "var(--colorCodeEditorCodeHintActiveBackground)";
readonly hintsBackground: "var(--colorCodeEditorCodeHintsBackground)";
readonly indentationMarker: {
readonly activeColor: "var(--colorCodeEditorCodeIndentationMarkerActiveColor)";
readonly color: "var(--colorCodeEditorCodeIndentationMarkerColor)";
};
readonly linenumberColor: "var(--colorCodeEditorCodeLinenumberColor)";
readonly matchingbracketColor: "var(--colorCodeEditorCodeMatchingbracketColor)";
readonly positiveColor: "var(--colorCodeEditorCodePositiveColor)";
readonly propertyColor: "var(--colorCodeEditorCodePropertyColor)";
readonly punctuationUnitNegativeColor: "var(--colorCodeEditorCodePunctuationUnitNegativeColor)";
readonly selectedBackground: "var(--colorCodeEditorCodeSelectedBackground)";
readonly stringOperatorColor: "var(--colorCodeEditorCodeStringOperatorColor)";
readonly syntax: {
readonly atom: "var(--colorCodeEditorCodeSyntaxAtom)";
readonly attributeName: "var(--colorCodeEditorCodeSyntaxAttributeName)";
readonly bool: "var(--colorCodeEditorCodeSyntaxBool)";
readonly bracket: "var(--colorCodeEditorCodeSyntaxBracket)";
readonly className: "var(--colorCodeEditorCodeSyntaxClassName)";
readonly comment: "var(--colorCodeEditorCodeSyntaxComment)";
readonly deleted: "var(--colorCodeEditorCodeSyntaxDeleted)";
readonly deletedBackground: "var(--colorCodeEditorCodeSyntaxDeletedBackground)";
readonly emphasis: "var(--colorCodeEditorCodeSyntaxEmphasis)";
readonly escape: "var(--colorCodeEditorCodeSyntaxEscape)";
readonly heading: "var(--colorCodeEditorCodeSyntaxHeading)";
readonly invalid: "var(--colorCodeEditorCodeSyntaxInvalid)";
readonly keyword: "var(--colorCodeEditorCodeSyntaxKeyword)";
readonly link: "var(--colorCodeEditorCodeSyntaxLink)";
readonly meta: "var(--colorCodeEditorCodeSyntaxMeta)";
readonly name: "var(--colorCodeEditorCodeSyntaxName)";
readonly number: "var(--colorCodeEditorCodeSyntaxNumber)";
readonly operator: "var(--colorCodeEditorCodeSyntaxOperator)";
readonly propertyName: "var(--colorCodeEditorCodeSyntaxPropertyName)";
readonly quote: "var(--colorCodeEditorCodeSyntaxQuote)";
readonly regexp: "var(--colorCodeEditorCodeSyntaxRegexp)";
readonly specialVariableName: "var(--colorCodeEditorCodeSyntaxSpecialVariableName)";
readonly string: "var(--colorCodeEditorCodeSyntaxString)";
readonly strong: "var(--colorCodeEditorCodeSyntaxStrong)";
readonly tagName: "var(--colorCodeEditorCodeSyntaxTagName)";
readonly typeName: "var(--colorCodeEditorCodeSyntaxTypeName)";
readonly typeOperator: "var(--colorCodeEditorCodeSyntaxTypeOperator)";
readonly url: "var(--colorCodeEditorCodeSyntaxUrl)";
readonly variableName: "var(--colorCodeEditorCodeSyntaxVariableName)";
};
readonly variable2Variable3String2UrlColor: "var(--colorCodeEditorCodeVariable2Variable3String2UrlColor)";
readonly variableColor: "var(--colorCodeEditorCodeVariableColor)";
};
readonly foreground: "var(--colorCodeEditorForeground)";
readonly selection: "var(--colorCodeEditorSelection)";
readonly selectionMatch: "var(--colorCodeEditorSelectionMatch)";
readonly text: {
readonly default: "var(--colorCodeEditorTextDefault)";
readonly gutter: "var(--colorCodeEditorTextGutter)";
readonly highlight: "var(--colorCodeEditorTextHighlight)";
readonly hintHighlight: "var(--colorCodeEditorTextHintHighlight)";
};
readonly toolbar: {
readonly background: "var(--colorCodeEditorToolbarBackground)";
readonly button: {
readonly hover: "var(--colorCodeEditorToolbarButtonHover)";
};
};
};
readonly codeReview: {
readonly background: {
readonly danger: {
readonly default: "var(--colorCodeReviewBackgroundDangerDefault)";
readonly muted: "var(--colorCodeReviewBackgroundDangerMuted)";
};
readonly primary: {
readonly default: "var(--colorCodeReviewBackgroundPrimaryDefault)";
readonly muted: "var(--colorCodeReviewBackgroundPrimaryMuted)";
};
readonly success: {
readonly default: "var(--colorCodeReviewBackgroundSuccessDefault)";
readonly muted: "var(--colorCodeReviewBackgroundSuccessMuted)";
};
};
readonly text: {
readonly danger: "var(--colorCodeReviewTextDanger)";
readonly primary: "var(--colorCodeReviewTextPrimary)";
readonly success: "var(--colorCodeReviewTextSuccess)";
};
};
readonly deprecated: {
readonly background: {
readonly warning: "var(--colorDeprecatedBackgroundWarning)";
};
readonly border: {
readonly warning: "var(--colorDeprecatedBorderWarning)";
};
readonly icon: {
readonly warning: "var(--colorDeprecatedIconWarning)";
};
readonly text: {
readonly warning: "var(--colorDeprecatedTextWarning)";
};
};
readonly dialog: {
readonly background: {
readonly primary: "var(--colorDialogBackgroundPrimary)";
readonly secondary: {
readonly default: "var(--colorDialogBackgroundSecondaryDefault)";
readonly upsell: "var(--colorDialogBackgroundSecondaryUpsell)";
};
};
readonly helpPanel: {
readonly text: "var(--colorDialogHelpPanelText)";
};
};
readonly formLegend: {
readonly background: {
readonly hover: "var(--colorFormLegendBackgroundHover)";
readonly rest: "var(--colorFormLegendBackgroundRest)";
};
};
readonly healthStatus: {
readonly background: {
readonly executing: "var(--colorHealthStatusBackgroundExecuting)";
readonly failure: "var(--colorHealthStatusBackgroundFailure)";
readonly neutral: "var(--colorHealthStatusBackgroundNeutral)";
readonly success: "var(--colorHealthStatusBackgroundSuccess)";
readonly warning: "var(--colorHealthStatusBackgroundWarning)";
};
readonly icon: {
readonly default: "var(--colorHealthStatusIconDefault)";
readonly inverse: "var(--colorHealthStatusIconInverse)";
};
};
readonly icon: {
readonly danger: "var(--colorIconDanger)";
readonly disabled: "var(--colorIconDisabled)";
readonly feature: "var(--colorIconFeature)";
readonly info: "var(--colorIconInfo)";
readonly inverse: {
readonly primary: "var(--colorIconInversePrimary)";
readonly secondary: "var(--colorIconInverseSecondary)";
};
readonly link: {
readonly default: "var(--colorIconLinkDefault)";
readonly hover: "var(--colorIconLinkHover)";
};
readonly primary: "var(--colorIconPrimary)";
readonly secondary: "var(--colorIconSecondary)";
readonly selected: "var(--colorIconSelected)";
readonly success: "var(--colorIconSuccess)";
readonly tertiary: "var(--colorIconTertiary)";
readonly warning: "var(--colorIconWarning)";
};
readonly lifecycle: {
readonly background: {
readonly primary: "var(--colorLifecycleBackgroundPrimary)";
};
readonly border: {
readonly default: "var(--colorLifecycleBorderDefault)";
};
readonly icon: {
readonly primary: "var(--colorLifecycleIconPrimary)";
};
readonly text: {
readonly primary: "var(--colorLifecycleTextPrimary)";
};
};
readonly menuList: {
readonly background: {
readonly active: "var(--colorMenuListBackgroundActive)";
readonly default: "var(--colorMenuListBackgroundDefault)";
readonly hover: "var(--colorMenuListBackgroundHover)";
};
readonly border: {
readonly primary: "var(--colorMenuListBorderPrimary)";
};
readonly icon: {
readonly primary: "var(--colorMenuListIconPrimary)";
};
readonly text: {
readonly highlight: "var(--colorMenuListTextHighlight)";
readonly primary: "var(--colorMenuListTextPrimary)";
readonly secondary: "var(--colorMenuListTextSecondary)";
};
};
readonly navButton: {
readonly background: {
readonly active: "var(--colorNavButtonBackgroundActive)";
readonly default: "var(--colorNavButtonBackgroundDefault)";
readonly hover: "var(--colorNavButtonBackgroundHover)";
readonly pressed: "var(--colorNavButtonBackgroundPressed)";
};
readonly icon: {
readonly active: "var(--colorNavButtonIconActive)";
readonly default: "var(--colorNavButtonIconDefault)";
readonly hover: "var(--colorNavButtonIconHover)";
readonly pressed: "var(--colorNavButtonIconPressed)";
};
};
readonly navList: {
readonly background: {
readonly active: "var(--colorNavListBackgroundActive)";
readonly default: "var(--colorNavListBackgroundDefault)";
readonly hover: "var(--colorNavListBackgroundHover)";
};
readonly icon: {
readonly active: "var(--colorNavListIconActive)";
readonly default: "var(--colorNavListIconDefault)";
};
readonly text: {
readonly active: "var(--colorNavListTextActive)";
readonly default: "var(--colorNavListTextDefault)";
readonly hover: "var(--colorNavListTextHover)";
};
};
readonly navTab: {
readonly background: {
readonly active: "var(--colorNavTabBackgroundActive)";
readonly hover: "var(--colorNavTabBackgroundHover)";
};
readonly border: {
readonly primary: "var(--colorNavTabBorderPrimary)";
};
readonly icon: {
readonly active: "var(--colorNavTabIconActive)";
readonly default: "var(--colorNavTabIconDefault)";
readonly hover: "var(--colorNavTabIconHover)";
};
readonly text: {
readonly active: "var(--colorNavTabTextActive)";
readonly default: "var(--colorNavTabTextDefault)";
readonly hover: "var(--colorNavTabTextHover)";
};
};
readonly overlay: {
readonly primary: "var(--colorOverlayPrimary)";
readonly secondary: "var(--colorOverlaySecondary)";
};
readonly pagination: {
readonly background: {
readonly active: "var(--colorPaginationBackgroundActive)";
readonly default: "var(--colorPaginationBackgroundDefault)";
readonly disabled: "var(--colorPaginationBackgroundDisabled)";
readonly hover: "var(--colorPaginationBackgroundHover)";
};
readonly icon: {
readonly active: "var(--colorPaginationIconActive)";
readonly default: "var(--colorPaginationIconDefault)";
readonly disabled: "var(--colorPaginationIconDisabled)";
readonly hover: "var(--colorPaginationIconHover)";
};
readonly text: {
readonly active: "var(--colorPaginationTextActive)";
readonly default: "var(--colorPaginationTextDefault)";
readonly disabled: "var(--colorPaginationTextDisabled)";
readonly hover: "var(--colorPaginationTextHover)";
};
};
readonly parallelChip: {
readonly background: "var(--colorParallelChipBackground)";
readonly icon: "var(--colorParallelChipIcon)";
};
readonly popover: {
readonly background: {
readonly primary: "var(--colorPopoverBackgroundPrimary)";
readonly secondary: "var(--colorPopoverBackgroundSecondary)";
};
readonly infoCircle: {
readonly background: {
readonly default: "var(--colorPopoverInfoCircleBackgroundDefault)";
readonly hover: "var(--colorPopoverInfoCircleBackgroundHover)";
};
readonly text: {
readonly default: "var(--colorPopoverInfoCircleTextDefault)";
readonly hover: "var(--colorPopoverInfoCircleTextHover)";
};
};
};
readonly portal: {
readonly card: {
readonly background: "var(--colorPortalCardBackground)";
readonly content: {
readonly disabled: "var(--colorPortalCardContentDisabled)";
readonly text: "var(--colorPortalCardContentText)";
};
};
readonly chip: {
readonly background: "var(--colorPortalChipBackground)";
};
readonly link: {
readonly text: {
readonly hover: "var(--colorPortalLinkTextHover)";
};
};
readonly logo: {
readonly background: "var(--colorPortalLogoBackground)";
};
readonly popover: {
readonly background: "var(--colorPortalPopoverBackground)";
};
};
readonly processContainer: {
readonly background: {
readonly selected: "var(--colorProcessContainerBackgroundSelected)";
};
readonly border: {
readonly selected: "var(--colorProcessContainerBorderSelected)";
};
};
readonly processStep: {
readonly background: {
readonly error: {
readonly primary: "var(--colorProcessStepBackgroundErrorPrimary)";
readonly secondary: "var(--colorProcessStepBackgroundErrorSecondary)";
readonly selected: "var(--colorProcessStepBackgroundErrorSelected)";
};
readonly hover: {
readonly error: "var(--colorProcessStepBackgroundHoverError)";
readonly primary: "var(--colorProcessStepBackgroundHoverPrimary)";
readonly secondary: "var(--colorProcessStepBackgroundHoverSecondary)";
readonly tertiary: "var(--colorProcessStepBackgroundHoverTertiary)";
readonly warning: "var(--colorProcessStepBackgroundHoverWarning)";
};
readonly primary: {
readonly default: "var(--colorProcessStepBackgroundPrimaryDefault)";
readonly selected: "var(--colorProcessStepBackgroundPrimarySelected)";
};
readonly secondary: {
readonly default: "var(--colorProcessStepBackgroundSecondaryDefault)";
};
readonly warning: {
readonly default: "var(--colorProcessStepBackgroundWarningDefault)";
readonly secondary: "var(--colorProcessStepBackgroundWarningSecondary)";
readonly selected: "var(--colorProcessStepBackgroundWarningSelected)";
};
};
readonly border: {
readonly default: "var(--colorProcessStepBorderDefault)";
readonly disabled: "var(--colorProcessStepBorderDisabled)";
readonly error: {
readonly default: "var(--colorProcessStepBorderErrorDefault)";
readonly hover: "var(--colorProcessStepBorderErrorHover)";
readonly selected: "var(--colorProcessStepBorderErrorSelected)";
};
readonly hover: "var(--colorProcessStepBorderHover)";
readonly selected: "var(--colorProcessStepBorderSelected)";
readonly warning: {
readonly default: "var(--colorProcessStepBorderWarningDefault)";
readonly hover: "var(--colorProcessStepBorderWarningHover)";
readonly selected: "var(--colorProcessStepBorderWarningSelected)";
};
};
readonly icon: {
readonly default: "var(--colorProcessStepIconDefault)";
readonly error: {
readonly primary: "var(--colorProcessStepIconErrorPrimary)";
readonly secondary: "var(--colorProcessStepIconErrorSecondary)";
};
readonly warning: {
readonly primary: "var(--colorProcessStepIconWarningPrimary)";
readonly secondary: "var(--colorProcessStepIconWarningSecondary)";
};
};
readonly text: {
readonly disabled: "var(--colorProcessStepTextDisabled)";
};
};
readonly processWrapper: {
readonly background: {
readonly primary: "var(--colorProcessWrapperBackgroundPrimary)";
readonly secondary: "var(--colorProcessWrapperBackgroundSecondary)";
};
};
readonly progress: {
readonly background: {
readonly linear: "var(--colorProgressBackgroundLinear)";
readonly primary: "var(--colorProgressBackgroundPrimary)";
readonly secondary: "var(--colorProgressBackgroundSecondary)";
};
readonly foreground: {
readonly circular: "var(--colorProgressForegroundCircular)";
readonly linear: "var(--colorProgressForegroundLinear)";
};
readonly text: {
readonly info: "var(--colorProgressTextInfo)";
};
};
readonly scrollbar: {
readonly background: "var(--colorScrollbarBackground)";
readonly handle: "var(--colorScrollbarHandle)";
};
readonly spaceSwitcher: {
readonly background: {
readonly default: "var(--colorSpaceSwitcherBackgroundDefault)";
readonly hover: "var(--colorSpaceSwitcherBackgroundHover)";
readonly pressed: "var(--colorSpaceSwitcherBackgroundPressed)";
};
readonly border: {
readonly primary: "var(--colorSpaceSwitcherBorderPrimary)";
};
readonly icon: {
readonly default: "var(--colorSpaceSwitcherIconDefault)";
};
readonly text: {
readonly default: "var(--colorSpaceSwitcherTextDefault)";
readonly hover: "var(--colorSpaceSwitcherTextHover)";
readonly pressed: "var(--colorSpaceSwitcherTextPressed)";
};
};
readonly statusBadge: {
readonly background: {
readonly healthy: "var(--colorStatusBadgeBackgroundHealthy)";
readonly neutral: "var(--colorStatusBadgeBackgroundNeutral)";
readonly unhealthy: "var(--colorStatusBadgeBackgroundUnhealthy)";
readonly warning: "var(--colorStatusBadgeBackgroundWarning)";
};
readonly icon: {
readonly default: "var(--colorStatusBadgeIconDefault)";
readonly inverse: "var(--colorStatusBadgeIconInverse)";
};
readonly text: {
readonly inverse: "var(--colorStatusBadgeTextInverse)";
readonly primary: "var(--colorStatusBadgeTextPrimary)";
};
};
readonly switch: {
readonly background: {
readonly off: {
readonly default: "var(--colorSwitchBackgroundOffDefault)";
readonly disabled: "var(--colorSwitchBackgroundOffDisabled)";
};
readonly on: {
readonly default: "var(--colorSwitchBackgroundOnDefault)";
readonly disabled: "var(--colorSwitchBackgroundOnDisabled)";
};
};
readonly foreground: {
readonly off: {
readonly default: "var(--colorSwitchForegroundOffDefault)";
readonly disabled: "var(--colorSwitchForegroundOffDisabled)";
};
readonly on: {
readonly default: "var(--colorSwitchForegroundOnDefault)";
readonly disabled: "var(--colorSwitchForegroundOnDisabled)";
};
};
readonly icon: {
readonly active: "var(--colorSwitchIconActive)";
};
readonly overlay: {
readonly off: "var(--colorSwitchOverlayOff)";
readonly on: "var(--colorSwitchOverlayOn)";
};
};
readonly table: {
readonly header: {
readonly background: "var(--colorTableHeaderBackground)";
};
};
readonly tag: {
readonly background: "var(--colorTagBackground)";
readonly text: "var(--colorTagText)";
};
readonly text: {
readonly danger: "var(--colorTextDanger)";
readonly disabled: "var(--colorTextDisabled)";
readonly feature: "var(--colorTextFeature)";
readonly info: "var(--colorTextInfo)";
readonly inverse: {
readonly primary: "var(--colorTextInversePrimary)";
readonly secondary: "var(--colorTextInverseSecondary)";
};
readonly link: {
readonly default: "var(--colorTextLinkDefault)";
readonly hover: "var(--colorTextLinkHover)";
};
readonly primary: "var(--colorTextPrimary)";
readonly secondary: "var(--colorTextSecondary)";
readonly selected: "var(--colorTextSelected)";
readonly success: "var(--colorTextSuccess)";
readonly tertiary: "var(--colorTextTertiary)";
readonly warning: "var(--colorTextWarning)";
};
readonly textField: {
readonly border: {
readonly active: "var(--colorTextFieldBorderActive)";
readonly danger: "var(--colorTextFieldBorderDanger)";
readonly default: "var(--colorTextFieldBorderDefault)";
readonly disabled: "var(--colorTextFieldBorderDisabled)";
readonly hover: "var(--colorTextFieldBorderHover)";
};
readonly icon: {
readonly disabled: "var(--colorTextFieldIconDisabled)";
readonly primary: "var(--colorTextFieldIconPrimary)";
};
readonly text: {
readonly danger: "var(--colorTextFieldTextDanger)";
readonly disabled: "var(--colorTextFieldTextDisabled)";
readonly primary: "var(--colorTextFieldTextPrimary)";
readonly secondary: "var(--colorTextFieldTextSecondary)";
readonly selected: "var(--colorTextFieldTextSelected)";
};
};
};
export declare const shadow: {
readonly drawer: "var(--shadowDrawer)";
readonly extraSmall: "var(--shadowExtraSmall)";
readonly focused: "var(--shadowFocused)";
readonly focusedInset: "var(--shadowFocusedInset)";
readonly large: "var(--shadowLarge)";
readonly layoutPrimary: "var(--shadowLayoutPrimary)";
readonly medium: "var(--shadowMedium)";
readonly small: "var(--shadowSmall)";
};