Unify DS tokens integration

[evgenoid]

Button

Component changes:

• Removed default, success, error and warning color types
• Added destructive color type
• Added ghost variant type

Icon Button

Variants

Colors

Avatar

Checkbox

Dialog

Input

Textarea

List

###JSONTree

Menu

Notification

Radio

Range

Pager

Select

Tabs

Toggle

Tree

Calendar

Callout

DateInput

Kbd

Stepper

CommandPalette

Chip

[netlify]

✅ Deploy Preview for reablocks-storybook ready!

Name	Link
🔨 Latest commit	6327fbe
🔍 Latest deploy log	https://app.netlify.com/projects/reablocks-storybook/deploys/68f21873edeeac00081a3643
😎 Deploy Preview	https://deploy-preview-298--reablocks-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[steppy452]

And one more.. I noticed a small mistake with the debounced input story.. it looks like the instant example is also using debounced 😅

some minor stuff, but I think once these are fixed it's good to go 🚀

[Copilot]

Pull Request Overview

This PR implements a comprehensive design system (DS) tokens integration across all UI components, replacing hardcoded styles with standardized design tokens to ensure consistency and maintainability.

• Unifies styling approach by replacing component-specific hardcoded styles with DS tokens
• Updates component APIs to use typed theme interfaces instead of string literals
• Modernizes import patterns to use type-only imports where appropriate

Reviewed Changes

Copilot reviewed 272 out of 383 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/index.css	Removes old CSS custom properties and color palette definitions
src/layout/Tabs/*	Updates Tab components to use typed theme interfaces and DS tokens
src/layout/Stepper/*	Refactors Stepper theme to use DS tokens and improves component structure
src/layout/Stack/*	Simplifies Stack theme by removing legacy variants
src/layout/List/*	Updates List components to use DS tokens for consistent styling
src/form/*	Modernizes all form components with DS tokens and typed theme interfaces
src/elements/*	Updates elements to use DS tokens and adds new Navigation component
src/layers/*	Refactors overlay components to use DS tokens consistently
src/typography/*	Updates typography components for DS token integration

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

[nitpick] The conditional check for notifyChange before calling onChange is inconsistent with the original pattern. Consider using the logical AND operator (notifyChange && onChange?.([newMin, currentMax])) for consistency with the original code style.

Suggested change

	if (notifyChange) {
	onChange?.([newMin, currentMax]);
	}
	notifyChange && onChange?.([newMin, currentMax]);