Version 2.5.4

v2.5.4

Minor Changes#

Styled System 2.7.0#

Creates the gradients theme key for props bgGradient, bgImage, bgImg, and backgroundImage

This addition allows you to use tokens for the gradient values, semantic tokens included!

// gradients.ts
export const gradients = {
lightBgGradient:
"linear-gradient(102.7deg, #B9F1B9 0%, #5484EA 51.56%, #3A8E89 100%)",
}
// SomeComponent.tsx
<Box bgGradient='lightBgGradient' />

šŸšØ NOTE: The Background Gradient API can not be used in a token as the conversion is done when the api is used directly on a prop and not when compiling the theme config

Patch Changes#

Tag 3.0.0#

Fix issue where the tag's base style doesn't set the --badge-bg and --badge-color css variables.

Toast 6.1.0#

Add support for the colorScheme property in the useToast hook

const toast = useToast({
title: "Account created.",
description: "We've created your account for you.",
colorScheme: "blue",
})

Checkbox 2.2.13, Radio 2.0.22#

Fix issue where browser shows console warning due to preventDefault call in pointer event on mobile

Next.js 2.1.1#

Fix issue where theming related props (variant, size) could not be passed to the Link component

Proudly made inNigeria by Segun Adebayo

Deployed by ā–² Vercel