@gainsight-hub/design-tokens 0.1.0

package/dist/tokens.d.ts

@@ -0,0 +1,525 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const BorderWidth100: string;
+export const BorderWidth200: string;
+export const ColorBrand100: string;
+export const ColorBrand200: string;
+export const ColorBrand300: string;
+export const ColorBrand400: string;
+export const ColorBrand500: string;
+export const ColorBrand600: string;
+export const ColorBrand700: string;
+export const ColorBrand800: string;
+export const ColorBrand900: string;
+export const ColorBrand1000: string;
+export const ColorNeutral0: string;
+export const ColorNeutral100: string;
+export const ColorNeutral200: string;
+export const ColorNeutral300: string;
+export const ColorNeutral400: string;
+export const ColorNeutral500: string;
+export const ColorNeutral600: string;
+export const ColorNeutral700: string;
+export const ColorNeutral800: string;
+export const ColorNeutral900: string;
+export const ColorNeutral1000: string;
+export const ColorNeutralA100: string;
+export const ColorNeutralA200: string;
+export const ColorNeutralA300: string;
+export const ColorNeutralA400: string;
+export const ColorNeutralA500: string;
+export const ColorBlue100: string;
+export const ColorBlue200: string;
+export const ColorBlue300: string;
+export const ColorBlue400: string;
+export const ColorBlue500: string;
+export const ColorBlue600: string;
+export const ColorBlue700: string;
+export const ColorBlue800: string;
+export const ColorBlue900: string;
+export const ColorBlue1000: string;
+export const ColorGreen100: string;
+export const ColorGreen200: string;
+export const ColorGreen300: string;
+export const ColorGreen400: string;
+export const ColorGreen500: string;
+export const ColorGreen600: string;
+export const ColorGreen700: string;
+export const ColorGreen800: string;
+export const ColorGreen900: string;
+export const ColorGreen1000: string;
+export const ColorRed100: string;
+export const ColorRed200: string;
+export const ColorRed300: string;
+export const ColorRed400: string;
+export const ColorRed500: string;
+export const ColorRed600: string;
+export const ColorRed700: string;
+export const ColorRed800: string;
+export const ColorRed900: string;
+export const ColorRed1000: string;
+export const ColorYellow100: string;
+export const ColorYellow200: string;
+export const ColorYellow300: string;
+export const ColorYellow400: string;
+export const ColorYellow500: string;
+export const ColorYellow600: string;
+export const ColorYellow700: string;
+export const ColorYellow800: string;
+export const ColorYellow900: string;
+export const ColorYellow1000: string;
+/** default color used for the most prominent call-to-action in the interface */
+export const ColorActionPrimaryDefault: string;
+/** color used when a primary action is hovered */
+export const ColorActionPrimaryHover: string;
+/** color used when a primary action is actively pressed */
+export const ColorActionPrimaryPressed: string;
+/** color used for less prominent actions that support the primary action */
+export const ColorActionNeutralDefault: string;
+/** color used when a secondary action is hovered */
+export const ColorActionNeutralHover: string;
+/** color used when a secondary action is actively pressed */
+export const ColorActionNeutralPressed: string;
+/** color used for actions that perform irreversible or potentially harmful operations */
+export const ColorActionDestructiveDefault: string;
+/** color used when a destructive action is hovered */
+export const ColorActionDestructiveHover: string;
+/** color used when a destructive action is actively pressed */
+export const ColorActionDestructivePressed: string;
+/** application canvas background used behind all UI surfaces */
+export const ColorSurfacePage: string;
+/** default container surface for standard UI sections (cards, panels, content areas) */
+export const ColorSurfaceDefault: string;
+/** sub-surface used inside containers to visually group secondary areas (e.g., comment/reply bubbles) */
+export const ColorSurfaceMuted: string;
+/** background of disabled interactive elements such as inputs, buttons, or selection controls */
+export const ColorSurfaceDisabled: string;
+/** elevated surface for overlays and floating layers (modals, dropdowns, popovers). */
+export const ColorSurfaceOverlay: string;
+/** color used for inverse surfaces such as tooltips and high-contrast floating UI */
+export const ColorSurfaceInverse: string;
+/** default color used for primary body text and high-emphasis content */
+export const ColorContentDefault: string;
+/** color used for secondary text such as helper text, metadata, or supporting information */
+export const ColorContentSubtle: string;
+/** color used for low-emphasis text such as placeholders or less important UI copy */
+export const ColorContentSubtlest: string;
+/** default color used for section and component headings */
+export const ColorContentHeadingDefault: string;
+/** color used for prominent page-level headings displayed on hero or banner areas */
+export const ColorContentHeadingHero: string;
+/** color used for text displayed on high-contrast or brand-colored backgrounds */
+export const ColorContentInverse: string;
+/** color used for text on disabled elements or unavailable content */
+export const ColorContentDisabled: string;
+/** default border and divider color used for standard UI boundaries, separators, and component outlines */
+export const ColorLineDefault: string;
+/** border and divider color used for disabled components or non-interactive states where visual emphasis is reduced */
+export const ColorLineDisabled: string;
+/** high-emphasis color used to communicate successful outcomes or confirmations */
+export const ColorStatusSuccessBold: string;
+/** high-emphasis color used to indicate errors or critical issues */
+export const ColorStatusInformationBold: string;
+/** high-emphasis color used for neutral informational messages */
+export const ColorStatusDangerBold: string;
+/** color used to indicate that a question or thread has received an accepted answer */
+export const ColorCommunityAnswered: string;
+/** color used to indicate that a question or thread has not yet received a response */
+export const ColorCommunityUnanswered: string;
+/** color used to highlight content that is featured or editorially promoted */
+export const ColorCommunityHighlighted: string;
+/** color used to indicate content that is pinned and prioritized in listings */
+export const ColorCommunityPinned: string;
+/** default color used for interactive text links */
+export const ColorLinkDefault: string;
+/** color used for interactive text links on hover */
+export const ColorLinkHover: string;
+/** default color used for focus rings on interactive elements */
+export const ColorFocusRing: string;
+/** semi-transparent color displayed behind modals to obscure background content */
+export const ColorOverlayBackdrop: string;
+/** overlay color applied to interactive elements to indicate a hover state */
+export const ColorOverlayInteractiveHover: string;
+/** overlay color applied to interactive elements to indicate an active or pressed state */
+export const ColorOverlayInteractivePressed: string;
+/** base color used for loading placeholders while content is being fetched */
+export const ColorSkeletonDefault: string;
+/** highlight color used in animated skeleton states to simulate loading progress */
+export const ColorSkeletonSubtle: string;
+export const FontFamilySans: string;
+export const FontFamilyMono: string;
+export const FontWeightRegular: number;
+export const FontWeightMedium: number;
+export const FontWeightBold: number;
+export const FontSize100: string;
+export const FontSize200: string;
+export const FontSize300: string;
+export const FontSize400: string;
+export const FontSize500: string;
+export const FontSize600: string;
+export const FontSize700: string;
+export const LineHeightRatioTight: number;
+export const LineHeightRatioRelaxed: number;
+export const LineHeightGrid100: string;
+export const LineHeightGrid200: string;
+export const LineHeightGrid300: string;
+export const LineHeightGrid400: string;
+export const LineHeightGrid500: string;
+export const LineHeightGrid600: string;
+export const LineHeightGrid700: string;
+export const Radius100: string;
+export const Radius150: string;
+export const Radius200: string;
+export const Radius025: string;
+export const Radius050: string;
+export const RadiusFull: string;
+export const Shadow100: string;
+export const Shadow200: string;
+export const Shadow300: string;
+export const Space0: string;
+export const Space100: string;
+export const Space125: string;
+export const Space200: string;
+export const Space250: string;
+export const Space300: string;
+export const Space400: string;
+export const Space500: string;
+export const Space600: string;
+export const Space800: string;
+export const Space1000: string;
+export const Space025: string;
+export const Space050: string;
+export const Space075: string;
+/** space used as the default gap between columns or layout elements */
+export const SpaceLayoutGutter: string;
+/** low elevation used for raised surfaces above the base layout */
+export const Elevation1: string;
+/** medium elevation used for floating surfaces above regular content */
+export const Elevation2: string;
+/** high elevation used for top-level surfaces above other floating elements */
+export const Elevation3: string;
+export const TextHeroFontFamily: string;
+export const TextHeroFontWeight: number;
+export const TextHeroFontSize: string;
+export const TextHeroLineHeight: number;
+export const TextHeadingSmallFontFamily: string;
+export const TextHeadingSmallFontWeight: number;
+export const TextHeadingSmallFontSize: string;
+export const TextHeadingSmallLineHeight: number;
+export const TextHeadingMediumFontFamily: string;
+export const TextHeadingMediumFontWeight: number;
+export const TextHeadingMediumFontSize: string;
+export const TextHeadingMediumLineHeight: number;
+export const TextHeadingLargeFontFamily: string;
+export const TextHeadingLargeFontWeight: number;
+export const TextHeadingLargeFontSize: string;
+export const TextHeadingLargeLineHeight: number;
+export const TextHeadingXlargeFontFamily: string;
+export const TextHeadingXlargeFontWeight: number;
+export const TextHeadingXlargeFontSize: string;
+export const TextHeadingXlargeLineHeight: number;
+export const TextBodySmallFontFamily: string;
+export const TextBodySmallFontWeight: number;
+export const TextBodySmallFontSize: string;
+export const TextBodySmallLineHeight: number;
+export const TextBodyMediumFontFamily: string;
+export const TextBodyMediumFontWeight: number;
+export const TextBodyMediumFontSize: string;
+export const TextBodyMediumLineHeight: number;
+export const TextBodyLargeFontFamily: string;
+export const TextBodyLargeFontWeight: number;
+export const TextBodyLargeFontSize: string;
+export const TextBodyLargeLineHeight: number;
+export const TextNavigationFontFamily: string;
+export const TextNavigationFontWeight: number;
+export const TextNavigationFontSize: string;
+export const TextNavigationLineHeight: string;
+export const TextMenuFontFamily: string;
+export const TextMenuFontWeight: number;
+export const TextMenuFontSize: string;
+export const TextMenuLineHeight: string;
+export const TextButtonFontFamily: string;
+export const TextButtonFontWeight: number;
+export const TextButtonFontSize: string;
+export const TextButtonLineHeight: string;
+export const TextLabelSmallFontFamily: string;
+export const TextLabelSmallFontWeight: number;
+export const TextLabelSmallFontSize: string;
+export const TextLabelSmallLineHeight: string;
+export const TextLabelMediumFontFamily: string;
+export const TextLabelMediumFontWeight: number;
+export const TextLabelMediumFontSize: string;
+export const TextLabelMediumLineHeight: string;
+export const TextCaptionFontFamily: string;
+export const TextCaptionFontWeight: number;
+export const TextCaptionFontSize: string;
+export const TextCaptionLineHeight: string;
+export const TextCodeFontFamily: string;
+export const TextCodeFontWeight: number;
+export const TextCodeFontSize: string;
+export const TextCodeLineHeight: number;
+/** Back-to-top button background. */
+export const BacktotopBackground: string;
+/** Back-to-top button icon/content color. */
+export const BacktotopContent: string;
+/** Border radius used for all button variants. */
+export const ButtonRadius: string;
+/** Border width used for all button variants. */
+export const ButtonBorderWidth: string;
+/** Font weight used for button labels across all variants. */
+export const ButtonFontWeight: number;
+/** Text transform applied to button labels (e.g., none/uppercase). */
+export const ButtonTextTransform: string;
+/** Primary button background in default state. */
+export const ButtonPrimaryBackgroundDefault: string;
+/** Primary button background on hover. */
+export const ButtonPrimaryBackgroundHover: string;
+/** Primary button background on press. */
+export const ButtonPrimaryBackgroundPressed: string;
+/** Primary button label/icon color in default state. */
+export const ButtonPrimaryContentDefault: string;
+/** Primary button label/icon color on hover. */
+export const ButtonPrimaryContentHover: string;
+/** Primary button label/icon color on press. */
+export const ButtonPrimaryContentPressed: string;
+/** Primary button border color in default state (no visible border). */
+export const ButtonPrimaryBorderDefault: string;
+/** Primary button border color on hover (no visible border). */
+export const ButtonPrimaryBorderHover: string;
+/** Primary button border color on press (no visible border). */
+export const ButtonPrimaryBorderPressed: string;
+/** Primary button shadow (none). */
+export const ButtonPrimaryShadow: string;
+/** Secondary button background in default state. */
+export const ButtonSecondaryBackgroundDefault: string;
+/** Secondary button background on hover. */
+export const ButtonSecondaryBackgroundHover: string;
+/** Secondary button background on press. */
+export const ButtonSecondaryBackgroundPressed: string;
+/** Secondary button label/icon color in default state. */
+export const ButtonSecondaryContentDefault: string;
+/** Secondary button label/icon color on hover. */
+export const ButtonSecondaryContentHover: string;
+/** Secondary button label/icon color on press. */
+export const ButtonSecondaryContentPressed: string;
+/** Secondary button border color in default state. */
+export const ButtonSecondaryBorderDefault: string;
+/** Secondary button border color on hover. */
+export const ButtonSecondaryBorderHover: string;
+/** Secondary button border color on press. */
+export const ButtonSecondaryBorderPressed: string;
+/** Secondary button shadow (none). */
+export const ButtonSecondaryShadow: string;
+/** Destructive button background in default state. */
+export const ButtonDestructiveBackgroundDefault: string;
+/** Destructive button background on hover. */
+export const ButtonDestructiveBackgroundHover: string;
+/** Destructive button background on press. */
+export const ButtonDestructiveBackgroundPressed: string;
+/** Destructive button label/icon color in default state. */
+export const ButtonDestructiveContentDefault: string;
+/** Destructive button label/icon color on hover. */
+export const ButtonDestructiveContentHover: string;
+/** Destructive button label/icon color on press. */
+export const ButtonDestructiveContentPressed: string;
+/** Destructive button border color in default state (no visible border). */
+export const ButtonDestructiveBorderDefault: string;
+/** Destructive button border color on hover (no visible border). */
+export const ButtonDestructiveBorderHover: string;
+/** Destructive button border color on press (no visible border). */
+export const ButtonDestructiveBorderPressed: string;
+/** Destructive button shadow (none). */
+export const ButtonDestructiveShadow: string;
+/** Vote button background in default state. */
+export const ButtonVoteBackgroundDefault: string;
+/** Vote button background on hover. */
+export const ButtonVoteBackgroundHover: string;
+/** Vote button background on press. */
+export const ButtonVoteBackgroundPressed: string;
+/** Vote button content color in default state. */
+export const ButtonVoteContentDefault: string;
+/** Vote button content color on hover. */
+export const ButtonVoteContentHover: string;
+/** Vote button content color on press. */
+export const ButtonVoteContentPressed: string;
+/** Vote button border color in default state. */
+export const ButtonVoteBorderDefault: string;
+/** Vote button border color on hover. */
+export const ButtonVoteBorderHover: string;
+/** Vote button border color on press. */
+export const ButtonVoteBorderPressed: string;
+/** Vote button shadow in default state (none). */
+export const ButtonVoteShadowDefault: string;
+/** Vote button shadow on hover (none). */
+export const ButtonVoteShadowHover: string;
+/** Vote button shadow on press (none). */
+export const ButtonVoteShadowPressed: string;
+/** Vote button background when selected (default). */
+export const ButtonVoteSelectedBackgroundDefault: string;
+/** Vote button background when selected (hovered). */
+export const ButtonVoteSelectedBackgroundHover: string;
+/** Vote button background when selected (pressed). */
+export const ButtonVoteSelectedBackgroundPressed: string;
+/** Vote button content color when selected (default). */
+export const ButtonVoteSelectedContentDefault: string;
+/** Vote button content color when selected (hovered). */
+export const ButtonVoteSelectedContentHover: string;
+/** Vote button content color when selected (pressed). */
+export const ButtonVoteSelectedContentPressed: string;
+/** Vote button border when selected (default) (no visible border). */
+export const ButtonVoteSelectedBorderDefault: string;
+/** Vote button border when selected (hovered) (no visible border). */
+export const ButtonVoteSelectedBorderHover: string;
+/** Vote button border when selected (pressed) (no visible border). */
+export const ButtonVoteSelectedBorderPressed: string;
+/** Vote button shadow when selected (default) (none). */
+export const ButtonVoteSelectedShadowDefault: string;
+/** Vote button shadow when selected (hovered) (none). */
+export const ButtonVoteSelectedShadowHover: string;
+/** Vote button shadow when selected (pressed) (none). */
+export const ButtonVoteSelectedShadowPressed: string;
+/** Border radius used for cards. */
+export const CardRadius: string;
+/** Border width used for cards. */
+export const CardBorderWidth: string;
+/** Card border color in default state. */
+export const CardBorderDefault: string;
+/** Card border color on hover. */
+export const CardBorderHover: string;
+/** Card border color on press. */
+export const CardBorderPressed: string;
+/** Card background in default state. */
+export const CardBackgroundDefault: string;
+/** Card background on hover. */
+export const CardBackgroundHover: string;
+/** Card background on press. */
+export const CardBackgroundPressed: string;
+/** Card title color in default state. */
+export const CardTitleDefault: string;
+/** Card title color on hover (link styling). */
+export const CardTitleHover: string;
+/** Card title color on press. */
+export const CardTitlePressed: string;
+/** Card body/content color in default state. */
+export const CardContentDefault: string;
+/** Card body/content color on hover. */
+export const CardContentHover: string;
+/** Card body/content color on press (link hovered styling). */
+export const CardContentPressed: string;
+/** Card shadow in default state (none). */
+export const CardShadowDefault: string;
+/** Card shadow on hover. */
+export const CardShadowHover: string;
+/** Card shadow on press. */
+export const CardShadowPressed: string;
+/** Border radius used for the feed container. */
+export const FeedContainerRadius: string;
+/** Border width used for the feed container. */
+export const FeedContainerBorderWidth: string;
+/** Feed container border color. */
+export const FeedContainerBorderColor: string;
+/** Feed container background. */
+export const FeedContainerBackground: string;
+/** Feed container shadow (none). */
+export const FeedContainerShadow: string;
+/** Border radius used for feed items. */
+export const FeedItemRadius: string;
+/** Border width used for feed items. */
+export const FeedItemBorderWidth: string;
+/** Feed item border color in default state. */
+export const FeedItemBorderDefault: string;
+/** Feed item border color on hover. */
+export const FeedItemBorderHover: string;
+/** Feed item border color on press. */
+export const FeedItemBorderPressed: string;
+/** Feed item background in default state. */
+export const FeedItemBackgroundDefault: string;
+/** Feed item background on hover. */
+export const FeedItemBackgroundHover: string;
+/** Feed item background on press. */
+export const FeedItemBackgroundPressed: string;
+/** Feed item title color in default state. */
+export const FeedItemTitleDefault: string;
+/** Feed item title color on hover (link styling). */
+export const FeedItemTitleHover: string;
+/** Feed item title color on press (link hovered styling). */
+export const FeedItemTitlePressed: string;
+/** Feed item content color in default state. */
+export const FeedItemContentDefault: string;
+/** Feed item content color on hover. */
+export const FeedItemContentHover: string;
+/** Feed item content color on press (link hovered styling). */
+export const FeedItemContentPressed: string;
+/** Feed item shadow in default state (none). */
+export const FeedItemShadowDefault: string;
+/** Feed item shadow on hover. */
+export const FeedItemShadowHover: string;
+/** Feed item shadow on press. */
+export const FeedItemShadowPressed: string;
+/** Navigation bar background. */
+export const NavigationBackground: string;
+/** Navigation bar content color (text/icons). */
+export const NavigationContent: string;
+/** Navigation dropdown background. */
+export const NavigationDropdownBackground: string;
+/** Navigation dropdown content color. */
+export const NavigationDropdownContent: string;
+/** Top border of navigation (transparent). */
+export const NavigationBorderTop: string;
+/** Bottom border of navigation. */
+export const NavigationBorderBottom: string;
+/** Default widget title color. */
+export const WidgetTitle: string;
+/** Default widget subtitle color. */
+export const WidgetSubtitle: string;
+/** Default widget background. */
+export const WidgetBackground: string;
+/** Default widget shadow (none). */
+export const WidgetShadow: string;
+/** Hero widget title color. */
+export const WidgetHeroTitle: string;
+/** Hero widget subtitle color. */
+export const WidgetHeroSubtitle: string;
+/** Hero widget content shadow (none; handled by image/overlay as needed). */
+export const WidgetHeroContentShadow: string;
+/** Background of the hero section. */
+export const WidgetHeroBackground: string;
+/** Height of the hero section. */
+export const WidgetHeroHeight: string;
+/** Featured topic widget background. */
+export const WidgetFeaturedBackground: string;
+/** Featured topic widget content color. */
+export const WidgetFeaturedContent: string;
+/** Introduction widget background. */
+export const WidgetIntroductionBackground: string;
+/** Introduction widget body/content color. */
+export const WidgetIntroductionContent: string;
+/** Introduction widget icon container background. */
+export const WidgetIntroductionIconBackground: string;
+/** Introduction widget icon color. */
+export const WidgetIntroductionIconContent: string;
+/** Introduction widget close button color. */
+export const WidgetIntroductionCloseContent: string;
+export const ThemeBrand100: string;
+export const ThemeBrand200: string;
+export const ThemeBrand300: string;
+export const ThemeBrand400: string;
+export const ThemeBrand500: string;
+export const ThemeBrand600: string;
+export const ThemeBrand700: string;
+export const ThemeBrand800: string;
+export const ThemeBrand900: string;
+export const ThemeBrand1000: string;
+export const ThemeNeutral0: string;
+export const ThemeNeutral100: string;
+export const ThemeNeutral200: string;
+export const ThemeNeutral300: string;
+export const ThemeNeutral400: string;
+export const ThemeNeutral500: string;
+export const ThemeNeutral600: string;
+export const ThemeNeutral700: string;
+export const ThemeNeutral800: string;
+export const ThemeNeutral900: string;
+export const ThemeNeutral1000: string;