Skip to content

Releases: atlassian-labs/compiled

@compiled/[email protected]

14 Oct 04:46
4695b6b
Compare
Choose a tag to compare

Minor Changes

  • 4fb5c6e: Adds a new option that can be passed to the babel plugin called classHashPrefix. Its value is used to add a prefix to the class names when generating their hashes.

  • 2750e28: Make support for @atlaskit/css as a first-class import consistently default. This means the same functionality of parsing JSX pragmas, linting specific imports, and extracting styles should all work from @compiled/react and @atlaskit/css equally without the importSources: ['@atlaskit/css'] config we use internally.

    This was already the default in about 1/3rd of the code, but not consistent. Now it's consistent and I've cleaned up duplicated import patterns.

Patch Changes

@compiled/[email protected]

14 Oct 04:46
4695b6b
Compare
Choose a tag to compare

Patch Changes

@compiled/[email protected]

01 Oct 05:13
b4864f9
Compare
Choose a tag to compare

Patch Changes

  • 1d2054c: Protect @compiled/react/dist/browser/runtime in environments without a document defined.

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

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

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

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.

  • 9a15e74: Remove unused buildSourceMap function

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

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.

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

Patch Changes

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

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

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

Patch Changes

@compiled/[email protected]

30 Sep 01:11
c3c5660
Compare
Choose a tag to compare

Patch Changes