Changelog

This page describes the changes that happen throughout the library from version to version. It's important to note that Quiet is not anchored to a major version. Breaking changes will be made when necessary and a new major version will be released to reflect them. When breaking changes do happen, they'll be clearly marked with breaking so you can upgrade with minimal friction.

Components marked stable are well-tested, ready for production, and less likely to see breaking changes. Components marked experimental are offered as explorations to gather feedback. Experimental components are less stable and may receive breaking changes or be removed from the library without a major version bump.

Unreleased Jump to heading #

TBD

• Added the experimental <quiet-aura> component
• Added autocapitalize, autocorrect, enterkeyhint, inputmode, and spellcheck properties to <quiet-combobox> and <quiet-tag-input>
• Fixed a bug in <quiet-avatar> that forced all elements in the icon slot to be a specific size
• Fixed a bug in <quiet-number-field> where tapping stepper buttons on touch devices would focus the input, show the virtual keyboard, and shift the page
• Added overscroll-behavior-x: contain to <quiet-carousel> and <quiet-scroller> to prevent the page from scrolling when the user reaches the end of horizontal scroll content
• Fixed a bug in <quiet-tab-list> where start and end placements would scroll horizontally instead of vertically
• Updated Tabler Icons to 3.41.1

5.0 Jump to heading #

March 19, 2026

• breaking Replaced the multicolor boolean attribute on <quiet-identicon> with the appearance attribute, which accepts solid, tonal, or multicolor
• Added the <quiet-monster> component
• Added the <quiet-tag-input> component
• Added the <quiet-timeline> and <quiet-timeline-item> components
• Added support for labeled swatches in <quiet-color-picker> and <quiet-color-input> by accepting an array of { color, label } objects for the swatches property, improving accessibility by allowing custom aria-labels for each swatch
• Added the pixel-filled part and the --color custom property to <quiet-identicon> for improved styling capabilities
• Added the icon-button, toggle-button, and link-button custom states to <quiet-button>
• Fixed <quiet-combobox> not dispatching the native change event when the clear button is clicked
• Fixed a missing overflow: hidden in <quiet-scroller> that causes Chrome to overflow in certain circumstances
• Improved the minimum font size of 10px to <quiet-badge> for improved accessibility
• Improved <quiet-combobox>
  • Added min and max attributes for validating the number of selections in multiple mode
  • Added the allow-create attribute to <quiet-combobox>, allowing users to create new items by typing text that doesn't match an existing option
  • Added the query property to <quiet-combobox> so users can read the current search text when listening to quiet-input events
  • Added the tag-label CSS part which truncates excessively long text in tags by default
  • Fixed tag remove buttons being clickable when the combobox is disabled
  • Improved the quiet-input event so it dispatches before filtering, allowing listeners to add or update items that are included in the current filter pass
• Improved the size of icons in <quiet-avatar> so they're more visible
• Improved performance of <quiet-slider> by moving clamping logic from updated() to willUpdate() to avoid a double render cycle on every update
• Improved <quiet-sortable> keyboard reordering from grab/move/drop to option or alt + arrow keys for immediate moves

4.2.0 Jump to heading #

March 8, 2026

• Added the <quiet-match-media> component (🌟 #100 🌟)
• Added a runtime check to warn users when they're using a legacy browser
• Improved the icon search and added category buttons

4.1.1 Jump to heading #

March 8, 2026

• Fixed a bug in <quiet-text-reveal> that caused the default to incorrectly be blur instead of fade

4.1.0 Jump to heading #

March 8, 2026

• Added the <quiet-text-reveal> component
• Fixed missing border in Restyle <dialog> CSS
• Improved the fuzzy search algorithm to reduce false positives by scoring words individually and constraining match spread
• Updated Tabler Icons to 3.40.0

4.0.0 Jump to heading #

February 28, 2026

• breaking Translation term functions now use a single key/value object instead of positional arguments
• Added the <quiet-math> component
• Added the <quiet-sortable> component
• Added the <quiet-term> component for rendering translated terms
• Added the multiple custom state to <quiet-tree>
• Fixed a bug in <quiet-popover> that left aria-haspopup on the old anchor when the for attribute was changed dynamically
• Fixed a bug where pressing Escape with nested dismissible components would close all of them instead of only the topmost one
• Fixed a bug in <quiet-tab-list> where setting the initial tab attribute didn't always work because slotted tabs weren't yet available when the property first updated
• Improved translations across 23 languages with corrected terminology, proper plural logic for Slavic languages, and consistent register
• Updated Tabler Icons to 3.37.1

3.1.0 Jump to heading #

February 19, 2026

• Added the <quiet-identicon> component
• Added the <quiet-truncate> component
• Added the without-picker attribute to <quiet-color-picker> and <quiet-color-input> to show a color picker with only swatches
• Added support for object iteration and the $key property to <quiet-stamp>
• Added aria-disabled to disabled button links in <quiet-button> to improve the experience for screen readers
• Added async search support to <quiet-search-list> via the search property, loading property/slot/state, and clearItems() method
• Added tests to all components
• Added natural mode to <quiet-typewriter>
• Added undo/redo buttons to <quiet-signature> that step through drawn strokes
• Added focus pause/resume behavior to <quiet-toast-item> so the timer stops when focused and resumes on focus out
• Added $alt, $cmd, $ctrl, and $esc keyword aliases to <quiet-hotkey>
• Added the with-count attribute to <quiet-text-area> to show a character count below the text area
• Fixed a bug in <quiet-popover> and <quiet-tooltip> that caused them to stop working after being moved in the DOM
• Fixed a bug in <quiet-tooltip> that threw an error when reposition() was called before the component's shadow DOM had rendered
• Fixed a bug in <quiet-toggle-icon> that prevented user-valid and user-invalid states from being applied after user interaction
• Fixed a bug in <quiet-color-picker> where clicking a swatch with opacity didn't update the alpha slider or preview because TinyColor doesn't parse modern CSS color syntax such as rgb(0 0 255 / 0.5)
• Fixed missing HTMLElementTagNameMap type for <quiet-pagination>
• Improved the <quiet-flip-card> animation to feel more physical and natural by using keyframe animations with a subtle midpoint scale effect
• Improve search in the docs by switching from Lunr to MiniSearch
• Improved <quiet-search-list> to use assignedElements() instead of this.children for more reliable slot content detection
• Improved the fuzzy search algorithm with better transposition scoring, consecutive/prefix match bonuses, word-boundary awareness, and an early exact-match bailout
• Updated all dependencies to the latest versions

3.0.0 Jump to heading #

January 30, 2026

• breaking Components no longer reflect default attribute values unless explicitly set by the user, improving compatibility with DOM morphing/diffing libraries
• Added the --quiet-modal-border-color design token for styling borders on raised overlay elements such as <quiet-dialog>
• Added loops, special properties, and made curly brackets optional in the experimental <quiet-stamp> component
• Fixed a bug in <quiet-number-field> that exposed unsupported setSelectionRange() and setRangeText() methods
• Improved the performance of <quiet-qr> by only re-rendering the canvas when the color property transitions
• Improved smoothness of signatures in <quiet-signature> when drawing with mobile browsers np

2.4.0 Jump to heading #

January 27, 2026

• Added Reactive Controller support to Burrow
• Added the ability to expand/collapse an entire branch in <quiet-tree> by pressing Option or Alt while clicking
• Fixed a bug in <quiet-file-input> that caused the dropzone icon to remain neutral instead of the brand color
• Fixed a bug in <quiet-listbox> that prevented the correct selection from being applied when selecting ranges and when pressing Shift + Home/End in multiselect controls
• Replaced llms.txt with an Agent Skill
• Removed the re-export of the if-defined, live, unsafeSVG, and until directives from Burrow; import them from lit-html instead

2.3.0 Jump to heading #

January 24, 2026

• Added the <quiet-signature> component
• Added translations for Simplified Chinese, Traditional Chinese, Japanese, Portuguese (Brazilian), French, Italian, Arabic, Hebrew, Persian, Polish, Hindi, Korean, Indonesian, Greek, Vietnamese, Turkish, Norwegian, Swedish, and Ukrainian
• Fixed a bug in <quiet-tree-item> that caused the loading icon to wobble in iOS
• Improved llms.txt to include more examples and information about CSS Utilities, Restyle, etc.

2.2.0 Jump to heading #

January 14, 2026

• Added the <quiet-tree> and <quiet-tree-item> components
• Added RTL support to <quiet-chart>
• Fixed a bug in <quiet-color-input>, <quiet-combobox>, <quiet-dropdown>, and <quiet-dropdown-item> that caused an error when the element was removed from the DOM while opening
• Fixed the expand icon size in <quiet-accordion>
• Updated Tabler Icons to 3.36.1

2.1.0 Jump to heading #

December 29, 2025

• Added the <quiet-chart> component
• Added the <quiet-underline> component
• Added the ability to create toast items declaratively by slotting or prepending them to <quiet-toast>
• Added the filled appearance to <quiet-accordion> and <quiet-accordion-item>
• Fixed a bug in <quiet-comparison> that rendered the clip path incorrectly in RTL
• Fixed a bug in <quiet-progress> that rendered the gauge appearance incorrectly in RTL
• Fixed a bug in the internal drag utility that caused an occasional TypeError on some touch devices
• Updated Tabler Icons to 3.36.0
• Upgraded <quiet-mesh-gradient> to stable
• Updated all dependencies to the latest versions

2.0.0 Jump to heading #

December 4, 2025

• breaking Renamed <quiet-countdown> to <quiet-counter>
  • Added mode="countup" to support counting up
  • Fixed a bug that prevented countdowns with no initial date from rendering
• Added appearance="gauge" to <quiet-progress>
• Added the content property to <quiet-scroller> so users can listen to the scroll event and get/set the scroll position
• Added the ability to hover over <quiet-relative-time> to see the full date/time
• Fixed a bug in <quiet-scroller> that caused shadows to always show in vertical orientations
• Fixed a bug in Restyle that allowed text to overflow <pre> tags instead of scrolling
• Fixed a bug in <quiet-text-field> that moved the cursor to the start of the input when toggling password visibility
• Fixed a bug in <quiet-card> that prevented the card from rendering at full width in flex containers
• Fixed a bug in <quiet-checkbox> and <quiet-switch> that caused undesired spacing when HTML elements were slotted in the label
• Improved <quiet-slider> to be more resilient to passing strings instead of numbers to the min, max, and step properties

1.7.0 Jump to heading #

November 8, 2025

• Added new publishing mechanism for the private CDN
• Improved <details> styles in Restyle so they animate in supportive browsers

1.6.2 Jump to heading #

November 3, 2025

• Fixed a bug that prevented :focus-visible styles from showing in <quiet-slide-activator> and <quiet-toggle-tag> in Safari and Firefox #31
• Fixed a missing :focus-visible outline in <quiet-infinite-scroller>
• Fixed a bug in <quiet-flip-card> that caused an error to appear in the console when flipping #36
• Improved the Russian translation #30

1.6.1 Jump to heading #

October 26, 2025

• Fixed missing validationMessage read-only property in all form controls #24

1.6.0 Jump to heading #

October 26, 2025

• Added ifDefined, live, unsafeHTML, unsafeSVG, and until directives to Burrow

1.5.0 Jump to heading #

October 26, 2025

• Added Burrow as an optional and experimental utility for adding interactivity to static pages

1.3.0 - 1.4.0 Jump to heading #

October 26, 2025

• Added support for description to <quiet-checkbox> and <quiet-switch> #21
• Added the label part to <quiet-button> to improve customizability
• Fixed a missing button dependency in <quiet-file-input>
• Fixed a bug in <quiet-popover> and <quiet-tooltip> that caused an error when showing the popover/tooltip after disconnecting and reconnecting to the DOM
• Fixed a bug in <quiet-dropdown>, <quiet-popover>, and <quiet-tooltip> that didn't allow linked IDs to have . and other valid characters
• Improved <quiet-button> active style from 1px to 1.5px so it's a bit more obvious visually

1.2.0 Jump to heading #

October 12, 2025

• Added support for link buttons using <a class="quiet-button"> in Restyle
• Added missing border and background styles for <iframe> in Restyle
• Added the pie appearance to <quiet-progress>
• Fixed a bug in <quiet-slider> that allowed the tooltip position to get out of sync #12
• Fixed initial focus when <quiet-dialog> opens #16
• Fixed a bug in <quiet-popover> that caused clicks inside the popover to close it when used inside a shadow root #17

1.1.1 Jump to heading #

September 25, 2025

• Fixed the default value of --quiet-form-control-font-size-xl so it's not a fractional font size
• Fixed the tag color in <quiet-combobox> so they're visible in the filled appearance
• Fixed a bug in <quiet-combobox> that allowed the browser's autocomplete menu to appear
• Fixed CodePen demos so they include the theme, Restyle, utilities, and dark mode
• Fixed a bug in Restyle where text in the <summary> element would overlap the chevron

1.1.0 Jump to heading #

September 22, 2025

• Added the <quiet-random-content> utility component
• Added styles for <q> and <cite> elements in Restyle
• Improved <summary> styles so the hit area extends the full width of the container

1.0.1 – 1.0.3 Jump to heading #

September 20, 2025

• Fixed a bug in the unbundled distribution that caused some files to not be included
• Removed splitting from the browser distribution
• Fixed publishing goofs

1.0.0 Jump to heading #

September 20, 2025

This is the first release of Quiet UI, which includes:

• More than 80 framework agnostic components
• A modern theme with dark mode
• An optional CSS reset
• Helpful CSS utilities
• Ready-to-use AI component intelligence
• A focus on accessibility, longevity, performance, and simplicity

The next brushstroke could change everything.