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 (#1125) (2162668)
• renovate: improve automated dependency updates (#1161) (0cab63f)
• Tailwind CSS: add support for missing CSS logical properties (#1095) (66e4f03)
• deps: update angular to v18.1.2 (#1168) (f6edc45)
• deps: update dependency @stencil/core to v4.19.2 (#1147) (81a9765)
• deps: update dependency typescript to v5.5.4 (#1169) (796fa3b)
• deps: update dependency vue to v3.4.34 (#1170) (1b3cf90)
• deps: update node.js to v20.16.0 (#1171) (3e810f8)
• deps: update nx to v19.5.2 (#1167) (5e0dbc3)
• deps: update storybook to v8.2.6 (#1164) (36d2be5)
• deps: update tailwindcss to v3.4.4 (#1107) (4949f13)

Full Changelog: v1.5.1...v1.6.0