libs fixes

.github/workflows/release.yml

@@ -3,7 +3,11 @@ name: Release
 on:
   push:
     branches:
-      - dev
+      - main
+
+permissions:
+  contents: read
+  pull-requests: write
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 

package.json

@@ -17,7 +17,7 @@
     "bundlewatch": "bundlewatch",
     "storybook": "start-storybook -p 6006",
     "changelog": "node .build/changelog.js",
-    "icons": "ncu -u @tabler/icons && pnpm install && gulp svg-icons && git add . && git commit -am \"update icons to v`pnpm info @tabler/icons version`\" && git push",
+    "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",
     "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",
@@ -50,6 +50,7 @@
     "node": ">=18"
   },
   "files": [
+    "docs/**/*",
     "dist/**/*",
     "src/js/**/*.{js,map}",
     "src/img/**/*.{svg}",
@@ -189,7 +190,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@tabler/icons": "^3.2.0",
+    "@tabler/icons": "^3.6.0",
     "bootstrap": "5.3.3"
   },
   "peerDependencies": {

pnpm-lock.yaml

@@ -12,7 +12,7 @@ dependencies:
     specifier: ^2.11.8
     version: 2.11.8
   '@tabler/icons':
-    specifier: ^3.2.0
+    specifier: ^3.6.0
     version: 3.6.0
   bootstrap:
     specifier: 5.3.3

src/pages/_data/errors.yml

@@ -8,6 +8,7 @@
   title: 403
   description: We are sorry but you do not have permission to access this page
 404:
+  illustration: not-found.svg
   title: 404
   description: We are sorry but the page you are looking for was not found
 500:

src/pages/_data/icons-info.json

@@ -1 +1 @@
-{"version":"3.2.0","count":5237}
+{"version":"3.6.0","count":5307}

src/pages/_data/libs.json

@@ -16,7 +16,7 @@
     "google-maps": "https://maps.googleapis.com/maps/api/js?key=GOOGLE_MAPS_KEY",
     "litepicker": "litepicker/dist/litepicker.js",
     "tom-select": "tom-select/dist/js/tom-select.base.min.js",
-    "jsvectormap": "jsvectormap/dist/js/jsvectormap.min.js",
+    "jsvectormap": "jsvectormap/dist/jsvectormap.min.js",
     "jsvectormap-world": "jsvectormap/dist/maps/world.js",
     "jsvectormap-world-merc": "jsvectormap/dist/maps/world-merc.js",
     "fslightbox": "fslightbox/index.js",

src/pages/_data/menu.yml

@@ -327,12 +327,12 @@ icons:
   url: icons.html
 
 emails:
-  title: "Email templates"
+  title: "Emails"
   icon: mail-opened
   url: emails.html
 
-emails:
-  title: "SVG illustrations"
+illustrations:
+  title: "Illustrations"
   icon: brand-figma
   url: illustrations.html
 

src/pages/_includes/ui/icon.html

@@ -1,7 +1,7 @@
 {% removeemptylines %}
 
 {% assign icon-name = include.icon %}
-{% assign type = type | default: "outline" %}
+{% assign type = include.type | default: "outline" %}
 
 {% assign replace-to = "icon" %}
 

src/pages/_includes/ui/illustration.html

@@ -1,26 +1,17 @@
 {% removeemptylines %}
 {% assign image = include.image | replace: '.svg', '' %}
 {% assign height = include.height | default: 128 %}
-{% assign src-light = "/illustrations/light/" | append: image %}
-{% assign src-dark = "/illustrations/dark/" | append: image %}
+{% assign src = "/free-illustrations/autodark/" | append: image %}
 
-{% assign illustration-light = site.free-illustrations | where: "id", src-light | first %}
-{% assign illustration-dark = site.free-illustrations | where: "id", src-dark | first %}
+{% assign illustration = site.free-illustrations | where: "id", src | first %}
 
-{% assign replace-to-light = '<svg class="img-light' %}
-{% if include.class %}{% assign replace-to-light = replace-to-light | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-light = replace-to-light | append: '" ' %}
-{% assign illustration-light = illustration-light | replace: '<svg ', replace-to-light %}
-
-{% assign replace-to-dark = '<svg class="img-dark' %}
-{% if include.class %}{% assign replace-to-dark = replace-to-dark | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-dark = replace-to-dark | append: '" ' %}
-{% assign illustration-dark = illustration-dark | replace: '<svg ', replace-to-dark %}
+{% assign replace-to = '<svg class="img' %}
+{% if include.class %}{% assign replace-to = replace-to | append: ' ' | append: include.class %}{% endif %}
+{% assign replace-to = replace-to | append: '" ' %}
+{% assign illustration = illustration | replace: '<svg ', replace-to %}
 
 {% assign replace-to-height = 'height="' | append: height | append: '"' %}
-{% assign illustration-light = illustration-light | replace: 'width="800" height="600"', replace-to-height %}
-{% assign illustration-dark = illustration-dark | replace: 'width="800" height="600"', replace-to-height %}
+{% assign illustration = illustration | replace: 'width="800" height="600"', replace-to-height %}
 
-{{ illustration-light }}
-{{ illustration-dark }}
+{{ illustration }}
 {% endremoveemptylines %}

src/pages/illustrations.html

@@ -1,6 +1,7 @@
 ---
 title: SVG Illustrations
 page-header: SVG Illustrations
+menu: illustrations
 ---
 
 {% assign illustrations = "" | split: "," %} {% assign first_illustration = '' %} {% for illustration in site.free-illustrations reversed %} {% if illustration.id contains 'autodark' %} {% assign first_illustration = illustration %} {% assign

src/pages/wizard.html

@@ -6,7 +6,7 @@ menu: extra.wizard
 
 <div class="card card-md">
 	<div class="card-body text-center py-4 p-sm-5">
-		{% include ui/illustration.html image="boy-girl.svg" height="120" class="mb-n2" %}
+		{% include ui/illustration.html image="boy-girl.svg" height="200" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
 		<p class="text-secondary">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
 	</div>