Migration guide

[milesj]

Some points.

• theme prop may be optional now, assuming previous types weren't optional.
• advanced selectors must be moved to @selectors.

// Before
{
  ':first-child': {},
  '::-moz-focus-inner': {}
  ':not([disabled]):hover': {},
}

// After
{
  ':first-child': {},

  '@selectors': {
    '::-moz-focus-inner': {}
    ':not([disabled]):hover': {},
  },
}

• @keyframes is no longer definable within a component.

// Before
{
  '@keyframes': {
    fade: {
      from: {},
      to: {},
    },
  },

  element: {
    animationName: 'fade',
  },
}

// After
{
  element: {
    animationName: {
      name: 'fade',
      from: {},
      to: {},
    },
  },
}

• @font-face is no longer definable within a component.

// Before
// Before
{
  '@font-face': {
    Roboto: {
      src: 'url()',
    },
  },

  element: {
    fontFamily: 'Roboto',
  },
}

// After
{
  element: {
    fontFamily: {
      src: 'url()',
      fontFamily: 'Roboto',
    },
  },
}

[milesj]

Donezo.