@atlaskit/flag/dist/esm/theme.js

A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.

// TODO: DSP-2519 Interaction tokens should be used for hovered and pressed states
// https://product-fabric.atlassian.net/browse/DSP-2519
export var actionBackgroundColor = {
  success: {
    default: "var(--ds-background-inverse-subtle, #00000029)",
    active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
    pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
  },
  info: {
    default: "var(--ds-background-inverse-subtle, #00000029)",
    active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
    pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
  },
  error: {
    default: "var(--ds-background-inverse-subtle, #00000029)",
    active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
    pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
  },
  warning: {
    default: "var(--ds-background-inverse-subtle, #00000029)",
    active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
    pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
  },
  normal: {
    default: 'none',
    active: 'none',
    pressed: 'none'
  }
};