Changelog

​

Documentation 📚

• Storybook: re-enable the HTML story code preview panel (997494e8).

​

Chore ⚙️

• Enhanced esm-loader.js to dynamically resolve ESM module URLs from CDN version strings (1a487926).
• Dependency bumps: @stencil/core → v4.42.0, Storybook → v10.2.7, Autoprefixer → v10.4.24.
• Reverted an experimental jsxImportSource tsconfig change that caused regressions (63651f8b).

​

Bug Fixes 🐞

• Styles: disabled constructable stylesheets to restore compatibility in affected environments (76587610).

​

Chore ⚙️

• Dependency bumps: Angular → v21.1.2, React → v19.2.4, Storybook → v10.2.1, NX → v22.4.3.

​

Chore ⚙️

• Synchronized peer dependency versions and updated the pnpm lock file (f531a644).

​

Features ⚡️

• Button: new icon-only variant with a square 1:1 aspect-ratio (#1570).
• Steps / Step Item: added orientation property with support for a vertical layout (#1566).

​

Bug Fixes 🐞

• Datepicker: resolved a race condition in the Cally library loading path (#1604).
• Select: prevented tag removal on Backspace in multi-select when the text input is non-empty (#1597).

​

Refactor 🛠️

• Datepicker: extracted utilities for better performance and scalability; updated Cally library (#1603).

​

Chore ⚙️

• Major dependency bumps: Angular → v21, Node.js → v24, Vite → v7, NX → v22, Storybook → v10, Commitlint → v20.

​

❤️ Thank You

• Dabiel González Ramos

​

Bug Fixes 🐞

• Tag: fixed an unresponsive close-button click on the removable variant, and allowed the hidden attribute unconditionally (#1563).

​

Features ⚡️

• Datepicker: added support for dot-separated date formats DD.MM.YYYY / MM.DD.YYYY (#1558).
• Option: added displayValue prop to bq-option for custom label rendering in multi-select (#1531).

​

Bug Fixes 🐞

• Accordion: corrected medium-size corner radius to match the Figma design spec (#1537).
• Alert / Drawer: fixed a regression where hide() was not called correctly on close-button click (c38282b).
• Date Picker: clamped out-of-range input values to the nearest min/max boundary (#1546).
• Datepicker: now fires the change event for invalid date format inputs as well (#1544).
• Select: the search filter now matches against both the label and the value, case-insensitively (#1538).
• Side Menu: restored visibility of slotted button icons in the footer on hover for brand and inverse variants (#1547).
• Spinner: corrected a typo in a label-position type value (#1543).

​

Chore ⚙️

• Migrated linting and formatting from ESLint + Prettier to Biome (#1536).
• Upgraded NX → v22, Storybook → v10.

​

Features ⚡️

• BEEQ Tailwind CSS: added a custom flattenColorPalette implementation for Tailwind CSS v4 compatibility (#1533).

​

Bug Fixes 🐞

• Assets Path: data-beeq path is now used as-is when provided (#1532).
• Radio Group: bqFocus and bqBlur events are now emitted exactly once (#1511).
• Select: improved value initialisation and guarded against missing input elements (#1510).

​

❤️ Thank You

• Bogdan Bosca
• Dabiel González Ramos

​

Features ⚡️

• Dropdown / Select: the document body scroll is now locked while an overlay panel is open (#1483).
• Table: added base styles for native HTML table elements (#1493).
• Tooltip: the tooltip now auto-hides on scroll unless alwaysVisible is set (#1482).
• Tooltip: added preventDefault support for click, focus, and hover trigger events (#1507).

​

Bug Fixes 🐞

• BEEQ Tailwind CSS: improved specificity and default behavior for light and dark mode tokens (#1486).
• Date Picker: ensured consistent date selection across time zones (#1506).
• Radio Group: a radio group can now receive focus when no item is checked (#1503).
• Side Menu Item: fixed active selection not triggering on Enter or Space key press (#1501).
• Slider: fixed progress-track rendering when min is a negative value (#1487).
• Steps / Step Item: improved accessibility and interaction behavior (#1502).

​

Refactor 🛠️

• BEEQ Tailwind CSS: replaced the external tailwindcss-theme-swapper plugin with a first-party implementation (#1481).
• Icon: improved SVG fetching with request deduplication, caching, and security validation (#1485).

​

❤️ Thank You

• Bogdan Bosca
• Dabiel González Ramos

​

Features ⚡️

• Select: added bqInput event for real-time input value changes during filtering (#1476).
• Select: added a reset() method to restore the component to a previous value (#1477).

​

Bug Fixes 🐞

• Dialog: changed positioning from absolute to fixed for correct stacking context (#1464).
• Select: value clearing now uses an empty string instead of undefined (#1475).

​

Chore ⚙️

• Workspace migrated from NPM to pnpm (#1442).

​

❤️ Thank You

• Dabiel González Ramos

​

Bug Fixes 🐞

• React SSR: replaced the dynamic import for the Cally calendar with a static import to fix Server Side Rendering (#1431).

​

Chore ⚙️

• Dependency bumps: Stencil vue-output-target → v0.9.4, NX → v20.4.0, React → v19 (major).

​

Refactor 🛠️

• Accordion: replaced the calc-size() open/close animation with the interpolate-size approach for better browser compatibility (#1393).

​

Chore ⚙️

• Major dependency bumps: Vite → v6, NX → v20, Node.js → v22.

​

Chore ⚙️

• Fixed CI publish workflow; dependency bumps: Puppeteer → v23.10.4, Vite → v5.4.11.

​

Features ⚡️

• Checkbox / Date Picker / Input / Radio / Select / Slider / Switch / Textarea: enabled native form-association support across all form controls (#1213, #1362, #1211, #1353, #1212, #1369, #1368, #1370).
• BEEQ Angular: enabled inlineProperties configuration (#1330).
• React: added Server Side Rendering (SSR) support (#1216).
• Tab: added horizontal and vertical orientation support (#1091).

​

Bug Fixes 🐞

• Alert: made the close icon customizable via a dedicated slot (#1230).
• Assets: SVG base path is now persisted on the window object across navigation (#1218).
• Button: removed extraneous role and title attributes from the loading icon (#1351).
• Date Picker: improved hover and cursor styles for date ranges, disabled, and today states (#1356).
• Drawer: switched to x-bold icon and moved the close button slot inside <bq-button> (#1210).
• Icon: deduplicated concurrent icon requests (#1209).
• Input: improved required validation handling on form submit when the value is empty (#1371).
• Select: fixed displayValue not shown when an initial value is set programmatically (#1217).

​

Refactor 🛠️

• BEEQ Tailwind: moved declarative tokens to their corresponding Tailwind core plugin (#1315).
• Notification / Toast: portal elements are now mounted from connectedCallback() lifecycle (#1236, #1237).

​

Chore ⚙️

• Added Custom Elements Manifest JSON files (#1352).
• Migrated ESLint to v9 with a flat config format (#1297).
• Configured nx release for versioning and publishing (#1382).

​

❤️ Thank You

• Bogdan Bosca
• Dabiel González Ramos
• Lungan Catalin

​

Features ⚡️

• Icon: deprecated the weight property (#1183).

​

Bug Fixes 🐞

• BEEQ Angular / React / Vue: fixed a missing @stencil/core peer dependency in framework output targets (#1172).

​

Documentation 📚

• Storybook: added Welcome and Foundation sections as standalone MDX stories (#1173).
• Storybook: added a Changelog page (#1174).

​

Features ⚡️

• Drawer: deprecated placement prop in favour of the new position property (#1110).
• Icon: added --bq-icon--direction CSS custom property to automatically flip icons in RTL contexts (#1156).
• Page Title: introduced the new bq-page-title component (#1085).
• Select: added support for custom tag display in the multiple-selection variant (#1093).

​

Bug Fixes 🐞

• Date Picker: incomplete range selections are now cleared correctly (#1074).
• Divider: synchronized default values with the Figma design spec (#1160).
• Drawer: open/close animation is now synchronized with the content direction (#1155).

​

Bug Fixes 🐞

• Input: fixed a typo in the CSS variables for padding-start/padding-end (#1086).

​

Features ⚡️

• Tokens: added new --bq-stroke-* design tokens for border-width values (#1062).

​

Bug Fixes 🐞

• Beeq Core: resolved Vite failure to resolve @beeq/core/dist/* paths (#1077).
• Date Picker: fixed missing value accessor and model config for Angular (#1066).
• Slider: lower value not updated when equal to the upper value (#1078).
• Slider: range thumbs no longer get stuck when min/max values overlap (#1075).

​

Chore ⚙️

• Dependency bumps: Angular → v18 (major), NX → v19, Storybook → v8.1.5, Stencil → v4.18.3, Cally → v0.6.1.

​

Features ⚡️

• Button: added secondary ghost variant (#1058).
• Date Picker: introduced the new bq-date-picker component (#1029).
• Drawer: added support for a custom footer divider (#1060).

​

Refactor 🛠️

• Select: removed redundant CSS rules (#1057).

​

Chore ⚙️

• Improved ESM exports and type exports; dependency bumps: Stencil → v4.18.2.

​

Bug Fixes 🐞

• BEEQ Vue: removed deprecated applyPolyfills() call (#1055).

​

Bug Fixes 🐞

• Slider: model not reflecting value changes when using ngModel in Angular (#1051).

​

Refactor 🛠️

• Button: changed hover background color for the link and text variants (#1039).
• Icon: removed the usage of the deprecated Env from @stencil/core (#1045).

​

Bug Fixes 🐞

• Checkbox: indeterminate property was incorrectly typed (#1036).
• Select: prevented bqClose event from propagating further (#1034).
• Select: tags re-render when value changes externally (#1037).
• Slider: lower value was being set to the max value (#1031).

​

Features ⚡️

• Select: added support for multiple selection (#1025).
• Select: added support to search and filter the options list (#1024).
• Slider: optional tooltip display over slider thumb(s) (#999).

​

Bug Fixes 🐞

• Select: initial value not displayed on component load (#1017).
• Side Menu: item tooltips not showing correctly when the menu is collapsed (#1014).
• Slider: range type not rendering correctly when the max value is greater than 10 (#1004).
• Slider: unable to drag the slider down to 0 (#996).

​

Chore ⚙️

• Dependency bumps: Storybook → v8, Angular → v17.3.5, NX → v18.3.3, Stencil → v4.16.0, Vite → v5.2.10.

​

Features ⚡️

• Drawer: introduced the new bq-drawer component (#918).
• Progress: introduced the new bq-progress component with indeterminate support (#946, #967).
• Tooltip: added always-visible mode to keep the tooltip permanently shown (#959).

​

Bug Fixes 🐞

• Accordion: improved open/close animations and bqAfterOpen/bqAfterClose event handling (#951).
• Dialog: dialog was closing on Esc when disable-close-esc-keydown was enabled (#979).
• Dialog: corrected wrong entry/leave transition position (#929).

​

Chore ⚙️

• Dependency bumps: Storybook → v8.0.5, Angular → v17.3.2, NX → v18.2.1, Stencil → v4.13.0.

​

Features ⚡️

• Accordion: added appearance and size properties to bq-accordion-group (#901).
• Angular: added standalone component exports to the @beeq/angular output target (#870).

​

Bug Fixes 🐞

• Accordion: incorrect not-allowed cursor for the disabled state (#877).
• Card: removed unintended display: flex and position: relative from the wrapper (#864).
• Dropdown: trigger element is now disabled when the dropdown has disabled="true" (#878).
• Icon: replaced title attribute with label for accessibility (#880).
• Slider: added not-allowed cursor for the disabled state (#879).
• Theme: updated the Endava theme font family to reflect the new brand (#893).
• Vue: fixed camelCase events not being listened to on wrapped components (#921).

​

Documentation 📚

• Updated package names in README files (8256de3).

​

Chore ⚙️

• Dependency bumps: Storybook → v7.6.15, NX → v18.0.8, Angular → v17.2.x, Stencil → v4.12.5, Chromatic → v11.
• Added bug, feature request, and pull request GitHub issue templates (#904).
• Added a CSS performance improvement: removed massive empty Tailwind CSS property walls (#913).

​

Chore ⚙️

• Renamed package scope from @bee-q to @beeq (#863).
• Dependency bumps: Stencil → v4.12.3.

​

Breaking Changes

• Tokens: simplified the declarative design tokens — all hover, active, and disabled state tokens have been removed in favour of color-mix() (#835).

​

Chore ⚙️

• Dependency bumps: Storybook → v7.6.17, NX → v18.0.4, Stencil → v4.12.2, Puppeteer → v22.

​

Features ⚡️

• Alert: added border property to support dynamic border-radius changes (#817).
• Card: introduced the new bq-card component (#806).
• Dialog: added border property to support dynamic border-radius changes (#818).
• Notification: added border property to support dynamic border-radius changes (#819).
• Toast: added border property to support dynamic border-radius changes (#820).

​

Documentation 📚

• Updated missing SCSS variable descriptions (#829).

​

Chore ⚙️

• Dependency bumps: NX → v18 (major), Puppeteer → v22, Storybook → v7.6.14, Angular → v17.1.3, Stencil → v4.10.0.

​

Features ⚡️

• Icon: added support for a custom src attribute and custom assets path (#742).
• Select: added a clear() method to programmatically remove the selected value (#770).
• Tag: allowed setting a custom tag color (#724).

​

Bug Fixes 🐞

• Accordion: focus is now skipped when disabled="true" (#741).
• Alert: improved open/close animation (#769).
• Dialog: fixed footerAppearance typo and improved open/close animations (#767).
• Notification: improved open/close animations (#768).

​

Documentation 📚

• Accordion: added CSS variable descriptions (#788).
• Search Input: added Storybook examples for the search input pattern (#766).
• Storybook: enabled visual tests addon with Chromatic (#755).

​

Chore ⚙️

• Dependency bumps: NX → v17.3.0, Storybook → v7.6.12, Angular → v17.1.2, Tailwind → v3.4.1, Vite → v5.0.12.

​

Features ⚡️

• Accordion: introduced bq-accordion and bq-accordion-group components (#697).
• Alert: introduced the bq-alert component (#675).
• BEEQ TailwindCSS: added the @beeq/beeq-tailwindcss opinionated Tailwind CSS preset package (#628).
• Button: added border property to support border-radius changes (#709).
• Empty State: introduced the bq-empty-state component (#694).
• Tag: introduced the bq-tag component (#695).

​

Bug Fixes 🐞

• Badge: removed unintended border styles (#629).
• Textarea: exported missing Shadow DOM parts (#708).

​

Documentation 📚

• Prevented Storybook docs pages from being indexed by crawlers (61bbe38).

​

Chore ⚙️

• Added GitHub Pages deploy workflow for Storybook (#715).
• Dependency bumps: Angular → v17, NX → v17.2.8, Storybook → v7.6.6, Tailwind → v3.4.0, Vite → v5, Stylelint → v16.

​

Features ⚡️

• BEEQ Vue: added the @beeq/vue output target package (#619).

​

Chore ⚙️

• Dependency bumps: Angular → v16 (major), NX → v17 (major), Storybook → v7.5.2, Stencil → v4.7.0, Node.js → v20.

​

Features ⚡️

• Colors: added new alt and alt-disabled color tokens (#505).
• Steps: introduced bq-steps and bq-step-item components (#532).
• Theme: added the Endava theme (#567).

​

Bug Fixes 🐞

• Form Inputs: label containers are now hidden when no slot content is provided (#569).
• Tooltip: added z-index to the tooltip panel to prevent layering issues (#570).

​

Chore ⚙️

• Dependency bumps: NX → v16.9.1, Storybook → v7.4.6, Stencil → v4.3.0, Node.js → v18.18.2.

​

Bug Fixes 🐞

• Debounce: cancel is not a function error resolved (#502).
• ESM Loader: fixed wrong script src path in the ESM loader (c76de5a).

​

Documentation 📚

• Storybook: improved styles and BEEQ light/dark mode theming (#501).

​

Bug Fixes 🐞

• BEEQ React: fixed wrong paths in package.json (#462).

​

Chore ⚙️

• BEEQ React: migrated the build from Rollup to TypeScript (#463).

​

Features ⚡️

• Select: introduced the new bq-select component (#449).
• Textarea: introduced the new bq-textarea component (#393).
• Theme: added dark mode support (#435).
• Typography: added global typography CSS styles (#388).

​

Bug Fixes 🐞

• Avatar: trims initials text only when present (#428).
• Side Menu Item: fixed icon misalignment when the menu is collapsed (#453).
• Tab: active tab now updates when value is changed externally (#402).

​

Documentation 📚

• Renamed all README files and packages folder to use BEEQ branding (#454).

​

Chore ⚙️

• Dependency bumps: NX → v16.7.0, Storybook → v7.3.1, Stencil → v4.0.3, Puppeteer → v21, Tailwind → v3.3.3.

​

Bug Fixes 🐞

• Input: clear button was showing up in the disabled state (#368).
• Input: focus style was missing in consumer applications (#371).
• Input: native input id is now set from the name prop value (#370).

​

Features ⚡️

• Breadcrumb: introduced the new bq-breadcrumb component (#266).
• Input: introduced the new bq-input component (#344).

​

Bug Fixes 🐞

• Dialog: fixed backdrop overlay color opacity (#342).
• Dialog: dialog no longer freezes when using the open property (#349).
• Tab: fixed wrong gap space between icon and label (#366).

​

Bug Fixes 🐞

• Notification: notification was rendered as visible with open="false" (#316).
• Toast: toast was rendered as visible with open="false" (#315).

​

Features ⚡️

• Avatar: added support for displaying a badge on the avatar (#267).
• Dialog: introduced the new bq-dialog component (#269).
• Dialog: allow disabling the backdrop overlay; added bqAfterOpen event (#306).
• Toast: introduced the new bq-toast component (#301).

​

Bug Fixes 🐞

• Badge: badge was not fully rounded with a single-digit number (#307).
• CSS Shadow Token: incorrect shadow-m token value (#313).
• Dialog: fixed footer padding for standard and highlight appearances (#305).
• Notification: hidden CSS class was not being applied (#308).

​

Features ⚡️

• CSS Reset: improved the global custom CSS reset (#287).
• Side Menu: introduced bq-side-menu and bq-side-menu-item components (#289).

​

Bug Fixes 🐞

• Angular Wrapper: fixed peerDependencies and allowed version ranges (#291).
• Angular: resolved “cannot mix multi and regular providers” error (#290).
• React Wrapper: fixed peerDependencies version ranges (#292).

​

Features ⚡️

• Button: added block property to support full-width layout (#262).
• Button: added justifyContent property to align the button label content (#263).
• Notification: introduced the new bq-notification component (#204).
• Tokens: added spacing design tokens (#265).

​

Bug Fixes 🐞

• Tab Group: divider is now full-width (#205).
• Tokens: made feedback text color tokens accessible (#268).

​

Features ⚡️

• Tab: introduced the bq-tab component (#93).
• Tokens: added extended palette colors and updated declarative color tokens (#67).

​

Documentation 📚

• Storybook: upgraded to Storybook v7 (#163).

​

Bug Fixes 🐞

• CI: fixed the NPM publish workflow to trigger after a GitHub release is published (#38).

​

Bug Fixes 🐞

• Checkbox: fixed label misalignment when a parent container had different alignment (#35).
• Font Family: switched from @import to @font-face for better performance (#32).
• Icon: fixed base container alignment for custom size values (#33).
• Slider: fixed layout styles breaking when the parent had alignment set (#34).

​

Features ⚡️

• Spinner: introduced the bq-spinner component (#75).
• Switch: introduced the bq-switch component (#84).
• Utils: added setProperties() utility method (#80).

​

Bug Fixes 🐞

• Badge: fixed misspelled disconnectedCallback lifecycle method (#90).
• Slider: fixed missing Angular value accessor and host display CSS rule (#91).
• Spinner: fixed misspelled disconnectedCallback lifecycle method (#89).

​

Documentation 📚

• Updated README usage section and spinner shadow parts documentation (c975cc1).

​

Features ⚡️

• Utils: removed unnecessary propertyValue parameter from validatePropValue (#53).

​

Bug Fixes 🐞

• E2E: fixed missing HTML closing tags (#68).
• Icon: wait for SVG image to load in E2E tests (#69).

​

Documentation 📚

• Contribution: added branching strategy and test documentation (#43).
• Code of Conduct: updated to Contributor Covenant v2.0 (#55).
• Icon: added Phosphor Icons link on Storybook (#64).