tabler/preview/CHANGELOG.md

@tabler/preview

1.6.0

Minor Changes

• 64dd529: Added new billing page with plan usage, payment method, and invoices layout.
• a984752: Updated the charts page with sections, card subtitles, Legend lists above charts and a semantic colors chart.
• 0e2faa0: Added a Clipboard copy button built on the browser API; dist/libs/clipboard is deprecated.
• e63fe34: Added a Confetti component with data-bs-toggle="confetti", a demo page and docs.
• 118380d: Added Datepicker plugin built on Vanilla Calendar Pro with a datepicker preview page; Litepicker is deprecated.
• be30919: Updated .legend into a legend item with .legend-dot, .legend-value, .legend-off and .legend-list, plus a Legend component.
• a984752: Added .legend-lg, .legend-unit and .legend-list-divided for large legend items with a big value and a unit.
• c1786b5: Added dialog::backdrop styling so a native <dialog> uses the same backdrop as modals.
• 7e7b2ce: Added .navbar-floating and the data-bs-navbar-style="floating" theme setting for a navbar and sidebar with a 0.5rem gap.
• 7e7b2ce: Added .offcanvas-floating and the data-bs-offcanvas-style="floating" theme setting for an offcanvas with a 0.5rem gap.
• a744b84: Added the OtpInput component with grouped slots, masking, and validation states.
• a9efcc2: Added the Signal component (.signal): stepped bars that show a level such as priority, with a Signal.astro wrapper.
• bd60d5f: Added grouped Sortable demos: drag handle, table rows, kanban board, clone, multi-drag and swap.
• 5d5be36: Added Sparkline component: inline SVG line, bar and circle charts from data-bs-values, with size classes and signed bars.
• 9669c0a: Added a Strength password meter with a segmented bar, configurable scoring and change.bs.strength.
• 0776b88: Added a switch-icon-loading state and a cancelable toggle.bs.switch-icon event with event.wait(promise) for async toggles.
• 3f767ee: Added a System status panel with 60-day uptime history bars to the Uptime preview page.
• 3f767ee: Added ApexCharts gauge cards to the Widgets preview page.

Patch Changes

• eda6503: Updated the preview navbar Sponsor button and the docs sidebar Illustrations card to an All Package link and card.
• a13ebc3: Added Autosize component to tabler.js, with update() and dispose() methods.
• 4676d12: Fixed CardTitle text color on CardBackgroundIcon for readability.
• 7bfeb12: Added a Sortable docs page covering data-sortable, the drag styles and the Sortable component.
• 364ccf8: Fixed keyboard access and accessible names across preview pages, Alert, Avatar, Rating, Tag and Wysiwyg components.
• 3f767ee: Fixed the "Card with code" widget rendering its code as plain text instead of a pre block.
• 084d202: Fixed docs breadcrumbs, unresolved site expressions in the .md mirrors and the missing play and rss icons.
• 084d202: Fixed robots.txt, minified assets in BaseLayout, the marketing menu link and the markdown.html redirect in the preview.
• 0d39308: Fixed heading order, form autocomplete and accessible names on preview pages, Alert, Button, Dropzone and Avatar.
• 8636174: Fixed Trending signs, ApexCharts 7 legend markers, marketing asset paths, pageLibs checks and the notifications close button.
• 9268348: Fixed the actions dropdown in the tables and invoices demos being cut off by .table-responsive.
• 2b44251: Added the .flag-country-yt flag for Mayotte.
• 57e213b: Updated .form-hint to Bootstrap's .form-text, with .form-hint kept as a deprecated alias.
• 4cfa9f3: Removed the hardcoded Google Maps and Mapbox keys; map demos now read GOOGLE_MAPS_KEY and MAPBOX_KEY from the environment.
• bf576f1: Fixed page modals leaking between pages and made the change-password and confirm-delete modal scripts plain inline JS.
• 1dbabb5: Fixed a dev-server ENOENT race: preview's watch:css now writes to tmp-assets/css and copy-assets syncs it into public/.
• add68b2: Fixed the missing promo top banner on docs.tabler.io and preview.tabler.io by restoring the banner.js script.
• f06de8a: Updated Tabler Icons to v3.48.0.

1.5.1

Patch Changes

• 4ddc9e9: Updated the avatar list and brand card descriptions on the avatars preview page.
• ac001f8: Updated astro to 7.3.1 and @astrojs/vercel to 11.0.10, and stopped installing optional peers such as next.
• 2f37632: Removed the playground and playground-* scratch pages from the preview build and the repository.
• d9ed942: Fixed the unstyled message list on the email-inbox page: a hoverable list group with label dots, dates and row actions.
• 9efa76a: Fixed the footer on preview.tabler.io to show the version link instead of the Generated build stamp.
• b4b10f9: Fixed the preview icons page to render all icons in production builds, keeping the 20-icon limit only for the dev server.
• 99b318c: Updated the preview card descriptions to name CSS classes and markup instead of Astro component props.

1.5.0

Minor Changes

• 09d419a: Added a charts-advanced page and docs for two y-axes, chart annotations, a zoom brush and synced chart groups.
• 5e119d4: Added Pay page with dedicated layout, navigation link, and card/PayPal payment form.
• d8956a0: Updated the preview and docs packages to build with Astro instead of Eleventy.
• 100a37b: Added background pattern utilities and documentation, including updated preview demos.
• ec94693: Added new card-gradients page showcasing various gradient card styles and components.
• b0fa655: Added Change Password modal with a strength indicator, confirm validation and show/hide toggles.
• ad22d04: Added a color palette to the signature pad component for selecting the pen color.
• b0fa655: Added Confirm Delete modal with a warning icon and a checkbox that enables the delete button.
• 62178f8: Added new dashboard-crm page with reusable CRM cards.
• 4ce08ca: Added new Crypto Dashboard page with cryptocurrency portfolio overview, market data, and order history.
• 118ca4b: Updated the demo pages to show their title and description in the page header, with pageHeader falling back to title.
• b0fa655: Added Edit Profile modal with avatar upload, personal information fields, social links, and date of birth.
• 4f6e99b: Added a folded sidebar (navbar-folded, navbar-folded-hover) with flyout submenus, a pin toggle and a light 16rem sidebar by default.
• 8d8727f: Added language selector dropdown to navbar with flag indicators for multilingual support.
• 70f996b: Added layout options to the theme settings panel and removed the dead demo script and the layout-combo page.
• 4ce08ca: Updated the page-menu structure for dashboards and reorganized the navigation menu.
• 4ce08ca: Updated the navbar-side component and reorganized its apps, language, notifications and user sections.
• 09d419a: Added radar, polar area, treemap, timeline, box plot, bubble and funnel chart types to the charts preview and docs.
• b0fa655: Added New Task modal with fields for task name, description, assigned user, priority, due date, and category tags.
• 9c5d729: Added new onboarding page with progress indicator and navigation layout.
• 118ca4b: Removed the actions preset prop from DefaultLayout; pages now fill a page-header-actions slot instead.
• cc298a6: Added a PageTitle component and used it with CardSubtitle in place of raw .page-title and .card-subtitle markup.
• 9c5d729: Added Progress Background component with text labels and value display.
• 9c5d729: Added Progress Steps component for step-by-step navigation indicators.
• 5363668: Added the missing Prose demo page, linked from the menu but not previously built.
• 4f6e99b: Added nav-section-title group labels to the vertical sidebar, shown as short separators in the folded state.
• 4f6e99b: Added a navbar-footer sidebar zone with a user block; the sidebar nav scrolls between the pinned brand and footer.
• 83ec6f8: Added Tour demo page using Driver.js for product tours and onboarding guides.
• d7cbe87: Added color and vertical props to the Steps component and used it on the steps preview page.
• 09d419a: Added a straight line chart demo and set stroke-curve to straight on the line and area demos, so the spline ones differ.
• 99b9ea4: Added a Task List page with tasks grouped by status and a modal for adding new tasks.
• 7556ae2: Added an auto color mode to theme settings with system prefers-color-scheme support.
• e3d86c5: Updated apexcharts from 3.54.1 to 7.0.0 and added --chart-{id}-color-{index} variables.

Patch Changes

• 1effe22: Fixed keyboard access by turning JavaScript-only <a href="#"> controls into real <button> elements.
• 1effe22: Added missing ARIA roles and states to Pagination, NavSegmented, Accordion, Steps, tabs, Modal, Offcanvas and CarouselCard.
• 1effe22: Added aria-label to the Datepicker navigation buttons and made the Dropzone upload area keyboard-operable.
• 1effe22: Added <fieldset> and <legend> around radio and checkbox groups so screen readers announce the group purpose.
• 1effe22: Fixed form accessibility with matching for/id labels, aria-invalid, aria-describedby and autocomplete tokens.
• 1effe22: Fixed the skip link to appear on focus and added missing <main> and labelled <nav> landmarks.
• 1effe22: Added a label prop to Flag, Payment, StatusDot, Trending and Avatar status badges for screen readers.
• 0fd35c3: Updated the active-users-2 card chart to use chart-id="active-users-2" with height="11" for a more compact layout.
• 1adb710: Added action and link examples to the important alerts in the alerts preview and docs pages.
• ffe3489: Updated .badges-list to .badge-list and .tags-list to .tag-list, keeping the old names as deprecated aliases.
• 8704725: Fixed root-absolute Button hrefs in demos, so error-page links work in the downloadable package.
• da11f08: Added a short description and a docs link to each card on the Buttons demo page, grouped into Styles and Colors.
• 118ca4b: Fixed heading order by making CardTitle and CardHeader render h2, so cards no longer skip a level under the page h1.
• 632b69f: Updated the changelog page to redirect to tabler.io/changelog instead of rendering CHANGELOG.md.
• 09d419a: Added a --tblr-chart-1 … --tblr-chart-5 palette and wired ApexCharts theme tokens, so every chart follows the color mode.
• 09d419a: Removed dead chart options (groups, spline, fill, debug, remove-padding, show-labels) from charts.json.
• 4ce08ca: Added crypto-markets.json and crypto-orders.json data files for the crypto dashboard.
• 70f996b: Unified the Customize entry: the navbar and the sidebar use the same .navbar-side button with the brush icon.
• b3e873a: Fixed the value key in selects.json not preselecting options in the demo selects on the modals and form elements pages.
• 8704725: Updated preview and docs examples to the unified demo component props: variant, color, size, ariaLabel.
• 0f8dcb0: Updated preview and docs to use the shared date-format, string-format and pseudo-random helpers.
• 09d419a: Fixed the combination chart demo so it mixes columns and lines instead of drawing plain bars.
• 09d419a: Fixed chart colors in dark mode: axis lines and ticks, marker and treemap outlines, and the tooltip title.
• 3cca8bf: Fixed task cards not showing their due date and removed dead props and classes such as fluidSearch and text-*-lt-fg.
• 3f1ad9d: Fixed the navbar not highlighting the active page for nested, RTL and settings pages.
• f2004da: Fixed payment icons on the all-elements page by rendering separate light and dark variants.
• 9dd26fd: Removed the non-existent mt class from the placeholder card.
• 1da70a7: Fixed the marketing footer layout, timeline social icons, missing alt and aria-label attributes and invalid nesting in demos.
• f2004da: Fixed the ribbon example background on the all-elements page to use var(--tblr-bg-surface-secondary).
• 1adb710: Fixed the sign-in cover page in dark mode by replacing bg-white with bg-surface.
• c7e895b: Updated the footer to show the version link everywhere and the Generated timestamp only on preview builds.
• ac87b76: Updated preview templates to replace deprecated font-weight-* classes with Bootstrap-compatible fw-* utility classes.
• 8704725: Fixed icon-only demo buttons rendering a generic aria-label="Button" instead of a real label.
• 25f466b: Updated the icon count on the icons pages to read from icons-info.json, so it follows the installed version.
• 8f86f1f: Restored the import-icons and import-illustrations scripts.
• 5baf073: Added 74 new payment provider icons imported from tabler-payments and removed 12 outdated providers like dotpay and solo.
• 5363668: Made Interface demo pages consistent with the Buttons page: card subtitles, one docs link, responsive grids.
• 5e119d4: Added bg-blur utility and increased container-tight width for layout flexibility.
• 8704725: Updated the marketing CTA Learn more button to the .btn-ghost style.
• 70f996b: Removed aria-current="page" from menu groups, so only the link to the current page carries it.
• 7cadbb8: Updated New badges in menu.json to mark only pages added since 1.4, and dropped them from older pages.
• 8947d7c: Updated the activity feed messages in activity.json and the activity preview page.
• 863884e: Added DocsLink to the header of 20 more demo pages, including Cards, Charts, Tables and Typography.
• b90554b: Moved the import:icons and import:illustrations scripts to the repository root, next to import:payments.
• f11ece4: Added --tblr-pattern-opacity-factor and .bg-pattern-opacity-* utilities for background patterns.
• f35aab3: Added a Tabler Payments docs section with @tabler/payments-* package pages for React, Vue, Preact and Astro.
• 38df58d: Added the 500 illustration to the preview 500 error page.
• d2c1271: Removed classes that no stylesheet defines from demo markup and added the onboarding and settings plan pages to the menu.
• 118ca4b: Added a meta description tag, filled from the page description prop.
• 7305d84: Fixed Vercel deployment to serve error-404.html as the custom 404 page.
• 43eee38: Added Progress Step component documentation and cleaned up the progress steps preview markup for cleaner rendered output.
• 1489b13: Added .prose alias for markdown content and updated preview/docs references and redirects.
• 09d419a: Replaced the placeholder chart data on the charts page and in the chart docs with realistic series, and titled every demo card.
• bea97f8: Removed @hotwired/turbo integration, including .turbo-progress-bar styles and the Turbo loader preview demo.
• da11f08: Replaced lorem ipsum with unique placeholder text on the Scroll spy demo page and fixed its menu highlight.
• 70f996b: Added a Customize entry to the sidebar footer that opens the theme settings panel.
• 70f996b: The sidebar now always renders the user block, so the vertical layout keeps the profile menu on every page.
• 552cf1f: Removed the <lastmod> element from sitemap.xml, which carried the build time instead of a content date.
• da11f08: Reorganized the Star Ratings demo page into Basic/Icons/Sizes and Colors cards with short descriptions.
• ff24af9: Updated the default $font-family-sans-serif and $font-family-monospace to the system font stacks. Tabler no longer bundles a web font, so no font files are downloaded.
• 70f996b: Redesigned the theme settings panel with an illustrated intro, color scheme presets and thumbnail tiles for most settings.
• 9c5d729: Updated trending component to use arrow-up/arrow-down instead of trending-up/trending-down.
• bd35fd3: Fixed responsive layouts on the Form Elements page.
• 53f5244: Updated the Illustration and Empty components to accept only the bundled illustration names, checked at build time.
• ee4c88f: Updated @tabler/icons to v3.46.0.
• 369322a: Updated Tabler Illustrations to v1.17.0 with 25 new illustrations.
• c707018: Added an All Elements page showing every UI component and Bootstrap element.