curls/dist/cjs/Transitionable/styles.js

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

'use strict'

exports.__esModule = true
exports.property = exports.delay = exports.easing = exports.duration = void 0

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

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

var dT = _interopRequireWildcard(require('./defaultTheme'))

function _interopRequireWildcard(obj) {
  if (obj && obj.__esModule) {
    return obj
  } else {
    var newObj = {}
    if (obj != null) {
      for (var key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
          var desc =
            Object.defineProperty && Object.getOwnPropertyDescriptor
              ? Object.getOwnPropertyDescriptor(obj, key)
              : {}
          if (desc.get || desc.set) {
            Object.defineProperty(newObj, key, desc)
          } else {
            newObj[key] = obj[key]
          }
        }
      }
    }
    newObj.default = obj
    return newObj
  }
}

const duration = (0, _utils.memoTheme)((value, theme) =>
    /*#__PURE__*/
    (0, _core.css)(
      'transition-duration:',
      (0, _utils.unit)(
        (0, _utils.get)(theme.transitionable, 'duration', dT)[value] || value,
        'ms'
      ),
      ';'
    )
  ),
  easing = (0, _utils.memoTheme)((value, theme) => {
    let easing =
      (0, _utils.get)(theme.transitionable, 'easing', dT)[value] || value
    easing =
      typeof easing === 'string' ? easing : `cubic-bezier(${easing.join(',')})`
    return (
      /*#__PURE__*/
      (0, _core.css)('transition-timing-function:', easing, ';')
    )
  }),
  delay = (0, _utils.memoValue)(v =>
    /*#__PURE__*/
    (0, _core.css)('transition-delay:', (0, _utils.unit)(v, 'ms'), ';')
  ),
  property = (0, _utils.memoValue)(v =>
    /*#__PURE__*/
    (0, _core.css)(
      'transition-property:',
      typeof v === 'string' ? v : v.join(','),
      ';'
    )
  )
exports.property = property
exports.delay = delay
exports.easing = easing
exports.duration = duration