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 <quiet-country-input> component
• Added the <quiet-marquee> component
• Added the <quiet-segmented-control> and <quiet-segment> components
• Added the label attribute to <quiet-dialog>, giving the dialog an accessible name for assistive technology
• Added the activation attribute to <quiet-popover> so popovers can be controlled programmatically instead of showing and hiding on click
• Added data-timeline invokers (next, previous, and reset) to <quiet-timeline> so buttons can control the active item without JavaScript
• Added the filterOperator column option to <quiet-data-table>, letting text and number filters match with contains, startsWith, endsWith, equals, greaterThan, greaterThanOrEqual, lessThan, or lessThanOrEqual
• Added the color tool to <quiet-rich-text-editor>; customizable through the new text-colors and background-colors attributes
• Added the --quiet-code-background-color and --quiet-code-color design tokens, letting components that paint a soft background reassign the colors used by nested code
• Added the countdown attribute to <quiet-button>, showing a fill that sweeps across the button before it clicks itself
• Added the render option to suggestion sources in <quiet-rich-text-editor> and <quiet-text-area>
• Fixed a number of bugs in <quiet-radio>
  • Fixed disabled radio items remaining interactive: they could be clicked, focused, and selected with Space, and stayed tabbable when disabled through the group or a containing fieldset
  • Fixed the group's value falling out of sync with checked items when setting it imperatively, removing the checked item, using the checked attribute, or resetting the form
  • Fixed errors thrown by empty radio groups, arrow navigation misbehaving around disabled radio items, and the checked item's dot rendering slightly off-center
• Fixed axe landmark violations in <quiet-card>, <quiet-dialog>, and <quiet-browser-frame> caused by shadow DOM <header> and <footer> elements mapping to banner and contentinfo landmarks
• Fixed an axe aria-allowed-role violation in <quiet-accordion-item> caused by role="button" on a <header> element
• Fixed a number of bugs in <quiet-popover> and <quiet-tooltip>
  • Fixed lifecycle bugs: duplicate or mistimed quiet-before-open and quiet-before-close events, setting open during the hide animation being ignored, and removal from the DOM while open leaving them stuck or closing other popovers
  • Fixed anchor bugs: changing for or adding the anchor late wasn't tracked, and aria-haspopup and aria-description lingered on anchors after removal or reassignment
  • Fixed dismissal bugs: Escape dropped focus to the page when the anchor was missing, clicks that started inside the popover closed it, manual tooltips blocked Escape for other overlays, and tooltips showed on focus after pointer interactions
• Fixed submenus in <quiet-dropdown> overflowing the viewport and causing horizontal page scrolling on small screens
• Fixed a bug where tapping a dropdown item with a submenu on touch devices would sometimes select an item from the below the submenu
• Fixed a bug in <quiet-code-highlighter> that allowed code to show through underneath the copy button
• Fixed inline code colors so they render better when placed on backgrounds such as <quiet-callout>
• Fixed a bug in <quiet-dialog> that left the page unscrollable when an open dialog was removed from the DOM
• Fixed a number of bugs in <quiet-transition-group>
  • Fixed the group locking up permanently when an animation failed to run, such as when --duration was 0s or a custom animation had malformed keyframes
  • Fixed removed elements skipping their exit animation when adjacent elements were removed in the same batch and remaining in the DOM when their exit animation was interrupted
  • Fixed the hidden group needlessly animating its own size when controlling an external container, an error when children changed before the first render, and document-level listeners leaking when transitionContainer changed while disconnected
• Fixed a bug in <quiet-sortable> where the drag clone was offset when an ancestor created a containing block for fixed elements (e.g. transform, filter, or content-visibility); the clone now renders in the top layer
• Fixed a bug in <quiet-sortable> where disabled elements incorrectly rendered at 50% opacity
• Improved <quiet-dropdown> so menu items expose aria-posinset and aria-setsize, allowing screen readers to announce accurate item counts when the menu contains dividers or labels
• Improved keyboard accessibility of <quiet-combobox> in multiple mode: tags now use a roving tab index
• Improved search in the docs by adding an alias front matter option, letting pages rank highly for terms that don't appear in their content (e.g. "input" will now show text field)
• Improved search in the docs by adding aliases to every component, so components can be found by the names other libraries use for them, such as "modal" for dialog and "stepper" for timeline
• Improved <quiet-tooltip> so moving between adjacent anchors, such as buttons in a toolbar, shows subsequent tooltips instantly without delays or animations until the user hovers away
• Improved rendering performance of <quiet-icon> by caching parsed SVGs, so repeated icons skip the parser and clone instead
• Improved <quiet-icon> so flags reserve their 4:3 box before the SVG loads, preventing layout shifts
• Updated all dependencies to the latest versions, including TypeScript 7's native compiler; building and testing now requires Node 22.18 or higher
• Updated <quiet-data-table> to TanStack Table 9, which trims unused table code from the bundle and speeds up sorting, filtering, and grouping on large datasets

6.0.0 Jump to heading #

July 31, 2026

• breaking Renamed <quiet-number-field> to <quiet-number-input> for consistency with other form controls (text field is special; it remains as is)
• breaking Removed the orientation attribute from <quiet-flip-card> in favor of the new effect attribute which supports flip-x, flip-y, slide-x, slide-y, fade, zoom, and none
• breaking Removed the noise effect from <quiet-spoiler> and added a new dotted effect
• Added the experimental <quiet-data-table> component
• Added the <quiet-code-highlighter> component
• Added the <quiet-duration> component
• Added the <quiet-rich-text-editor> component
• Added the <quiet-snow> component
• Added the <quiet-stretch-link> component
• Added the <quiet-tour> and <quiet-tour-item> components
• Added fragment support to <quiet-include> so you can include part of a file or content from another element in the current document
• Added loud stroke color tokens for all variants, e.g. --quiet-primary-stroke-loud
• Added the --color-dominant, --color-accent, --color-dark, --color-light, and --color-avg CSS custom properties to <quiet-aura>, along with their matching --text-* variants, so you can reference colors by name
• Added the positionTarget property to <quiet-popover> so popovers can be positioned against an element or virtual element other than their anchor
• Added the without-autofocus attribute to <quiet-popover> for popovers that support another element without interrupting it, such as typeahead menus
• Added the without-refocus attribute to <quiet-dropdown> to suppress returning focus to the trigger after a selection, for menus whose selection sends focus elsewhere, such as a rich text toolbar that returns focus to the editor
• Added the label attribute to <quiet-popover> so popovers can have an accessible name that's announced when they open
• Fixed a bug in <quiet-toolbar> where buttons assigned through nested slots were skipped by the roving tab index, creating extra tab stops
• Fixed a bug in <quiet-toolbar> where re-rendered buttons could lose the roving tab index state until the next arrow key or pointer interaction
• Added the suggestions property to <quiet-text-area> to support @ mention and : emoji-style typeahead menus
• Fixed a bug in <quiet-popover> where a popover that was removed or re-anchored right after connecting could throw an error while wiring up its anchor
• Fixed a bug in <quiet-popover> where focusing inside the popover as it opened could scroll the page to the top when the show animation finished before the initial position was applied, e.g. with --show-duration: 0
• Fixed the focus() method in all focusable components to accept and forward FocusOptions, so callers can use options such as preventScroll just like HTMLElement.focus()
• Fixed a bug in <quiet-cropper> where repeated identical screen reader announcements, such as nudging the crop box against a boundary, weren't re-announced
• Added the --hide-duration custom property to <quiet-color-input>, <quiet-combobox>, <quiet-date-input>, <quiet-dialog>, <quiet-dropdown>, <quiet-popover>, <quiet-time-input>, <quiet-tooltip>, <quiet-tour>, and <quiet-veil> so the hide animation can be customized independently
• Added support for selecting transparent in <quiet-color-picker> via the value attribute, the color input, and swatches
• Added the with-format attribute to <quiet-color-picker> and <quiet-color-input> to show a button in the color input that toggles the value between hex, RGB, and HSL formats
• Added the flags icon library featuring country flags from Tabler Flags, e.g. <quiet-icon library="flags" name="us">
• Added the dotted effect to <quiet-spoiler> for a stippled, print-style cover
• Fixed a bug in <quiet-hotkey> where keys delimited with + (e.g. $cmdctrl+Home) rendered as empty; keys can now be separated by spaces, plus signs, or both
• Fixed a bug in <quiet-tree> where indeterminate parent items weren't cleared when deselecting in multiple selection mode
• Fixed several components (<quiet-badge>, <quiet-toggle-tag>, <quiet-cropper>, <quiet-combobox-item>, <quiet-dropdown-item>, and <quiet-scroller>) that referenced undefined design tokens
• Fixed a bug in <quiet-scroller> where the focus ring was clipped by the host's overflow: hidden and didn't appear when the scroller was focused
• Fixed a bug in <quiet-relative-time> where the hover tooltip's full timestamp ignored the component's locale and used the browser default
• Fixed a bug in <quiet-date-picker> where screen reader announcements for date ranges formatted the date using the browser's locale instead of the component's locale
• Fixed a bug in <quiet-pagination> that caused the number of siblings to be incorrect and made the minimum value 0
• Fixed a bug in pre, table, details, and fieldset styles in Quiet Restyle to use em instead of rem so they correctly scale with the surrounding font size
• Fixed the documented default of --show-duration in <quiet-dialog> (150ms, not 200ms) and <quiet-veil> (200ms, not 300)
• Fixed a bug in <quiet-cropper> where pressing arrow keys in a slotted toolbar would also move the crop frame
• Improved the accessibility of suggestion menus in <quiet-text-area> by conveying the menu's open state with aria-expanded
• Improved code, samp, and tt styles in Quiet Restyle so they don't have contrasting backgrounds when rendered inside a <quiet-tooltip>
• Improved the Agent Skill by providing more comprehensive API documentation and examples
• Improved submenu hover behavior in <quiet-dropdown> to use intent tracking instead of safe triangles
• Improved scroll snapping of years in <quiet-date-picker> so complete decades are always visible
• Improved scroll snapping of hours/minutes/seconds in <quiet-time-input> so options are never clipped
• Improved positioning consistency by refactoring all floating components to use a shared internal positioning controller
• Improved the size of the visual toggle indicator in <quiet-button>
• Improved resize performance of <quiet-scroller> and <quiet-code-highlighter> by coalescing scroll shadow and overflow measurements into a single animation frame
• Improved input handling in <quiet-passcode> to feel more natural: clicking a character box now focuses that character; move between boxes with the arrow keys; delete with Backspace and Delete; and type over a filled box to replace its character
• Improved <quiet-dropdown> so touch-driven opens keep focus where it is instead of moving it to the first menu item, preventing iOS from dismissing the on-screen keyboard and scrolling the page in editing contexts; keyboard and mouse behavior is unchanged
• Improved <quiet-icon> so non-square icons, such as flags, are sized by their aspect ratio instead of overflowing the icon's 1em box
• Improved the design of <quiet-spoiler> so block-level spoilers show a cover icon with show and hide pills instead of a floating close bubble; inline spoilers are unchanged
• Improved conditional rendering across all components by using Lit's nothing sentinel instead of empty strings, preventing stray text nodes in rendered templates
• Removed the experimental <quiet-stamp> component
• Updated to @quietui/squeak 3.0.2 to prevent localized components from throwing an unhandled RangeError when the resolved language wasn't a valid BCP-47 tag, e.g. when Chrome Translate rewrites the document's lang attribute to auto
• Updated Tabler Icons to 3.46.0

5.3.1 Jump to heading #

June 15, 2026

• Fixed a bug in the internal DraggableElement utility where dragging threw an error in environments that dispatch synthetic pointer events without getCoalescedEvents()
• Improved the Agent Skill's information about autoloading via CDN and self-hosted/npm usage

5.3.0 Jump to heading #

June 11, 2026

• Added the <quiet-cropper> component
• Added the <quiet-parallax> component
• Added the quiet-zoom-change event to <quiet-zoomable-frame>
• Added a month view to <quiet-date-picker> and <quiet-date-input> so users can quickly jump to a month
  • Added the renderMonth callback to <quiet-date-picker> and <quiet-date-input> for customizing the content of each month cell
  • Added the month-grid, month, month-button, and year-button CSS parts and the view-month custom state to <quiet-date-picker>
• Added CSS parts to <quiet-date-input> to expose the embedded <quiet-date-picker> for styling
• Added the read-only valueStart and valueEnd properties to <quiet-date-picker> so the range value's ends can be read without having to split on /
• Improved the accessibility of <quiet-date-picker>'s calendar grid by wrapping each week in a role="row" and each day in a role="gridcell", completing the ARIA grid pattern
• Fixed a bug in <quiet-date-picker> where quiet-input wasn't dispatched when a range's first end was selected
• Fixed a bug in <quiet-combobox> where an item selected by setting its selected property (rather than the attribute) wasn't detected on initialization, affecting frameworks such as Svelte that bind directly to properties
• Fixed a bug in <quiet-listbox> where pressing CMD/CTRL + A to select all items didn't dispatch quiet-input or quiet-change events
• Fixed a bug in <quiet-signature> where the ink color wasn't applied correctly when --ink-color resolved through another custom property
• Fixed the --progress custom property in <quiet-toast-item> to expose a unitless value from 1 to 0 instead of a 100%–0% percentage, matching the library's convention for percentage values (multiply by 100% where a length is needed)
• Improved the Agent Skill for better results when working with coding agents
• Improved the <quiet-switch> styles so the thumb doesn't expand or shift when pressed, making it easier to apply custom styles and effects

5.2.0 Jump to heading #

May 31, 2026

• Added the <quiet-date-input> component
• Added the <quiet-date-picker> component
• Added the <quiet-known-date> component
• Added the <quiet-time-input> component
• Added the beforeinput event to <quiet-number-field> stepper buttons for consistency with native number inputs
• Added the contained appearance to <quiet-passcode>
• Added the heading-level attribute to <quiet-accordion> for wrapping each item's header in a configurable heading element as recommended by the ARIA APG accordion pattern
• Added the heading CSS part to <quiet-accordion-item>
• Added start and end slots to <quiet-text-area> for presentational icons
• Added the capture attribute to <quiet-file-input> for capturing media directly from a camera or microphone
• Added the has-picker and has-swatches custom states to <quiet-color-picker> and <quiet-color-input>
• Added the --spacing custom property to <quiet-color-picker> for controlling the padding around the edges of the picker
• Added a progress bar that shows while the page loads when you use <html class="quiet-cloak">
• Added --quiet-cloak-timeout to make the cloaking timeout configurable
• Fixed a bug in <quiet-checkbox> where aria-checked="mixed" wasn't being set in the indeterminate state
• Fixed an accessibility issue in <quiet-time-input> where the trigger button and picker popover were hidden from assistive technologies, making the picker undiscoverable to screen reader users. The trigger now exposes aria-haspopup="dialog", aria-expanded, aria-controls, and aria-keyshortcuts, and the picker is exposed as a labeled dialog
• Fixed a bug in <quiet-time-input> and <quiet-date-input> where input and quiet-input events were only dispatched when the typed segments composed to a complete value, so changes like toggling AM/PM with an empty hour or typing the first digit into a segment fired no event
• Fixed a bug in <quiet-date-input> where resetting the form while the picker popover was open left the popover open, and where partial typed-range tentative state could persist across a form reset
• Fixed a bug in <quiet-date-picker> where the previous and next navigation buttons stayed enabled past the min/max boundaries, and where PageUp/PageDown could walk the focused date into fully out-of-range months
• Fixed a bug in <quiet-dropdown-item> that didn't show the selected state when the submenu was open
• Fixed a bug in <quiet-text-field> and <quiet-number-field> where programmatically setting an invalid value on typed inputs (e.g. number, date, time, datetime-local) would leave the component's value out of sync with the native input, which coerces invalid strings to an empty string
• Fixed a bug in <quiet-color-input> that caused the color pickers handles to be clipped when dragging near the edge
• Fixed a bug in <quiet-signature> where the start of a stroke could render with a notch caused by pointer jitter on the first samples
• Fixed a bug in <quiet-file-input> where the accept property was incorrectly typed as a boolean instead of a string
• Fixed an accessibility issue in <quiet-scroller> where aria-orientation was set on an element with role="region", which doesn't support that attribute
• Improved screen reader announcements for <quiet-toast> by inserting a fresh live region element per toast, which announces more reliably across screen readers
• Improved <quiet-signature> so strokes begin with a small ballpoint-style ink blot for a more natural look
• Improved the layout of <quiet-color-picker> by reordering the controls so the sliders come before the eye dropper and preview buttons
• Updated @quietui/squeak to 3.0.1
• Updated Tabler Icons to 3.44.0

5.1.0 Jump to heading #

April 12, 2026

• 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
• Fixed slotted icon styles in <quiet-avatar>
• Updated Tabler Icons to 3.41.1

5.0.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.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
• Fixed publishing goof from 1.3.0

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.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 from 1.0.1 and 1.0.2

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.