feat: add changelog documentation and update global data configuration

core/CHANGELOG.md

@@ -1,199 +1,182 @@
-# @tabler/core
+# Changelog
 
-## 1.2.0
+## `1.2.0` - 2025-04-16
 
-### Minor Changes
+- Add gradient background utilities
+- Add new apps card with brand icons in navbar
+- Replaced TinyMCE with HugeRTE to address license violation
+- Update Bootstrap to version 5.3.5
+- Add theme settings wizard
+- Add steps light colors
+- Add Turbo library integration
+- Rollback accordion component structure
+- Add space between page numbers in pagination
+- Add Bootstrap components to Tabler JS
+- Fix tooltip colors in vector maps
+- Update avatar size variable to support list size configuration
+- Fix broken shape in South Korea flag
+- Refactor `border-radius` in components to use CSS variables
+- Update disabled color variables in navbars
+- Apply border radius to `tom-select` on focus
+- Add avatars page with various demos of avatars
+- Minor spelling and grammar improvements to emails docs
+- Update avatar size variable to support list size configuration
+- Refactor SCSS for alerts and close button styles
+- Fix `autosize` and `input mask` plugins to use window scope
+- Fix scrollbar color mixin to use body color variable
+- Improve README
+- Make scrollbar track transparent
+- Fix scrollbar jumps when content is higher than screen
+- Add responsive font size for form controls on mobile devices
+- Add new advanced table example
 
-- c59bc9d: Add gradient background utilities
+## `1.1.1` - 2025-03-01
-- f9e4da2: Add new apps card with brand icons in navbar
-- 92a3afe: Replaced TinyMCE with HugeRTE to address license violation
-- 199f39a: Update Bootstrap to version 5.3.5
-- 9bbcb99: Add theme settings wizard
-- b17b488: Add steps light colors
-- 215eaa4: Add Turbo library integration
 
-### Patch Changes
+- Fix Documentation structure
 
-- aea3b0a: Rollback accordion component structure
+## `1.1.0` - 2025-03-01
-- 3fc7b84: Add space between page numbers in pagination
-- 2f8a372: Add Bootstrap components to Tabler JS
-- 9fceadd: Fix tooltip colors in vector maps
-- 44250db: Update avatar size variable to support list size configuration
-- be1f3d1: Fix broken shape in South Korea flag
-- c20d076: Refactor `border-radius` in components to use CSS variables
-- 042e50f: Update disabled color variables in navbars
-- 473fa38: Apply border radius to `tom-select` on focus
-- 8646192: Add avatars page with various demos of avatars
-- 922bb03: Minor spelling and grammar improvements to emails docs
-- 44250db: Update avatar size variable to support list size configuration
-- ddcd3a7: Refactor SCSS for alerts and close button styles
-- e3d68d6: Fix `autosize` and `input mask` plugins to use window scope
-- 4846828: Fix scrollbar color mixin to use body color variable
-- 6b6617a: Improve README
-- 94bea00: Make scrollbar track transparent
-- e14e492: Fix scrollbar jumps when content is higher than screen
-- 6d6d1bd: Add responsive font size for form controls on mobile devices
-- 6c566cf: Add new advanced table example
 
-## 1.1.1
+- Add Playwright configuration and visual regression tests
+- Enable `scrollSpy` in `countup` module
+- Refactor SCSS files to replace divide function with calc
+- Add Segmented Control component
+- Add new text features page with mentions: user, color and app.
+- Add Scroll Spy page
+- Update border radius variables for consistency across components
+- Add Signature Pad feature and signatures page
+- Update color utility classes and replace background colors in pricing table
+- Refactored the project into a monorepo, removed Gulp, and introduced a new, more efficient build process.
+- Add documentation for segmented control component
+- Add new payment provider (Troy)
+- Add selectable table functionality with active background color
+- Refactor badge styles, remove Bootstrap styles
+- Refactor alert component styles and markup, remove Bootstrap styles
+- Refactor accordion component styles and markup, remove Bootstrap styles
+- Fix overflow of `label` in a `floating-input`
+- Fix size of `apexcharts` tooltip marker
+- Fix apexcharts heatmap example in docs
+- Fix negative margins in `.navbar-bordered` variant
+- Use the full license agreement for illustrations in docs
+- Fix vertical alignment in single page and error layouts
+- Fix `.avatar-upload` double borders
+- Fixes navbar styles with new hover effects and color variables
 
-### Patch Changes
+## `1.0.0` - 2025-01-28
 
-- f29c911: Fix Documentation structure
+- Add new `Tag` component
-
+- Add customizable Star Ratings component using `star-rating.js` library
-## 1.1.0
+- Add `flags.html` page with list of all flags
-
+- Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility
-### Minor Changes
+- Adding `alerts.html` page with example of alerts.
-
+- Change primary color value to new Tabler branding
-- a2640e2: Add Playwright configuration and visual regression tests
+- Unify dark mode with latest Bootstrap API and improve dark mode elements
-- d3ae77c: Enable `scrollSpy` in `countup` module
+- New Chat component
-- bd3d959: Refactor SCSS files to replace divide function with calc
+- Adjusting form element sizes for enhanced mobile devices compatibility
-- cb278c7: Add Segmented Control component
+- Add new color picker component using `coloris.js` library
-- b47725d: Add new text features page with mentions: user, color and app.
+- Update Tabler Icons to version 2.23 with 18 new icons added
-- b4b4d1a: Add Scroll Spy page
+- New page with payment providers: `payment-providers.html`
-- 9cd5327: Update border radius variables for consistency across components
+- Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago, MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli,
-- 4376968: Add Signature Pad feature and signatures page
-- f95f250: Update color utility classes and replace background colors in pricing table
-- eaa7f81: Refactored the project into a monorepo, removed Gulp, and introduced a new, more efficient build process.
-- ea14462: Add documentation for segmented control component
-- 1edaff4: Add new payment provider (Troy)
-- edbaa1e: Add selectable table functionality with active background color
-- 378fba8: Refactor badge styles, remove Bootstrap styles
-- f3c409f: Refactor alert component styles and markup, remove Bootstrap styles
-- c240b5a: Refactor accordion component styles and markup, remove Bootstrap styles
-
-### Patch Changes
-
-- 687267d: Fix overflow of `label` in a `floating-input`
-- 06b1dec: Fix size of `apexcharts` tooltip marker
-- afd0700: Fix apexcharts heatmap example in docs
-- 78383ef: Fix negative margins in `.navbar-bordered` variant
-- 11f4487: Use the full license agreement for illustrations in docs
-- b28ce9f: Fix vertical alignment in single page and error layouts
-- 24b944c: Fix `.avatar-upload` double borders
-- ca4ba14: Fixes navbar styles with new hover effects and color variables
-
-## 1.0.0 - 2025-01-28
-
-### Minor Changes
-
-- c276a8b: Add new `Tag` component
-- d380224: Add customizable Star Ratings component using `star-rating.js` library
-- 47cd6c1: Add `flags.html` page with list of all flags
-- be67ab6: Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility
-- 080c746: Adding `alerts.html` page with example of alerts.
-- b381273: Change primary color value to new Tabler branding
-- 75619dd: Unify dark mode with latest Bootstrap API and improve dark mode elements
-- cc82dbf: New Chat component
-- 5a03643: Adjusting form element sizes for enhanced mobile devices compatibility
-- be14607: Add new color picker component using `coloris.js` library
-- d046570: Update Tabler Icons to version 2.23 with 18 new icons added
-- 5488c50: New page with payment providers: `payment-providers.html`
-- 5488c50: Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago, MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli,
   Revolut Pay, Samsung Pay, Shop Pay, Solana, Spingo, Stax, Tether, True USD, Venmo, WeChat Pay, Wise, Zelle
-
+- Change Twitter to X brand
-### Patch Changes
+- Updated link to icons documentation
-
+- Dependencies update
-- 293d0a4: Change Twitter to X brand
+- Order menu items alphabetically
-- fd0935a: Updated link to icons documentation
+- Automatically retrieve and display the changelog from the CHANGELOG.md file.
-- 1cf27dc: Dependencies update
+- Initialize Visual Studio Code config
-- 041f4e4: Order menu items alphabetically
+- Make horizontal rule direction aware
-- 20cad01: Automatically retrieve and display the changelog from the CHANGELOG.md file.
+- Update Tabler Illustrations to v1.5
-- 34f3efc: Initialize Visual Studio Code config
+- Update Tabler Icons to v3.29.0
-- 7ba7717: Make horizontal rule direction aware
+- Remove unused dependencies from `package.json`
-- 063ef58: Update Tabler Illustrations to v1.5
+- Replace Jekyll with Eleventy
-- 5e2c975: Update Tabler Icons to v3.29.0
+- Dependencies update
-- 9d5f7ca: Remove unused dependencies from `package.json`
+- Update TinyMCE to v7.0
-- be69fd6: Replace Jekyll with Eleventy
+- Fix text color in dark version of navbar
-- 2f5fad6: Dependencies update
+- Remove invalid `z-index` setting for dropdowns
-- dfd7c88: Update TinyMCE to v7.0
+- Update Tabler Icons to version 2.21 with 18 new icons added
-- 056df18: Fix text color in dark version of navbar
+- Update Tabler Emails to v2.0
-- 17327dc: Remove invalid `z-index` setting for dropdowns
+- Init changelog script
-- 4ff077a: Update Tabler Icons to version 2.21 with 18 new icons added
+- Adding Two-Step Verification Pages
-- 867c8dd: Update Tabler Emails to v2.0
+- Replace `.page-center` with `.my-auto` in single page layouts
-- d8605f2: Init changelog script
+- Add border-opacity variable for improved color utility
-- 89c6234: Adding Two-Step Verification Pages
+- Fix icon display issues in the Star Ratings component
-- f6e885b: Replace `.page-center` with `.my-auto` in single page layouts
+- Fix `color` of disabled `dropdown-item` in Navbar component
-- 7aa216f: Add border-opacity variable for improved color utility
+- Bump pnpm/action-setup from 2 to 3
-- 88eb413: Fix icon display issues in the Star Ratings component
+- Add social icons plugin
-- 78392b6: Fix `color` of disabled `dropdown-item` in Navbar component
+- `Dockerfile` fix
-- 4deb8f4: Bump pnpm/action-setup from 2 to 3
+- Update Jekyll to version 4.3.4
-- 9015472: Add social icons plugin
+- Update Tabler Icons to version 2.20 with 37 new icons added
-- 7fe30a1: `Dockerfile` fix
+- Add Tabler Illustrations
-- e53942f: Update Jekyll to version 4.3.4
+- Update illustrations and enhance SVG handling in HTML
-- 72f868b: Update Tabler Icons to version 2.20 with 37 new icons added
+- Fix ids of custom size star ratings
-- e0443c0: Add Tabler Illustrations
+- Unify size of avatar, flag and payment components
-- 5cca710: Update illustrations and enhance SVG handling in HTML
+- Update icons to v2.42.0
-- 3a4f10f: Fix ids of custom size star ratings
+- Update Bootstrap to v5.3.0
-- 7896562: Unify size of avatar, flag and payment components
+- Set `font-size` of an `i` element with `icon` class in a `button` element
-- 1587905: Update icons to v2.42.0
+- Dependencies update
-- d9e00b2: Update Bootstrap to v5.3.0
+- Fix icons in `form-elements.html`
-- bc1d1a3: Set `font-size` of an `i` element with `icon` class in a `button` element
+- Update Tabler Icons to v3.28.1
-- 0195f9b: Dependencies update
+- Fix `rgba` color values in `_variables.scss`
-- a5bf5d3: Fix icons in `form-elements.html`
+- Fix description of alerts with a description
-- 736410c: Update Tabler Icons to v3.28.1
+- Fix colors of disabled `.ts-control`
-- 3f516ea: Fix `rgba` color values in `_variables.scss`
+- Center content on error and single page layouts
-- e91884e: Fix description of alerts with a description
+- Resolve map page issues
-- 90cc744: Fix colors of disabled `.ts-control`
+- Improve base font family loading
-- 1801e41: Center content on error and single page layouts
+- Introduce Docker Compose Config to build and run Ttabler locally
-- 45c83ac: Resolve map page issues
+- Fix `@charset` CSS declaration in bundle.
-- faee63c: Improve base font family loading
+- Update `_navbar.scss` with disabled dropdown menu items color
-- 5e7e0dd: Introduce Docker Compose Config to build and run Ttabler locally
+- Update Tabler Icons to v3.17.0
-- c293a66: Fix `@charset` CSS declaration in bundle.
+- Update `@tabler/icons` to v3.0
-- cb4a681: Update `_navbar.scss` with disabled dropdown menu items color
+- Refactor data structure by converting YAML files to JSON
-- af41fb3: Update Tabler Icons to v3.17.0
+- Increase `z-index` of `ts-dropdown` to prevent overlapping by buttons
-- 6cbe888: Update `@tabler/icons` to v3.0
+- Adding punctuation to `SECURITY.md`
-- 0e4bf5f: Refactor data structure by converting YAML files to JSON
+- Fix form controls bugs in dark mode
-- 82cf257: Increase `z-index` of `ts-dropdown` to prevent overlapping by buttons
+- Fix padding in code blocks
-- 4b4b4f6: Adding punctuation to `SECURITY.md`
+- Unified Box Shadows with Bootstrap Compatibility
-- a0a2d52: Fix form controls bugs in dark mode
+- Remove duplicated setting of color in `th` element
-- f45b697: Fix padding in code blocks
+- Fix layout of search results for small and medium screens
-- 4de166d: Unified Box Shadows with Bootstrap Compatibility
+- Remove `text-decoration` on hovering `a` element with class having `icon` class
-- 87bf2f5: Remove duplicated setting of color in `th` element
+- Fix small typo in tables docs
-- 5dc45aa: Fix layout of search results for small and medium screens
+- Improve documentation for alerts
-- 4ae0358: Remove `text-decoration` on hovering `a` element with class having `icon` class
+- Bump `pnpm/action-setup` from 3 to 4
-- e798eb6: Fix small typo in tables docs
+- Update dependencies
-- 1c1d0c9: Improve documentation for alerts
+- Update Tabler Icons to version 2.22 with 18 new icons added
-- 371ef84: Bump `pnpm/action-setup` from 3 to 4
+- Update devDependencies
-- 8421fc2: Update dependencies
+- Add All Contributions package to project for easy contribution tracking
-- 0625f5f: Update Tabler Icons to version 2.22 with 18 new icons added
+- Set value of `$font-family-monospace` as default
-- ba65fc3: Update devDependencies
+- Refactor Dockerfile and package.json
-- a43ded4: Add All Contributions package to project for easy contribution tracking
+- Resolved light dropdown issue on dark theme
-- 2f622c9: Set value of `$font-family-monospace` as default
+- Enhance documentation
-- 2c7c448: Refactor Dockerfile and package.json
+- Update Tabler Icons to version 2.19 with 18 new icons added
-- 5ec7f05: Resolved light dropdown issue on dark theme
+- Fix cells with inline icons
-- b0b07b9: Enhance documentation
+- Fix `color` of disabled `nav-link` in `nav-bordered`
-- 0f129b1: Update Tabler Icons to version 2.19 with 18 new icons added
+- Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933
-- 507df7b: Fix cells with inline icons
+- Switch from `npm` to `pnpm` for faster package installation
-- 0e5b44a: Fix `color` of disabled `nav-link` in `nav-bordered`
+- Increase contrast of active `dropdown-item` in vertical layout
-- 65c1300: Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933
+- Update documentation for Tabler components
-- 8552a46: Switch from `npm` to `pnpm` for faster package installation
+- Add variable to configure `avatar-list` spacing
-- 4a9e40d: Increase contrast of active `dropdown-item` in vertical layout
+- Do not display empty `fieldset` element
-- 17ebdf4: Update documentation for Tabler components
+- Refactor SCSS variables to use `color.adjust` for improved color manipulation
-- 4c88481: Add variable to configure `avatar-list` spacing
+- Add Tabler Illustrations
-- df46ee7: Do not display empty `fieldset` element
+- Update required Node.js version to 18 and add `.nvmrc` file
-- 875cafa: Refactor SCSS variables to use `color.adjust` for improved color manipulation
+- Fix table default background color
-- eb28546: Add Tabler Illustrations
+- Avoid SCSS color dependency on `:focus`
-- 650d84c: Update required Node.js version to 18 and add `.nvmrc` file
+- Update changelog configuration and release scripts
-- fb659d4: Fix table default background color
+- Update Tabler Icons to v3.26.0
-- f77c712: Avoid SCSS color dependency on `:focus`
+- Updated Tabler Icons to v3.24.0
-- 71c68ce: Update changelog configuration and release scripts
+- Update Tabler Icons to version 2.18 with 18 new icons added
-- 34d124d: Update Tabler Icons to v3.26.0
+- Update Node.js engine requirement to allow versions >=20
-- 4cd9215: Updated Tabler Icons to v3.24.0
+- Update Tabler Icons to v3.14.0
-- 7bb947b: Update Tabler Icons to version 2.18 with 18 new icons added
+- Add Prettier to project for consistent code formatting
-- c75cf55: Update Node.js engine requirement to allow versions >=20
+- Upgrade Node.js from version 18 to version 20 for improved performance, security, and feature updates.
-- 1c34e8e: Update Tabler Icons to v3.14.0
+- Update Tabler Icons to version 2.25 with 48 new icons added
-- 289dd3b: Add Prettier to project for consistent code formatting
+- Fix responsiveness issue in Settings menu
-- f83e36c: Upgrade Node.js from version 18 to version 20 for improved performance, security, and feature updates.
+- Added 3 new payments from Nepal: Esewa, FonePay, Khalti and Imepay
-- b885852: Update Tabler Icons to version 2.25 with 48 new icons added
+- Add new Filled section to Icons page
-- 53a5117: Fix responsiveness issue in Settings menu
+- Update `bootstrap` to v5.3.1
-- 38504e5: Added 3 new payments from Nepal: Esewa, FonePay, Khalti and Imepay
+- Update package dependencies to latest versions
-- 35ee14d: Add new Filled section to Icons page
+- Fix link to webfont version of Tabler Icons
-- d32f242: Update `bootstrap` to v5.3.1
+- Add support for changeset tool for more efficient and organized code changes
-- d82f94e: Update package dependencies to latest versions
+- Fix colors in date range datepicker
-- 54c5ad0: Fix link to webfont version of Tabler Icons
-- 94b83d4: Add support for changeset tool for more efficient and organized code changes
-- c51ff28: Fix colors in date range datepicker
 
 ## `1.0.0-beta24` - 2025-01-11
 

docs/CHANGELOG.md

@@ -1,34 +0,0 @@
-# @tabler/docs
-
-## 1.0.1
-
-### Patch Changes
-
-- Updated dependencies [c59bc9d]
-- Updated dependencies [f9e4da2]
-- Updated dependencies [aea3b0a]
-- Updated dependencies [92a3afe]
-- Updated dependencies [3fc7b84]
-- Updated dependencies [199f39a]
-- Updated dependencies [2f8a372]
-- Updated dependencies [9fceadd]
-- Updated dependencies [44250db]
-- Updated dependencies [be1f3d1]
-- Updated dependencies [c20d076]
-- Updated dependencies [042e50f]
-- Updated dependencies [473fa38]
-- Updated dependencies [8646192]
-- Updated dependencies [922bb03]
-- Updated dependencies [44250db]
-- Updated dependencies [9bbcb99]
-- Updated dependencies [b17b488]
-- Updated dependencies [ddcd3a7]
-- Updated dependencies [e3d68d6]
-- Updated dependencies [215eaa4]
-- Updated dependencies [4846828]
-- Updated dependencies [6b6617a]
-- Updated dependencies [94bea00]
-- Updated dependencies [e14e492]
-- Updated dependencies [6d6d1bd]
-- Updated dependencies [6c566cf]
-  - @tabler/core@1.2.0

docs/content/ui/getting-started/changelog.md

@@ -0,0 +1,6 @@
+---
+title: Changelog
+summary: Look at the latest changes and updates in Tabler.
+---
+
+{{ changelog | replace: '# Changelog', '' }}

docs/eleventy.config.mjs

@@ -4,6 +4,7 @@ import { readFileSync, existsSync } from 'node:fs';
 import { fileURLToPath } from 'node:url'
 import { join, dirname } from 'node:path';
 import beautify from 'js-beautify';
+import { EleventyRenderPlugin } from "@11ty/eleventy";
 
 const shiki = await import('shiki');
 import { createCssVariablesTheme } from 'shiki/core'
@@ -16,6 +17,10 @@ export default function (eleventyConfig) {
 	appFilters(eleventyConfig);
 	appData(eleventyConfig);
 
+	eleventyConfig.addPlugin(EleventyRenderPlugin, {
+		accessGlobalData: true,
+	});
+
 	eleventyConfig.addPassthroughCopy({
 		...getCopyList(),
 		"public": "/",
@@ -227,7 +232,7 @@ export default function (eleventyConfig) {
 		const toc = [];
 
 		const contentWithoutExamples = name.replace(/<div[^>]*\bclass=["'][^"']*\bexample\b[^"']*".*?>.*?<\/div>/gs, '');
-		const headings = contentWithoutExamples.match(/<h([23])>([^<]+)<\/h\1>/g);
+		const headings = contentWithoutExamples.match(/<h([23])>(.*?)<\/h\1>/g);
 
 		if (headings) {
 			headings.forEach(heading => {

preview/eleventy.config.mjs

@@ -34,11 +34,6 @@ export default function (eleventyConfig) {
 	 */
 	eleventyConfig.addGlobalData("environment", environment);
 
-	eleventyConfig.addGlobalData("package", JSON.parse(readFileSync(join("..", "core", "package.json"), "utf-8")));
-	eleventyConfig.addGlobalData("readme", readFileSync(join("..", "README.md"), "utf-8"));
-	eleventyConfig.addGlobalData("license", readFileSync(join("..", "LICENSE"), "utf-8"));
-	eleventyConfig.addGlobalData("changelog", readFileSync(join("..", "core", "CHANGELOG.md"), "utf-8"));
-
 	eleventyConfig.addGlobalData("pages", () => {
 		return sync('pages/**/*.html').filter((file) => {
 			return !file.includes('pages/_') && !file.includes('pages/docs/index.html');

shared/e11ty/data.mjs

@@ -38,4 +38,8 @@ export function getCopyList () {
 }
 
 export function appData(eleventyConfig) {
+	eleventyConfig.addGlobalData("package", JSON.parse(readFileSync(join("..", "core", "package.json"), "utf-8")));
+	eleventyConfig.addGlobalData("readme", readFileSync(join("..", "README.md"), "utf-8"));
+	eleventyConfig.addGlobalData("license", readFileSync(join("..", "LICENSE"), "utf-8"));
+	eleventyConfig.addGlobalData("changelog", readFileSync(join("..", "core", "CHANGELOG.md"), "utf-8"));
 }