stitches

• Fix Stitches compatability with TS 4.6 ( #982)

• Fixed issue with ThemeTokens typing (#893)
• Improves compatibility with inconsistent CSSOM behavior of older browsers (#929)
• Fix: Specify missing exception identifier in addApplyToGroup (#934)
• Fix for #908: toString in hydrated group sheet (#930)
• TS error when using as + variant with composed components (#954)

Bug fixes:

• @initial overriding other responsive variant values #737
• Multiple of the same variants didn't applied properly on responsive styles #725
• Incorrect style order when extending React components #671
• Assert that accessing cssRules will not throw errors in some cases #756

• Fixed an issue where Stitches was throwing a "Converting circular structure to JSON" error. (#836)

• Fixed TS PropertyValue and ScaleValue types in the react package. (#835)

• Fixed a TS regression with PropertyValue and ScaleValue when declaration: true. (#831)

• Fixed a TypeScript issue with distributive condition (used with Radix). (#822)
• Fixed an issue with utils named like selectors. (#828)
• Updated PropertyValue and ScaleValue types to support config. (#829)

• Fixed a TypeScript issue using arrays with @font-face or @import rules in globalCss. (#809)
• Fixed a TypeScript issue accessing className and selector from the default theme. (#811)
• Fixed a TypeScript issue where compoundVariants.css could not accept tokens. (#812)

• Added a polyfill for the mask-size property. (#795)
• Fixed an internal documentation issue with compoundVariants. (#784)
• Fixed a TypeScript issue using multiple parameters with globalCss. (#793)
• Fixed a TypeScript issue using VariantProps in @stitches/react. (#777)

• Fixes a typing issue with using string arrays for at-rules. (#752)
• Fixes a typing issue with the return type for createTheme. (#713)
• Fixes a typing issue with VariantProps erroring about a symbol. (#754)
• Fixes a typing issue with TypeScript 4.4 not suggesting CSS properties. (#759)
• Adds support for multiple styles passed into globalCss. (#758)
• Adds borderImage to defaultThemeMap to support colors. (#744)

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

Beta Release: 0.2.3 🚀

yarn add @stitches/[email protected]

• 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.

Beta Release: 0.2.2 🚀

yarn add @stitches/[email protected]

• 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)

Beta Release: 0.2.1 🚀

yarn add @stitches/[email protected]

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

Beta Release: 0.2.0 🚀

yarn add @stitches/[email protected]

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)

Canary Release: 0.2.0-canary.8 🤫

yarn add @stitches/[email protected]

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

Canary Release: 0.2.0-canary.7 🤫

yarn add @stitches/[email protected]

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

Canary Release: 0.2.0-canary.6 🤫

yarn add @stitches/[email protected]

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

Canary Release: 0.2.0-canary.5 🤫

yarn add @stitches/[email protected]

• Fixed an issue using numerics in theme.

Canary Release: 0.2.0-canary.4 🤫

yarn add @stitches/[email protected]

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