Releases: htmlstreamofficial/preline
v4.0.1 - Added missing Themes files
v4.0.0 - New Preline Themes, 10+ Framework Guides, Improvements, Bug Fixes and more.
This update introduces Preline Themes, a new foundation for customization and visual identity, along with numerous improvements, bug fixes, and new framework guides.
Themes are defaulted to all Preline content but they are optional. You may use full utility classes instead. All components, examples and templates comes with Copy Utility Classes option.
New
- Customization: Themes
- Customization: Tailwind Colors
- Automation: Agent Skills
- Framework Guides:
- Components: Tabs as inner menu
- Components: Mega Menu to Overlay on Mobile Resoultion
- Components: Tabs: Open on hover
- Components: Advanced Select: Optgroup
- Components: Advanced Select: Multiple optgroup
- Components: Advanced Select: Custom template with colored square indicators
- Components: Switch: Shape
Fixes and Improvements
- Fixed:
role="region"added to the collapse components to address the latest W3C Nu HTML Checker and Lighthouse/axe-core accessibility rules - Previously, validators were more permissive about
aria-labelledbyon any element. Recent accessibility rules became stricter and now enforce thataria-labelledbycannot be used on a<div>unless that<div>has an allowedrole. - Fixed: Remove the duplicated search input in "tags" mode. [Issue #677]
- Fixed: Links inside the dropdown now respond to the Enter key for accessibility. [Issue #691]
- Fixed: Issue with fast typing and pasting data in the combobox. [Issue #692]
- Fixed: Bug in advanced select with infinite scroll paging. [Issue #693]
- Fixed: Double URL encoding in advanced select remote data API calls. [Issue #695]
- Fixed: Text inputs not responding to keyboard input within dropdown components. [Issue #700]
- Improvement: Added support for blank values in input number component. [Issue #702]
- Fixed: Input number max value validation not updating input field in real-time. [Issue #708]
- Improvement: Advanced Select now properly renders
<optgroup>elements. [Issue #710] - Fixed: HSDatePicker now recalculates its position on open (using Floating UI), preventing the calendar from rendering off-screen. [Issue #713]
- Fixed: Form elements inside the overlay no longer prevent the
Enterkey while focused. [Issue #723] - Fixed: Add support for pre-rendering selected options on initial load. [Issue #733]
- Improvement: Improved image validation for icons. [PR #672]
- Fixed:
data-hs-overlay-keyboard="false"now works as intended — overlays/modal windows no longer close when pressing ESC if the attribute is disabled. [PR #694] - Improvement: Add support for extracting date separators from
dateFormat. [PR #717] - Improvement: Improve scrollbar width calculation for different screen resolutions. [PR #735]
v.3.2.3 - Accessibility related issue has been fixed
Fixes and Improvements
- Fixed: Issues related to dropdown menus. [Issue #684]
v3.2.2 - Build related issue has been fixed
Fixes and Improvements
- Fixed: Build issue related to the "externals" parameter in "webpack.config.js" [Issue #680], [Issue #681]
v3.2.1 - Build related issue has been fixed
Fixes and Improvements
- Fixed: Build issue related to dayjs [Issue #680], [Issue #681]
v3.2.0 - New CMS and AI Chat Templates, Examples and more
This update brings huge accessibility improvements, new CMS and AI Chat Templates, 15+ Examples, Components and more.
New Demo Pages
New Examples
- Examples: Admin Application Layout
- Examples: Charts
- Examples: Card Sections
- Examples: Features: General
- Examples: User Profiles
- Examples: Textarea Input
- Examples: Dropdowns
- Examples: Selects
- Examples: Button Groups
New Components
- Components: Dropdown Scope Window
- Components: Content push to mini sidebar
- Components: Popover: Auto positioning
- Components: Tooltip: Auto positioning
Fixes and Improvements
- Improvements: Added auto positioning for Tooltip & Popover components.
- Improvements: Intruced new centralized Accessibility Management system that provides comprehensive keyboard navigation and interaction support for UI components. [Issue #523]
- Fixed: Desktop Dropdown Submenu Behavior Fails On Click [Issue #652 related fixes]
- Improvements: Added StackBlitz live playground demos for Framework Guides. [Issue #647]
- Improvement: Append to existing className instead of overwriting [PR #668]
- Improvement: Advanced Select. Now observes dynamically added disabled attributes [Issue #642]
- Improvement: Advanced Select. Added updateToggles method to refresh dynamically added toggles [Issue #645]
- Fixed: Advanced Select. Regression with remote data source [Issue #656]
- Fixed: Carousel. Slide changes unintentionally on mobile while scrolling [Issue #659]
- Improvement: Combobox. Added keepOriginalOrder parameter to keep original order of options [Issue #661]
- Fixed: Advanced Select. Support isSelectedOptionOnTop for both static and remote data [Issue #663]
- Improvement: Combobox. preserveSelectionOnEmpty added to prevent clearing selection when input is empty [Issue #665]
- Fixed: Advanced Select. Empty value displayed instead of placeholder after updating multiple select [Issue #666]
- Fixed: Advanced Select. Triggers remote API call on dropdown close [Issue #667]
- Improvement: Datepicker. Added selectedTheme parameter to set theme [Issue #671]
v3.1.0 - New features and improvements
This update addresses some minor issues and improvements.
New Examples and Templates pages
- Templates: Creative Agency Demo renamed to Coffee Shop Demo and updated
- Examples: Hero Sections
- Examples: Testimonials
- Examples: E-commerce Product Listings: Grid Layout
Fixes and Improvements
- Docs: General improvements and fixes.
- Docs: Add React + Vite guide.
- Docs: Add Adonis guide.
- Docs: Add Hugo guide.
- Improvements: The beforeFinish event and goToFinish method have been added to the stepper plugin. [PR #600]
- Improvements: The update event now returns the current slide index. [PR #617]
- Fixed: Add "non-linear" mode to the stepper plugin. [Issue #529]
- Fixed: Added ability to setup few fields for the data-hs-combo-box-output-item-field. [Issue #548]
- Fixed: Local search in the original input is now disabled when apiUrl is configured and hasSearch is true. [Issue #564]
- Fixed: The apiLoadMore feature has been Added to enable loading additional items dynamically as the user scrolls. [Issue #565]
- Fixed: The "title" field in apiFieldsMap now works correctly when using tags mode. [Issue #567]
- Fixed: Resolve issues with loop behavior on mobile devices. [Issue #602]
- Fixed: The destroy method has been added to destroy the datepicker instance. [Issue #604]
- Fixed: The apiSelectedValues property has been added for specifying predefined selected values. [Issue #610]
- Fixed: The optionAllowEmptyOption property has been added to enable support for empty options in dropdown menus. With this property set, users can select an empty value (typically represented as a blank or "None" entry) in the dropdown, which is useful for scenarios where a selection is optional or needs to be cleared. [Issue #614]
- Fixed: Add new preventClientFiltering option for control client-side filtering. [Issue #615]
- Fixed: The getInstance method for dropdowns now correctly returns the instance even when the second parameter is omitted. [Issue #619]
- Fixed: Placement values for dropdowns have been corrected. [Issue #620]
- Fixed: Typo. "show" has been replaced with "open". [Issue #624]
- Fixed: Consolidated theme observation into a single observer. [Issue #627]
- Fixed: Issues with dropdown positioning if the height changes dynamically. [Issue #631]
- Fixed: Made clipboardHelper an exported function for external use. [Issue #632]
- Fixed: Prevent opening when disabled and extraMarkup is clicked. [Issue #635]
- Fixed: Enable the "add" button if the number of items is less than the limit. [Issue #639]
- Fixed: Automatically reposition tooltip when there's insufficient space. [Issue #643]
v3.0.1 - Minor improvements and fixes
This update addresses some minor issues and improvements.
Fixes and Improvements
- Docs Framework docs updates for Next.js, Vue, Nuxt.js, Angular and Laravel.
- Fixed: Dropdown positioning issues in some Examples. [Issue #578]
- Fixed: Optimized bundle size by removing unused dependencies and adding dependency validation checks. [PR #586 related fixes]
v3.0.0 - Tailwind v4, new Components, Plugins and more
Meet Preline UI v3.0.0 - this release features:
- Tawildin update to v4.0
- New plugins
- New components
- Mobile experience improvements
- and many more..
Please note that there are some breaking changes to bear in mind when moving from v2.7.0 to v3.0.0. For more detailed information, check out the official Tailwind CSS Upgrade guide
New Plugins
- Plugins: Advanced Datepicker
- Plugins: Scroll Nav
New Components & Improvements
- Components: TimePicker
- Components: Advanced Datepicker
- Components: Mega Menu Tabs as inner menu
- Components: Mega Menu Mega Menu to Overlay on Mobile Resoultion
- Components: Navs Scroll nav
- Components: Tabs Centered
- Components: Complete rewrite of the Switch
- Components: Input size improvements on mobile across whole project
- Feature: Tabs added support for opening (switching) tabs on hover
- Feature: Overlay added dynamic
z-indexfeature for handling overlays stacked in a random order.
Fixes and Improvements
- Fixed: Charts broken colors in dark mode
- Fixed: Overlay closing issues when several overlays are open.
- Fixed: Context menu added support for opening via "long-touch" on mobile devices.
- Fixed: Improved JSX code copying for self-closing tags and comment blocks.
- Fix: Select closed when a space was entered in the search field. [Issue #528] and [Issue #574]
Updates
- Updated: Tailwind CSS to
v4.0.8 - Updated: Apexcharts to
v4.4.0 - Migrate: Popper.js has been replaced with Floating UI across all plugins.
v2.7.0 - New Components, JSX Copy Code feature and more
This update brings new Sidebar, Maps & other components, JSX Copy Code feature, improvements and bug fixes from Github reports.
New Components & Improvements
- Components: Sidebar
- Components: Maps Bubbles
- Components: Advanced select Minimum search length
- Components: Combobox Minimum search length
- Components: Overlay. It is now possible to call overlay methods directly on the overlay itself, without the need to associate the overlay with any button. At the same time, the old functionality has been retained to ensure backward compatibility.
- Components: Remove Element. Added "getInstance" method.
Fixes and Improvements
- Feature: Added the ability to copy HTML as JSX.
- Feature: New parameter optionAllowEmptyOption has been added for the Advanced Select. [Issue #530] and [PR #532]
- Feature: New parameter minSearchLength has been added for the Advanced Select and Combobox. [Issue #496]
- Feature: Added support for multiple prev and next elements with separate event listeners for each, ensuring proper initialization and cleanup in the destroy method. Improved event listener management for search and pagination controls to prevent memory leaks and support dynamic elements. [Issue #494]
- Fix: Issue with the "reset" functionality under certain conditions. [PR #520]
- Fix: Issue encountered while setting the value in "tags" mode. [PR #533]
- Fix: Improvements to static methods to achieve more consistent behavior. [Issue #492]