packages/ui-themeable/src/mirrorShorthand.js
function mirrorShorthandCorners (values) {
  if (typeof values !== 'string') {
    return
  }

  const valuesArr = values.split(' ')
  if (valuesArr.length === 2) {
    // swap the 1st and 2nd values
    [ valuesArr[0], valuesArr[1] ] =
    [ valuesArr[1], valuesArr[0] ]
  }

  if (valuesArr.length === 3) {
    // convert 3 value syntax to 4 value syntax
    valuesArr.push(valuesArr[1])
  }

  if (valuesArr.length === 4) {
    [ valuesArr[0], valuesArr[1], valuesArr[2], valuesArr[3] ] =
    [ valuesArr[1], valuesArr[0], valuesArr[3], valuesArr[2] ]
  }

  return valuesArr.join(' ')
}
function mirrorShorthandCorners (values) {
  if (typeof values !== 'string') {
    return
  }

  const valuesArr = values.split(' ')
  if (valuesArr.length === 2) {
    // swap the 1st and 2nd values
    [ valuesArr[0], valuesArr[1] ] =
    [ valuesArr[1], valuesArr[0] ]
  }

  if (valuesArr.length === 3) {
    // convert 3 value syntax to 4 value syntax
    valuesArr.push(valuesArr[1])
  }

  if (valuesArr.length === 4) {
    [ valuesArr[0], valuesArr[1], valuesArr[2], valuesArr[3] ] =
    [ valuesArr[1], valuesArr[0], valuesArr[3], valuesArr[2] ]
  }

  return valuesArr.join(' ')
}
function mirrorShorthandCorners ( values ) { if ( typeof values !== 'string' ) { return } const valuesArr = values . split ( ' ' ) if ( valuesArr . length === 2 ) { // swap the 1st and 2nd values [ valuesArr [ 0 ] , valuesArr [ 1 ] ] = [ valuesArr [ 1 ] , valuesArr [ 0 ] ] } if ( valuesArr . length === 3 ) { // convert 3 value syntax to 4 value syntax valuesArr . push ( valuesArr [ 1 ] ) } if ( valuesArr . length === 4 ) { [ valuesArr [ 0 ] , valuesArr [ 1 ] , valuesArr [ 2 ] , valuesArr [ 3 ] ] = [ valuesArr [ 1 ] , valuesArr [ 0 ] , valuesArr [ 3 ] , valuesArr [ 2 ] ] } return valuesArr . join ( ' ' ) }
Convert shorthand CSS properties for corners to rtl

Given a string representing a CSS shorthand for corners,
swaps the values such that 2,3 and 4 value syntax is rtl
instead of ltr.

See the following for further reference:
https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties

@param {String} values - space delimited string values representing a CSS shorthand
@returns {String} a space delimited CSS shorthand string converted to RTL
Convert shorthand CSS properties for corners to rtl