curls/dist/cjs/Avatar/styles.js

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

'use strict'

exports.__esModule = true
exports.orientation = exports.size = exports.src = 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 src = () => null,
  size = (0, _utils.memoTheme)((val, theme) => {
    let avatarSize = (0, _utils.get)(theme.avatar, 'scale', dT)[val],
      typeOfAvatarSize = typeof avatarSize
    if (typeOfAvatarSize === 'object') return avatarSize
    else if (typeOfAvatarSize === 'function') return avatarSize(theme)
    const sizeUnit = (0, _utils.get)(theme.avatar, 'sizeUnit', dT)
    return (
      /*#__PURE__*/
      (0, _core.css)(
        'width:',
        (0, _utils.unit)(avatarSize, sizeUnit),
        ';height:',
        (0, _utils.unit)(avatarSize, sizeUnit),
        ';'
      )
    )
  }),
  orientation = (0, _utils.memoValue)(v => {
    let height, width

    switch (v) {
      case 'square':
        width = '100%'
        height = '100%'
        break

      case 'landscape':
        width = 'auto'
        height = '100%'
        break

      case 'portrait':
        width = '100%'
        height = 'auto'
        break
    }

    return (
      /*#__PURE__*/
      (0, _core.css)('& img,& picture{width:', width, ';height:', height, ';}')
    )
  })

exports.orientation = orientation
exports.size = size
exports.src = src