componentColours property

ComponentColourTokens get componentColours

Implementation

static ComponentColourTokens get componentColours {
  final colours = TfnColourTokens.tfnColours;
  final primitives = TfnColourPrimitivesTokens.tfnColours;
  return ComponentColourTokens(
    // Button colors - Filled
    buttonFilledContainerEnabled: colours.secondary,
    buttonFilledContainerPressed: primitives.secondary40,
    buttonFilledContainerHover: primitives.secondary60,
    buttonFilledDisabled: colours.outlineVariant,
    buttonFilledLabelEnabled: colours.onSecondary,
    buttonFilledLabelPressed: colours.onSecondary,
    buttonFilledLabelHover: colours.onSecondary,
    buttonFilledLabelDisabled: colours.onSecondary,

    // Button colors - Outline
    buttonOutlineContainerEnabled: colours.secondary,
    buttonOutlineContainerPressed: primitives.primary80,
    buttonOutlineContainerHover: primitives.secondary70,
    buttonOutlineDisabled: colours.outlineVariant,
    buttonOutlineLabelEnabled: colours.secondary,
    buttonOutlineLabelPressed: colours.primary,
    buttonOutlineLabelHover: primitives.secondary70,
    buttonOutlineLabelDisabled: colours.onSurface,

    // Button colors - Text
    buttonTextLabelEnabled: colours.primary,
    buttonTextLabelPressed: primitives.primary80,
    buttonTextLabelDisabled: colours.onSurface,
    buttonTextLabelHover: primitives.primary60,
    buttonSecondaryFilledContainerHover: primitives.secondary60,
    // Button colors - Secondary Filled
    buttonSecondaryFilledContainerEnabled: colours.secondary,

    // Icon colors
    iconPrimary: colours.primary,
    iconSecondary: colours.secondary,
    iconTertiary: colours.tertiary,
    iconDefault: colours.outlineDisabled,
    iconDisabled: primitives.neutral80,
    iconOnPrimary: colours.onPrimary,
    iconWhite: colours.onPrimary,
    iconBlack: primitives.neutral0,
    iconError: colours.error,
    iconSuccess: colours.success,
    iconWarning: colours.warning,
    iconInformation: colours.information,

    // Text colors
    textPrimary: colours.primary,
    textSecondary: colours.secondary,
    textTertiary: colours.tertiary,
    textDefault: colours.onSurface,
    textBlack: primitives.neutral0,
    textWhite: primitives.neutral100,
    textDisabled: primitives.neutral80,
    textError: colours.error,
    textGrey: primitives.neutral50,

    // Card colors
    cardWhite: colours.onPrimary,
    cardPrimary: colours.primary,

    // Chip colors
    chipsEnabledOutline: primitives.neutralVariant80,
    chipsDisabledOutline: colours.outlineVariant,
    chipsFocussedOutline: primitives.primary80,
    chipsDisabledContainer: primitives.neutral99,
    chipsFocussedContainer: primitives.primary99,
    chipSelectedContainer: primitives.primary90,
    chipSelectedOutline: primitives.primary50,

    // Tooltip colors
    tooltipContainer: primitives.neutral50,

    // Tab colors
    tabIndicator: colours.primary,
    tabLabelSelected: colours.primary,
    tabLabelUnselected: primitives.neutralVariant50,

    // Navigation bar colors
    navBarActiveLabel: colours.primary,
    navBarInactiveLabel: primitives.neutral50,
    navBarActiveIndicator: colours.primaryContainer,
  );
}