Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

v2.1.0 (2026-02-05)

🚀 Features

• feat(typography): new pre-built styles using the component prop
  • Title 1 Black
  • Title 2 Black
  • Title 3 Black
  • Subtitle 1 Bold
  • Subtitle 2 Bold
  • Body 1 Medium
  • Body 1 Bold
  • Body 2 Medium
  • Body 2 Bold
  • Caption 1 Medium
  • Caption 1 Bold
  • Caption 2 Medium
  • Caption 2 Bold
  • Overline Medium
  • Overline Bold

v2.0.0 (2026-01-28)

Upgrading to this version requires careful attention. A comprehensive migration guide is available at https://developers.quantum.thalesdigital.io/ that outlines all breaking changes and provides step-by-step instructions.

Please be aware that this changelog may contain entries related to changes made across multiple packages. Some of these entries may not be directly applicable to this package. To ensure a smooth upgrade, carefully review the migration guide, paying close attention to the sections relevant to this specific package. If you are unsure whether a change affects you, consult the migration guide or contact support.

v2.0.0-beta.19 (2025-12-23)

v2.0.0-beta.18 (2025-12-22)

@qtm/angular

🐛 Bug Fixes

• fix(typography): rendering of block-level Typography variants that use only the tag prop (such as <p>, <h1>, <h2>) has been enhanced to more closely match the behavior of their respective native HTML elements.
• fix(dropdown-select): reset search filter and show all options when reopening a searchable Dropdown Select after selecting an option
• fix(dropdown-select): avoid having to select two times an item after a search to make it active

🚀 Features

• feat: improve Multiselect and Dropdown Select keyboard navigation
• feat: handle auto active Tab in Tabs via enableAutoActive

@qtm/css

🐛 Bug Fixes

• fix(typography): rendering of block-level Typography variants that use only the tag prop (such as <p>, <h1>, <h2>) has been enhanced to more closely match the behavior of their respective native HTML elements.

@qtm/react

🐛 Bug Fixes

• fix(typography): rendering of block-level Typography variants that use only the tag prop (such as <p>, <h1>, <h2>) has been enhanced to more closely match the behavior of their respective native HTML elements.
• fix(dropdown-select): reset search filter and show all options when reopening a searchable Dropdown Select after selecting an option
• fix(dropdown-select): avoid having to select two times an item after a search to make it active

🚀 Features

• feat: improve Multiselect and Dropdown Select keyboard navigation
• feat: handle auto active Tab in Tabs via enableAutoActive

@qtm/react2

🐛 Bug Fixes

• fix(tabs): dynamic handling of activeId
• fix(menuitemlist): dynamic handling of activeId and collapseIds
• fix: drop onClose from Multiselect and Dropdown Select + fix isVisible state/context in some edge cases
• fix(multiselect): preserve user input order for selected items

📝 Documentation

• docs(tabs): use correctly Tabs in Tabs/Header docs, Storybook, and improve migration guide

🚀 Features

• feat: improve Multiselect and Dropdown Select keyboard navigation
• feat: handle auto active Tab in Tabs via enableAutoActive

@qtm/vue

🐛 Bug Fixes

• fix(typography): rendering of block-level Typography variants that use only the tag prop (such as <p>, <h1>, <h2>) has been enhanced to more closely match the behavior of their respective native HTML elements.
• fix(dropdown-select): reset search filter and show all options when reopening a searchable Dropdown Select after selecting an option
• fix(dropdown-select): avoid having to select two times an item after a search to make it active

🚀 Features

• feat: improve Multiselect and Dropdown Select keyboard navigation
• feat: handle auto active Tab in Tabs via enableAutoActive

@qtm/web-components

🐛 Bug Fixes

• fix(typography): rendering of block-level Typography variants that use only the tag prop (such as <p>, <h1>, <h2>) has been enhanced to more closely match the behavior of their respective native HTML elements.
• fix(dropdown-select): reset search filter and show all options when reopening a searchable Dropdown Select after selecting an option
• fix(dropdown-select): avoid having to select two times an item after a search to make it active

🚀 Features

• feat: improve Multiselect and Dropdown Select keyboard navigation
• feat: handle auto active Tab in Tabs via enableAutoActive

v2.0.0-beta.17 (2025-12-14)

@qtm/angular

🐛 Bug Fixes

• fix(slider): check if lead prop is defined before creating the slider lead <div>
• fix(slider): check handles number before rendering iteration
• fix(textarea): use value prop instead of child value
• fix(checkbox): properly handle indeterminate status dynamically
• fix(typography): avoid injecting classes in font* and component properties
• fix(datatable): remove useless color="neutral" from DatatableNoData inner Typography
• fix: let Breadcrumb Item handle the keyboard focus behavior
• fix(multiselect): handle invalid value property
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix: avoid events to bubble outside the Dropdown Select and Multiselect components

📝 Documentation

• docs(storybook): use 'settings' icon in icon story instead of 'home'
• docs(storybook): use ngModel in stories for components using ControlValueAccessor
• docs(storybook): link the alert's close button event to the actions tab
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.

🚀 Features

• feat: Dropdown Select and Multiselect have a new visible prop
• feat: DropdownSelect and Multiselect map their placement and disabled prop to their Dropdown props
• feat(modal): add role="dialog" for a11y
• feat(dropdown): drop disabled prop of DropdownTrigger
• feat(tag): change inner Tag Button DOM to use <button>
• feat(tooltip): add role="tooltip" to tooltip container
• feat(menu): set MenuItemList's enableAutoActive to true by default
• feat(split-button): enhance SplitButton and SplitButtonOption icons to accept more flexible types
• feat(alert): allow Alert action buttons icon to be defined also by an IconProps object
• feat(breadcrumb): apply .qtm-separator-slash explicitly
• feat(breadcrumb): add aria-label="breadcrumb" for screen readers
• feat(icon): rename IconType into IconProps
• feat(dropdown-select): rename DropdownSelectOption interface to DropdownSelectItem to avoid naming conflicts
• feat(slider): set default value and anchorPoint to the min value
• feat(deps-dev): bump Stencil from 4.36.3 to 4.37.1
• feat(multiselect): ability to disable individual options
• feat(textarea): rename TextArea* occurrences to Textarea*
• feat(menu-item): rename MenuItemItemType to MenuItemType
• feat(deps-dev): bump Stencil from 4.19.1 to 4.36.2

📦 Other

• TextArea → Textarea
• TextAreaSeverity → TextareaSeverity
• TextAreaSize → TextareaSize

@qtm/css

🐛 Bug Fixes

• fix(dropdown): adapt Dropdown height for React (native) DOM
• fix(progress-bar): apply the correct colors for Firefox
• fix(drawer): remove unused empty .qtm-drawer-body rule
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix(progress-bar): make indeterminate animation work for Firefox
• fix(icons): correctly render two-tone Material Icons in dark mode
• fix(icon): add specific CSS selector to target React (native) Material icon default size
• fix(ProgressBar): ensure root element uses display: block for consistency across all packages

🚀 Features

• feat(tag): handle Stencil implementation of Tag Button with inner <button>
• feat: synchronized Tabs @qtm/tokens with Figma Tokens 1.5.0 and adapted content to the Tabs component. While these changes do not introduce breaking changes, the "medium vertical" variant has been fixed with larger icons, that could impact the rendering of your project.

📦 Other

• For Quantum components library maintainers for other stacks, see how we've integrated this change in tds-web

@qtm/react

🐛 Bug Fixes

• fix(slider): check if lead prop is defined before creating the slider lead <div>
• fix(slider): check handles number before rendering iteration
• fix(textarea): use value prop instead of child value
• fix(checkbox): properly handle indeterminate status dynamically
• fix(typography): avoid injecting classes in font* and component properties
• fix(datatable): remove useless color="neutral" from DatatableNoData inner Typography
• fix: let Breadcrumb Item handle the keyboard focus behavior
• fix(multiselect): handle invalid value property
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix: avoid events to bubble outside the Dropdown Select and Multiselect components

📝 Documentation

• docs(storybook): use 'settings' icon in icon story instead of 'home'
• docs(storybook): make placeholder work for text input in Controls panel
• docs(storybook): link the alert's close button event to the actions tab
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.

🚀 Features

• feat: Dropdown Select and Multiselect have a new visible prop
• feat: DropdownSelect and Multiselect map their placement and disabled prop to their Dropdown props
• feat(modal): add role="dialog" for a11y
• feat(dropdown): drop disabled prop of DropdownTrigger
• feat(tag): change inner Tag Button DOM to use <button>
• feat(tooltip): add role="tooltip" to tooltip container
• feat(menu): set MenuItemList's enableAutoActive to true by default
• feat(split-button): enhance SplitButton and SplitButtonOption icons to accept more flexible types
• feat(alert): allow Alert action buttons icon to be defined also by an IconProps object
• feat(breadcrumb): apply .qtm-separator-slash explicitly
• feat(breadcrumb): add aria-label="breadcrumb" for screen readers
• feat(icon): rename IconType into IconProps
• feat(dropdown-select): rename DropdownSelectOption interface to DropdownSelectItem to avoid naming conflicts
• feat(slider): set default value and anchorPoint to the min value
• feat(deps-dev): bump Stencil from 4.36.3 to 4.37.1
• feat(multiselect): ability to disable individual options
• feat(textarea): rename TextArea* occurrences to Textarea*
• feat(menu-item): rename MenuItemItemType to MenuItemType
• feat(deps-dev): bump Stencil from 4.19.1 to 4.36.2

📦 Other

• TextArea → Textarea
• TextAreaSeverity → TextareaSeverity
• TextAreaSize → TextareaSize

@qtm/react2

🐛 Bug Fixes

• fix(menu): add tests in MenuItemList's MenuItem definition for consistency with Stencil implementation
• fix(radio-group): remove role="radiogroup"
• fix(checkbox): remove <span> surrounding the label
• fix(checkbox): properly handle indeterminate status dynamically
• fix(toggle-switch): use a <span> for the toggle slider instead of <div>
• fix(toggle-switch): remove role="switch"
• fix(menu): drop roles in all Menu* and Submenu* components
• fix(icon): remove role="img"
• fix(grid): remove bad role="grid"
• fix(modal): remove bad role="separator" on ModalDivider
• fix(modal): use child <Icon> for ModalHeader close icon instead of leftIcon Button prop
• fix(progress-bar): do not handle non-existing .qtm-loading class
• fix(progress-bar): do not handle non-existing .qtm-loop class
• fix(progress-bar): remove incorrect aria-labelledby and inner id from Progress Bar label
• fix(tab): remove role="tablist" from Tabs and role="tab" from Tab
• fix(tabs): not apply non-existing .qtm-tab-horizontal class
• fix(tag): remove useless role="label" from label
• fix(slider): drop isLast SliderMarker prop associated to useless .qtm-last class
• fix(dropdown): drop useless .qtm-visible class from DropdownOverlay component
• fix(checkbox-group): remove role="group"
• fix(drawer): remove role="menubar"
• fix(divider): avoid setting non-existent .qtm-horizontal and .qtm-rounded classes
• fix(divider): remove bad role="separator" and aria-orientation uses
• fix(datatable): remove useless role="datatable-no-data" from DatatableNoData
• fix(alert): add missing inner <div> to align with Stencil implementation
• fix: switch enums to types
• fix: let Breadcrumb Item handle the keyboard focus behavior
• fix: render a disabled cursor to the Multiselect and DropdownSelect when disabled
• fix(tabs): add id to Tab DOM
• fix(toggle-switch): avoid applying defaultChecked to inner <input> for consistency with other form controls
• fix(menu): add id to SubmenuItem DOM
• fix(progress): remove role="progressbar" from Progress Bar and Progress Circle
• fix(dropdown-select): make Dropdown Select actually searchable and make options active when selected
• fix(header): remove useless HeaderDivider children prop handler
• fix(tag): remove role="tag" for consistency with Stencil implementation
• fix(alert): remove role="alert" for consistency with Stencil implementation
• fix(alert): don't render right actions <div> if not dismissible or contains action buttons
• fix(toggle-switch): extend interface with InputHTMLAttributes
• fix(slider): drop unused .qtm-visible class
• fix(slider): correctly vertically align markers and lead
• fix(multiselect): handle invalid value property
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix(menu): render up/down arrow icon in MenuItemList
• fix(split-button): ensure that icons and labels are not rendered when props are not present
• fix(dropdown-select): set 'Select an option' as the default placeholder value
• fix(progress-bar): display percent sign (%) after value
• fix(icon): add specific CSS selector to target React (native) Material icon default size
• fix(menu): remove unused multiselectable prop from MenuItemListProps
• fix: export TagButton component
• fix: extend TextAreaProps interface with TextareaHTMLAttributes to support native <textarea> attributes
• fix(alert): alert is removed from the DOM after clicking on the close button

📝 Documentation

• docs: uniformize classes prop description of React (native) components
• docs: fix classes prop description in some cases so that @qtm/css/dist/utilities.css is well mentioned
• docs(storybook): use 'settings' icon in icon story instead of 'home'
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.
• docs: improve documentation generation using react-docgen-typescript

🚀 Features

• feat(dropdown-select): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(multiselect): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(text-input): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(text-input): replace several props and events with an access to the inner <input> via a new inputProps prop
• feat(textarea): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(textarea): replace several props and events with an access to the inner <textarea> via a new textareaProps prop
• feat(radio-button): replace several props and events with an access to the inner <input type="radio"> via a new inputProps prop
• feat(radio-button): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(toggle-switch): enable passing native HTML attributes by extending prop interfaces and propagating props
• feat(toggle-switch): replace several props and events with an access to the inner <input type="checkbox"> via a new inputProps prop
• feat(checkbox): replace several props and events with an access to the inner <input type="checkbox"> via a new inputProps prop
• feat(checkbox): enable passing native HTML attributes to Checkbox by extending prop interfaces and propagating props
• feat(slider): enable passing native HTML attributes to Slider by extending prop interfaces and propagating props
• feat(radio): enable passing native HTML attributes to RadioGroup by extending prop interfaces and propagating props
• feat(checkbox): enable passing native HTML attributes to CheckboxGroup by extending prop interfaces and propagating props
• feat(dropdown): enable passing native HTML attributes to DropdownSelectOption by extending prop interfaces and propagating props
• feat(form-caption): enable passing native HTML attributes to FormCaption by extending prop interfaces and propagating props
• feat(formlabel): enable passing native HTML attributes to FormLabel by extending prop interfaces and propagating props
• feat(formfield): enable passing native HTML attributes to FormField by extending prop interfaces and propagating props
• feat(icon): handle possible children the same way as Stencil implementation
• feat: icon props also accepts string type
• feat(split-button): enhance SplitButton and SplitButtonOption icons to accept more flexible types
• feat(alert): allow Alert action buttons icon to be defined with the Icon component instead of a string
• feat: enable passing native HTML attributes to all components by extending prop interfaces and propagating props
• feat(dropdown-select): rename DropdownSelectOption interface to DropdownSelectItem to avoid naming conflicts
• feat(checkbox): handle children projection with children prop
• feat: correctly use boolean instead of strings in both React docs and in React (native) components
• feat(tag): handle children projection with children prop for Tag and Tag Button
• feat: drop BaseProps interface
• feat(progress-bar): change default showValue to true
• feat(tag): rename ButtonProps to TagButtonProps and export it
• feat(slider): set default value and anchorPoint to the min value
• feat: export components types
• feat(tag-button): add classes prop
• feat(textarea): rename TextArea* occurrences to Textarea*
• feat: add DropdownSelectOption children support to DropdownSelect

🛠️ Internal

• test(alert): add unit test for the close button

📦 Other

• Exhaustive list: BreadcrumbColor, BreadcrumbSeparator, BreadcrumbSize, CheckboxColorType, CheckboxGroupSize, CheckboxSizeType, FormCaptionSize, FormCaptionState, FormLabelSize, and MenuItemListSizeType.
• <TextArea> → <Textarea>
• TextArea → Textarea
• TextAreaProps → TextareaProps
• TextAreaSeverity → TextareaSeverity
• TextAreaSize → TextareaSize
• Add support for DropdownSelectOption as children
• Implement getOptionByValue to handle children options
• Add displayName to DropdownSelectOption for identification
• Add functional tests for children API
• Add comprehensive documentation with visual examples
• Add Storybook story demonstrating children API with flags
• Improve documentation

@qtm/tokens

🐛 Bug Fixes

• fix: fixed bluegrey 700 and 750 color values, which had been swapped. While these changes do not introduce breaking changes, it is recommended that projects review their usage of bluegrey 700 and 750 to ensure the adjustments in hexadecimal values do not impact contrast, meaning, design, or visual elements.
• fix: corrected inconsistent camelCase naming in variables-css.js to align with other generated files

🚀 Features

• feat: synchronized Tabs @qtm/tokens with Figma Tokens 1.5.0 and adapted content to the Tabs component. While these changes do not introduce breaking changes, the "medium vertical" variant has been fixed with larger icons, that could impact the rendering of your project.
• feat: add original Quantum Design Tokens JSON files to @qtm/tokens in a json directory, and enhance the corresponding README
• feat: generate tokens for JavaScript ES6 module and TypeScript declarations for ES6 modules

📦 Other

• For Quantum components library maintainers for other stacks, see how we've integrated this change in tds-web
• container2Xl → container2xl
• spacing3Xs → spacing3xs
• spacing*Xl → spacing*xl

@qtm/vue

🐛 Bug Fixes

• fix(slider): check if lead prop is defined before creating the slider lead <div>
• fix(slider): check handles number before rendering iteration
• fix(textarea): use value prop instead of child value
• fix(checkbox): properly handle indeterminate status dynamically
• fix(build): replace change-case dev dep with local toKebabCase function
• fix(typography): avoid injecting classes in font* and component properties
• fix(datatable): remove useless color="neutral" from DatatableNoData inner Typography
• fix: let Breadcrumb Item handle the keyboard focus behavior
• fix(multiselect): handle invalid value property
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix: avoid events to bubble outside the Dropdown Select and Multiselect components

📝 Documentation

• docs(storybook): use 'settings' icon in icon story instead of 'home'
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.

🚀 Features

• feat: Dropdown Select and Multiselect have a new visible prop
• feat: DropdownSelect and Multiselect map their placement and disabled prop to their Dropdown props
• feat(modal): add role="dialog" for a11y
• feat(dropdown): drop disabled prop of DropdownTrigger
• feat(tag): change inner Tag Button DOM to use <button>
• feat(tooltip): add role="tooltip" to tooltip container
• feat(menu): set MenuItemList's enableAutoActive to true by default
• feat(split-button): enhance SplitButton and SplitButtonOption icons to accept more flexible types
• feat(alert): allow Alert action buttons icon to be defined also by an IconProps object
• feat(breadcrumb): apply .qtm-separator-slash explicitly
• feat(breadcrumb): add aria-label="breadcrumb" for screen readers
• feat(icon): rename IconType into IconProps
• feat(dropdown-select): rename DropdownSelectOption interface to DropdownSelectItem to avoid naming conflicts
• feat(slider): set default value and anchorPoint to the min value
• feat(deps-dev): bump Stencil from 4.36.3 to 4.37.1
• feat(multiselect): ability to disable individual options
• feat(textarea): rename TextArea* occurrences to Textarea*
• feat(menu-item): rename MenuItemItemType to MenuItemType
• feat(deps-dev): bump Stencil from 4.19.1 to 4.36.2

📦 Other

• TextArea → Textarea
• TextAreaSeverity → TextareaSeverity
• TextAreaSize → TextareaSize

@qtm/web-components

🐛 Bug Fixes

• fix(slider): check if lead prop is defined before creating the slider lead <div>
• fix(slider): check handles number before rendering iteration
• fix(textarea): use value prop instead of child value
• fix(checkbox): properly handle indeterminate status dynamically
• fix(typography): avoid injecting classes in font* and component properties
• fix(datatable): remove useless color="neutral" from DatatableNoData inner Typography
• fix: let Breadcrumb Item handle the keyboard focus behavior
• fix(multiselect): handle invalid value property
• fix(modal): use new .qtm-modal-overlay-hidden class instead of Tailwind .opacity-0 within Modal component logic
• fix: avoid events to bubble outside the Dropdown Select and Multiselect components
• fix(Dropdown): avoid sending several times the clickOutside event

📝 Documentation

• docs: fix classes prop description in some cases so that @qtm/css/dist/utilities.css is well mentioned
• docs(storybook): use 'settings' icon in icon story instead of 'home'
• docs(storybook): make placeholder work for text input and textarea in Controls panel
• docs(storybook): link the alert's close button event to the actions tab
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.

🚀 Features

• feat: Dropdown Select and Multiselect have a new visible prop
• feat: DropdownSelect and Multiselect map their placement and disabled prop to their Dropdown props
• feat(modal): add role="dialog" for a11y
• feat(dropdown): drop disabled prop of DropdownTrigger
• feat(tag): change inner Tag Button DOM to use <button>
• feat(tooltip): add role="tooltip" to tooltip container
• feat(menu): set MenuItemList's enableAutoActive to true by default
• feat(split-button): enhance SplitButton and SplitButtonOption icons to accept more flexible types
• feat(alert): allow Alert action buttons icon to be defined also by an IconProps object
• feat(breadcrumb): apply .qtm-separator-slash explicitly
• feat(breadcrumb): add aria-label="breadcrumb" for screen readers
• feat(icon): rename IconType into IconProps
• feat(slider): allow handle to move independently of the other handle
• feat(dropdown-select): rename DropdownSelectOption interface to DropdownSelectItem to avoid naming conflicts
• feat: make Dropdown Select and Multiselect 'No Results' Menu Item disabled
• feat(slider): set default value and anchorPoint to the min value
• feat(deps-dev): bump Stencil from 4.36.3 to 4.37.1
• feat(multiselect): ability to disable individual options
• feat(Tooltip): remove deprecated title prop
• feat(textarea): rename TextArea* occurrences to Textarea*
• feat(menu-item): rename MenuItemItemType to MenuItemType
• feat(deps-dev): bump Stencil from 4.19.1 to 4.36.2

🛠️ Internal

• refactor(webcomponents): remove dark token in global CSS file
• test(alert): add unit test for the close button

📦 Other

• TextArea → Textarea
• TextAreaSeverity → TextareaSeverity
• TextAreaSize → TextareaSize

@qtm/website

🐛 Bug Fixes

• fix: handle empty props list in API sections
• fix: use the right programming languages code syntax highlighting
• fix(Menu): correct rendering of 'Menu > Properties > size' typographies
• fix: typo cosnt -> const in Tag code snippets
• fix(menu): fix activeId usage for React Menu pages to not use arrays
• fix(react2): double Typography API section for React (native)
• fix(react2): add missing Slider API descriptions
• fix: renders broken Radio API for React and React (native)
• fix(react2): add missing source of CSS import in some classes definitions
• fix(react2): add missing Multiselect API descriptions
• fix(angular): use the new API rendering for Slider
• fix(vue): update multi-word properties in v1/v2 docs code snippets to use kebab-case format
• fix(web-components): update multi-word properties in v1/v2 docs code snippets to use kebab-case format
• fix(website): correct pagination hover color in dark mode (fixes #392)
• fix: close unclosed <script> HTML tags

📝 Documentation

• docs: uniformize classes prop description of React (native) components
• docs: fix classes prop description in some cases so that @qtm/css/dist/utilities.css is well mentioned
• docs(react2): reintroduce components docs content from React wrapped
• docs(modal): used the outlined info icon for modals header in documentation and Storybook as examples. Make sure this icon is not associated with text utilities to change its color, as it was mistakenly suggested in previous documentation.
• docs: improve API documentation display and transformation system

🚀 Features

• feat: change languages and frameworks icons
• feat: correctly use boolean instead of strings in both React docs and in React (native) components
• feat(css): add Icon component page
• feat: move contribution alert from the top of the website to the end of each docs page
• feat: use <kbd> HTML tag for keys
• feat: enable Prism sh/bash and diff syntax highlighting
• feat: drop homepage banner
• feat: bump Storybook links to v2.storybook.quantum.thalesdigital.io
• feat: drop version selector
• feat: drop versioned v1 docs, start:doc:dev script, and useless reusable components and functions
• feat(react2): render <Typography> instead of <QtmTypography> for Typography page
• feat(installation): new 'Import types' section
• feat(tags): enhance rendering of Tag colors grid
• feat: use <Datatable> component in API section for a Quantum rendering
• feat: implement a theme selector handling light, dark, and auto modes
• feat(configuration): enhance Artifactory and npm configuration
• feat(form): enhance Text Input <input> attributes section, and add <textarea> attributes section

🛠️ Internal

• chore: new start:doc:dev pnpm script
• chore: avoid "Warn: blogDir doesn't exist" message at build stage

v2.0.0-beta.16 (2025-05-26)

@qtm/css

🐛 Bug Fixes

• fix(Text Input): &:placeholder to &::placeholder selector

🚀 Features

• feat(tokens): synchronized Tabs @qtm/tokens with Figma Tokens 1.5.0 and adapted content to the Tabs component. While these changes do not introduce breaking changes, the "medium vertical" variant has been fixed with larger icons, that could impact the rendering of your project.

  For Quantum components library maintainers for other stacks, see how we've integrated this change in tds-web

🛠️ Internal

• chore(components): remove the unofficial Doughnut component

@qtm/react

🛠️ Internal

• chore(components): remove the unofficial Doughnut component

@qtm/react2

🐛 Bug Fixes

• fix(modal): fix modal's close button rendering by using a ghost neutral button
• fix: made properties optional in Grid and SplitButton components
• fix(modal): dynamically adjust modal button size

@qtm/tokens

🐛 Bug Fixes

• fix(tokens): fixed bluegrey 700 and 750 color values, which had been swapped. While these changes do not introduce breaking changes, it is recommended that projects review their usage of bluegrey 700 and 750 to ensure the adjustments in hexadecimal values do not impact contrast, meaning, design, or visual elements.

🚀 Features

• feat(tokens): synchronized Tabs @qtm/tokens with Figma Tokens 1.5.0 and adapted content to the Tabs component. While these changes do not introduce breaking changes, the "medium vertical" variant has been fixed with larger icons, that could impact the rendering of your project.

  For Quantum components library maintainers for other stacks, see how we've integrated this change in tds-web

• feat(tokens): add original Quantum Design Tokens JSON files to @qtm/tokens in a json directory, and enhance the corresponding README

@qtm/vue

🛠️ Internal

• chore(components): remove the unofficial Doughnut component

@qtm/web-components

🐛 Bug Fixes

• fix(modal): fix modal's close button rendering by using a ghost neutral button

🛠️ Internal

• chore(components): remove the unofficial Doughnut component

@qtm/website

🐛 Bug Fixes

• fix(iconography): improve grid rendering of business icons in Usage section
• fix(vue): change path to load ESM loader.js file
• fix(header): use activeId to handle tabs
• fix(iconography): don't force regular icons color and drop useless hover effect
• fix(a11y): drop '>' Markdown paragraphs that are not blockquotes
• fix(css): Toggle Switch with label on right rendering

🚀 Features

• feat(examples): add and setup PurgeCSS for Vite React starter

v2.0.0-beta.15 (2025-04-11)

@qtm/react2

🐛 Bug Fixes

• fix(modal): close icon color

@qtm/website

🐛 Bug Fixes

• fix: syntax highlighting of Foundations' code snippets
• fix(customization): change CSS selector to make the 'High-specificity CSS selectors' example work
• fix(modal): align 'Lorem ipsum' content across packages, and between rendering and code snippets
• fix(header): align code snippets of header title with their rendering for some Header pages
• fix: typos in some alert component examples
• fix: text color and decoration of links contained in alerts in light/dark mode

📝 Documentation

• docs(search): reintroduce search bar

🛠️ Internal

• chore(dark mode): enhance rendering of the page: use of tabs, right syntax highlighting and rewording

v2.0.0-beta.14 (2025-04-07)

@qtm/css

🐛 Bug Fixes

• fix(css): consistency betwwen textarea and textinput
• fix(css): ensure text input height is independent of parent (e.g., grid), and icons are consistently centered
• fix(css): aligh modal header items to the top

@qtm/icons

🚀 Features

• feat(icons): bump icons to 1.6.2
• feat(icons): new ICAO, Generic, and AVS icons
• feat(icons): update icons on March 24, 2025

📦 Other

• new connected.svg and disconnected.svg
• renamed desequence.svg to time_off.svg
• modified rendering of a set of icons

@qtm/react2

🐛 Bug Fixes

• fix(react2): add submenu items configuration when usgin the items prop in a menuitemlist
• fix(react2): implement custom icons and update documentation
• fix(react2): icon size by default must not be specified

@qtm/web-components

🛠️ Internal

• refactor(webcomponents): remove dark token in global CSS file

@qtm/website

🐛 Bug Fixes

• fix(react2): implement custom icons and update documentation

📝 Documentation

• docs(website): Grid className prop replaced by classes in TextInput doc
• docs(website): add supported version in v2
• docs(website): fix documentation for FormLabel
• docs(website): do not use onClick callback for react2 button component. use onClickEvent instead
• docs(website): fix typography component for react2 documentation
• docs(website): fix react2 progress bar documentation

v2.0.0-beta.13 (2025-03-21)

@qtm/react2

🛠️ Internal

• chore(react2): handle esm and cjs export

@qtm/web-components

🐛 Bug Fixes

• fix(web-components): avoid undefined optionFilter console error message when initializing multiselect component

@qtm/website

📦 Other

• create the react2 documentation in our dev documentation

v2.0.0-beta.12 (2025-03-07)

@qtm/angular

🛠️ Internal

• test-release-script

@qtm/css

🛠️ Internal

• test-release-script

@qtm/design-token-generator

🛠️ Internal

• test-release-script

@qtm/icons

🛠️ Internal

• test-release-script

@qtm/react

🛠️ Internal

• test-release-script

@qtm/react2

🛠️ Internal

• test-release-script

@qtm/storybook

🛠️ Internal

• test-release-script

@qtm/tailwind-preset

🛠️ Internal

• test-release-script

@qtm/tokens

🛠️ Internal

• test-release-script

@qtm/vue

🛠️ Internal

• test-release-script

@qtm/web-components

🛠️ Internal

• test-release-script

@qtm/website

📝 Documentation

• docs(examples): new Angular 16 project examples with or without Tailwind v3

🛠️ Internal

• test-release-script

angular

🛠️ Internal

• test-release-script

v2.0.0-beta.11 (2025-03-05)

@qtm/react2

🐛 Bug Fixes

• fix(react2): retrocompatibility with react 18

@qtm/vue

🐛 Bug Fixes

• fix(vue): deprecated function applyPolyfills from Stencil (IE support)

@qtm/web-components

🐛 Bug Fixes

• fix(web-components): handle non-existent collapsed ids in menu item list

@qtm/website

📝 Documentation

• docs(configuration): specific .npmrc setup for Windows users
• docs(header): change title and title color on dark mode
• docs(css): replace remaining leadingIcon/trailingIcon by leftIcon/rightIcon

v2.0.0-beta.10 (2025-03-03)

@qtm/angular

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

📦 Other

• peerDependencies update for Angular:
• @angular/common: >=16.0.0
• @angular/core: >=16.0.0

@qtm/css

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn
• docs: bump storybook to v8
• docs(examples): drop CRA examples

@qtm/design-token-generator

📝 Documentation

• docs: bump storybook to v8
• docs(examples): drop CRA examples

@qtm/icons

📝 Documentation

• docs(README): fixed the Artifactory configuration link and use a consistent wording
• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn
• docs: bump storybook to v8
• docs(examples): drop CRA examples

@qtm/react

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

@qtm/react2

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

🚀 Features

• feat(react2): add support for react 19

@qtm/storybook

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

@qtm/tailwind-preset

📝 Documentation

• docs(README): fixed the Artifactory configuration link and use a consistent wording
• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn
• docs: bump storybook to v8
• docs(examples): drop CRA examples

@qtm/tokens

📝 Documentation

• docs(README): fixed the Artifactory configuration link and use a consistent wording
• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn
• docs: bump storybook to v8
• docs(examples): drop CRA examples

@qtm/vue

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

@qtm/web-components

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

@qtm/website

📝 Documentation

• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn
• docs: bump storybook to v8
• docs(examples): drop CRA examples

angular

📝 Documentation

• docs(README): fixed the Artifactory configuration link and use a consistent wording
• docs: add ADR for the migration to Turborepo and pnpm
• docs: add for all packages the possibility to use pnpm
• docs: adapt internal documentation to pnpm usage instead of Yarn

v2.0.0-beta.9 (2025-02-20)

@qtm/angular

🚀 Features

• feat: migrate to angular 16

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/css

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/design-token-generator

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/icons

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/react

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/react2

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/tailwind-preset

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/tokens

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/vue

🛠️ Internal

• chore: migrate to turborepo and pnpm

@qtm/web-components

🛠️ Internal

• chore: migrate to turborepo and pnpm

2.0.0-beta.8 (2024-12-13)

Bug Fixes

• react2: reset focus for dropdown select when text is removed (0cdf2de)
• webcomponent: keyboard navigation for multiselect (baffacd)
• webcomponent: keyboard spacing for multiselect (06bab84)
• webcomponents: add keyboard nav for multiselect (ca6dd30)
• webcomponents: arrow key press behavior is fixed for dropdown select (d0521be)
• webcomponents: dropdown select aria activedescendent set when keyboard navigation (97d2b56)
• webcomponents: dropdown select filtered options should be focused (366bb41)
• webcomponents: manage spacing char with autosuggestion (72449de)
• webcomponents: select correct filtered item after filtering (f03e264)
• webcomponents: should allow typing text in the input when isSearchable is true in dropdown-select (cbea485)

Features

• css: active menu item is focus (c8acf7c)
• dropdown-select: add keyboard navigation support for react2 (7ed9e59)
• react2: add aria for dropdown select (bafe8ee)
• react2: implement aria for multiselect (31a30d7)

2.0.0-beta.7 (2024-10-22)

Bug Fixes

• css: #261 remove unecessary z-index prop (801366a)
• icon: prevent icons from breaking text flow by changing display to inline-flex #242 (6a4ed5c)
• icons: remove special characters in icon names (c3e9a54)
• slider: do not emit event when value property change #274 (fc2e048)

Features

• webcomponent: aria for multiselect (423d92e)
• webcomponent: implement aria for dropdown select (40b9515)
• webcomponents: keyboard navigation for dropdown select (cfe09e6)
• webcomponents: keyboard navigation for multiselect (3195ff0)

Reverts

• Revert "chore(repo): bump all framework output target packages for stencil" (9e4fa2d)

2.0.0-beta.6 (2024-09-23)

Bug Fixes

• webcomponent: fix dropdown select behaviour for autosuggest (c843ed3)
• webcomponent: fix multiselect with autosuggest (c97a1c2)
• webcomponent: implement new usecases (48277ae)
• webcomponent: multiselect open when filtering (e830034)

2.0.0-beta.5 (2024-09-19)

Bug Fixes

• react2: remove tooltip when clicking on dropdownSelect (f448528)
• website: fix artifactory wording (7ae76cf)

Features

• css: center text of no datatable (3e5311f)
• css: change cusor for auto sugget input (96aaefd)
• react2: add autosuggest for multiselect (0f65ce6)
• react2: implement autosuggest for dropdown select (23d5f3d)
• web-components: implement autocomplete (3ca464b)
• webcomponent: add autosuggest for multiselect (41beed0)
• webcomponent: dropdown select autosuggest (de52ca7)

2.0.0-beta.4 (2024-08-07)

Bug Fixes

• datatable: update based on review comments (b5190bf)
• react2: multiselect not editable with pointer cursor (bd58533)
• react2: progress bar props must be optionals (1a8cdb7)

Features

• datatable: support sizes for the datatableNoData container (b8e85d9)
• react2: add chevron icons in DropdownSelect (3fbdb26)
• react2: add chevron icons in Multiselect (48f1949)
• react2: add datatable (cef4a5f)
• react2: add datatable css (4c926bf)
• react2: add datatablebody (6554c65)
• react2: add datatablecell (d80eb9e)
• react2: add datatableheader (1ffd350)
• react2: add datatablenodata (5ff7beb)
• react2: add datatablerow (7cb9f56)
• react2: add sizes for datatableNoData (4f06fe6)
• tokens: add dark mode for datatable (ffc7c5e)
• webcomponents: add sizes for datatableNoData (cb9f905)

2.0.0-beta.3 (2024-07-10)

Bug Fixes

• datatable: change datatable file name (34e1259)

Features

• css: add css for the margin density (6fd78fe)
• css: add horizonal scroll to datatable (0341cb7)
• css: build sizes and styles for data table component (025dc2e)
• css: implement completed datatable (7ccfc44)
• css: set default style to be flat (87a9943)
• css: WIP modify datatable-array style (e27ec81)
• dataTable: add tokens (00d7e03)
• repo: add the datatable-array-no-rows component (ee1dbfa)
• tokens: update datatable tokens (3abc384)
• tokens: update new tokens (ed7125e)
• web-components: implement a datatable-array and a datatable container components (a058e2c)
• web-components: use Host to create datatable components (177270d)
• web-component: WIP add datatable-cell (967438d)
• webcomponent: add roles for datable component (17c755a)

2.0.0-beta.2 (2024-07-01)

Bug Fixes

• tooltip: #239 tooltip duplicate title (43a0dbe)

2.0.0-beta.1 (2024-06-28)

Features

• multiselect: add custom render (f77b1ce)

2.0.0-beta.0 (2024-06-26)

Bug Fixes

• css: replace focus-within by focus to fix issue #251 (c11aa17)
• react: form field children rerender doesn't throw an error anymore (d57c4f8)
• react: form field children rerender doesn't throw an error anymore (1e73c78)
• react: grid children rerender doesn't throw an error anymore (3ca6495)
• react: menu item list and submenu item list children rerender doesn't throw an error anymore (eaad33d)

Features

• react2: react implementation of the quantum lib components (290b58b)

1.4.0 (2024-02-20)

Bug Fixes

• dropdownSelect: fix react hook form problems (f18058c)
• web-components: fix dropdown select issues with options prop (26f2321)
• web-components: fix multiselect dynamic children (5f5693d)
• web-components: option by default in dropdown select must be active when using prop options (48d110d)

1.3.0 (2024-02-14)

Features

• dropdownselect: add options property (433a2e3)
• tokens: add background and text color (23c596a)

Reverts

• Revert "test(dropdownselect): update default value test" (3a18e63)

1.2.1 (2024-02-07)

Bug Fixes

• icons: render correctly icons by converting them from evenodd to non zero (c03b4aa)
• website: fix iconogrpahy buisness icons examples (51192f1)

1.2.0 (2024-02-06)

Features

• icons: support new icons (074f456)

1.1.1 (2024-01-30)

Bug Fixes

• tooltip: reduce the right arrow placeholder #220 (4a1ebb9)

1.1.0 (2024-01-25)

Features

• css: add core metrics for doughnut component (3b64ecb)
• doughnut: display data labels (18ca4da)
• doughnut: implement dounught card css (1b53477)
• webcomponent: first implem of doughnut (f71586f)

1.0.1 (2023-11-15)

Bug Fixes

• website: fix the link to storybook from component card (34eb6fc)

1.0.0 (2023-09-25)

Bug Fixes

• preset: screen values should not be reference to tokens (becf0cf)
• tokens: replace radius none value by 0rem (6b900fc)
• website: remove unused dev handoff pages (2c31678)

Features

• css: add border utilities (7aa1de8)
• presets: add border tokens (04905cd)
• tokens: add 2 blugrey colors and update lightblue 500 (85e873b)
• tokens: add border tokens (d6cdd68)
• tokens: bind padding top and bottom to spacing-s tokens (ec90ff8)

1.0.0-rc.5 (2023-09-18)

Note: Version bump only for package tds-web

1.0.0-rc.4 (2023-09-04)

Bug Fixes

• angular: update typings path into package.json (811a2b3)

1.0.0-rc.3 (2023-09-01)

Features

• dropdown-select: add disabled property to dropdown-select-option component (147490d)

1.0.0-rc.2 (2023-08-25)

Bug Fixes

• dropdown-select: Update Dropdown select option elements state when the value changed and an option is clicked #163 (89895e2)

1.0.0-rc.1 (2023-07-27)

Bug Fixes

• menu: initialize the collapsedIds array #139 (4be0b4e)

1.0.0-rc.0 (2023-07-05)

Bug Fixes

• button: button outline border must not visible under a dropdown overlay (ae051f7)
• button: click event binded to the button element #75 (b13022f)
• button: fix outline pressed background color (f94d390)
• button: update disabled tokens (1521fc4)
• dropdown-select: dropdown select width equal to 100% of its container (522d402)
• examples: add fonts and icons to angular v13 tailwind example (64d3523)

Features

• button: a semantic button in a dropdown should have a pressed style when a dropdown is visible (6478034)
• button: add semantic colors success/warning/danger for filled and outline buttons in css (a61bf93)
• button: label color for success/warning/danger should be bluegrey-900 in darkmode (949f417)
• button: rename qtm-btn class by qtm-button (54b5dfb)
• button: replace white color by inverted for ghost button (c576b00)
• button: sementic colors danger/warning/success implementation for react/vue/angular and web components + update storybooks (e6fb438)
• button: support props attribute as a stringified object (67d888a)
• tokens: new button tokens for success/warning/danger colors (5c9221a)

1.0.0-beta.30 (2023-06-26)

Breacking Changes

• textarea: replace id by inputId + update documentation (8c6b5866)
• tabs: update tabDirection to tabItemDirection and add icon, iconPosition and label properties for tab component (1d512908)
• breadcrumbs: neutral property is deprecated replaced by the color prop (e3956ea7)

Bug Fixes

• angular: update path of typings to dist/qtm-angular.d.ts #144 (7f50899)
• button: fix disabled state of a button. Ref: #129 (64d11b4)
• css: the tab cannot be shrinkable (744ef20)
• modal: update open prop of the modal when its closed button is clicked. Ref #133 (7fdca27)

Features

• alert: add neutral severity (9152c8b)
• button: add props property for webcomponents/react/angular/vue + update storybook (d943a7e)
• drawer: support small, medium and large sizes (dd3c7f4)
• dropdown-select: add focus (28ee055)
• dropdown-select: add focus and blur events to dropdown select component (42c90fd)
• dropdown-select: add two new properties to dropdown select: scrollable and nvVisibleOptions (b705284)
• multiselect: add focus and blur event to multiselect component (b0ca943)
• progress-bar: add showValue, a new property to progress bar component (2fbe58d)
• textarea: add blur and focus events (f597ece)
• textinput: add blur and focus method + update storybook (12da43c)
• toggle-switch: add inputId and name to toggle switch component (be8459d)
• tokens: support sementic colors + renaming primary to blue (c7e5533)
• web-component: add dropDown name and inputId (fc5a146)
• web-components: inputId and name added to multiselect (ae19776)

1.0.0-beta.29 (2023-05-26)

Version 1.0.0-beta.29 has breaking changes. Please check the documentation in order to migrate to this version.

-> Update component properties based on figma properties in order to achieve consistency between design and dev. Those components are impacted:

• Text area
• Text input
• Tag
• Toggle switch
• Dropdown select
• Button
• Checkbox
• Radio button
• Tooltip

Breaking Changes

• dropdown-select: rename method selectedOption with valueChanged (b8e16b8), (4691a5a)
• textarea: change state to severity prop (585ae50)
• text input: add left icon, right icon and severity attributes (ddd92ee)
• toggle switch: update iconOn, iconOff and labelPosition (5c6fa9d)
• tooltip Rename direction property to tipPosition (48b09154)

Bug Fixes

• icons: add display flex to align icons (ea92a98)
• web-components: set new value to textarea value by using value property (ae9420f)

Features

• button: add new properties leftIcon, rightIcon and label to button component (107eb73)
• checkbox: add label attribute (deaa65c)
• icons: add 7 new icons (29e193b)
• radio-button: add label attribute (2390d2c)
• tag: add new properties to tag: dismissible, icon and label (7f12cd3)
• text-input: text-input icons can be an object with format IconType (5b585a9)
• website: keep only last 10 versions as it is recommended by docusaurus (d9370ff)

1.0.0-beta.28 (2023-04-18)

Bug Fixes

• examples: add icons and fonts in index.html for create-react-app-tailwind example (7dc8078)

Features

• menu-item: replace toggle item event by collapseChanged + update storybooks (bd5b48f)
• menu-item-list: active a submenu item when activeId prop is set with the submenu item id (fd414b8)
• menu-item-list: add a disableAutoActive property (def6245)
• menu-item-list: add activeId prop in menu-item-list to control active state of menu-items (66ad880)
• menu-item-list: add clickItem event (6b66fd9)
• menu-item-list: add collapsedIds property (ca4e3e5)
• menu-item-list: add collapsedIdsChanged event (a6a2427)
• menu-item-list: display menu-item and sub-menu-item through the items property (a8ab095)
• menu-item-list: emit a callback activeIdChanged when activeId prop is updated (3349f75)
• menu-item-list: for menu-item-list with items prop, right icon should switch from up to down (302b656)
• menu-item-list: handle active state of an item when it is clicked (37b2037)
• menu-item-list: replace disableAutoActive by enableAutoActive + remove errors thrown in case no id provided to be compatible with previous versions (7fdc8a5)

1.0.0-beta.27 (2023-03-24)

Bug Fixes

• angular: fix package.json entry files with tds prefix replaced by qtm (f875878)
• website: fix crash on SSR (6dfa026)

1.0.0-beta.26 (2023-03-20)

Bug Fixes

• valueAccessors: replace tds prefix by qtm. #119 (26b971b)

1.0.0-beta.25 (2023-03-07)

Bug Fixes

Features

• icons: create business icons library from figma svgs (06fa5ea)
• icons: update qtm-icon component to support business icon library (5b9eb0e)
• web-components: add size for dropdown-select (8f75569)
• website: add business icons into css doc (43f3001)

1.0.0-beta.24 (2023-02-21)

Breaking Changes

1. @tds scope is deprecated. It has been replaced by @qtm scope. For example, to install the angular library you have to run the command

   npm i @qtm/angular

2. prefix tds has been changed by qtm.

   • For Angular, Vue and web components <tds-xxx> components must be replaced by <qtm-xxx> (ex: <tds-button> => <qtm-button>)
   • For React, <TdsXXX> must be replaced by <QtmXXX> (ex: <TdsButton> => <QtmButton>)

Bug Fixes

• css: set a filled primary button as a default button (9524d33)

Features

• alert: support high-emphasis action buttons (8ff4f98)
• button: add white color to button component (876a8df)

1.0.0-beta.23 (2023-02-15)

Bug Fixes

• tailwind-preset: remove tokens peer dependencies (5042a2e)

Features

• alert: support of dark mode (c93cdaa)

1.0.0-beta.22 (2023-02-10)

Breaking Change

In this version, the utilities.css file has been reworked. Only utility classes related to Background color, Text color, Font family, Font size, Font weight, Margin, Padding and Shadow have been kept.

More info about quantum utilities

For people who was using other utility classes like flex, flex-col, we recommend to install tailwind with our Quantum configuration.

More info about tailwind migration

Bug Fixes

• dropdown-select: tds-dropdown-select not initializing properly on the second render #104 (0c28433)

Features

• alert: add alert component for css/anngular/react/vue/webcomponent + doc (5189824)
• alert: support light mode tokens for alert component (25e286d)

1.0.0-beta.21 (2023-01-12)

Bug Fixes

• header: remove default overflow hidden by default to support dropdown overlay (18cc9b6)

Features

• header: add header in small, medium and large (68e1a49)

1.0.0-beta.20 (2023-01-03)

Bug Fixes

• css: fix border color of input the focused text-input is on error/warning state (07ca8b4)
• divider: fix height of vertical divider (e83ecef)
• dropdown-select: fix default value to be displayed at first render (5c5d620)
• slider: update slider tokens in dark mode and modify slider docs (a4da0bb)
• split button: fix bug when clicking on trigger after having clicked on outside (961b48c)
• split-button: overlay must be removed when clicking on action button (c5b0b44)
• storybook: change icon's name from checked to check in stories (59275a2)
• web-components: change tds-multiselect event's name (2b24079)
• web-components: set @watch value prop to tds-multiselect component in order to control this prop (24fcff4)

Features

• css: add min height prop to menu-items (642ba0a)
• divider: divider component for css/angular/vue/web component + docs (c19d891)
• split button: implement split button for css/angular/react/vue/web component + doc (a56091e)
• split button: implement split button for css/angular/react/vue/web component + doc (ceb5ea9)

1.0.0-beta.19 (2022-12-14)

Bug Fixes

• docs: fix typo in modal component website documentation (d31524e)
• dropdown: fix style of dropdown trigger of a dropdown whose overlay is visible (604c2c1)
• dropdown-select: Allow to unselect values + new value must be taken into account (1a654d2)
• storybook: add utilities.css to be able to use the classes into the component property (8e81f8f)

Features

• slider: slider component for angular, react, vue, web component + docs (6225d57)

1.0.0-beta.18 (2022-10-20)

Bug Fixes

• angular: add web component deps (a51cce5)
• css: add background color to drawer (54b5bda)
• multiselect: rename change event to valueChanged (1a35583)

Features

• button: extend button component with neutral outlined (ac93ecb
• tokens: add slider tokens (66c2902)

1.0.0-beta.17 (2022-10-17)

The release has two major changes.

1. All our css classes have been prefixed by qtm-.
2. The secondary color has been replaced by the lightblue color.

If you use the css in your projet, the migration to 1.0.0-beta.17 implies to add the prefix qtm- to all classes and replace the secondary color by lightblue.

Bug Fixes

• angular: import the angular module using @tds/angular instead of @tds/angular/dist (27342a0) (5fd8f28)

Breaking changes

• css: add qtm prefix for classes (70874f2))
• tokens: replace secondary color by lightblue (e415fd4)

1.0.0-beta.16 (2022-09-30)

Bug Fixes

• buttons: Ghost buttons are broken in React (2e2b083)
• css: fix color of menu-item-list in drawer (1aceee4)
• css: fix color of submenu-item et menu-item-label (6002686)
• css: fix disabled/focused toggle switch (5c061ab)
• css: fix ring's offset of focused checkbox (189edb4)
• css: remove color-primary-100 from checked symbol in pressed checked/indeterminate checkbox (a3c15a6)
• menu: remove height prop from menu-item-label and submenu-item (cfe09c9)
• web-components: add class disabled to the toggle switch label (d3d9536)

Features

• css: change icons color in text input (11b992d)
• progress-bar: progress bar component for angular/reat/vue/web-component + doc (a09a32d)

1.0.0-beta.15 (2022-09-09)

Features

• angular: add value-accessors for dropdown-select (8a7d91b)
• angular: add value-accessors for multiselect (99ad35e)
• angular: support of valueaccessors for tds-text-input and tds-textarea components (43b5080)
• angular: support value accesors for toggle switch component (d9015ec)
• checkbox: support of value accessor for angular and add the valueChanged event (1aac455)
• radioGroup: support value accessors for angular (855dcfa)
• textarea: add value prop to manage default value and support value accessors (f766a93)

1.0.0-beta.14 (2022-08-29)

Bug Fixes

• react: sourcemaps (e909b05)
• typography: fix typography tokens (458ec35)

Features

• tokens: add a new spacing: spacing-3xl (1e0c725)

1.0.0-beta.13 (2022-08-23)

Note: Version bump only for package tds-web

1.0.0-beta.12 (2022-08-18)

Bug Fixes

• webcomponent: utilities classes used by typography component should be inlined (21c9e65)

Features

• icons: add material icons variant (7969637)
• select: add disable state for dropdown select and multiselect (58ac07d)

1.0.0-beta.11 (2022-07-28)

In that release, the @tds/css/dist/index.css does not contain the utility classes anymore. The file size has been reduced.

If you need to use utility classes (ex: text-primary-500 ...), you have to import the @tds/css/dist/utilities.css in your code.

We also provide a css per component. If you only need the button styles, just import the @tds/cs/dist/button.css.

We also tackle the purge feature. Using the framework component libraries, the purge was removing all the classes used by those components. An architecture decision has been taken to inline only the component style. With that solution, the purge works now correctly and those issues has been resolved:

• tds-typography and purgeCSS
• TDS CSS file's size is bigger than 4MB

1.0.0-beta.10 (2022-07-11)

Bug Fixes

• docs: changer quantum logo color (ab027aa)
• docs: control checked props of theme toggle switch (65c0173)

Features

• multiselect: add elipsis on text innput when long text (8a80df6)
• multiselect: multiselect for angular / react / vue / web components / css + documentation (7d1d9e5)

Reverts

• Revert "docs(drawer): change the collapse/expand icon with material icon in drawer" (c2d624d)

1.0.0-beta.9 (2022-06-23)

Bug Fixes

• menu-item-list: background color of an active item must be transparent (a8a8e82)
• menu-items: update background color token to transparent when item is active (ba9d4a4)
• vue: Custom Events do not work in Vue (f54a873)

Features

• docs: dark mode support (0ba8c16)
• drawer: drawer override item-list css properties (6f225af)
• form-field: add dark form-field tokens (8348ab2)
• menu: add nbVisibleItems prop to change the nb of items displayed when... (a8e7ed7)
• menu-item-list: add scrollable capability (1e817b9)
• radio: add dark radio tokens (073ab06)
• textarea: fetch textarea tokens from figma (19ad973)
• textarea: implement textarea classes (4ff327a)

1.0.0-beta.8 (2022-06-08)

Bug Fixes

• modal: scroll on body should be enabled when modal is destoyed (7686f0e)
• tag: fix tag padding (eb4e952)
• toggle-switch: fix toggle-switch size (10f2eb5)

Features

• breadcrumb: dark mode (269a505)
• button: add props fit-content and justify-center to button (1fb4d28)
• checkbox: support dark mode (954bcce)
• drawer: dark mode (42c9372)
• dropdown: add dark dropdown (72ea149)
• form-label: add .counter class to label's child (c2a18b8)
• form-label: add display block prop for .form-label (e6fc1f5)
• header: add dark header (82c24e4)
• menu-item: dark mode (d65cdb3)
• modal: add dark modal tokens (4de7271)
• progress-circle: dark mode (b6e13a9)
• radio: dark mode support (f082b8f)
• tabs: dark mode support (837d7d5)
• tabs: update tokens to support dark mode (7e95b2a)
• tag: add dark tag (939b5a3)
• tag: set tag width to be fit-content (2180dc3)
• tailwind: add a new utility class (cd89212)
• text-input: add dark text-input (7032149)
• textarea: add textarea css docs (3498451)
• textarea: css/react/vue/web-components + docs + dark mode (9094a05)
• toggle-switch: dark mode (da1e25e)
• toggle-switch: support dark toggle switch (0cdfddc)
• tooltip: add dark tooltip (b0f9d0d)

1.0.0-beta.7 (2022-05-04)

Bug Fixes

Features

• tooltip: tooltip implementation for css (ff86552)
• tooltip: web-components/angular/react/vue +doc (b903358)

1.0.0-beta.6 (2022-04-06)

Bug Fixes

• docs: change icons for collapsing/expanding menu-items (3301e0f)
• docs: fix icon transition in menu-items of sidebar (28a4274)
• docs: get context-id from URL by using useLocation hook (9e5a16b)
• docs: modify logic and style for context dropdown (e528835)
• docs: remove unused docs (fe86f10)

Features

• darkmode: implement darkmode for button component (7e9d6d9)
• docs: add angular docs and vue docs (a2ef165)
• docs: add context dropdown and version dropdown in mobile breakpoint (4d45754)
• docs: add docBreadcrumbs (bdace61)
• docs: add frameworks dropdown in sidebar (f63aeaa)
• docs: add version dropdown in sidebar (57c4460)
• docs: add web-components docs (3b44b9c)
• docs: create docs for react (41c9182)
• docs: navigate to docs by context (d58d0f2)

1.0.0-beta.5 (2022-03-28)

Bug Fixes

• modal: Disable/enable overflow on <body> when modal is opened/closed (e3c942f)
• modal: Disable/enable overflow on <body> when modal is opened/closed (7c2b05c)
• versions: adapt peerdependencies framework versions for vue/react/angular (9bddc73)
• webcomponent: fix progress circle white color (8feab2f)
• website: replace white color by black for warning card (932adc3)

Features

• progress circle: add new progress circle component for angular/vue/react/webcomponents/css.+ doc (9633219)
• text-input: set standard input props on text-input (427b173)

1.0.0-beta.4 (2022-03-21)

Bug Fixes

• storybook: fix storybook angular reamde for breadcrumb and radio group (bf9b7a8)
• storybook: resolve conflict related to class .tag (0ae6a94)

Features

• button: add docs for neutral ghost button (3b32719)
• button: add neutral color to tds-button component (d2cfa0e)
• button: generate css for neutral ghost button (8167a9d)
• website: add docs version selection (f3e46d0)
• website: add docs version selection (4978c65)

1.0.0-beta.3 (2022-03-10)

Bug Fixes

• button: fix border-color for outline button on hover and active (30b2cc6)
• readme: fix quantum css doc url (b3ac2f2)
• tag: add default value for tag properties in storybook (2660af8)
• tag: add tag's font-weight by default (490119b)
• tag: enable text selection (75ce500)
• tag: fix tag-button shape inside sharp tag (db18120)
• tag: prevent text selection in tag (7410058)
• tag: update tokens for tag paddings (3e05412)

Features

• docs: update overview page with new supported framework versions (bafe2d7)
• tag: tag component for css/angular/react/vue/web-components + doc (20d1334)
• vue: support vue3 (2c6c9ce)

1.0.0-beta.2 (2022-02-16)

Features

• storybook: add versionning + permalink (41395e4)
• website: add overview page (7c370b2)

1.0.0-beta.1 (2022-01-19)

Bug Fixes

• text-input: fix description's type in text-input storybook (8852d17)

Features

• button: apply focus-visible for focus ring on buttons (edbb5fc)
• drawer: style menu-item-list in drawer (64a1588)
• dropdown-select: dropdown select implementation for css/angular/react/vuejs/web-component and doc (2b20343)
• menu: add size prop in tds-menu-item-list (34bed87)
• menu: implement menu sizes (2946f4f)
• menu: implement menu sizes (7f48ed3)
• tokens: update tokens (3500443)
• website: add size doc for menu (b887536)

1.0.0-beta.0 (2021-12-09)

Bug Fixes

• button: fix ghost button not correctly rendered on Safari (da1a77b)
• dropdown: fix border-radius of dropdown overlay (2660f9b)
• grid: add xxsmall property for grid web component (33a75c7)

Features

• drawer: add classes prop in drawer components (bbc2723)
• grid: mobile first usability for the grid web component (f290d1c)
• header: add classes prop in header components (960b56a)
• icon: add classes prop in tds-icon component (f0eb1cb)
• icon: support icon size for css/react/vue/angular/web-components + iconography doc (a133ffb)
• margin: add utility classes to set padding/margin... values to 0 (ea7d8d1)
• menu: add classes prop in menu components (8ef4e30)
• tailwind preset: export the quantum tailwind preset (5e40b14)
• typography: add classes prop in tds-typography component (54a39dc)

1.0.0-alpha.5 (2021-11-09)

Features

• modal: modal component for css/angular/react/vue + documentation (22c69f1)

Reverts

• Revert "fix(css): support different size of icons in button" (5a87632)

1.0.0-alpha.4 (2021-11-03)

Bug Fixes

• css: support different size of icons in button (cfa19ac)
• toggleSwitch: fix label margin (9768167)
• tokens: fix tokens with rgba (fd0e5cf)

Features

• breadcrumb: breadcrumb for css and web-components / angular / react / vue (097ada0)
• dropdown: dropdown component for css/angular/react/vue + documentation (5a5284e)
• toggleSwitch: toggle switch component for css/angular/react/vue + doc (3cc1ad0)

1.0.0-alpha.3 (2021-10-18)

Bug Fixes

• css: fix icon position in text input (02f389b)
• css: set focus to text-input when clicking on icons (87a2d89)

Features

• checkbox-group: implement checkbox-group in css, web-components, angular, react and vue (4fa9ab5)
• radioGroup: implementation of radio group form component css/vue/angular/react (369394a)
• web-components: add attribute to tds-radio-button (9726b39)

1.0.0-alpha.2 (2021-09-30)

Bug Fixes

• web-components: rollback error property for checkbox (a668779)

Features

• angular: add TdsRadioButton in angular (a9e58b1)
• css: add focus ring with offset 2px (bf51156)
• css: implement classes for radio button (02c06a3)
• web-components: add more properties for checkbox,tabs and grid (0587574)
• web-components: implement tds-radio-button component (dde0554)

1.0.0-alpha.1 (2021-09-23)

Note: Version bump only for package tds-web

1.0.0-alpha.0 (2021-09-15)

Bug Fixes

• tds-button: modify tds-button-type and storybook, add tests (a5694a3)
• tds-button: remove Host, add attribute classes (77587e8)

Features

• css: add form field, form caption, form label class (a4759ac)
• css: add properties for form-field (aa43ea0)
• css: use of checked and indeterminate material icons for checkboxes (77223b2)
• css: use tokens to create form-label (387f1e1)
• form-field: add figma-api-key for form field (7704396)
• icons: add checkbox checked and indeterminate svgs (7811d30)
• tokens: add iconography tokens (0ac3bd8)
• web-components: add tds-text-input component (669c820)
• web-components: add tds-text-input component (075c665)
• web-components: create tds-form-field, tds-form-label and tds-form-caption components (d92b5e0)