v1.8.1

1.8.1 (2024-12-18)

Chore ⚙️

• CI: packages files not being published to NPM with nx release publish (37fb77c)
• deps: update dependency globals to v15.13.0 (#1383)
• deps: update dependency puppeteer to v23.10.4 (#1384)
• deps: update dependency vite to v5.4.11 (#1385)
• deps: update dependency vue to v3.5.13 (#1386)
• deps: update dependency chromatic to v11.20.2 (#1387)

❤️ Thank You

• Dabiel González Ramos @dgonzalezr

v1.8.0

1.8.0 (2024-12-17)

Features ⚡️

• BEEQ Angular: enable inlineProperties config (#1330)
• Checkbox: enable support for form-associated (#1213)
• Date picker: enable support for form-associated (#1362)
• Input: enable support for form-associated (#1211)
• Radio: enable support for form-associated (#1353)
• React: add support for Server Side Rendering (SSR) (#1216)
• Select: enable support for form-associated (#1212)
• Slider: enable support for form-associated (#1369)
• Switch: enable support for form-associated (#1368)
• Tab: add horizontal and vertical orientation support (#1091)
• Textarea: enable support for form-associated (#1370)

Bug Fixes 🐞

• Alert: make close icon customizable via slot (#1230)
• Assets: set SVG base path in the window object to keep persistence (#1218)
• BEEQ Vue: improve Vue integration with <Bq> components (#1320)
• Button: remove role and title attributes from loading icon (#1351)
• Date picker: update hover and cursor styles for date ranges, disallowed, disabled and today (#1356)
• Drawer: use x-bold icon instead and move button-close slot inside <bq-button> (#1210)
• Icon: dedupe icon requests (#1209)
• Input: better required handler on form submit when value is empty (#1371)
• Select: display value is not shown when initial value is set (#1217)
• Stenciljs: copy task returns illegal operation on a directory error (ac9aee7)

Refactor 🛠️

• Assets Path: set bqSVGBasePath when window and document objects are available (#1238)
• BEEQ Tailwind: move declarative tokens to its corresponding Tailwind core plugin (#1315)
• Notification: set notification portal from the components lifecycle: connectedCallback() (#1236)
• Toast: set toast portal from the components lifecycle: connectedCallback() (#1237)

Documentation 📚

• update README documentation of each package (#1313)

Chore ⚙️

• Custom Elements Manifest: add custom elements manifest json files (#1352)
• ESLint: update ESLint dependency to v9.x and move to flat config (#1297)
• Nx: configure nx release and remove additional Nx plugins (#1382)
• config: migrate renovate config (#1333)
• deps: update nx to v19.6.0 (#1214)
• deps: update dependency tailwindcss to v3.4.9 (#1215)
• deps: update angular to v18.2.1 (#1219)
• deps: update nx to v19.6.2 (#1220)
• deps: update dependency tailwindcss to v3.4.10 (#1222)
• deps: update dependency prettier-plugin-tailwindcss to v0.6.6 (#1221)
• deps: update dependency core-js to v3.38.1 (#1223)
• deps: update dependency stylelint to v16.8.2 (#1224)
• deps: update dependency chromatic to v11.7.1 (#1225)
• deps: update dependency @chromatic-com/storybook to v1.7.0 (#1226)
• deps: update dependency @swc/core to v1.7.14 (#1227)
• deps: update dependency @types/react to v18.3.4 (#1228)
• deps: update dependency @types/node to v22.5.0 (#1229)
• deps: update postcss (#1231)
• deps: update lit to v3.2.0 (#1232)
• deps: update dependency vue to v3.4.38 (#1233)
• deps: update dependency vite to v5.4.2 (#1234)
• deps: update dependency vite-tsconfig-paths to v5 (#1235)
• deps: update dependency @swc/core to v1.7.18 (#1239)
• deps: update dependency eslint-import-resolver-typescript to v3.6.3 (#1240)
• deps: update dependency husky to v9.1.5 (#1241)
• deps: update dependency jsdom to v24.1.3 (#1242)
• deps: update dependency lint-staged to v15.2.9 (#1243)
• deps: update dependency ts-jest to v29.2.5 (#1244)
• deps: update dependency @commitlint/cli to v19.4.0 (#1245)
• deps: update dependency tslib to v2.7.0 (#1246)
• deps: update node.js to v20.17.0 (#1247)
• deps: update dependency puppeteer to v23 (#1249)
• deps: update dependency jsdom to v25 (#1248)
• deps: update angular to v18.2.2 (#1250)
• deps: update nx to v19.6.3 (#1252)
• deps: update commitlint to v19.4.1 (#1251)
• deps: update dependency @swc/core to v1.7.22 (#1253)
• deps: update dependency @testing-library/react to v16.0.1 (#1254)
• deps: update dependency @types/node to v22.5.1 (#1255)
• deps: update dependency npm to v10.8.3 (#1257)
• deps: update dependency puppeteer to v23.2.1 (#1258)
• deps: update nx to v19.6.4 (#1259)
• deps: update dependency @chromatic-com/storybook to v1.8.0 (#1260)
• deps: update dependency stylelint to v16.9.0 (#1261)
• deps: update nx to v19.6.5 (#1262)
• deps: update angular to v18.2.3 (#1263)
• deps: update nx to v19.7.2 (#1264)
• deps: update angular eslint to v18.3.1 (#1266)
• deps: update angular to v18.2.6 (#1267)
• deps: update nx to v19.8.2 (#1268)
• deps: update storybook to v8.3.4 (#1269)
• deps: update dependency @nxext/stencil to v19.1.0 (#1270)
• deps: update dependency chromatic to v11.10.4 (#1271)
• deps: update dependency @chromatic-com/storybook to v2 (#1272)
• deps: update postcss (#1273)
• deps: update dependency tailwindcss to v3.4.13 (#1274)
• deps: update dependency vite to v5.4.8 (#1275)
• deps: update dependency vue to v3.5.10 (#1277)
• deps: update eslint (#1278)
• deps: update swc (#1279)
• deps: update dependency eslint-plugin-react to v7.37.1 (#1280)
• deps: update dependency chromatic to v11.11.0 (#1281)
• deps: update commitlint to v19.5.0 (#1282)
• deps: update dependency @types/node to v22.7.4 (#1283)
• deps: update dependency jsdom to v25.0.1 (#1285)
• deps: update dependency lint-staged to v15.2.10 (#1286)
• deps: update dependency husky to v9.1.6 (#1284)
• deps: update dependency prettier-plugin-tailwindcss to v0.6.8 ([#1287](https:/...

v1.7.0

1.7.0 (2024-08-05)

What's Changed

• The weight property is now deprecated in the Icon component by @dgonzalezr in #1183
• We have added support for negative values for Tailwind CSS logical properties inset/margin by @endv-bogdanb in #1180

Features ⚡️

• Icon: deprecate weight property (#1183) (1f23b19)

Chore ⚙️

• tailwind: support for negative values for logical properties inset/margin (#1180) (098d8ff)
• deps: update angular to v18.1.3 (#1181) (c4daa27)
• deps: update dependency chromatic to v11.7.0 (#1195) (e8b8026)
• deps: update dependency puppeteer to v22.15.0 (#1196) (3c2b253)
• deps: update dependency stylelint to v16.8.1 (#1197) (2d482c8)
• deps: update dependency tailwindcss to v3.4.7 (#1178) (a55c23d)
• deps: update dependency vite to v5.3.5 (#1192) (9ba03b5)
• deps: update dependency vue to v3.4.35 (#1193) (650471e)
• deps: update nx to v19.5.6 (#1184) (24f15eb)
• deps: update stencil (#1186) (86ba767)
• deps: update storybook to v8.2.7 (#1185) (8d18505)

Full Changelog: v1.6.1...v1.7.0

v1.6.1

1.6.1 (2024-07-29)

What's Changed

• Fixed an issue where projects that use one of the framework output targets could break on strat/build due to a missing @stencil/core dependency by @dgonzalezr in #1172
• We have improved our Storybook playground by adding a couple o of new pages, including the library changelog by @dgonzalezr in #1174

Bug Fixes 🐞

• deps: missing @stencil/core dependency for framework targets (#1172) (4aaa073)

Documentation 📚

• Storybook: add Welcome and Foundation sections as detached MDX stories (#1173) (a165fd0)
• Storybook: add Changelog page (#1174) (f06be3f)

Full Changelog: v1.6.0...v1.6.1

v1.6.0

1.6.0 (2024-07-24)

What's Changed

• Most of our components now use CSS logical properties instead of physical CSS values, which makes them adaptable for RTL content layout
• Fixed an issue on the Date picker where incomplete range selection couldn't be cleared when closing the calendar panel by @Cata1989 in #1074
• A new bq-page-title component by @Cata1989 in #1085
• We have deprecated the placement property and added a position property/attribute instead to the Drawer component by @dgonzalezr in #1110
• Added support for displaying custom tags on the Select component, valid for the multiple variants only by @endv-bogdanb in #1093
• Added a global --bq-icon--direction CSS custom property for the Icon component, they will flip automatically for dir="rtl" by @dgonzalezr in #1156
• Fixed the Divider default styles to be in sync with Figma design by @dgonzalezr in #1160

Features ⚡️

• Drawer: deprecate placement and add position property (#1110) (33b2214)
• Icon: add --bq-icon--direction and flip SVG automatically for dir="rtl" (#1156) (d7dd1b1)
• Page Title: add new bq-page-title component (#1085) (cd9d767)
• Select: add support for custom tag display on multiple variant (#1093) (989fc45)

Bug Fixes 🐞

• Date Picker: clear incomplete range selection (#1074) (2b2b329)
• Divider: default values to be in sync with Figma design (#1160) (380963d)
• Drawer: open/close animation to be in sync with the content direction (#1155) (83c374c)

Performance ⌛️

• Divider: improve code readability and performance (#1159) (5ab2149)

Refactor 🛠️

• Accordion: use CSS logical properties instead of physical values (#1130) (ebc2ad6)
• Alert: use CSS logical properties instead of physical values (#1094) (7839159)
• Avatar: use CSS logical properties instead of physical values (#1099) (318f759)
• Badge: use CSS logical properties instead of physical values (#1100) (796639a)
• Breadcrumb: use CSS logical properties instead of physical values (#1101) (e4b1638)
• Button: use CSS logical properties instead of physical values (#1102) (c0e2eb8)
• Card: use CSS logical properties instead of physical values (#1103) (84a311a)
• Checkbox: use CSS logical properties instead of physical values (#1105) (8f6cb3f)
• Date Picker: use CSS logical properties instead of physical values (#1106) (0c032a0)
• Dialog: use CSS logical properties instead of physical values (#1146) (afc1653)
• Drawer: use CSS logical properties instead of physical values (#1090) (e37aeb1)
• Dropdown: use CSS logical properties instead of physical values (#1132) (6143884)
• Empty State: use CSS logical properties instead of physical values (#1112) (9494ecb)
• Icon: use CSS logical properties instead of physical values (#1133) (c9630c7)
• Input: use CSS logical properties instead of physical values (#1118) (71d61bb)
• Notification: use CSS logical properties instead of physical values (#1111) (38e9117)
• Option: use CSS logical properties instead of physical values (#1128) (9f1f8e2)
• Page Title: use CSS logical properties instead of physical values (#1137) (8069d47)
• Progress: use CSS logical properties instead of physical values (#1122) (7595618)
• Radio Group: use CSS logical properties instead of physical values (#1126) (ae3d4d2)
• Side menu: use CSS logical properties instead of physical values (#1157) (398d92f)
• Slider: use CSS logical properties instead of physical values (#1135) (024c629)
• Spinner: use CSS logical properties instead of physical values (#1117) (1e8878f)
• Status: use CSS logical properties instead of physical values (#1116) (dba3858)
• Steps: use CSS logical properties instead of physical values (#1158) (a7852b1)
• Switch: use CSS logical properties instead of physical values (#1145) (222c8f5)
• Tag: use CSS logical properties instead of physical values (#1113) (508b442)
• Textarea: use CSS logical properties instead of physical values (#1121) (8635efd)
• Toast: use CSS logical properties instead of physical values (#1114) (b303d2e)
• Tooltip: use CSS logical properties instead of physical values (#1115) (6531596)

Documentation 📚

• Storybook: add Direction toolbar action for content RTL/LTR (#1153) (5db214c)

Chore ⚙️

• Generator: update theme spacing syntax in generator SCSS variables (#1089) (2d46b9a)
• Icon: remove the useless icon-set file listing all the icons...

v1.5.1

1.5.1 (2024-06-04)

What's Changed

• Fixed an issue in the Input component where the start/end paddings were missing due to a typo in the CSS variables by @dgonzalezr in #1086

Bug Fixes 🐞

• Input: typo in CSS variables for padding start/end (#1086) (194fe75)

Chore ⚙️

• deps: update @types/node to v20.14.0 (#1088) (32c7a92)
• deps: update nx to v19.1.2 (#1087) (d0c0815)

Full Changelog: v1.5.0...v1.5.1

v1.5.0

1.5.0 (2024-06-03)

What's Changed

• New tokens were added for stroke and border-width by @Cata1989 in #1062
• Added missing value accessor and model config of the Date picker component for Angular and Vue by @dgonzalezr in #1066
• Fixed an issue on the Slider component where range thumbs are stuck when min/max values overlap by @dgonzalezr in #1075
• Fixed lower value not updated when is equal to the upper value on the Slider component by @endv-bogdanb in #1078
• Fixed vite failing to resolve @beeq/core/dist/* paths by @dgonzalezr in #1077

Features ⚡️

• Tokens: add --bq-stroke-* token values for border width (#1062) (4297c77)

Bug Fixes 🐞

• Beeq Core: vite fails to resolve @beeq/core/dist/* paths (#1077) (6dba151)
• Date picker: missing value accessor and model config (#1066) (de4de39)
• Slider: lower value not updated when is equal to upper value (#1078) (4652d99)
• Slider: range thumbs being stuck when min/max values overlap (#1075) (8ac403d)

Documentation 📚

• Date picker: add DisallowedDates storybook example (dd4fbe3)

Style 🎨

• Tailwind CSS: remove quotes when using theme() function (#1064) (1c219fd)

Chore ⚙️

• deps: update Angular to v18.x (major) (#1072) (cdb5217)
• deps: update cally to v0.6.1 (#1079) (6689a00)
• deps: update dependency @nxext/stencil to v19 (#1082) (7266715)
• deps: update dependency @stencil/core to v4.18.3 (#1076) (177a72a)
• deps: update nx to v19.1.1 (#1080) (6f3d6b4)
• deps: update storybook to v8.1.5 (#1081) (ed9040b)

Full Changelog: v1.4.0...v1.5.0

v1.4.0

1.4.0 (2024-05-21)

What's Changed

• A new bq-date-picker component by @Cata1989 in #1029
• A secondary button style has been added by @endv-bogdanb in #1058
• Added support for custom footer divider in the Drawer component by @endv-bogdanb in #1060
• Improved the ESM exports and types export by @dgonzalezr in #1059

Features ⚡️

• Button: add secondary button ghost variant (#1058) (64cfe4b)
• Date Picker: add new bq-date-picker component (#1029) (a39599a)
• Drawer: add support for custom footer divider (#1060) (4aa853d)

Chore ⚙️

• Beeq: improve ESM exports and types export (#1059) (2a0f469)
• deps: update dependency @stencil/core to v4.18.2 (#1063) (7facf46)

Refactor 🛠️

• Select: remove useless CSS rules (#1057) (4c4f9ff)

Full Changelog: v1.3.3...v1.4.0

v1.3.3

1.3.3 (2024-05-16)

What's Changed

• We have fixed the BEEQ integration with Vue.js, it was broken because the latest Stencil version no longer copies polyfills to the dist OT unless building es5, the reason why the usage of applyPolyfiils() was removed from the Beeq Vue plugin by @dgonzalezr in #1055

Bug Fixes 🐞

• Beeq Vue: remove applyPolyfills() function (#1055) (ac3e528)

Chore ⚙️

• deps: update @floating-ui/core to v1.6.2 (aa43f0d)

Full Changelog: v1.3.2...v1.3.3

v1.3.2

1.3.2 (2024-05-15)

What's Changed

• Removed the usage of Env from @stencil/core by @endv-bogdanb in #1045
• Fixed an issue on the Slider component where ngModel does not reflect value changes in Angular by @dgonzalezr in #1051
• Changed the hover background color for button link and text by @Cata1989 in #1039

Bug Fixes 🐞

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

Chore ⚙️

• deps: update angular to v17.4.1 (#1052) (2c7780c)
• deps: update dependency @stencil/core to v4.18.1 (#1046) (3a462f2)
• deps: update storybook to v8.1.1 (#1053) (38bb49c)

Refactor 🛠️

• Button: change hover background color for button link and text (#1039) (b2be6cc)
• Icon: remove usage of Env from @stencil/core (#1045) (d685a6c)

Full Changelog: v1.3.1...v1.3.2