v1.0.0-beta1

In this breakthrough version we focused our attention on removing all custom classes from the UI KIT in favor of a Tailwind CSS system. Each component has been integrated with the dark theme. We added the option to customize classes in all components, even those with a complex structure. We migrated icons to SVG format, also giving full freedom to personalize them.

Our set has been extended with new complex Sidenav and Select components. Design system was improved to match the Material Minimal guidelines. The website got a new layout, as well as new functionalities such as API tab or modes switcher.

New features

• #1090, #1129: Migrate UI KIT class system to Tailwind and refactor Datepicker, Timepicker, Stepper, Ripple, Collapse, Accordion, Buttons, Carousel, Close, Dropdown, Modal, Navbar, Offcanvas, Popover, Spinners, Tooltip, Transitions, Animations, Alert, Toast, Tabs, Pills, Chips, MegaMenu, Pagination, Scrollspy, Forms - by @juujisai, @Trochonovitz, @r-jacko, @Martussky
• #1116: Dark mode switcher - by @smolenski-mikolaj
• #1228: Class attributes customization - by @smolenski-mikolaj
• #1127: Ripple effect by default - by @iprzybysz
• #1126: New modal positions - by @Trochonovitz
• #1119: Extend color palette with custom theme colors - by @Martussky

New components

• #1173: Select & Multiselect - by @juujisai
• #1172: Sidenav - by @juujisai
• #1130: Outline input - by @juujisai
• #1108: Placeholders - by @Martussky
• #1109: Dividers - by @Martussky
• #1110: Figures - by @Martussky
• #1111: Images - by @Martussky
• #1112: Masks - by @Martussky
• #1113: Shadows - by @Martussky

Docs

• #1170: Dark mode integration - by @smolenski-mikolaj
• #1105: API tab - by @Trochonovitz
• #1274: Theming tutorial - by @Trochonovitz
• #1275: Dark mode tutorial - by @Trochonovitz
• #1262: Code snippets - dark mode & design update - by @r-jacko
• #1306: Scrollspy and Javascript file names unification - by @juujisai
• #1314: Shortcut shift + D for switching between modes - by @juujisai

Optimization & refactor

• #1125: Update compile config to deploy js components as te library - by @smolenski-mikolaj
• #1294: Manipulator utility update - by @juujisai
• #1285: Tidy up files structure - by @juujisai
• #1287: Focus trap utility fix - by @juujisai
• #1145: Add class ordering plugin - by @smolenski-mikolaj

Fixed & improved

• #1122: Video docs page layout fix - by @Martussky
• #1060: Toast dismissing - by @juujisai
• #1223: Modals - fix positions offsets, backdrop outside click and fullscreen example - by @Trochonovitz
• #1264: Tabs & Pills - prevent animating while clicking on active item - by @Trochonovitz
• #1259: Timepicker - fix focus after closing via keyboard - by @Trochonovitz
• #1064: Modal hidden class remaining active - by @Trochonovitz

Dependencies

• #1096: Tailwind update from v3.0.7 to v3.2.4 - by @juujisai
• #1298: Icons - enable customization & migrate to Heroicons from Font Awesome - by @Trochonovitz
• #1094: Migrate from Inter to Roboto font - by @juujisai
• #1059: Popper.js migrate to v2.x.x - by @Trochonovitz

Dark mode integration

• #1175: Timepicker - by @r-jacko
• #1176: Textarea - by @juujisai
• #1177: Switch - by @Martussky
• #1178: Search - by @Martussky
• #1179: Range - by @Martussky
• #1180: Radio - by @Martussky
• #1183: File input - by @Martussky
• #1185: Checkbox - by @Martussky
• #1181: Inputs - by @juujisai
• #1184: Datepicker - by @juujisai
• #1186: Scrollspy - by @Trochonovitz
• #1187: Navbar - by @Trochonovitz
• #1189: Cards - by @iprzybysz
• #1190: Mega menu - by @Shigure92
• #1191: Footer - by @Trochonovitz
• #1192: Breadcrumb - by @Trochonovitz
• #1193: Animations - by @Trochonovitz
• #1194: Toasts - by @Trochonovitz
• #1195: Timeline - by @Shigure92
• #1196: Testimonials - by @Shigure92
• #1197: Tables - by @Shigure92
• #1198: Stepper - by @Trochonovitz
• #1199: Social buttons - by @Shigure92
• #1200: Shadows - by @Shigure92
• #1201: Progress - by @Shigure92
• #1202: Popover - by @Shigure92
• #1203: Offcanvas - by @Shigure92
• #1205: Modal - by @Trochonovitz
• #1206: Login form - by @Shigure92
• #1207: List group - by @Shigure92
• #1208: Jumbotron - by @Shigure92
• #1209: Hover effects - by @Shigure92
• #1210: Headers - by @Shigure92
• #1211: Dropdown - by @juujisai
• #1212: Collapse - by @iprzybysz
• #1213: Chips - by @iprzybysz
• #1214: Charts - by @iprzybysz
• #1241: Accordion - by @iprzybysz

Class customization

• #1229: Alert, Toast, Collapse, Accordion, Dropdown, Offcanvas, Ripple - by @juujisai
• #1230: Carousel - by @iprzybysz
• #1231: Datepicker - by @juujisai
• #1232, #1302: Timepicker - by @iprzybysz, @juujisai
• #1233: Modal, Scrollspy - by @Trochonovitz
• #1234: Popover, Tooltip, Tabs, Pills - by @juujisai
• #1303: Chips - by @juujisai

API tab integration

• #1249: Popover, Tooltip, Tabs, Pills - by @Trochonovitz
• #1250: Modal, Scrollspy - by @Trochonovitz
• #1252: Button, Animate, Stepper - by @Trochonovitz
• #1253: Datepicker - by @juujisai
• #1254: Carousel - by @iprzybysz
• #1251: Timepicker - by @iprzybysz
• #1255: Alert, Toast, Collapse, Accordion, Dropdown, Offcanvas, Ripple - by @iprzybysz