Function keyframes

packages/@react-spectrum/s2/style/style-macro.ts:1127–1147

(this: MacroContext | void, css: string)

}

export function keyframes(this: MacroContext | void, css: string): string {
  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
  // We also check if this is globalThis, which happens in non-strict mode bundles.
  // Also allow style to be called as a normal function in tests.
  // @ts-ignore

  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
    throw new Error('The keyframes macro must be imported with {type: "macro"}.');
  }
  let name = generateArbitraryValueSelector(css, true);
  css = `@keyframes ${name} {
  ${css}
}`;
  if (this && typeof this.addAsset === 'function') {
    this.addAsset({
      type: 'css',
      content: css
    });
  }
  return name;
}