Version Packages

[atlas-dst-bot]

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/react@0.17.0

Minor Changes

• 39d9a02c: The requiredPseudos type property in XCSS prop has been removed.

• 5701b914: Types for createStrictAPI have been refactored to improve type inference and expectations.

  Previously defining the schema came with a lot of redundant work. For every pseudo that you wanted to type you would have to define it, and then all of the base types again, like so:

  interface Schema {
    background: 'var(--bg)';
    color: 'var(--color)';
    '&:hover': {
      background: 'var(--bg)';
      color: 'var(--color-hovered)';
    };
  }
  
  createStrictAPI<Schema>();

  If you missed a value / didn't type every possible pseudo it would fallback to the CSSProperties value from csstype. This was mostly unexpected. So for example right now &:hover has been typed, but no other pseudo... meaning no other pseudos would benefit from the schema types!

  With this refactor all CSS properties use the top types unless a more specific one is defined, meaning you only need to type the values you want to explicitly support. In the previous example we're now able to remove the background property as it's the same as the top one.

  interface Schema {
    background: 'var(--bg)';
    color: 'var(--color)';
    '&:hover': {
  -    background: 'var(--bg)';
      color: 'var(--color-hovered)';
    };
  }
  
  createStrictAPI<Schema>();

Patch Changes

• 4b2e5eeb: - The CSS map API now allows defining top level media queries. Previously you had to define them inside a @media object, this restriction has now been removed bringing it inline with the CSS function API.

  • The XCSS prop and strict API types now allow defining and using media queries.

  XCSS prop

  The XCSS prop now takes top level media queries. Nested media queries is not allowed.

  import { cssMap, css } from '@compiled/react';
  
  const styles = cssMap({
    valid: { '@media (min-width: 30rem)': { color: 'green' } },
    invalid: { '@media': { '(min-width: 30rem)': { color: 'red' } } },
  });
  
  <Component xcss={styles.valid} />;

  createStrictAPI

  Now takes an optional second generic to define what media queries are supported:

  createStrictAPI<
    { color: 'var(--text)' }
  +  { media: '(min-width: 30rem)' | '(min-width: 48rem)' }
  >();

  Which is then flushed to all output APIs.

• 20528e91: Better cssMap types: fix inference of complex types and adds descriptions to the type.

@compiled/babel-plugin@0.28.4

Patch Changes

• 4b2e5eeb: The CSS map transform now allows top level at rules to be defined.

@compiled/parcel-optimizer-test-app@0.1.5

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0

@compiled/parcel-transformer-test-app@0.1.5

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0

@compiled/parcel-transformer-test-compress-class-name-app@0.2.4

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0

@compiled/parcel-transformer-test-custom-resolve-app@0.1.6

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0

@compiled/parcel-transformer-test-custom-resolver-app@0.1.2

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0

@compiled/parcel-transformer-test-extract-app@0.1.5

Patch Changes

• Updated dependencies [4b2e5eeb]
• Updated dependencies [39d9a02c]
• Updated dependencies [20528e91]
• Updated dependencies [5701b914]
  • @compiled/react@0.17.0