Version Packages (beta)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.bundle/config

@@ -0,0 +1,4 @@
+---
+BUNDLE_PATH: "/home/runner/work/tabler/tabler/vendor/bundle"
+BUNDLE_DEPLOYMENT: "true"
+BUNDLE_JOBS: "4"

.changeset/chilly-mayflies-ring.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Initialize Visual Studio Code config

.changeset/modern-dogs-wonder.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Icons to v3.17.0

.changeset/pre.json

@@ -0,0 +1,69 @@
+{
+  "mode": "pre",
+  "tag": "beta",
+  "initialVersions": {
+    "@tabler/core": "0.0.1"
+  },
+  "changesets": [
+    "afraid-geese-sin",
+    "beige-hats-prove",
+    "blue-pots-trade",
+    "chilly-mayflies-ring",
+    "clean-carrots-sort",
+    "curvy-fishes-lie",
+    "curvy-mails-burn",
+    "dirty-ravens-greet",
+    "dull-kiwis-notice",
+    "eight-pumas-fry",
+    "eleven-flies-sing",
+    "flags",
+    "fluffy-insects-lay",
+    "gorgeous-windows-study",
+    "great-carrots-lie",
+    "healthy-bikes-cry",
+    "heavy-chicken-cover",
+    "heavy-ladybugs-grab",
+    "hip-jobs-double",
+    "itchy-bottles-cheat",
+    "khaki-gorillas-push",
+    "khaki-wasps-provide",
+    "kind-poets-fetch",
+    "late-zoos-sparkle",
+    "long-eggs-work",
+    "lucky-impalas-smash",
+    "mighty-mirrors-drum",
+    "modern-dogs-wonder",
+    "moody-bobcats-chew",
+    "ninety-dancers-doubt",
+    "odd-terms-tap",
+    "olive-cars-admire",
+    "orange-donuts-cough",
+    "rare-pumpkins-pull",
+    "rare-snails-matter",
+    "red-coins-jump",
+    "red-vans-doubt",
+    "rich-dingos-promise",
+    "sharp-colts-grab",
+    "shiny-dolls-shop",
+    "shy-rockets-deliver",
+    "silver-drinks-yell",
+    "slimy-queens-pull",
+    "slow-buses-breathe",
+    "soft-mangos-tie",
+    "sour-pets-raise",
+    "sour-teachers-collect",
+    "spotty-avocados-doubt",
+    "stupid-dingos-train",
+    "tabler-icons",
+    "tasty-boats-work",
+    "tender-jars-reply",
+    "thick-apples-punch",
+    "thick-poems-battle",
+    "thin-eagles-mix",
+    "thirty-tomatoes-end",
+    "twenty-tables-judge",
+    "unlucky-eels-vanish",
+    "violet-moles-sparkle",
+    "wet-games-float"
+  ]
+}

.changeset/rare-snails-matter.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Bump `pnpm/action-setup` from 3 to 4

.changeset/red-coins-jump.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update dependencies

.changeset/slimy-queens-pull.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933

.changeset/tabler-icons.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Updated Tabler Icons to v3.24.0

.changeset/tender-jars-reply.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Icons to v3.14.0

.github/workflows/add_to_project.yml

@@ -13,7 +13,7 @@ jobs:
     name: Add new issue and pr to project
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/add-to-project@v1.0.1
+      - uses: actions/add-to-project@v1.0.2
         with:
           project-url: https://github.com/orgs/tabler/projects/9/views/1
           github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/bundlewatch.yml

@@ -25,7 +25,7 @@ jobs:
           node-version: "${{ env.NODE }}"
      
       - name: Install PNPM
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
         with:
           version: 8
 

.github/workflows/release-beta.yml

@@ -0,0 +1,63 @@
+name: Pre-release
+
+on:
+  push:
+    branches:
+      - beta
+      - dev-changesets
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: PR or Release
+    if: ${{ github.repository_owner == 'tabler' }}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+
+      - uses: ruby/setup-ruby@v1
+        with:
+          bundler-cache: true
+
+      - name: Enable corepack
+        run: corepack enable pnpm
+
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v4
+        with:
+          cache: 'pnpm'
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Build Package
+        run: pnpm run build
+
+      - name: Enable Pre-release
+        run: pnpm changeset pre enter beta
+
+      - name: Creating .npmrc
+        run: |
+          cat << EOF > "$HOME/.npmrc"
+            //registry.npmjs.org/:_authToken=$NPM_TOKEN
+          EOF
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Create Release Pull Request
+        uses: changesets/action@v1
+        with:
+          # Note: pnpm install after versioning is necessary to refresh lockfile
+          version: pnpm run version
+          publish: pnpm release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_CONFIG_PROVENANCE: true

.github/workflows/release.yml

@@ -19,19 +19,26 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v4
 
+      - uses: ruby/setup-ruby@v1
+        with:
+          bundler-cache: true
+
+      - name: Enable corepack
+        run: corepack enable pnpm
+
       - name: Setup Node.js 18
         uses: actions/setup-node@v4
         with:
+          cache: 'pnpm'
           node-version: 18
-
-      - name: Install PNPM
-        uses: pnpm/action-setup@v3
-        with:
-          version: 8
+          registry-url: 'https://registry.npmjs.org'
 
       - name: Install Dependencies
         run: pnpm install
 
+      - name: Build Package
+        run: pnpm run build
+
       - name: Creating .npmrc
         run: |
           cat << EOF > "$HOME/.npmrc"

.github/workflows/test.yml

@@ -23,7 +23,7 @@ jobs:
           node-version: "${{ env.NODE }}"
 
       - name: Install PNPM
-        uses: pnpm/action-setup@v3
+        uses: pnpm/action-setup@v4
         with:
           version: 8
 

.gitignore

@@ -12,8 +12,6 @@ node_modules/
 /.cache/
 .sass-cache/
 
-.vscode/
-
 /_gh_pages/
 /site/docs/**/dist/
 /site/static/**/dist/
@@ -24,6 +22,7 @@ node_modules/
 /src/pages/playground.html
 /src/pages/playground-*.html
 /src/pages/features.html
+vendor/
 
 .pnp.loader.mjs
 .pnp.cjs

.ruby-version

@@ -0,0 +1 @@
+3.2.2

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+   "files.exclude": {
+      "**/.git": false,
+      "**/.svn": false,
+      "**/.hg": false,
+      "**/CVS": false,
+      "**/.DS_Store": false,
+      "**/Thumbs.db": false,
+      "**/.idea/": false,
+      "dist": false,
+      "demo": false
+   },
+   "explorerExclude.backup": {}
+}

CHANGELOG.md

@@ -1,7 +1,74 @@
 # Changelog
 
-All notable changes to this project will be documented in this file.
+## 0.1.0-beta.0
 
+### 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
+
+### Patch Changes
+
+- 293d0a4: Change Twitter to X brand
+- fd0935a: Updated link to icons documentation
+- 1cf27dc: Dependencies update
+- 34f3efc: Initialize Visual Studio Code config
+- 2f5fad6: Dependencies update
+- dfd7c88: Update TinyMCE to v7.0
+- 056df18: Fix text color in dark version of navbar
+- 4ff077a: Update Tabler Icons to version 2.21 with 18 new icons added
+- d8605f2: Init changelog script
+- 89c6234: Adding Two-Step Verification Pages
+- 4deb8f4: Bump pnpm/action-setup from 2 to 3
+- 7fe30a1: `Dockerfile` fix
+- 72f868b: Update Tabler Icons to version 2.20 with 37 new icons added
+- e0443c0: Add Tabler Illustrations
+- 7896562: Unify size of avatar, flag and payment components
+- 1587905: Update icons to v2.42.0
+- d9e00b2: Update Bootstrap to v5.3.0
+- 0195f9b: Dependencies update
+- 3f516ea: Fix `rgba` color values in `_variables.scss`
+- 45c83ac: Resolve map page issues
+- 5e7e0dd: Introduce Docker Compose Config to build and run Ttabler locally
+- cb4a681: Update `_navbar.scss` with disabled dropdown menu items color
+- af41fb3: Update Tabler Icons to v3.17.0
+- 6cbe888: Update `@tabler/icons` to v3.0
+- 4b4b4f6: Adding punctuation to `SECURITY.md`
+- a0a2d52: Fix form controls bugs in dark mode
+- 4de166d: Unified Box Shadows with Bootstrap Compatibility
+- 371ef84: Bump `pnpm/action-setup` from 3 to 4
+- 8421fc2: Update dependencies
+- 0625f5f: Update Tabler Icons to version 2.22 with 18 new icons added
+- a43ded4: Add All Contributions package to project for easy contribution tracking
+- 5ec7f05: Resolved light dropdown issue on dark theme
+- 0f129b1: Update Tabler Icons to version 2.19 with 18 new icons added
+- 65c1300: Fix the `z-index` value of the `nav-tab` inside `card-tab` #1933
+- 8552a46: Switch from `npm` to `pnpm` for faster package installation
+- 4c88481: Add variable to configure `avatar-list` spacing
+- eb28546: Add Tabler Illustrations
+- 650d84c: Update required Node.js version to 18 and add `.nvmrc` file
+- fb659d4: Fix table default background color
+- f77c712: Avoid SCSS color dependency on `:focus`
+- 4cd9215: Updated Tabler Icons to v3.24.0
+- 7bb947b: Update Tabler Icons to version 2.18 with 18 new icons added
+- 1c34e8e: Update Tabler Icons to v3.14.0
+- 289dd3b: Add Prettier to project for consistent code formatting
+- b885852: Update Tabler Icons to version 2.25 with 48 new icons added
+- 53a5117: Fix responsiveness issue in Settings menu
+- 35ee14d: Add new Filled section to Icons page
+- d32f242: Update `bootstrap` to v5.3.1
+- 94b83d4: Add support for changeset tool for more efficient and organized code changes
+
+All notable changes to this project will be documented in this file.
 
 ## `1.0.0-beta20` - 2023-08-24
 
@@ -29,7 +96,6 @@ All notable changes to this project will be documented in this file.
 - `Dockerfile` fix
 - Switch from `npm` to `pnpm` for faster package installation
 
-
 ## `1.0.0-beta19` - 2023-05-15
 
 - Add customizable Star Ratings component using `star-rating.js` library (#1571)
@@ -38,7 +104,6 @@ All notable changes to this project will be documented in this file.
 - Fix text color in dark version of navbar (#1569)
 - Changelog update
 
-
 ## `1.0.0-beta18` - 2023-05-14
 
 - new page: Cookie banner
@@ -62,7 +127,6 @@ All notable changes to this project will be documented in this file.
 - Dark mode lite colors improvement
 - Fix non full width selects (#1392)
 
-
 ## `1.0.0-beta17` - 2023-01-28
 
 - update `bootstrap` to v5.3.0
@@ -85,7 +149,6 @@ All notable changes to this project will be documented in this file.
 - move `@tabler/icons` to `dev-dependencies`
 - fix #1370: avatar stacked list is not stacked anymore
 
-
 ## `1.0.0-beta16` - 2022-11-12
 
 - new `Photogrid` page
@@ -100,7 +163,6 @@ All notable changes to this project will be documented in this file.
 - homepage navbar fix
 - fix #1262 - `.bg-opacity-xx` class is not functioning properly
 
-
 ## `1.0.0-beta15` - 2022-11-01
 
 - new `badges` page
@@ -118,13 +180,11 @@ All notable changes to this project will be documented in this file.
 - `btn-actions` fixes
 - replace `$text-muted` to css variable
 
-
 ## `1.0.0-beta14` - 2022-10-21
 
 - fix active items in dark mode
 - update Jekyll to newest version
 
-
 ## `1.0.0-beta13` - 2022-10-18
 
 - update Bootstrap to 5.2.1, update dependencies
@@ -155,7 +215,6 @@ All notable changes to this project will be documented in this file.
 - fix #1275 - remove last border-right on progress bar
 - fix #1261 - broken offcanvas bg
 
-
 ## `1.0.0-beta12` - 2022-09-19
 
 - new "Job listing" page
@@ -181,7 +240,6 @@ All notable changes to this project will be documented in this file.
 - fix form elements demo page radio buttons
 - replace `gulp-minify` with `gulp-terser`
 
-
 ## `1.0.0-beta11` - 2022-07-05
 
 - new `Dropzone` component
@@ -197,7 +255,6 @@ All notable changes to this project will be documented in this file.
 - fix: #1125 incorrect chart display in the mobile version
 - update Bootstrap to 5.2.0
 
-
 ## `1.0.0-beta10` - 2022-04-29
 
 - new `datatable` component
@@ -207,7 +264,6 @@ All notable changes to this project will be documented in this file.
 - replace !important modifier with more specific selectors (#1100)
 - new `FAQ` page
 
-
 ## `1.0.0-beta9` - 2022-02-26
 
 - fix: #1061 - list group item colors in light and dark modes
@@ -221,7 +277,6 @@ All notable changes to this project will be documented in this file.
 - add `font-display: swap;` to improve font loading
 - new `Boxed` layout
 
-
 ## `1.0.0-beta8` - 2022-02-05
 
 - update dependencies
@@ -231,7 +286,6 @@ All notable changes to this project will be documented in this file.
 - replace `badge` with `status-dot` in `navbar-notifications.html`
 - map tooltip fixes
 
-
 ## `1.0.0-beta7` - 2022-02-05
 
 - fix: #1019 - project-overview.html link not working
@@ -245,7 +299,6 @@ All notable changes to this project will be documented in this file.
 - RTL stylesheet fixes
 - new card action demos
 
-
 ## `1.0.0-beta6` - 2022-01-18
 
 - pricing cards fix
@@ -259,7 +312,6 @@ All notable changes to this project will be documented in this file.
 - fix #959 - `node-sass` does not properly compile nested media queries
 - update package dependencies to newest version
 
-
 ## `1.0.0-beta5` - 2021-12-07
 
 **Tabler has finally lived to see dark mode! 🌝🌚**
@@ -277,7 +329,6 @@ All notable changes to this project will be documented in this file.
 - colors unify
 - add `tom-select` and remove `choices.js`
 
-
 ## `1.0.0-beta4` - 2021-10-24
 
 - upgrade required node.js version to 14
@@ -286,7 +337,6 @@ All notable changes to this project will be documented in this file.
 - fix #775 - litepicker not initializing
 - fix `nouislider` import in dev
 
-
 ## `1.0.0-beta3` - 2021-05-08
 
 - upgrade Bootstrap to 5.0
@@ -294,7 +344,6 @@ All notable changes to this project will be documented in this file.
 - change `$border-radius-pill` variable
 - badge vertical align fix
 
-
 ## `1.0.0-beta2` - 2021-03-29
 
 - update dependencies
@@ -308,7 +357,6 @@ All notable changes to this project will be documented in this file.
 - charts label fixes
 - charts docs
 
-
 ## `1.0.0-beta` - 2021-02-17
 
 **Initial beta release of Tabler v1.0! Lots more coming soon though 😁**

Gemfile.lock

@@ -3,6 +3,7 @@ GEM
   specs:
     addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
+    bigdecimal (3.1.8)
     colorator (1.1.0)
     concurrent-ruby (1.2.3)
     em-websocket (0.5.3)
@@ -11,7 +12,8 @@ GEM
     eventmachine (1.2.7)
     ffi (1.16.3)
     forwardable-extended (2.6.0)
-    google-protobuf (4.26.1)
+    google-protobuf (4.27.5)
+      bigdecimal
       rake (>= 13)
     htmlbeautifier (1.4.2)
     htmlcompressor (0.4.0)
@@ -65,7 +67,7 @@ GEM
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.6)
+    rexml (3.3.9)
     rouge (4.2.1)
     safe_yaml (1.0.5)
     sass-embedded (1.75.0)
@@ -74,7 +76,7 @@ GEM
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     unicode-display_width (2.5.0)
-    webrick (1.8.1)
+    webrick (1.8.2)
 
 PLATFORMS
   ruby

_config.yml

@@ -14,7 +14,7 @@ rtl: false
 
 title: Tabler
 description: Premium and Open Source dashboard template with responsive and high quality UI.
-theme-color: "#0054a6"
+theme-color: "#066fd1"
 
 email: support@tabler.io
 homepage: https://tabler.io
@@ -78,7 +78,7 @@ defaults:
 colors:
   blue:
     class: blue
-    hex: '#0054a6'
+    hex: '#066fd1'
     title: Blue
   azure:
     class: azure
@@ -276,3 +276,4 @@ illustrations:
   price: "$59"
   count: 50
   buy_link: https://r.tabler.io/buy-illustrations
+

docs/forms/form-color-check.mdx

@@ -173,7 +173,7 @@ Add an color picker to your form to let users customise it according to their pr
 ```html example code centered
 <div class="mb-3">
   <label class="form-label">Color picker</label>
-  <input type="color" class="form-control form-control-color" value="#0054a6" title="Choose your color">
+  <input type="color" class="form-control form-control-color" value="#066fd1" title="Choose your color">
 </div>
 ```
 

docs/getting-started/download.mdx

@@ -26,6 +26,10 @@ Install Tabler in your Node.js powered apps with the npm package:
 
 <TabsPackage name="@tabler/core" />
 
+OR install for Webfonts
+
+<TabsPackage name="@tabler/icons-webfont" />
+
 Tabler uses other packages to enhance the functionality for example charts and input masks. These are not automatically installed to avoid huge
 dependency trees and need to be installed by using npm install. We support the following packages as of writing.
 

docs/icons/webfont.mdx

@@ -27,7 +27,7 @@ or just [download from Github](https://github.com/tabler/tabler-icons/releases).
 ### CDN
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@$ICONS_VERSION/tabler-icons.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@$ICONS_VERSION/dist/tabler-icons.min.css">
 ```
 
 ## Usage

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tabler/core",
-  "version": "1.0.0-beta20",
+  "version": "0.1.0-beta.0",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "homepage": "https://tabler.io",
   "scripts": {
@@ -12,12 +12,13 @@
     "preview": "gulp build --preview",
     "svg-optimize": "svgo -f svg/brand --pretty",
     "unused-files": "node .build/unused-files.js",
-    "release": "release-it",
+    "release": "changeset publish",
+    "version": "changeset version && pnpm install",
     "svg-icons": "node .build/import-icons.js",
     "bundlewatch": "bundlewatch",
     "storybook": "start-storybook -p 6006",
     "changelog": "node .build/changelog.js",
-    "icons": "ncu -u @tabler/icons && pnpm install && pnpm run svg-icons && git add . && git commit -am \"update icons to v`pnpm info @tabler/icons version`\" && git push",
+    "icons": "git checkout dev && BRANCH_NAME=\"dev-tabler-icons-`pnpm info @tabler/icons version`\" && git branch $BRANCH_NAME && git checkout $BRANCH_NAME && ncu -u @tabler/icons && pnpm install && pnpm run svg-icons && git add . && git commit -am \"update icons to v`pnpm info @tabler/icons version`\" && git push origin $BRANCH_NAME && git checkout dev",
     "download-images": "node .build/download-images.js",
     "optimize-images": "for i in ./src/static/photos/*.jpg; do convert \"$i\" -quality 80% \"${i%.jpg}.jpg\"; done",
     "format:check": "prettier --check src/**/*.{js,scss} --cache",
@@ -131,28 +132,28 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@changesets/cli": "^2.27.5",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@changesets/cli": "^2.27.10",
     "@rollup/plugin-commonjs": "^24.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/pluginutils": "^5.1.0",
+    "@rollup/pluginutils": "^5.1.3",
     "@rollup/stream": "^2.0.0",
-    "@shopify/prettier-plugin-liquid": "^1.5.0",
+    "@shopify/prettier-plugin-liquid": "^1.6.1",
     "all-contributors-cli": "^6.26.1",
-    "apexcharts": "^3.49.1",
-    "autoprefixer": "^10.4.19",
+    "apexcharts": "^3.54.1",
+    "autoprefixer": "^10.4.20",
     "autosize": "^6.0.1",
     "browser-sync": "^2.29.3",
-    "bundlewatch": "^0.3.3",
+    "bundlewatch": "^0.4.0",
     "choices.js": "^10.2.0",
     "countup.js": "^2.8.0",
-    "cross-spawn": "^7.0.3",
+    "cross-spawn": "^7.0.6",
     "dropzone": "^6.0.0-beta.2",
     "flatpickr": "^4.6.13",
-    "fslightbox": "^3.4.1",
-    "glob": "^10.4.1",
+    "fslightbox": "^3.4.2",
+    "glob": "^10.4.5",
     "gulp": "^4.0.2",
     "gulp-clean": "^0.4.0",
     "gulp-clean-css": "^4.3.0",
@@ -169,28 +170,27 @@
     "jsvectormap": "^1.6.0",
     "list.js": "^2.3.1",
     "litepicker": "^2.0.12",
-    "nouislider": "^15.8.0",
+    "nouislider": "^15.8.1",
     "plyr": "^3.7.8",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.49",
     "prettier": "^2.8.8",
-    "release-it": "^15.11.0",
     "request": "^2.88.2",
-    "rollup": "2.79.1",
+    "rollup": "2.79.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "sass": "^1.77.5",
+    "sass": "1.71.0",
     "star-rating.js": "^4.3.1",
-    "tinymce": "^7.1.2",
-    "tom-select": "^2.3.1",
+    "tinymce": "^7.5.1",
+    "tom-select": "^2.4.1",
     "vinyl-buffer": "^1.0.1",
     "vinyl-source-stream": "^2.0.0",
-    "yaml": "^2.4.5",
+    "yaml": "^2.6.1",
     "yargs": "^17.7.2",
     "zod": "^3.23.8"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@tabler/icons": "^3.6.0",
+    "@tabler/icons": "^3.24.0",
     "bootstrap": "5.3.3"
   },
   "peerDependencies": {
@@ -265,21 +265,8 @@
       "optional": true
     }
   },
-  "release-it": {
-    "hooks": {
-      "after:bump": "gulp build --latest-version ${latestVersion} --new-version ${version} && gulp build-demo",
-      "after:release": "echo Successfully released ${name} v${latestVersion} to ${repo.repository}."
-    },
-    "git": {
-      "requireCleanWorkingDir": false,
-      "addUntrackedFiles": true,
-      "tagName": "v${version}"
-    },
-    "github": {
-      "release": true
-    }
-  },
   "directories": {
     "doc": "docs"
-  }
+  },
+  "packageManager": "pnpm@9.14.4+sha512.c8180b3fbe4e4bca02c94234717896b5529740a6cbadf19fa78254270403ea2f27d4e1d46a08a0f56c89b63dc8ebfd3ee53326da720273794e6200fcf0d184ab"
 }

src/pages/_data/colors.json

@@ -3,7 +3,7 @@
     {
       "name": "blue",
       "variable": "var(--tblr-blue)",
-      "value": "#0054a6"
+      "value": "#066fd1"
     },
     {
       "name": "azure",
@@ -212,7 +212,7 @@
     },
     {
       "name": "tabler",
-      "value": "#0054a6"
+      "value": "#066fd1"
     }
   ]
 }

src/pages/_data/icons-info.json

@@ -1 +1 @@
-{"version":"3.6.0","count":5307}
+{"version":"3.24.0","count":5754}

src/pages/_data/illustrations.json

@@ -1 +1 @@
-["weightlifting","wait","video","to-do","telescope","snowman","shield","search","project","not-found","neutral-info","music","mobile-computer","message","map-destination","loading","icons","icons-workshop","icons-production","icons-ladder","icons-drawing","ice-skates","good-news","girl-refresh","girl-phone","gift","folders","flowers","fingerprint","exit","error","email","dart","dance","conversation","computer-fix","clock-and-cat","chart","chart-circle","calendar","building","boy","boy-with-key","boy-gives-flowers","boy-girl","boy-and-laptop","boy-and-cat","bicycle","bad-news","ai"]
+["weightlifting","wait","video","to-do","telescope","snowman","shield","search","project","not-found","neutral-info","music","mobile-computer","message","map-destination","loading","kite","icons","icons-workshop","icons-production","icons-ladder","icons-drawing","icons-drawing-run","ice-skates","guitar","good-news","girl-refresh","girl-phone","gift","folders","flowers","fingerprint","exit","error","email","electric-scooter","dart","dance","conversation","computer-fix","clock-and-cat","chart","chart-circle","calendar","building","boy","boy-with-key","boy-gives-flowers","boy-girl","boy-and-laptop","boy-and-cat","bicycle","bad-news","archive","ai"]

src/pages/_includes/cards/icons-banner.html

@@ -1,4 +1,4 @@
-{% assign icons-count = site.data.icons | size %}
+{% assign icons-count = site.data.icons-info.count %}
 
 <div class="card card-md sticky-top{% if include.class %} {{ include.class }}{% endif %}">
 	<div class="card-stamp card-stamp-lg">
@@ -16,7 +16,10 @@
 					download any of the {{ icons-count }} icons in SVG, PNG or&nbsp;React and use them in your favourite design tools.
 				</div>
 				<div class="mt-3">
-					<a href="{{ site.icons.link }}" class="btn btn-primary" target="_blank" rel="noopener">Download icons</a>
+					<a href="{{ site.icons.link }}" class="btn btn-primary" target="_blank" rel="noopener">
+						{% include ui/icon.html icon="download" %}
+						Download icons
+					</a>
 				</div>
 			</div>
 		</div>

src/pages/_includes/layout/navbar-logo.html

@@ -12,11 +12,11 @@
 	{% unless include.hide-logo %}
 	{% if include.small-logo %}
 	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 68" width="32" height="32" alt="{{ site.title }}" class="navbar-brand-image{% if include.show-title %} me-3{% endif %}">
-		<path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#0054a6" style="fill: var(--tblr-primary, #0054a6)" />
+		<path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#066fd1" style="fill: var(--tblr-primary, #066fd1)" />
 	</svg>
 	{% else %}
 	<svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image{% if include.show-title %} me-3{% endif %}">
-		<path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#0054a6" style="fill: var(--tblr-primary, #0054a6)" />
+		<path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#066fd1" style="fill: var(--tblr-primary, #066fd1)" />
 		<path d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z" fill-rule="evenodd" clip-rule="evenodd" fill="#4a4a4a"/>
 	</svg>
 

src/pages/_includes/ui/colorpicker.html

@@ -19,7 +19,7 @@
 			{% if format %}format: "{{ format }}",{% endif %}
 			{% if include['swatches-only'] %}swatchesOnly: true,{% endif %}
 			swatches: [
-				"#0054a6",
+				"#066fd1",
 				"#45aaf2",
 				"#6574cd",
 				"#a55eea",

src/pages/colorpicker.html

@@ -5,7 +5,7 @@ menu: base.colorpicker
 libs: coloris.js
 ---
 
-{% assign colors = "#0054a6,#45aaf2,#6574cd,#a55eea,#f66d9b,#fa4654,#fd9644,#f1c40f,#7bd235,#5eba00,#2bcbba,#17a2b8" | split: "," %}
+{% assign colors = "#066fd1,#45aaf2,#6574cd,#a55eea,#f66d9b,#fa4654,#fd9644,#f1c40f,#7bd235,#5eba00,#2bcbba,#17a2b8" | split: "," %}
 
 <div class="card">
 	<div class="card-body">

src/pages/illustrations.html

@@ -92,7 +92,10 @@ illustrations = illustrations | push: illustration %} {% endif %} {% endfor %} {
 							Access a wide range of SVG illustrations for various projects. Effortlessly customize any illustration to align perfectly with your chosen color scheme!
 						</div>
 						<div class="mt-3">
-							<a href="{{ site.illustrations.buy_link }}" class="btn btn-primary" target="_blank" rel="noopener">Get lifetime access</a>
+							<a href="{{ site.illustrations.buy_link }}" class="btn btn-primary" target="_blank" rel="noopener">
+								{% include ui/icon.html icon="download" %}
+								Get lifetime access
+							</a>
 						</div>
 					</div>
 				</div>

src/scss/_utilities.scss

@@ -1,8 +1,8 @@
 $border-values: (
   null: var(--#{$prefix}border-width) var(--#{$prefix}border-style)
-    $border-color-translucent,
+    var(--#{$prefix}border-color-translucent),
   wide: $border-width-wide var(--#{$prefix}border-style)
-    $border-color-translucent,
+    var(--#{$prefix}border-color-translucent),
   0: 0,
 );
 

src/scss/_variables.scss

@@ -166,7 +166,7 @@ $body-emphasis-color: $gray-700 !default;
 $color-contrast-dark: $body-color !default;
 $color-contrast-light: $light !default;
 
-$blue: #206bc4 !default;
+$blue: #066fd1 !default;
 $azure: #4299e1 !default;
 $indigo: #4263eb !default;
 $purple: #ae3ec9 !default;
@@ -179,7 +179,7 @@ $green: #2fb344 !default;
 $teal: #0ca678 !default;
 $cyan: #17a2b8 !default;
 
-$color-blue: #206bc4;
+$color-blue: #066fd1;
 $color-azure: #3586c9;
 $color-indigo: #4263eb;
 $color-purple: #ae3ec9;
@@ -266,7 +266,7 @@ $social-colors: (
   "rss": #ffa500,
   "flickr": #0063dc,
   "bitbucket": #0052cc,
-  "tabler": #0054a6,
+  "tabler": #066fd1,
 ) !default;
 
 $gray-colors: (
@@ -605,6 +605,8 @@ $card-header-tabs-bg: var(--#{$prefix}bg-surface-tertiary) !default;
 $cards-grid-gap: var(--#{$prefix}page-padding) !default;
 $cards-grid-breakpoint: lg !default;
 
+$zindex-dropdown: 1;
+
 // Carousel
 $carousel-control-color: $white !default;
 $carousel-control-icon-width: 1.5rem !default;

src/scss/mixins/_mixins.scss

@@ -15,7 +15,7 @@
 
 @mixin scrollbar($color: var(--#{$prefix}body-color-rgb)) {
   #{if(&, "&", "*")} {
-    scrollbar-color: rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .16) transparent;
+    scrollbar-color: rgba(var(--#{$prefix}scrollbar-color, var(--#{$prefix}body-color-rgb)), .16);
   }
 
   #{if(&, "&", "*")}::-webkit-scrollbar {

src/scss/ui/_modals.scss

@@ -1,5 +1,5 @@
-.modal-content {
-  .btn-close {
+.modal-content, .modal-header {
+  > .btn-close {
     position: absolute;
     top: 0;
     right: 0;
@@ -64,4 +64,4 @@
 .modal-full-width {
   max-width: none;
   margin: 0 $modal-dialog-margin;
-}
+}

src/scss/ui/_ribbons.scss

@@ -87,6 +87,7 @@
 .ribbon-start {
   right: auto;
   left: calc(-1 * var(--#{$prefix}ribbon-margin));
+  border-radius: 0 var(--#{$prefix}ribbon-border-radius) var(--#{$prefix}ribbon-border-radius) var(--#{$prefix}ribbon-border-radius);
 
   &:before {
     top: auto;

src/scss/utils/_colors.scss

@@ -35,6 +35,6 @@
   }
 
   .text-#{"" + $color}-fg {
-    color: color-contrast($value) !important;
+    color: $value !important;
   }
 }