@plumeria/wind

import * as css from '@plumeria/core';
import { blue, radius, slate, spacing, text } from '@plumeria/wind';

const styles = css.create({
  button: {
    paddingInline: spacing[4],
    fontSize: text.sm,
    color: slate[50],
    backgroundColor: blue[600],
    borderRadius: radius.md,
  },
});

import * as css from '@plumeria/core';
import { animate, spin } from '@plumeria/wind';

const styles = css.create({
  spinner: {
    animation: `${spin} ${animate.spin}`,
  },
});