consensys-ui/packages/ui/src/components/icon/styles.ts

Consensys UI component library and design system

import { cva } from 'class-variance-authority';

export const iconVariants = cva('', {
  variants: {
    color: {
      neutral: 'text-neutral-a11',
      primary: 'text-primary-a11',
      secondary: 'text-secondary-a11',
      error: 'text-error-a11',
      warning: 'text-warning-a11',
      success: 'text-success-a11',
    },
    size: {
      sm: 'h-3 w-3',
      md: 'h-4 w-4',
      lg: 'h-5 w-5',
    }
  },
  defaultVariants: {
    color: 'neutral',
    size: 'md'
  }
});