AEGOV/design-system ver. 3.0.x

Since the initial launch of the design system in April 2024, it has been part of the roadmap for the UAE design system to provide upgrades and changes that are governed by the principle of continues improvement.

Today, we launch a major release version of the UAE Design System.

• TailwindCSS 4.x Support - Upgraded to Tailwind CSS v4.0/v4.1 with significant performance improvements (3.5x faster full rebuilds, 8x faster incremental builds)
• CSS-First Configuration - Configuration now done directly in CSS using @theme directive instead of JavaScript tailwind.config.js file
• Automatic Content Detection - No need to configure the content array—Tailwind automatically detects template files
• Single @import "tailwindcss" statement replaces multiple @tailwind directives
• As part of TailwindCSS 4.x - Leverages cascade layers, registered custom properties with @property, color-mix(), and logical properties
• Button Improvements - Subtle visual changes with critical updates to hover, focus, and state management
• WCAG Compliance - Under-the-hood improvements to components and blocks for better accessibility

This change brings about the need to upgrade the project itself. It is recommended to follow the Upgrade Guide for the design system and also check the TailwindCSS core upgrade guide to understand the change in the supported classes.