Function outerBorderStops

packages/@react-spectrum/ai/src/tokens.macro.ts:138–158

(variant: string)

}

export function outerBorderStops(variant: string) {
  let border = token('outer-border.gradient.ob-border.stop-1');
  return `
    --outer-border-hue: light-dark(
      ${outerBorderStop(2, variant, 'light', 1)},
      ${outerBorderStop(2, variant, 'dark', 1)}
    );
    --bg-stop-1: light-dark(
      ${outerBorderStop(1, variant, 'light')},
      ${variant === 'prominent' ? outerBorderStop(1, variant, 'dark') : border}
    );
    --bg-stop-2: light-dark(
      ${outerBorderStop(2, variant, 'light')},
      ${variant === 'prominent' ? outerBorderStop(2, variant, 'dark') : border}
    );
    --bg-stop-3: light-dark(
      ${outerBorderStop(3, variant, 'light')},
      ${variant === 'prominent' ? outerBorderStop(3, variant, 'dark') : border}
    );
  `;
}

function outerBorderStop(stop: number, variant: string, colorScheme: string, div = 10) {
  let opacity = token(