@coconut-software/ui/defaultVariants.js

React components for faster and easier web development.

module.exports = {
  backgroundColor: [
    'responsive',
    'hover',
    'focus',
    'focus-within',
    'group-focus',
    'group-hover',
    'active',
    'group-active',
    'disabled',
  ],
  borderColor: [
    'responsive',
    'hover',
    'focus',
    'focus-within',
    'active',
    'disabled',
  ],
  borderRadius: ['responsive', 'first', 'last'],
  borderWidth: ['responsive', 'first', 'last'],
  boxShadow: ['focus', 'focus-within', 'focus-visible'],
  cursor: ['responsive', 'disabled'],
  padding: ['responsive', 'first', 'last'],
  outline: ['responsive', 'focus', 'focus-visible'],
  textColor: [
    'responsive',
    'hover',
    'focus',
    'focus-within',
    'active',
    'disabled',
  ],
  width: ['responsive', 'first', 'last'],
}