cmds-tailwind-styles/src/theme/lib/colors.js

A tailwind preset of utilities for Copa Airlines design system

const BASE_COLORS = {
  primary: {
    DEFAULT: "hsl(var(--color-primary) / <alpha-value>)",
    ultralight: "hsl(var(--color-primary-ultralight) / <alpha-value>)",
    light: "hsl(var(--color-primary-light) / <alpha-value>)",
    dark: "hsl(var(--color-primary-dark) / <alpha-value>)",
    ultradark: "hsl(var(--color-primary-ultradark) / <alpha-value>)",
    faded: "hsl(var(--color-primary-faded) / <alpha-value>)",
  },
  secondary: {
    DEFAULT: "hsl(var(--color-secondary) / <alpha-value>)",
    faded: "hsl(var(--color-secondary-faded) / <alpha-value>)",
  },
  tertiary: "hsl(var(--color-tertiary) / <alpha-value>)",
  backgound: {
    lightblue: "hsl(var(--color-background-lightblue) / <alpha-value>)",
    paper: "hsl(var(--color-background-paper) / <alpha-value>)",
  },
  alternative: {
    pardo: "hsl(var(--color-alternative-pardo) / <alpha-value>)",
    gold: "hsl(var(--color-alternative-gold) / <alpha-value>)",
    darkorange: "hsl(var(--color-alternative-darkorange) / <alpha-value>)",
    lightorange: "hsl(var(--color-alternative-lightorange) / <alpha-value>)",
    prefermemberblue: "hsl(var(--color-alternative-prefermemberBlue) / <alpha-value>)",
  },
  system: {
    warning: {
      DEFAULT: "hsl(var(--color-system-warning) / <alpha-value>)",
      faded: "hsl(var(--color-system-warning-faded) / <alpha-value>)",
    },
    error: {
      DEFAULT: "hsl(var(--color-system-error) / <alpha-value>)",
      faded: "hsl(var(--color-system-error-faded) / <alpha-value>)",
    },
    success: {
      DEFAULT: "hsl(var(--color-system-success) / <alpha-value>)",
      faded: "hsl(var(--color-system-success-faded) / <alpha-value>)",
    },
  },
  status: {
    member: "hsl(var(--color-status-member) / <alpha-value>)",
    silver: "hsl(var(--color-status-silver) / <alpha-value>)",
    gold: "hsl(var(--color-status-gold) / <alpha-value>)",
    platinum: "hsl(var(--color-status-platinum) / <alpha-value>)",
    presidential: "hsl(var(--color-status-presidential) / <alpha-value>)",
  },
  grey: {
    800: "hsl(var(--color-grey-800) / <alpha-value>)",
    700: "hsl(var(--color-grey-700) / <alpha-value>)",
    600: "hsl(var(--color-grey-600) / <alpha-value>)",
    500: "hsl(var(--color-grey-500) / <alpha-value>)",
    400: "hsl(var(--color-grey-400) / <alpha-value>)",
    300: "hsl(var(--color-grey-300) / <alpha-value>)",
    200: "hsl(var(--color-grey-200) / <alpha-value>)",
    100: "hsl(var(--color-grey-100) / <alpha-value>)",
    75: "hsl(var(--color-grey-75) / <alpha-value>)",
    50: "hsl(var(--color-grey-50) / <alpha-value>)",
  },
  common: {
    black: "hsl(var(--color-common-black) / <alpha-value>)",
    white: "hsl(var(--color-common-white) / <alpha-value>)",
  }
}

const getOverrides = () => {
  return {}
}

const getExtensions = () => {
  return BASE_COLORS
}

module.exports = {
  getOverrides: getOverrides,
  getExtensions: getExtensions
}