This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.
Releases
@compiled/babel-plugin@0.29.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries package does - sorting min-width and min-height from smallest to largest, then max-width and max-height from largest to smallest. If ranges or features involving height and width are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
In situations where two at-rules with the same property apply at the same time, this may break your styles, as the order in which the styles are applied will change. (For example, overlapping @media queries)
Because all at-rules will now be sorted lexicographically / alphabetically, @layer blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.
This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules to false in your configuration:
Webpack users: the @compiled/webpack-loader options in your Webpack configuration
Parcel users: your Compiled configuration, e.g. .compiledcssrc or similar
Babel users: the @compiled/babel-plugin-strip-runtime options in your .babelrc.json or similar, if you have the @compiled/babel-plugin-strip-runtime plugin enabled.
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
Updated dependencies [83c47f85]
@compiled/utils@0.11.1
@compiled/css@0.14.0
@compiled/css@0.14.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries package does - sorting min-width and min-height from smallest to largest, then max-width and max-height from largest to smallest. If ranges or features involving height and width are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
In situations where two at-rules with the same property apply at the same time, this may break your styles, as the order in which the styles are applied will change. (For example, overlapping @media queries)
Because all at-rules will now be sorted lexicographically / alphabetically, @layer blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.
This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules to false in your configuration:
Webpack users: the @compiled/webpack-loader options in your Webpack configuration
Parcel users: your Compiled configuration, e.g. .compiledcssrc or similar
Babel users: the @compiled/babel-plugin-strip-runtime options in your .babelrc.json or similar, if you have the @compiled/babel-plugin-strip-runtime plugin enabled.
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
@compiled/utils@0.11.1
@compiled/parcel-config@0.5.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries package does - sorting min-width and min-height from smallest to largest, then max-width and max-height from largest to smallest. If ranges or features involving height and width are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
In situations where two at-rules with the same property apply at the same time, this may break your styles, as the order in which the styles are applied will change. (For example, overlapping @media queries)
Because all at-rules will now be sorted lexicographically / alphabetically, @layer blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.
This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules to false in your configuration:
Webpack users: the @compiled/webpack-loader options in your Webpack configuration
Parcel users: your Compiled configuration, e.g. .compiledcssrc or similar
Babel users: the @compiled/babel-plugin-strip-runtime options in your .babelrc.json or similar, if you have the @compiled/babel-plugin-strip-runtime plugin enabled.
Patch Changes
Updated dependencies [4f5865a1]
@compiled/parcel-transformer@0.15.4
@compiled/parcel-optimizer@0.4.5
@compiled/webpack-loader@0.13.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries package does - sorting min-width and min-height from smallest to largest, then max-width and max-height from largest to smallest. If ranges or features involving height and width are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
In situations where two at-rules with the same property apply at the same time, this may break your styles, as the order in which the styles are applied will change. (For example, overlapping @media queries)
Because all at-rules will now be sorted lexicographically / alphabetically, @layer blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.
This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules to false in your configuration:
Webpack users: the @compiled/webpack-loader options in your Webpack configuration
Parcel users: your Compiled configuration, e.g. .compiledcssrc or similar
Babel users: the @compiled/babel-plugin-strip-runtime options in your .babelrc.json or similar, if you have the @compiled/babel-plugin-strip-runtime plugin enabled.
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
Updated dependencies [4f5865a1]
Updated dependencies [83c47f85]
@compiled/babel-plugin@0.29.0
@compiled/babel-plugin-strip-runtime@0.29.0
@compiled/utils@0.11.1
@compiled/css@0.14.0
@compiled/babel-plugin-strip-runtime@0.29.0
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
Updated dependencies [83c47f85]
@compiled/utils@0.11.1
@compiled/css@0.14.0
@compiled/codemods@0.9.4
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
@compiled/utils@0.11.1
@compiled/eslint-plugin@0.13.9
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
@compiled/utils@0.11.1
@compiled/jest@0.10.4
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
@compiled/parcel-optimizer@0.4.5
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
Updated dependencies [83c47f85]
@compiled/utils@0.11.1
@compiled/css@0.14.0
@compiled/parcel-transformer@0.15.4
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
Updated dependencies [4f5865a1]
Updated dependencies [4f5865a1]
Updated dependencies [83c47f85]
@compiled/babel-plugin@0.29.0
@compiled/babel-plugin-strip-runtime@0.29.0
@compiled/utils@0.11.1
@compiled/utils@0.11.1
Patch Changes
4f5865a1: Fixes the parsing of custom properties (CSS variables) names in object syntax. The casing is now preserved instead of being converted to kebab-case.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.
Releases
@compiled/babel-plugin@0.29.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the
sort-css-media-queries
package does - sortingmin-width
andmin-height
from smallest to largest, thenmax-width
andmax-height
from largest to smallest. If ranges or features involvingheight
andwidth
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set
sortAtRules
tofalse
in your configuration:@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your.babelrc.json
or similar, if you have the@compiled/babel-plugin-strip-runtime
plugin enabled.Patch Changes
@compiled/css@0.14.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the
sort-css-media-queries
package does - sortingmin-width
andmin-height
from smallest to largest, thenmax-width
andmax-height
from largest to smallest. If ranges or features involvingheight
andwidth
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set
sortAtRules
tofalse
in your configuration:@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your.babelrc.json
or similar, if you have the@compiled/babel-plugin-strip-runtime
plugin enabled.Patch Changes
@compiled/parcel-config@0.5.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the
sort-css-media-queries
package does - sortingmin-width
andmin-height
from smallest to largest, thenmax-width
andmax-height
from largest to smallest. If ranges or features involvingheight
andwidth
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set
sortAtRules
tofalse
in your configuration:@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your.babelrc.json
or similar, if you have the@compiled/babel-plugin-strip-runtime
plugin enabled.Patch Changes
@compiled/webpack-loader@0.13.0
Minor Changes
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the
sort-css-media-queries
package does - sortingmin-width
andmin-height
from smallest to largest, thenmax-width
andmax-height
from largest to smallest. If ranges or features involvingheight
andwidth
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set
sortAtRules
tofalse
in your configuration:@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your.babelrc.json
or similar, if you have the@compiled/babel-plugin-strip-runtime
plugin enabled.Patch Changes
@compiled/babel-plugin-strip-runtime@0.29.0
Patch Changes
@compiled/codemods@0.9.4
Patch Changes
@compiled/eslint-plugin@0.13.9
Patch Changes
@compiled/jest@0.10.4
Patch Changes
@compiled/parcel-optimizer@0.4.5
Patch Changes
@compiled/parcel-transformer@0.15.4
Patch Changes
@compiled/utils@0.11.1
Patch Changes