replace feather icons with tabler icons

.editorconfig

@@ -6,7 +6,7 @@ indent_style=tab
 tab_width=3
 max_line_length=off
 
-[*.{rb,yml,scss}]
+[*.{rb,yml,scss,json}]
 indent_style=space
 indent_size=2
 

_config.yml

@@ -130,11 +130,11 @@ variants:
   - name: success
     icon: check
   - name: info
-    icon: info
+    icon: info-circle
   - name: warning
     icon: alert-triangle
   - name: danger
-    icon: x-octagon
+    icon: alert-circle
 
 button-variants:
   primary:

package.json

@@ -17,6 +17,7 @@
     "lint": "npm-run-all --parallel js-lint css-lint",
     "clean": "rm -rf tmp-dist && mkdir tmp-dist && mkdir tmp-dist/css && mkdir tmp-dist/js",
     "clean-build": "rm -rf dist && mkdir dist && mkdir dist/css && mkdir dist/js && mkdir dist/img",
+    "copy-icons": "rm -f pages/_includes/svg/*.svg && cp node_modules/tabler-icons/icons/*.svg pages/_includes/svg/",
     "css": "npm-run-all css-compile",
     "css-build": "npm-run-all css-compile css-prefix-build css-minify-build",
     "css-compile": "node build/scss-compile.js",
@@ -37,7 +38,7 @@
     "js-lint": "eslint --cache --cache-location .cache/.eslintcache js build/",
     "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.js --sourcemap",
     "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.js --sourcemap",
-    "svg-svgo": "svgo -f svg/fe --pretty && svgo -f svg/brand --pretty",
+    "svg-svgo": "svgo -f svg/brand --pretty",
     "unused-files": "node build/unused-files.js"
   },
   "repository": {
@@ -105,6 +106,7 @@
     "stylelint": "13.2.1",
     "stylelint-config-twbs-bootstrap": "2.0.1",
     "svgo": "1.3.2",
+    "tabler-icons": "1.3.1",
     "terser": "4.6.7",
     "yaml": "1.8.3"
   },
@@ -114,7 +116,7 @@
     "@fullcalendar/interaction": "4.4.0",
     "@fullcalendar/list": "4.4.0",
     "@fullcalendar/timegrid": "4.4.0",
-    "apexcharts": "3.17.0",
+    "apexcharts": "3.17.1",
     "autosize": "4.0.2",
     "bootstrap": "twbs/bootstrap#74afe14",
     "countup.js": "2.0.4",

pages/_data/commits.yml

@@ -140,7 +140,7 @@
   short_hash: c3fa502
   author: XhmikosR
   date: Thu Nov 7 11:20:12 2019 +0200
-  description: "dashboard/index.html: update feather-icons to v4.24.1 (#29651)"
+  description: "dashboard/index.html: update tabler-icons to v4.24.1 (#29651)"
 
 - hash: 1d30e05cafd986b1ca067edd20570899b0ad9e94
   short_hash: 1d30e05

pages/_data/icons.yml

@@ -384,52 +384,120 @@ bootstrap:
   - bootstrap/x-octagon-fill
   - bootstrap/x-square
   - bootstrap/x-square-fill
-fe:
+tabler:
   - activity
-  - airplay
+  - ad
+  - adjustments
+  - alarm
   - alert-circle
-  - alert-octagon
   - alert-triangle
   - align-center
-  - align-justify
+  - align-justified
   - align-left
   - align-right
   - anchor
   - aperture
   - archive
+  - arrow-back
+  - arrow-back-up
+  - arrow-bar-down
+  - arrow-bar-left
+  - arrow-bar-right
+  - arrow-bar-up
+  - arrow-down
   - arrow-down-circle
   - arrow-down-left
+  - arrow-down-left-circle
   - arrow-down-right
-  - arrow-down
-  - arrow-left-circle
+  - arrow-down-right-circle
+  - arrow-forward
+  - arrow-forward-up
   - arrow-left
-  - arrow-right-circle
+  - arrow-left-circle
+  - arrow-narrow-down
+  - arrow-narrow-left
+  - arrow-narrow-right
+  - arrow-narrow-up
   - arrow-right
+  - arrow-right-circle
+  - arrow-up
   - arrow-up-circle
   - arrow-up-left
+  - arrow-up-left-circle
   - arrow-up-right
-  - arrow-up
-  - at-sign
+  - arrow-up-right-circle
+  - arrows-diagonal
+  - arrows-diagonal-2
+  - arrows-horizontal
+  - arrows-maximize
+  - arrows-minimize
+  - arrows-sort
+  - arrows-vertical
+  - artboard
+  - at
+  - atom
   - award
-  - bar-chart-2
-  - bar-chart
-  - battery-charging
+  - backspace
+  - ban
+  - bandage
   - battery
-  - bell-off
+  - battery-1
+  - battery-2
+  - battery-3
+  - battery-4
+  - battery-charging
+  - bed
   - bell
+  - bike
   - bluetooth
   - bold
-  - book-open
+  - bolt
   - book
   - bookmark
+  - border-all
+  - border-bottom
+  - border-horizontal
+  - border-inner
+  - border-left
+  - border-none
+  - border-outer
+  - border-radius
+  - border-right
+  - border-top
+  - border-vertical
   - box
   - briefcase
+  - brightness
+  - brightness-down
+  - brightness-up
+  - bucket
+  - bug
+  - building
+  - building-arch
+  - building-bridge
+  - building-bridge-2
+  - building-church
+  - building-hospital
+  - building-store
+  - bulb
+  - bulb-off
+  - calculator
   - calendar
-  - camera-off
+  - calendar-event
   - camera
+  - caret-down
+  - caret-left
+  - caret-right
+  - caret-up
+  - cash
   - cast
-  - check-circle
-  - check-square
+  - chart-area
+  - chart-area-line
+  - chart-bar
+  - chart-candle
+  - chart-donut
+  - chart-line
+  - chart-pie
   - check
   - chevron-down
   - chevron-left
@@ -441,22 +509,29 @@ fe:
   - chevrons-up
   - chrome
   - circle
+  - circle-check
+  - circle-minus
+  - circle-plus
+  - circle-x
   - clipboard
+  - clipboard-check
+  - clipboard-list
+  - clipboard-x
   - clock
-  - cloud-drizzle
-  - cloud-lightning
-  - cloud-off
+  - cloud
+  - cloud-download
   - cloud-rain
   - cloud-snow
-  - cloud
+  - cloud-storm
+  - cloud-upload
   - code
-  - codepen
-  - codesandbox
-  - coffee
+  - coin
+  - color-swatch
   - columns
   - command
   - compass
   - copy
+  - copyright
   - corner-down-left
   - corner-down-right
   - corner-left-down
@@ -465,202 +540,269 @@ fe:
   - corner-right-up
   - corner-up-left
   - corner-up-right
-  - cpu
   - credit-card
   - crop
-  - crosshair
+  - currency-dollar
+  - currency-euro
+  - cut
+  - dashboard
   - database
-  - delete
+  - device-desktop
+  - device-floppy
+  - device-gamepad
+  - device-laptop
+  - device-mobile
+  - device-mobile-vibration
+  - device-speaker
+  - device-tablet
+  - device-tv
+  - devices
+  - diamond
+  - dice
+  - directions
+  - disabled
   - disc
-  - dollar-sign
-  - download-cloud
+  - dots
+  - dots-circle-horizontal
+  - dots-diagonal
+  - dots-diagonal-2
+  - dots-vertical
   - download
+  - drag-drop
+  - drag-drop-2
   - droplet
-  - edit-2
-  - edit-3
   - edit
+  - egg
+  - eraser
+  - exposure
   - external-link
-  - eye-off
   - eye
-  - facebook
-  - fast-forward
-  - feather
-  - figma
+  - face-id
+  - file
+  - file-check
+  - file-download
+  - file-invoice
   - file-minus
+  - file-music
   - file-plus
+  - file-shredder
   - file-text
-  - file
-  - film
+  - file-x
   - filter
   - flag
+  - flip-horizontal
+  - flip-vertical
+  - floppy-disk
+  - focus
+  - folder
   - folder-minus
   - folder-plus
-  - folder
-  - frown
+  - folder-x
+  - folders
+  - frame
+  - friends
+  - gauge
+  - ghost
   - gift
   - git-branch
   - git-commit
+  - git-compare
+  - git-fork
   - git-merge
   - git-pull-request
-  - github
-  - gitlab
+  - glass
+  - glass-full
   - globe
   - grid
-  - hard-drive
+  - grid-dots
   - hash
   - headphones
+  - headset
   - heart
-  - help-circle
-  - hexagon
+  - help
   - home
-  - image
+  - home-2
+  - ice-cream
+  - id
   - inbox
-  - info
-  - instagram
+  - indent-decrease
+  - indent-increase
+  - infinity
+  - info-circle
+  - info-square
   - italic
   - key
-  - layers
+  - layers-difference
+  - layers-intersect
+  - layers-subtract
+  - layers-union
   - layout
-  - life-buoy
-  - link-2
+  - layout-2
+  - layout-align-bottom
+  - layout-align-center
+  - layout-align-left
+  - layout-align-middle
+  - layout-align-right
+  - layout-align-top
+  - layout-bottombar
+  - layout-columns
+  - layout-distribute-horizontal
+  - layout-distribute-vertical
+  - layout-navbar
+  - layout-rows
+  - layout-sidebar
+  - layout-sidebar-right
+  - lego
+  - lifebuoy
+  - line-height
   - link
-  - linkedin
   - list
-  - loader
+  - list-check
+  - live-photo
+  - location
   - lock
-  - log-in
-  - log-out
+  - lock-open
+  - magnet
   - mail
-  - map-pin
+  - mail-opened
+  - man
   - map
-  - maximize-2
+  - map-2
+  - map-pin
   - maximize
-  - meh
   - menu
+  - message
+  - message-2
   - message-circle
-  - message-square
-  - mic-off
-  - mic
-  - minimize-2
+  - message-dots
+  - messages
+  - microphone
   - minimize
-  - minus-circle
-  - minus-square
   - minus
-  - monitor
+  - mood-confuzed
+  - mood-happy
+  - mood-neutral
+  - mood-sad
+  - mood-smile
+  - mood-tongue
   - moon
-  - more-horizontal
-  - more-vertical
-  - mouse-pointer
-  - move
+  - mouse
+  - movie
+  - mug
   - music
-  - navigation-2
-  - navigation
-  - octagon
+  - news
+  - note
+  - notebook
+  - notes
+  - notification
+  - omega
   - package
+  - paint
+  - palette
   - paperclip
-  - pause-circle
-  - pause
-  - pen-tool
-  - percent
+  - parking
+  - pencil
+  - phone
   - phone-call
-  - phone-forwarded
   - phone-incoming
-  - phone-missed
-  - phone-off
   - phone-outgoing
-  - phone
-  - pie-chart
-  - play-circle
-  - play
-  - plus-circle
-  - plus-square
+  - phone-pause
+  - photo
+  - pillow
+  - plane
+  - plane-arrival
+  - plane-departure
   - plus
-  - pocket
+  - point
   - power
+  - presentation
   - printer
-  - radio
-  - refresh-ccw
-  - refresh-cw
+  - prompt
+  - puzzle
+  - qrcode
+  - record-mail
+  - recycle
+  - refresh
+  - registered
   - repeat
-  - rewind
-  - rotate-ccw
-  - rotate-cw
+  - repeat-once
+  - rotate
+  - rotate-clockwise
+  - route
+  - router
   - rss
-  - save
+  - ruler
   - scissors
   - search
+  - selector
   - send
   - server
   - settings
-  - share-2
+  - shape
   - share
-  - shield-off
   - shield
-  - shopping-bag
+  - shield-check
+  - shield-x
   - shopping-cart
-  - shuffle
-  - sidebar
-  - skip-back
-  - skip-forward
-  - slack
-  - slash
-  - sliders
-  - smartphone
-  - smile
-  - speaker
+  - sitemap
+  - sort-ascending
+  - sort-descending
   - square
+  - square-check
+  - square-minus
+  - square-plus
+  - square-x
+  - stack
   - star
-  - stop-circle
+  - sticker
+  - strikethrough
+  - subscript
+  - sum
   - sun
-  - sunrise
-  - sunset
-  - tablet
+  - superscript
+  - switch
+  - switch-horizontal
+  - switch-vertical
+  - table
   - tag
   - target
-  - terminal
-  - thermometer
-  - thumbs-down
-  - thumbs-up
+  - temperature
+  - temperature-celsius
+  - temperature-fahrenheit
+  - template
+  - test-pipe
+  - thumb-down
+  - thumb-up
+  - ticket
   - toggle-left
   - toggle-right
-  - trash-2
+  - tool
   - trash
-  - trello
   - trending-down
   - trending-up
   - triangle
-  - truck
-  - tv
-  - twitter
-  - type
-  - umbrella
+  - trophy
   - underline
-  - unlock
-  - upload-cloud
+  - unlink
   - upload
+  - urgent
+  - user
   - user-check
   - user-minus
   - user-plus
   - user-x
-  - user
-  - users
-  - video-off
-  - video
-  - voicemail
-  - volume-1
-  - volume-2
-  - volume-x
+  - viewfinder
+  - virus
   - volume
-  - watch
-  - wifi-off
+  - volume-2
+  - volume-3
+  - wallet
   - wifi
-  - wind
-  - x-circle
-  - x-octagon
-  - x-square
+  - wifi-0
+  - wifi-1
+  - wifi-2
+  - woman
+  - world
   - x
-  - youtube
-  - zap-off
-  - zap
   - zoom-in
   - zoom-out

pages/_data/menu.yml

@@ -6,7 +6,7 @@ home:
 forms:
   url: form-elements.html
   title: Form elements
-  icon: check-square
+  icon: checkbox
 
 base:
   title: Base

pages/_docs/buttons.md

@@ -1,6 +1,5 @@
 ---
 title: Buttons
-icon: fe fe-plus-square
 description: Use button styles that best suit your designs and encourage users to take the desired actions. You can customize the button's properties to improve the user experience of your website or system, changing the size, shape, color and many more.
 bootstrap-link: components/buttons/
 done: true
@@ -207,11 +206,11 @@ Add the `.btn-icon` class to remove unnecessary padding from your button and use
 
 {% capture code %}
 {% include ui/button.html icon="activity" color="primary" icon-only=true %}
-{% include ui/button.html icon="github" color="github" icon-only=true %}
+{% include ui/button.html icon="brand/github" color="github" icon-only=true %}
 {% include ui/button.html icon="bell" color="success" icon-only=true %}
 {% include ui/button.html icon="star" color="warning" icon-only=true %}
-{% include ui/button.html icon="trash-2" color="danger" icon-only=true %}
-{% include ui/button.html icon="bar-chart" color="purple" icon-only=true %}
+{% include ui/button.html icon="trash" color="danger" icon-only=true %}
+{% include ui/button.html icon="chart-bar" color="purple" icon-only=true %}
 {% include ui/button.html icon="git-merge" color="secondary" icon-only=true %}
 {% endcapture %}
 {% include example.html code=code wrapper="btn-list" centered=true %}

pages/_docs/form-elements.md

@@ -282,7 +282,7 @@ Add an icon link which you want to display at the end of your input control to v
 {% capture code %}
 <div class="mb-3">
 	<label class="form-label">Input with appended icon links</label>
-	{% include ui/form/input-group.html append-button="x:Clear search,sliders:Search settings,bell:Add notification" flat=true %}
+	{% include ui/form/input-group.html append-button="x:Clear search,adjustments:Search settings,bell:Add notification" flat=true %}
 </div>
 {% endcapture %}
 {% include example.html code=code %}

pages/_includes/cards/company-employees.html

@@ -23,7 +23,7 @@
 					<div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
 				</div>
 			</td>
-			<td><a href="" class="text-muted">{% include ui/icon.html icon="more-horizontal" %}</a></td>
+			<td><a href="" class="text-muted">{% include ui/icon.html icon="dots" %}</a></td>
 		</tr>
 		{% endfor %}
 	</table>

pages/_includes/cards/music/tracks-list.html

@@ -25,7 +25,7 @@
 				</div>
 				<div class="col-auto">
 					<div class="dropdown">
-						<a href="#" class="link-secondary" data-toggle="dropdown">{% include ui/icon.html icon="more-horizontal" %}</a>
+						<a href="#" class="link-secondary" data-toggle="dropdown">{% include ui/icon.html icon="dots" %}</a>
 						{% include ui/dropdown-menu.html right=true %}
 					</div>
 				</div>