import { typeColors , statusColors } from '@workday/canvas-colors-web' ; example export const variants = { error : { color : statusColors . error , } , hint : { color : typeColors . hint , } , inverse : { color : typeColors . inverse , } , } ; export type CanvasTypeVariants = { /**
     * - Sets color to Cinnamon 500
     * - Used for making errors more visible
     */ error : { color : typeof statusColors . error ; } ; /**
     * - Sets color to Licorice 300
     * - Used for help text and secondary content
     */ hint : { color : typeof typeColors . hint ; } ; /**
     * - Sets color to FrenchVanilla 100
     * - Used for any text on a dark or colored background
     * - Please consider a11y and color contrast when using white text.
     */ inverse : { color : typeof typeColors . inverse ; } ; } ;