Function linearGradient

packages/@react-spectrum/s2/style/spectrum-theme.ts:323–352

(
  this: MacroContext | void,
  angle: string,
  ...tokens: [SpectrumColor, number][]
)

}

export function linearGradient(
  this: MacroContext | void,
  angle: string,
  ...tokens: [SpectrumColor, number][]
): [LinearGradient] {
  // Generate @property rules for each gradient stop color. This allows the gradient to be animated.
  let propertyDefinitions: string[] = [];
  for (let i = 0; i < tokens.length; i++) {
    propertyDefinitions.push(`@property --g${i} {
  syntax: '<color>';
  initial-value: #0000;
  inherits: false;
}`);
  }

  if (this && typeof this.addAsset === 'function') {
    this.addAsset({
      type: 'css',
      content: propertyDefinitions.join('\n\n')
    });
  }

  return [
    {
      type: 'linear-gradient',
      angle,
      stops: tokens
    }
  ];
}

// Spacing uses rems, padding does not.
function generateSpacing<K extends number[]>(