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/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

.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
-
+          registry-url: 'https://registry.npmjs.org'
-      - name: Install PNPM
-        uses: pnpm/action-setup@v4
-        with:
-          version: 8
 
       - name: Install Dependencies
         run: pnpm install
 
+      - name: Build Package
+        run: pnpm run build
+
       - name: Creating .npmrc
         run: |
           cat << EOF > "$HOME/.npmrc"

.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,18 +67,16 @@ GEM
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.3.6)
+    rexml (3.3.9)
-      strscan
     rouge (4.2.1)
     safe_yaml (1.0.5)
     sass-embedded (1.75.0)
       google-protobuf (>= 3.25, < 5.0)
       rake (>= 13.0.0)
-    strscan (3.1.0)
     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

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-beta21",
+  "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,7 +12,8 @@
     "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",
@@ -131,27 +132,27 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-env": "^7.26.0",
-    "@changesets/cli": "^2.27.8",
+    "@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.53.0",
+    "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",
+    "fslightbox": "^3.4.2",
     "glob": "^10.4.5",
     "gulp": "^4.0.2",
     "gulp-clean": "^0.4.0",
@@ -171,26 +172,25 @@
     "litepicker": "^2.0.12",
     "nouislider": "^15.8.1",
     "plyr": "^3.7.8",
-    "postcss": "^8.4.45",
+    "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.8",
+    "sass": "1.71.0",
     "star-rating.js": "^4.3.1",
-    "tinymce": "^7.3.0",
+    "tinymce": "^7.5.1",
-    "tom-select": "^2.3.1",
+    "tom-select": "^2.4.1",
     "vinyl-buffer": "^1.0.1",
     "vinyl-source-stream": "^2.0.0",
-    "yaml": "^2.5.1",
+    "yaml": "^2.6.1",
     "yargs": "^17.7.2",
     "zod": "^3.23.8"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@tabler/icons": "^3.14.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/icons-info.json

@@ -1 +1 @@
-{"version":"3.14.0","count":5556}
+{"version":"3.24.0","count":5754}

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

@@ -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/utils/_colors.scss

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