Function controlBorderRadius

packages/@react-spectrum/s2/src/style-utils.ts:241–260

(size: 'default' | 'sm' = 'default')

// This generates the border radius for t-shirt sizes using the
// Major Second logarithmic scale.
export const controlBorderRadius = (size: 'default' | 'sm' = 'default') =>
  ({
    '--size': {
      type: 'order',
      value: {
        default: 1,
        size: {
          XS: Math.pow(1.125, -2),
          S: Math.pow(1.125, -1),
          L: Math.pow(1.125, 1),
          XL: Math.pow(1.125, 2)
        }
      }
    },
    '--radius': {
      type: 'borderTopStartRadius',
      value: size
    },
    borderRadius: 'round(var(--radius) * var(--size), 1px)'
  }) as const;

interface ControlOptions {
  shape?: 'default' | 'pill';