diff --git a/.changeset/silly-crabs-walk.md b/.changeset/silly-crabs-walk.md new file mode 100644 index 000000000..5d0f04d20 --- /dev/null +++ b/.changeset/silly-crabs-walk.md @@ -0,0 +1,7 @@ +--- +"@tabler/core": patch +"@tabler/preview": patch +--- + +Added Driver.js library integration and Tour demo page for interactive product tours and onboarding guides. + diff --git a/.changeset/upgrade-apexcharts.md b/.changeset/upgrade-apexcharts.md new file mode 100644 index 000000000..aee58400e --- /dev/null +++ b/.changeset/upgrade-apexcharts.md @@ -0,0 +1,7 @@ +--- +"@tabler/core": minor +"@tabler/preview": minor +--- + +Upgraded `apexcharts` from `3.54.1` to `5.3.6` and added CSS variables (`--chart-{id}-color-{index}`) for dynamic chart colors to fix compatibility with the new version. + diff --git a/.github/workflows/argos.yml b/.github/workflows/argos.yml index a6b267121..4fab20469 100644 --- a/.github/workflows/argos.yml +++ b/.github/workflows/argos.yml @@ -26,7 +26,7 @@ jobs: if: false steps: - name: Clone repository - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Cache turbo build setup uses: actions/cache@v4 diff --git a/.github/workflows/bundlewatch.yml b/.github/workflows/bundlewatch.yml index 7a380bc17..6e9edd07d 100644 --- a/.github/workflows/bundlewatch.yml +++ b/.github/workflows/bundlewatch.yml @@ -17,7 +17,7 @@ jobs: steps: - name: Clone repository - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Cache turbo build setup uses: actions/cache@v4 diff --git a/.github/workflows/calibreapp-image-actions.yml b/.github/workflows/calibreapp-image-actions.yml index 1d143a8a7..29936ad5b 100644 --- a/.github/workflows/calibreapp-image-actions.yml +++ b/.github/workflows/calibreapp-image-actions.yml @@ -16,7 +16,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout Repo - uses: actions/checkout@v5 + uses: actions/checkout@v6 with: persist-credentials: false diff --git a/.github/workflows/lockfiles.yaml b/.github/workflows/lockfiles.yaml index aa6c4ce63..084bea626 100644 --- a/.github/workflows/lockfiles.yaml +++ b/.github/workflows/lockfiles.yaml @@ -12,7 +12,7 @@ jobs: name: Verify lock file integrity steps: - name: Clone Tabler - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Prevent lock file change uses: xalvarez/prevent-file-change-action@v3 with: diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index be344ab37..094d078f3 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -21,7 +21,7 @@ jobs: pull-requests: write # to create pull request steps: - name: Checkout Repo - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Install PNPM uses: pnpm/action-setup@v4 diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index d3827cdab..b3c356e32 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -14,7 +14,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Clone repository - uses: actions/checkout@v5 + uses: actions/checkout@v6 - name: Cache turbo build setup uses: actions/cache@v4 diff --git a/core/libs.json b/core/libs.json index 00a57a7d7..e9fe1cc5b 100644 --- a/core/libs.json +++ b/core/libs.json @@ -166,5 +166,14 @@ "dist/turbo.es2017-umd.js" ], "head": true + }, + "driver.js": { + "npm": "driver.js", + "js": [ + "dist/driver.js.iife.js" + ], + "css": [ + "dist/driver.css" + ] } } diff --git a/core/package.json b/core/package.json index dda9d785f..c6f1cf2ec 100644 --- a/core/package.json +++ b/core/package.json @@ -5,30 +5,31 @@ "homepage": "https://tabler.io", "scripts": { "dev": "pnpm run clean && pnpm run copy && pnpm run watch", - "build": "pnpm run clean && pnpm run css && pnpm run js && pnpm run copy && pnpm run generate-sri", + "build": "pnpm run clean && pnpm run build-assets && pnpm run copy && pnpm run generate-sri", + "build-assets": "concurrently \"pnpm run css\" \"pnpm run js\"", "clean": "shx rm -rf dist demo", "css": "pnpm run css-compile && pnpm run css-prefix && pnpm run css-rtl && pnpm run css-minify && pnpm run css-banner", "css-compile": "sass --no-source-map --load-path=node_modules --style expanded scss/:dist/css/", "css-banner": "node .build/add-banner.mjs", "css-prefix": "postcss --config .build/postcss.config.mjs --replace \"dist/css/*.css\" \"!dist/css/*.rtl*.css\" \"!dist/css/*.min.css\"", "css-rtl": "cross-env NODE_ENV=RTL postcss --config .build/postcss.config.mjs --dir \"dist/css\" --ext \".rtl.css\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*.rtl.css\"", - "css-minify": "pnpm run css-minify-main && pnpm run css-minify-rtl", + "css-minify": "concurrently \"pnpm run css-minify-main\" \"pnpm run css-minify-rtl\"", "css-minify-main": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*rtl*.css\"", "css-minify-rtl": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*rtl.css\" \"!dist/css/*.min.css\"", "css-lint": "pnpm run css-lint-variables", "css-lint-variables": "find-unused-sass-variables scss/ node_modules/bootstrap/scss/", "js": "pnpm run js-compile && pnpm run js-minify", - "js-compile": "pnpm run js-compile-standalone && pnpm run js-compile-standalone-esm && pnpm run js-compile-theme && pnpm run js-compile-theme-esm", + "js-compile": "concurrently \"pnpm run js-compile-standalone\" \"pnpm run js-compile-standalone-esm\" \"pnpm run js-compile-theme\" \"pnpm run js-compile-theme-esm\"", "js-compile-theme-esm": "rollup --environment THEME:true --environment ESM:true --config .build/rollup.config.mjs --sourcemap", "js-compile-theme": "rollup --environment THEME:true --config .build/rollup.config.mjs --sourcemap", "js-compile-standalone": "rollup --config .build/rollup.config.mjs --sourcemap", "js-compile-standalone-esm": "rollup --environment ESM:true --config .build/rollup.config.mjs --sourcemap", - "js-minify": "pnpm run js-minify-standalone && pnpm run js-minify-standalone-esm && pnpm run js-minify-theme && pnpm run js-minify-theme-esm", + "js-minify": "concurrently \"pnpm run js-minify-standalone\" \"pnpm run js-minify-standalone-esm\" \"pnpm run js-minify-theme\" \"pnpm run js-minify-theme-esm\"", "js-minify-standalone": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler.js.map,includeSources,url=tabler.min.js.map\" --output dist/js/tabler.min.js dist/js/tabler.js", "js-minify-standalone-esm": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler.esm.js.map,includeSources,url=tabler.esm.min.js.map\" --output dist/js/tabler.esm.min.js dist/js/tabler.esm.js", "js-minify-theme": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler-theme.js.map,includeSources,url=tabler-theme.min.js.map\" --output dist/js/tabler-theme.min.js dist/js/tabler-theme.js", "js-minify-theme-esm": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/tabler-theme.esm.js.map,includeSources,url=tabler-theme.esm.min.js.map\" --output dist/js/tabler-theme.esm.min.js dist/js/tabler-theme.esm.js", - "copy": "pnpm run copy-img && pnpm run copy-libs && pnpm run copy-fonts", + "copy": "concurrently \"pnpm run copy-img\" \"pnpm run copy-libs\" \"pnpm run copy-fonts\"", "copy-img": "shx mkdir -p dist/img && shx cp -rf img/* dist/img", "copy-libs": "node .build/copy-libs.mjs", "copy-fonts": "shx mkdir -p dist/fonts && shx cp -rf fonts/* dist/fonts", @@ -155,7 +156,7 @@ "devDependencies": { "@hotwired/turbo": "^8.0.18", "@melloware/coloris": "^0.25.0", - "apexcharts": "3.54.1", + "apexcharts": "^5.3.6", "autosize": "^6.0.1", "choices.js": "^11.1.0", "clipboard": "^2.0.11", @@ -177,7 +178,8 @@ "sortablejs": "^1.15.6", "star-rating.js": "^4.3.1", "tom-select": "^2.4.3", - "typed.js": "^2.1.0" + "typed.js": "^2.1.0", + "driver.js": "^1.0.0" }, "directories": { "doc": "docs" diff --git a/docs/content/ui/components/offcanvas.md b/docs/content/ui/components/offcanvas.md index 117a85cc1..8a1913cc8 100644 --- a/docs/content/ui/components/offcanvas.md +++ b/docs/content/ui/components/offcanvas.md @@ -10,10 +10,11 @@ To create an offcanvas, add the `.offcanvas` class to a container element. You c {% capture html -%}
Content for the offcanvas goes here. You can place just about any Tabler component or custom @@ -29,11 +30,12 @@ The offcanvas component is used to display a cookies banner. It is a great way t {% capture html -%}