Diwa Design System

Changelog

Track the release notes that matter most to adopters of the design system. Entries focus on shipped components, visible improvements, developer-facing features, and important fixes.

v3.1.3

April 7, 2026

Patch release — focus ring normalization for form controls plus storefront release-surface alignment.

Changed

  • - Scoped the global focus-visible rule to avoid stacking host-level outlines with component-level focus states.

Fixed

  • - Fixed inner/double focus ring artifacts on form-field interactions (input/select/multi-select-related paths).
  • - Removed storefront-level focus overrides that could mask or conflict with design-system focus ownership.

v3.1.1

April 6, 2026

Patch release — description font-size alignment to diwa-text small (12px) across all form input and selection control components.

Changed

  • - Updated description font-size to var(--diwa-font-size-sm) (12px) in all 13 form input components (diwa-input-text, diwa-input-email, diwa-input-search, diwa-input-password, diwa-input-date, diwa-input-tel, diwa-input-number, diwa-input-time, diwa-input-url, diwa-input-month, diwa-input-week, diwa-pin-code, diwa-textarea).
  • - Updated description font-size to var(--diwa-font-size-sm) in diwa-select, diwa-multi-select, and diwa-radio-group.

Fixed

  • - Fixed description text rendering too large (15px) relative to surrounding supporting text hierarchy; now consistent with diwa-text size="small".

v3.1.0

April 4, 2026

Storefront shell neutrality and release alignment update for all packages and docs metadata.

Added

  • - Added dedicated neutral storefront shell tokens for dark and light mode layout surfaces.

Changed

  • - Updated storefront structural backgrounds (canvas, header, sidebars, main, configurator/code panels) to neutral gray/white palettes.
  • - Updated navigation selected-row and configurator sticky/chip backgrounds to neutral shell states while preserving accent for interactive emphasis.

Fixed

  • - Fixed residual green-tinted structural backgrounds in both dark and light storefront themes.

v3.0.1

April 2, 2026

Premium typography and storefront polish release focused on display hierarchy, token consistency, and docs accuracy.

Added

  • - Added fluid display tier token `--diwa-font-size-fluid-5xl` for premium hero and marketing-level headings.
  • - Added Instrument Sans loading in storefront root layout and bound it to `--diwa-font-family-display`.

Changed

  • - Updated heading scale and line-height behavior for clearer hierarchy from display through h6.
  • - Updated text sizing behavior to expose `--diwa-text-font-size` and `--diwa-text-line-height` overrides for shadow-DOM-safe tuning.
  • - Refined tag typography to reduce aggressive uppercase/spacing feel for premium readability.
  • - Tokenized HeroBanner typography and spacing values for stronger design-system consistency.
  • - Updated typography documentation to reflect Outfit (base) + Instrument Sans (display) and current token ranges.

Fixed

  • - Removed duplicate `--diwa-accent-text` assignment in light theme token definitions.
  • - Removed stale Inter references from typography docs samples and guidance copy.

v3.0.0

April 1, 2026

V3 visual system rollout across tokens, components, and storefront docs with coming-soon-inspired styling.

Added

  • - Added V3 token layer integration in the global token contract and storefront style documentation.
  • - Added semantic token aliases for notification borders and updated focus/interaction token guidance.

Changed

  • - Migrated component styling surfaces to V3 token usage for typography, color, border, radius, and spacing behavior.
  • - Updated storefront style pages and demos to resolve visual values from semantic tokens instead of hardcoded literals.
  • - Refreshed storefront typography alignment to the V3 direction and normalized page-level token usage.

Fixed

  • - Fixed segmented-control style corruption and normalized tokenized radius behavior in affected styles.
  • - Fixed popover trigger icon visibility in light mode and restored rounded switch track treatment.

Removed

  • - Removed legacy token-file naming references in source in favor of the V3 token source.

v2.0.0

March 29, 2026

Breaking event-contract alignment release: Input and Textarea now use native event names consistently across core and framework wrappers.

Added

  • - Added focus event support to `diwa-textarea` for parity with `diwa-input`.
  • - Added migration guidance for React, Angular, and Vue event handler updates.

Changed

  • - Standardized `diwa-input` events to native names: `input`, `change`, `focus`, `blur`.
  • - Hardened React wrapper event wiring so `onInput`/`onChange` handlers receive stable custom events with `event.detail`.
  • - Adjusted textarea event dispatch to prevent duplicate callback paths from shadow DOM native events.
  • - Migration (React): `onDiwaInput={(e)=>setValue(e.detail)}` -> `onInput={(e)=>setValue(e.detail)}`.
  • - Migration (Angular): `(diwaInput)="onInput($event)"` -> `(input)="onInput($event)"`.
  • - Migration (Vue): `@diwaInput="onInput"` -> `@input="onInput"`.

Fixed

  • - Fixed flaky React form behavior where textarea/input content could desync when relying on synthetic event paths.

Removed

  • - Removed `diwaInput`, `diwaChange`, `diwaFocus`, and `diwaBlur` events from `diwa-input`.

v1.4.2

March 27, 2026

Dropdown shipped with a polished menu system, while form configurators and helper text handling were corrected across the docs experience.

Added

  • - Added the Dropdown component to the core package and storefront documentation, including configurator, usage, API, accessibility, and examples pages.

Changed

  • - Refined dropdown visuals, trigger behavior, submenu presentation, and placement stability for a more consistent enterprise menu experience.
  • - Updated configurator controls to route helper copy through component-level description props where supported.

Fixed

  • - Fixed configurator text and number inputs that could incorrectly coerce typed values to 0.
  • - Fixed select, multi-select, and checkbox helper messages so they render whenever a message is provided.
  • - Fixed dropdown hover and active states, submenu separation, and bottom-end placement jitter on open.

v1.4.1

March 26, 2026

Typography refinement release with updated base font and synchronized package patch versions.

Changed

  • - Standardized storefront typography on Outfit for base and display roles for that release baseline (later refined to Instrument Sans display in v3.0.1).
  • - Bumped patch versions across the core package, framework wrappers, and storefront metadata.

v1.4.0

March 26, 2026

Release alignment for package versions, wrapper compatibility, and storefront release metadata.

Added

  • - Added release metadata for v1.4.0 in the storefront changelog.

Changed

  • - Bumped Diwa package versions to the next minor release across core and wrappers.
  • - Updated wrapper peer dependency ranges to align with @diwacopilot/components v1.4.0.

v1.3.9

March 25, 2026

Banner is now fully documented and polished across the component library and storefront.

Added

  • - Added full Banner documentation with Configurator, Examples, Usage, Accessibility, and API pages.

Changed

  • - Updated banner demos to open on demand instead of showing by default.
  • - Refined banner layout so it appears as a floating centered element near the top of the viewport.

Fixed

  • - Fixed missing banner documentation routes that previously led to 404 pages.
  • - Updated banner styling to use solid semantic backgrounds for clearer visual feedback.

v1.3.8

March 24, 2026

Improved configurator consistency and stabilized badge rendering in the docs experience.

Added

  • - Updated the configurator experience to use Diwa components throughout the sidebar controls.

Fixed

  • - Fixed badge variants so visual changes update reliably in configurator previews.
  • - Improved configurator interactions for select, segmented control, and input-based components in React previews.

v1.3.7

March 24, 2026

Improved select reliability when options change dynamically.

Fixed

  • - Fixed `diwa-select` so dynamically added or removed options are detected reliably.

v1.3.6

March 23, 2026

Improved form-field layout and select value presentation.

Changed

  • - Aligned select and multi-select descriptions so helper text appears consistently below the control.

Fixed

  • - Fixed form layout alignment issues in grid-based select-like fields.
  • - Fixed preselected select values so labels display reliably after updates.

v1.3.4

March 22, 2026

Improved input rendering stability across supported environments.

Changed

  • - Improved shared input styling for more consistent rendering in WebKit-based browsers.

Fixed

  • - Fixed an input styling issue that could break rendering in some build and test contexts.

v1.3.3

March 22, 2026

Form controls were aligned to a more consistent sizing system.

Changed

  • - Aligned input, select, switch, and checkbox heights with the default button sizing rhythm.

Fixed

  • - Fixed inconsistent control heights across common form components.

v1.3.2

March 22, 2026

Buttons now support an extra-small size with improved icon clarity.

Added

  • - Added an `xs` button size for more compact actions.

Changed

  • - Increased icon size within `xs` buttons to improve legibility.

v1.3.1

March 21, 2026

Documentation and release communication were cleaned up for clarity and accuracy.

Changed

  • - Improved help and versioning content across the storefront docs.
  • - Updated home release messaging and component count references for accuracy.

Fixed

  • - Fixed outdated repository links and stale release messaging in the storefront.

v1.3.0

March 21, 2026

Added React Server Component support for core presentational components.

Added

  • - Added a React Server Component-safe export path for key presentational components in Next.js App Router projects.

Fixed

  • - Fixed runtime errors when importing supported Diwa React components inside Next.js Server Components.

v1.2.3

March 20, 2026

Expanded React wrapper exports with short D-prefixed aliases across the component set.

Added

  • - Added D-prefixed shorthand exports for the full React wrapper component set.

v1.2.2

March 20, 2026

Improved storefront navigation and documentation discoverability.

Changed

  • - Storefront navigation sections reordered for improved discoverability.
  • - Updated documentation links to reflect the current production website URL.

v1.2.1

March 20, 2026

Added badge dot status support and refreshed supporting platform compatibility.

Added

  • - Added a `dot` prop to Badge for live-status and activity indicators.

Changed

  • - Updated supporting platform dependencies for improved compatibility.

Fixed

  • - Refined badge dot styling and animation to better match the design system.

v1.1.0

March 20, 2026

Refined storefront foundations and improved typography consistency across the system.

Added

  • - Added richer storefront metadata and release surfaces for better documentation discovery.

Changed

  • - Typography and font families updated for consistency across all components.
  • - Refined table styling and spacing for compact and default density modes.

Fixed

  • - Improved storefront release and hosting stability.

v1.0.0

March 19, 2026

First public release of the Diwa Design System packages and storefront docs.

Added

  • - Published the core Web Components package together with React, Vue, and Angular wrappers.
  • - Launched the first storefront documentation experience with component, setup, and release guidance.

Changed

  • - Expanded storefront navigation to support a full component and framework onboarding experience.

Fixed

  • - Improved discoverability of setup paths and release communication pages.

Next Actions

View RoadmapOpen Migration GuideGo to Developing Intro