@compiled/[email protected]

Minor Changes

• 9a15e74: Sort shorthand properties so that they come before longhand properties.

  When using Compiled, one of the following will happen:

  Option 1. If stylesheet extraction is turned off ("runtime mode"): shorthand properties will be sorted before longhand properties, as long as they are not in a pseudo-selector like :hover or :active. This is enabled by default and cannot be turned off.

  Option 2. If stylesheet extraction is turned on and one of the below is true:

  • You are using Webpack
  • You are using Parcel AND you are running in production mode

  ... shorthand properties will only be sorted if sortShorthand: true is passed to CompiledExtractPlugin (Webpack), or sortShorthand: true is passed to your Compiled config file like .compiledcssrc (Parcel). When sorting shorthand properties using this method (option 2), shorthand properties will always be sorted before longhand properties, taking precedence over pseudo-selectors like :hover or :active.

Patch Changes

• Updated dependencies [9a15e74]
• Updated dependencies [9a15e74]
  • @compiled/[email protected]

@compiled/[email protected]

Patch Changes

• Updated dependencies [9a15e74]
• Updated dependencies [9a15e74]
  • @compiled/[email protected]

@compiled/[email protected]

Patch Changes

• Updated dependencies [9a15e74]
• Updated dependencies [9a15e74]
  • @compiled/[email protected]
  • @compiled/[email protected]

@compiled/[email protected]

Minor Changes

• 9a15e74: Sort shorthand properties so that they come before longhand properties.

  When using Compiled, one of the following will happen:

  Option 1. If stylesheet extraction is turned off ("runtime mode"): shorthand properties will be sorted before longhand properties, as long as they are not in a pseudo-selector like :hover or :active. This is enabled by default and cannot be turned off.

  Option 2. If stylesheet extraction is turned on and one of the below is true:

  • You are using Webpack
  • You are using Parcel AND you are running in production mode

  ... shorthand properties will only be sorted if sortShorthand: true is passed to CompiledExtractPlugin (Webpack), or sortShorthand: true is passed to your Compiled config file like .compiledcssrc (Parcel). When sorting shorthand properties using this method (option 2), shorthand properties will always be sorted before longhand properties, taking precedence over pseudo-selectors like :hover or :active.

Patch Changes

• Updated dependencies [9a15e74]
• Updated dependencies [9a15e74]
  • @compiled/[email protected]
  • @compiled/[email protected]

@compiled/[email protected]

Minor Changes

• 83c721d: Modify the early-exit on our Webpack loader to work with options.importSources to properly transform other Compiled aliases.

Patch Changes

• Updated dependencies [83c721d]
  • @compiled/[email protected]

@compiled/[email protected]

Patch Changes

• Updated dependencies [83c721d]
  • @compiled/[email protected]

@compiled/[email protected]

Minor Changes

• 83c721d: Allow an import of jsx from our internal @atlaskit/css package for babel plugin pragma resolutions.

@compiled/[email protected]

Patch Changes

• 8f3149f: When parsing the Webpack config rules option, also handle the situation where a rule might be falsy (null, undefined, 0, "")

@compiled/[email protected]

Minor Changes

• dbb7ba4: Update @compiled/jsx-pragma to properly support options.importSources for pragmas, eg. using a wrapper around '@compiled/react' to distribute a typed variant.

@compiled/[email protected]

Patch Changes

• 25a4bed: Fix the cx() function's class collection at runtime as it generated class instances rather than strings