Skip to main content
🏠ChangelogVersion: 2.0.0-beta.15

Change Log

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

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​

  • Mise à jour des peerDependencies pour 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​

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
  1. 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:

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)