How to use the @instructure/ui-themeable.getShorthandPropValue function in @instructure/ui-themeable

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }

get spacingStyle () {
    let { margin, padding } = this.props

    if (this.dir === 'rtl') {
      margin = mirrorShorthandEdges(margin)
      padding = mirrorShorthandEdges(padding)
    }

    return {
      margin: getShorthandPropValue('View', this.theme, margin, 'margin'),
      padding: getShorthandPropValue('View', this.theme, padding, 'padding')
    }
  }

get spacingStyle () {
    let { margin, padding } = this.props

    if (this.dir === 'rtl') {
      margin = mirrorShorthandEdges(margin)
      padding = mirrorShorthandEdges(padding)
    }

    return {
      margin: getShorthandPropValue('View', this.theme, margin, 'margin'),
      padding: getShorthandPropValue('View', this.theme, padding, 'padding')
    }
  }

get spacingStyle () {
    let { margin, padding } = this.props

    if (this.dir === 'rtl') {
      margin = mirrorShorthandEdges(margin)
      padding = mirrorShorthandEdges(padding)
    }

    return {
      margin: getShorthandPropValue('View', this.theme, margin, 'margin'),
      padding: getShorthandPropValue('View', this.theme, padding, 'padding')
    }
  }

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }

get spacingStyle () {
    let { margin, padding } = this.props

    if (this.dir === 'rtl') {
      margin = mirrorShorthandEdges(margin)
      padding = mirrorShorthandEdges(padding)
    }

    return {
      margin: getShorthandPropValue('View', this.theme, margin, 'margin'),
      padding: getShorthandPropValue('View', this.theme, padding, 'padding')
    }
  }

get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }