stitches

Canary Release: 0.2.0-canary.3 🤫

yarn add @stitches/[email protected]

• Fixed an issue where singular and compound variants may not render in the right order.
• Fixed an issue where reading a stylesheet from another domain would throw an error.
• Added the variant name to the singular variant class name.

Canary Release: 0.2.0-canary.2 🤫

yarn add @stitches/[email protected]

• Fixed an issue where certain boolean variants were not being compared correctly.

Canary Release: 0.2.0-canary.1 🤫

yarn add @stitches/[email protected]

• Fixed an issue importing the package in NextJS environments.

Canary Release: 0.2.0-canary.0 🤫

yarn add @stitches/[email protected]

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

Beta Release: 0.1.9 🚀

• Fixes an issue where tokens without a prefix were not serialized correctly. (#581)

Beta Release: 0.1.8 🚀

• Adds a prefix to the backdrop-filter property. (#572)
• Omits the default prefix from tokens. Custom prefixes are unaffected. (#576)
• Adds scroll-padding types. (#559)

Beta Release: 0.1.7 🚀

• Adds several performance optimizations that affect all CSS generation. (#554)
• Fixes an issue where non-string className prop values were ignored. (#556)

Beta Release: 0.1.6 🚀

• Fixes a regression with insertionMethod, and ensures the config prop is consistent. (#502)
• Supports autocompletion of the CSS z-index property. (#551) (Thanks, @fmal 👋)

Beta Release: 0.1.5 🚀

yarn add @stitches/[email protected]

• The CSS outline property maps to colors tokens. (#502)
• Any CSS size properties polyfill fit-content and stretch values. (#503)
• Author utilities override internal utilities, instead of applying before them. (#504)
• Passing undefined to className does not add "undefined". (#538) (Thanks, @flozia! 👋 )
• Token objects can be used as CSS values. (#544) (Thanks, @wellguimaraes! 👋 )
• Token custom properties include the configuration prefix. (#546) (Thanks, @dylanklohr! 👋)

Migrating from alpha to beta? Here’s a migration guide.

Beta Release: 0.1.3 🚀

yarn add @stitches/[email protected]

• Adjusts the insertion method to reduce DOM writes

Migrating from alpha to beta? Here’s a migration guide.

Beta Release: 0.1.4 🚀

yarn add @stitches/[email protected]

• Fixed an issue using locally scoped tokens multiple times on the same kind of property.
• Improved how SSR styles are updated by regenerated styles.

Migrating from alpha to beta? Here’s a migration guide.

Beta Release: 0.1.2 🚀

yarn add @stitches/[email protected]

• Polyfills the vendor-prefixed sizing values stretch and fit-content.
• Maps the outline property to the color theme token.
• Run utilities for properties instead of polyfills, instead of running them beforehand.
• Update the DOM even more sparingly.

Migrating from alpha to beta? Here’s a migration guide.

Beta Release: 0.1.1 🚀

yarn add @stitches/[email protected]

• Polyfills the vendor-prefixed sizing values stretch and fit-content.
• Maps the outline property to the color theme token.
• Run utilities for properties instead of polyfills, instead of running them beforehand.
• Update the DOM even more sparingly.

Migrating from alpha to beta? Here’s a migration guide.

• Added polyfills for vendor-prefixed properties and logical shorthands.
• Removed default exports from @stitches/core and @stitches/react.
• Replaced when responsive property container with the ability to insert breakpoints alongside properties like @bp1.
• Renamed conditions to media, changing its values from strings like "@media (min-width: 640px)" to "(min-width: 640px)".
• Renamed insertMethod option to insertionMethod.
• Reduced TSC issues by half.

Canary Release: 0.1.0-canary.20 🚀

yarn add @stitches/[email protected]

• Reduced DOM writes by up to 100%. ("Nothing to write home about.")

Migrating from alpha to beta? Here’s a migration guide.

Canary Release: 0.1.0-canary.19 🚀

yarn add @stitches/[email protected]

• Fixed an issue where certain property number values were wrongly not converted to px ("Sorry, wrong number.")

Migrating from alpha to beta? Here’s a migration guide.

Canary Release: 0.1.0-canary.18 🚀

yarn add @stitches/[email protected]

• Fixed an issue where certain property number values were wrongly converted to px ("Mad props" or "Strength in numbers")

Migrating from alpha to beta? Here’s a migration guide.

Canary Release: 0.1.0-canary.17 🚀

yarn add @stitches/[email protected]

• Fixed an issue where empty responsive variants rendered nesting incorrectly. ("Empty nesters now welcome.")

Migrating from alpha to beta? Here’s a migration guide.

Canary Release: 0.1.0-canary.16 🚀

yarn add @stitches/[email protected]

• Fixed an issue where React.forwardRef components were not handled correctly. ("And for reference, I was looking forward to that.")

And another thanks to @arempe93 for contributing to the diagnosis and solution. ✨

Migrating from alpha to beta? Here’s a migration guide.

Canary Release: 0.1.0-canary.15 🚀

yarn add @stitches/[email protected]

• Fixed an issue where @keyframes rules were no longer committed to CSS. ("Hey, where’d my keys go?")
• Fixed an issue where numeric properties were not correctly transforming into or avoiding px units. ("Px or it didn't happen.")
• Fixed an issue where insertMethod appeared required. ("You’re just not my type." or "Well, that’s one way to promote adoption.")

A big thanks to @arempe93 for flagging the issue with numeric properties and also submitting a fix!