# Changelog ## Unreleased ## 0.3.1 ### Added - Added `primary`, `secondary`, `outlined`, and `text` visual variants to ``, aligned with ``. - Added button-aligned small, medium, and large dropdown sizing, animated chevron rotation, reduced-motion handling, and dropdown CSS parts. - Added icon-only dropdown triggers, a customizable `icon` slot with the existing arrow as its fallback, and configurable icon rotation through `rotate-icon`. - Added optional per-choice dropdown icons through the source `option` element's `icon` attribute, without reserving icon space for text-only choices. - Added `contained` tabs for compact local view switching, value-driven button tabs, and the new `` component with automatic panel synchronization and keyboard navigation. - Added `` with native modal top-layer behavior, Atlas-style blurred backdrops, composable content and action slots, responsive layout, and close/cancel events. - Added form-associated `` with editable `HH:mm` values, hour/minute selection, configurable minute steps, time ranges, validation, clear behavior, and small, medium, and large sizes. - Added editable `` mode with live syntax highlighting, synchronized line numbers, native textarea editing, Tab/Shift+Tab indentation, readonly and disabled states, configurable rows and tab size, and composed input/change events. ### Changed - Animated the dropdown menu surface itself when opening and closing, using a clipped expansion, subtle movement, and opacity while preserving reduced-motion behavior. - Expanded `` beyond navigation-only usage while preserving existing `href`-based tab behavior. - Aligned contained-tab geometry and interaction with the Atlas Edit / Preview control, including its compact 3px inset, 11px outer radius, 8px selected surface, and quiet interaction treatment. - Kept contained-tab colors tied to semantic Workshop tokens so Atlas dark and light themes provide the bar, selected surface, text, focus, and elevation colors directly. - Kept contained-tab surface colors stable during selection motion while synchronizing the selected-label color transition with the moving indicator. - Added progressive, caret-aware typing to `` and ``, including automatic separators, compact-input and paste normalization, canonical completed values, and omission of incomplete edits from form submission. - Standardized component documentation spacing, section hierarchy, demo surfaces, and tables, and removed the redundant tabs panel-switching demo. - Aligned `` body spacing, typography, desktop action placement, and mobile action layout with the current backend course dialogs. ### Fixed - Fixed contained-tab switching in the dark documentation theme by giving the secondary selected surface distinct contrast from the contained track. - Fixed contained-tab indicator motion so switching uses an explicit measured browser animation instead of depending on theme-sensitive CSS custom-property transition timing, keeping light and dark modes consistent. - Prevented contained tabs from changing foreground or background color on hover; hover now inherits the tab's current selected or unselected color. - Fixed `` action-slot layout so desktop actions reliably stay grouped at the bottom-right instead of depending on slot flattening behavior. - Fixed editable `` sizing when code grows beyond the configured rows: line numbers no longer expand the visual editor past the textarea viewport, keeping vertical and horizontal scrollbars aligned with the highlighted code layer. All notable changes to `@mihaicristiancondrea/workshop-expressive-web-components` are documented in this file. ## 0.3.0 ### Added - Added multiline `type="textarea"` support to `` with configurable rows, native form and validation behavior, and vertical resizing by default. - Added `--ws-text-field-resize` and `--ws-text-field-textarea-padding-block` customization hooks for multiline fields. ## 0.2.2 ### Changed - **Breaking:** Renamed the `ws-button` `ghost` variant to `text`. Replace `variant="ghost"` with `variant="text"` when upgrading. - Updated CI, documentation, and npm publishing jobs to Node.js 24. - Retired the legacy-browser development-server plugin and its obsolete polyfills. - Replaced the deprecated Rimraf dependency with the platform cleanup command. ### Fixed - Advanced the package version so the corrected release can be published to npm. ## 0.2.1 ### Changed - Added consistent spacing between documentation code blocks. - Made the brand-mark bounce more subtle. - Kept chips level on hover and smoothed their size-change animation. ## 0.2.0 ### Added - Added the form-associated `` component with text, email, password, number, URL, telephone, and search input types. - Added native form submission, reset, validation, disabled-fieldset handling, state restoration, helper and error messages, icon slots, clear behavior, and size and shape variants. - Added the `` component with assist, filter, input, and status variants, semantic tones, selection, removal events, icon slots, and small and medium sizes. - Added the form-associated `` component with the platform calendar, date constraints, validation, clear behavior, three sizes, and native form participation. - Added documentation pages, live examples, package exports, custom-element registration, and browser tests for the new components. - Added pull-request and `main` branch CI covering linting, compilation, browser tests, documentation generation, documentation verification, and package dry runs. - Added release-driven npm publishing with version-tag validation and npm provenance. ### Changed - Improved chip size transitions so switching between small and medium feels fluid. - Corrected leading-icon alignment inside chips, including Remix Icon glyphs and custom slotted icons. - Simplified the GitHub Pages workflow and made documentation verification a deployment requirement. - Standardized automated workflows on Node.js 22. ### Fixed - Fixed TypeScript DOM-property compatibility for `inputMode` and `autocomplete` in ``. - Fixed documentation bundle registration for `` and ``. ## 0.1.0 ### Added - Initial Workshop Expressive component library release. - Added foundation tokens, buttons, navigation components, tabs, cards, switches, code blocks, layout surfaces, and documentation helpers.