code: function getShorthandPropValue (componentName, componentTheme, propValue, propName) {
    if (typeof propValue !== 'string' || isEmpty(componentTheme)) {
      return
    }
  
    return propValue
      .split(' ')
      .map((shortHandValue) => {
        if (shortHandValue === 'auto' || shortHandValue === '0') {
          return shortHandValue
        }
  
        if (shortHandValue === 'none') {
          return '0'
        }
  
        const themeVariableName = camelize(`${propName}-${shortHandValue}`)
        const themeVariableValue = componentTheme[themeVariableName]
  
        error(themeVariableValue, `[${componentName}] '${themeVariableName}' is an invalid '${propName}' value.`)
  
        return themeVariableValue || '0'
      })
      .join(' ')
      .trim()
  }
docs: ---
  category: utilities/themes
  ---
  Given a theme object, a string of space delimited prop values,
  and a propName prefix, combines each prop value with the
  propName prefix and replaces it with a corresponding value
  from the theme object.
  
  @param {String} componentName - the name of the component (for error messages)
  @param {Object} componentTheme - a theme object of keys and values
  @param {String} propValue - a space delimited string of values
  @param {String} propName - a prefix to combine with each propValue
  @returns {String} a string with each value replaced with a value from the theme object