v1.0.0

We're happy to announce that Stitches v1.0.0 has been released. This version is the stable release and comes with lots of performance improvements and bug fixes.

Please refer to migration guide and changelog.

Breaking Changes

• Renamed createCss to createStitches
• Renamed global to globalCss
• Renamed getCssString to getCssText
• Moved creator function from theme to createTheme
• Renamed TypeScript StitchesCss to CSS
• Renamed TypeScript StitchesVariants to VariantProps

Bug fixes and improvements

• #683: 1.0 - Rename global to globalCss
• #696: Prevent as prop to be used as a variant
• #732: Make theme.className inject styles
• #681: TS:1.0 - VariantProps returns any
• #655: min/max width fit-content is unable to render
• #680: TS:1.0 - CSS should also work in an unconfigured way
• #678: TS:1.0 - Error extending a CSS fragment
• #660: TypeScript prevents use of animationName inside styled
• #602: TypeScript: Typing of util errors inside variants
• #560: Argument types not being inferred in event handler props when composing components
• #518: All CSS Properties cause TS errors when using css function from createCss
• #530: Typescript error when composing components with boolean variants
• #512: Tokens aren't included in the theme type definition
• #506: Typescript Error when passing css prop to styled component
• #497: Running typescript compiler on project with …s fails to compile (tried with multiple builders)
• #484: Allow utils in themeMap for ease of typing for a more generic typing
• #453: Types disappear when I destructure config from createCss
• #427: [0.1.0-canary.7+] TS error when passing react-router's Link to "as" prop
• #407: TS: error spreading abstracted style onto css prop
• #405: TypeError when passing a style object with default variants or of type CSS
• #383: Brainstorm how to abstract utils
• #378: [stitches/react] css prop is not autocompleting tokens
• #736: TS:1.0 - Stitches.PropertyValue error with string
• #735: TS:1.0 - font weight error
• #715: Incorrect typing for css prop on Canary
• #726: TS:1.0 - zIndex error with string
• #720: Type regression using as and css on a Stitches component on Canary 7
• #719: Type regression for targeting a Stitches component in Canary
• #702: TS:1.0 - Error types spreading StitchesCss fragments
• #706: TS:1.0 - Error when accessing .className and .selector
• #705: TS:1.0 - nested pseudo classes in media throws error
• #718: TS:1.0 - Suggestions should not include @ALL
• #712: Incorrect typings for styled inputs on Canary
• #707: TS:1.0 - PropertyValue missing number
• #697: TS:1.0 - css type is {} when using React.ComponentProps
• #670: styled API: 1st arg must be a type, then infinite style objects
• #682: 1.0 - Rename createCss to createStitches
• #679: TS:1.0 - Performance issue when exposing css prop from custom Component
• #727: TS:1.0 - Complex TS error
• #684: 1.0 - Add createTheme to main export
• #685: 1.0 - Remove theme creation from theme and into its own function
• #713: TS:1.0 - createTheme return type does not include ThemeTokens when theme class is used
• #716: TS:1.0 - Expression produces a union type that is too complex to represent
• #653: Latest Stitches does not work well with next-themes
• #666: Locally Scoped Tokens should ignore undefined values

v0.2.3

Beta Release: 0.2.3 🚀

yarn add @stitches/react@0.2.3

• changes token.name to token.token, as it was in v0.1.x.
• expands peerDependency to include react v16.
• fixes issue with default variants not applying in composition.
• adds polyfill for textSizeAdjust.

v0.2.2

Beta Release: 0.2.2 🚀

yarn add @stitches/react@0.2.2

• Fixed an issue where some dynamic styled could be inserted before hydrated styles. (#638)
• Removed a console warning when a dynamically inserted rule was not supported by that browser. (#639)
• Added a display name to styled components. (#640)

v0.2.1

Beta Release: 0.2.1 🚀

yarn add @stitches/react@0.2.1

• Fixed an issue where the CSSOM would throw when an invalid rule was encountered. (#626)

v0.2.0

Beta Release: 0.2.0 🚀

yarn add @stitches/react@0.2.0

Changes from 0.1.9

• Updated performance considerably.
• Replaced DOM insertion method with CSSOM insertion method.
• Removed insertionMethod API.
• Fixed specificity issue with inherited variants & variants leaking as DOM attributes. (#473)
• Fixed specificity issue when components would share the same style. (#474)
• Fixed responsive variants not respecting usage order. (#483)
• Fixed default variants being ignored when responsively applying variants. (#492)
• Fixed flash of unstyled content after upgrading from alpha to beta. (#523)
• Fixed variant props being passed down to DOM elements. (#532)
• Fixed performance degradation after migrating from alpha to beta. (#535)
• Fixed resulting CSS from custom theme / globals not appending if parameters were the same. (#563)
• Fixed inconsistent use of prefix. (#586)
• Fixed backdropFilter not transforming locally-scoped tokens in css(). (#588)
• Fixed ability to set new default variants when composing components. (#622)

v0.2.0-canary.8

Canary Release: 0.2.0-canary.8 🤫

yarn add @stitches/react@0.2.0-canary.8

• Reduced the code needed for css & styled functionality, further improving performance.

v0.2.0-canary.7

Canary Release: 0.2.0-canary.7 🤫

yarn add @stitches/react@0.2.0-canary.7

• Fixed an issue where custom units were not being applied.

v0.2.0-canary.6

Canary Release: 0.2.0-canary.6 🤫

yarn add @stitches/react@0.2.0-canary.6

• Reduced the code needed for all functionality, improving performance.

v0.2.0-canary.5

Canary Release: 0.2.0-canary.5 🤫

yarn add @stitches/react@0.2.0-canary.5

• Fixed an issue using numerics in theme.

v0.2.0-canary.4

Canary Release: 0.2.0-canary.4 🤫

yarn add @stitches/react@0.2.0-canary.4

• Fixed an issue where an uncaught typo would cause the script to throw.