curls/dist/cjs/Button/defaultTheme.js

💪 Responsive, expressive UI primitives for React written with Style Hooks and Emotion

'use strict'

exports.__esModule = true
exports.getActiveClass = exports.getHoverClass = exports.scale = void 0

var _core = require('@emotion/core')

var _utils = require('../utils')

const scale = {
  sm: {
    name: 'm43nrq',
    styles: 'padding:0.67rem 1.33rem;',
  },
  md: {
    name: 'mope0u',
    styles: 'padding:1rem 2rem;',
  },
  lg: {
    name: 'drekz9',
    styles: 'padding:1.5rem 3rem;',
  },
}
exports.scale = scale

const getHoverClass = () => {
  // adds css classes for hover and active states
  const hoverStyle = `
    &:hover {
      opacity: 0.8;
    }
  `
  const noneStyle = `
    &:hover {
      opacity: 1.0;
    }
  `
  return (0, _utils.getHoverQuery)(hoverStyle, noneStyle)
}

exports.getHoverClass = getHoverClass
var _ref = {
  name: 'nd4gqg',
  styles: '&:active{opacity:1;}',
}

const getActiveClass = (theme, props) => {
  if (props.bg === void 0) return
  return _ref
}

exports.getActiveClass = getActiveClass