Release 1.0.0-beta22

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

.all-contributorsrc

@@ -1,89 +0,0 @@
-{
-  "projectName": "tabler",
-  "projectOwner": "tabler",
-  "repoType": "github",
-  "repoHost": "https://github.com",
-  "files": [
-    "CONTRIBUTORS.md"
-  ],
-  "imageSize": 100,
-  "commit": true,
-  "commitConvention": "angular",
-  "contributors": [
-    {
-      "login": "codecalm",
-      "name": "Paweł Kuna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/1282324?v=4",
-      "profile": "https://tabler.io/",
-      "contributions": [
-        "code",
-        "doc"
-      ]
-    },
-    {
-      "login": "martynaaj",
-      "name": "Martyna",
-      "avatar_url": "https://avatars.githubusercontent.com/u/60158888?v=4",
-      "profile": "https://github.com/martynaaj",
-      "contributions": [
-        "doc"
-      ]
-    },
-    {
-      "login": "deralaxo",
-      "name": "Dawid Harat",
-      "avatar_url": "https://avatars.githubusercontent.com/u/40028795?v=4",
-      "profile": "https://github.com/deralaxo",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "rjd22",
-      "name": "Robert-Jan de Dreu",
-      "avatar_url": "https://avatars.githubusercontent.com/u/160743?v=4",
-      "profile": "https://codersopinion.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "FreexD",
-      "name": "Michał Wolny",
-      "avatar_url": "https://avatars.githubusercontent.com/u/7117869?v=4",
-      "profile": "https://github.com/FreexD",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "wangkanai",
-      "name": "Sarin Na Wangkanai",
-      "avatar_url": "https://avatars.githubusercontent.com/u/10666633?v=4",
-      "profile": "https://www.wangkanai.com/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "WinterSilence",
-      "name": "Anton",
-      "avatar_url": "https://avatars.githubusercontent.com/u/3521094?v=4",
-      "profile": "https://ensostudio.ru/",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "dheineman",
-      "name": "Dave Heineman",
-      "avatar_url": "https://avatars.githubusercontent.com/u/516028?v=4",
-      "profile": "https://github.com/dheineman",
-      "contributions": [
-        "code"
-      ]
-    }
-  ],
-  "contributorsPerLine": 7,
-  "linkToUsage": false
-}

.build/changelog.js

@@ -1,28 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs'),
-	path = require('path'),
-	YAML = require('yaml');
-
-const content = YAML.parse(fs.readFileSync(path.join(__dirname, '../src/pages/_data/changelog.yml'), 'utf8')).reverse()
-let readme = `# Changelog
-
-All notable changes to this project will be documented in this file.\n`
-
-content.forEach((change) => {
-	readme += `\n\n## \`${change.version}\` - ${change.date}\n\n`
-
-	if (change.description) {
-		readme += `**${change.description}**\n\n`
-	}
-
-	change.changes.forEach((line) => {
-		readme += `- ${line}\n`
-	})
-
-	console.log(change.version);
-})
-
-fs.writeFileSync(path.join(__dirname, '../CHANGELOG.md'), readme)

.changeset/bright-planes-bathe.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Automatically retrieve and display the changelog from the CHANGELOG.md file.

.changeset/chilly-mayflies-ring.md

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

.changeset/chilly-vans-leave.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Make horizontal rule direction aware

.changeset/eleven-badgers-applaud.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Emails to v2.0

.changeset/fluffy-papayas-greet.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Replace `.page-center` with `.my-auto` in single page layouts

.changeset/gentle-dingos-joke.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix icon display issues in the Star Ratings component

.changeset/long-months-cross.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Improve base font family loading 

.changeset/mighty-ligers-help.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `@charset` CSS declaration in bundle.

.changeset/modern-dogs-wonder.md

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

.changeset/old-paws-float.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix padding in code blocks

.changeset/sixty-spoons-move.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix cells with inline icons

.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/swift-dogs-serve.md

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

.changeset/tabler-icons.md

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

.changeset/thick-dryers-push.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Upgrade Node.js from version 18 to version 20 for improved performance, security, and feature updates.

.changeset/violet-moons-relate-2.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+New page with payment providers: `payment-providers.html`

.changeset/violet-moons-relate.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": minor
+---
+
+Add support for new payment providers: 2c2p, Adyen, Affirm, Alipay Plus, Allegro Pay, Amazon Pay, Apple Pay, Autopay, Binance USD, Bkash, Cash App, Chime, EasyPaisa, Ethereum, Google Pay, HubSpot, iDeal, Litecoin, Mercado Pago, MetaMask, MoneyGram, OpenSea, Payconiq, Payka, Payline, PayPo, Paysafe, Poli, Revolut Pay, Samsung Pay, Shop Pay, Solana, Spingo, Stax, Tether, True USD, Venmo, WeChat Pay, Wise, Zelle

.changeset/witty-pens-trade.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix colors in date range datepicker

.github/workflows/bundlewatch.yml

@@ -9,7 +9,7 @@ on:
 
 env:
   FORCE_COLOR: 2
-  NODE: 18
+  NODE: 20
 
 jobs:
   bundlewatch:

.github/workflows/release.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Setup Node.js 18
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
 
       - name: Install PNPM
         uses: pnpm/action-setup@v4

.github/workflows/test.yml

@@ -5,7 +5,7 @@ on:
     types: [ opened, reopened ]
 
 env:
-  NODE: 18
+  NODE: 20
 
 permissions:
   contents: read

.gitignore

@@ -12,8 +12,6 @@ node_modules/
 /.cache/
 .sass-cache/
 
-.vscode/
-
 /_gh_pages/
 /site/docs/**/dist/
 /site/static/**/dist/

.percy.yml

@@ -1,3 +0,0 @@
-version: 1
-snapshot:
-  widths: [1440]

.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,8 +1,5 @@
 # Changelog
 
-All notable changes to this project will be documented in this file.
-
-
 ## `1.0.0-beta20` - 2023-08-24
 
 - Update `bootstrap` to v5.3.1

Gemfile.lock

@@ -1,22 +1,28 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.6)
-      public_suffix (>= 2.0.2, < 6.0)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    bigdecimal (3.1.9)
     colorator (1.1.0)
-    concurrent-ruby (1.2.3)
+    concurrent-ruby (1.3.4)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.16.3)
+    ffi (1.17.1)
+    ffi (1.17.1-arm64-darwin)
     forwardable-extended (2.6.0)
-    google-protobuf (4.26.1)
+    google-protobuf (4.29.2)
+      bigdecimal
       rake (>= 13)
-    htmlbeautifier (1.4.2)
+    google-protobuf (4.29.2-arm64-darwin)
+      bigdecimal
+      rake (>= 13)
+    htmlbeautifier (1.4.3)
     htmlcompressor (0.4.0)
     http_parser.rb (0.8.0)
-    i18n (1.14.4)
+    i18n (1.14.6)
       concurrent-ruby (~> 1.0)
     jekyll (4.3.3)
       addressable (~> 2.4)
@@ -48,8 +54,8 @@ GEM
       mini_i18n (>= 0.8.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.4.0)
-      rexml
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.4)
@@ -60,25 +66,26 @@ GEM
     mini_i18n (0.9.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.5)
+    public_suffix (6.0.1)
     rake (13.2.1)
     rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.3.6)
-      strscan
-    rouge (4.2.1)
+    rexml (3.4.0)
+    rouge (4.5.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)
+    sass-embedded (1.83.0)
+      google-protobuf (~> 4.28)
+      rake (>= 13)
+    sass-embedded (1.83.0-arm64-darwin)
+      google-protobuf (~> 4.28)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
-    unicode-display_width (2.5.0)
-    webrick (1.8.1)
+    unicode-display_width (2.6.0)
+    webrick (1.9.1)
 
 PLATFORMS
+  arm64-darwin-24
   ruby
 
 DEPENDENCIES
@@ -89,4 +96,4 @@ DEPENDENCIES
   jekyll-timeago
 
 BUNDLED WITH
-   2.4.19
+   2.6.2

README.md

@@ -13,12 +13,29 @@ A premium and open source dashboard template with a responsive and high-quality
 <a href="https://github.com/tabler/tabler" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/tabler/tabler?style=social"></a>
 </p>
 
+## Sponsors
+
+**If you want to support our project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**
+
 <p align="center">
   <a href="https://github.com/sponsors/codecalm">
     <img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
   </a>
 </p>
 
+## Testing
+
+<p align="center">Browser testing via:</p>
+
+<p align="center">
+  <a href="https://www.lambdatest.com/" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/14dd2a0a-bafe-436e-a6cb-29636278c781">
+      <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83">
+      <img src="https://github.com/user-attachments/assets/d3dede5a-d702-47c3-bb66-4d887948ed83" alt="Tabler Icons preview" width="296">
+    </picture>
+  </a>
+</p>
 
 ## 🔎 Preview
 
@@ -68,7 +85,6 @@ Support this project by becoming a sponsor. Your logo will show up in this READM
 <a href="https://opencollective.com/tabler/tiers/sponsor/8/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/8/avatar.svg" /></a>
 <a href="https://opencollective.com/tabler/tiers/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/9/avatar.svg" /></a>
 
-
 ## 📦 Setup environment
 
 To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:

_config.yml

@@ -269,7 +269,6 @@ icons:
 
 emails:
   price: "$29"
-  count: 54
   buy_link: https://r.tabler.io/buy-emails
 
 illustrations:

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

docs/menu.json

@@ -4,23 +4,23 @@
     "items": [
       {
         "title": "Introduction",
-        "href": "/docs/getting-started"
+        "href": "/docs/ui/getting-started"
       },
       {
         "title": "Browser Support",
-        "href": "/docs/getting-started/browser-support"
+        "href": "/docs/ui/getting-started/browser-support"
       },
       {
         "title": "Customize Tabler",
-        "href": "/docs/getting-started/customize"
+        "href": "/docs/ui/getting-started/customize"
       },
       {
         "title": "Download",
-        "href": "/docs/getting-started/download"
+        "href": "/docs/ui/getting-started/download"
       },
       {
         "title": "FAQ",
-        "href": "/docs/getting-started/faq"
+        "href": "/docs/ui/getting-started/faq"
       }
     ]
   },
@@ -30,11 +30,11 @@
       {
         "title": "Colors",
         "label": "new",
-        "href": "/docs/base/colors"
+        "href": "/docs/ui/base/colors"
       },
       {
         "title": "Typography",
-        "href": "/docs/base/typography"
+        "href": "/docs/ui/base/typography"
       }
     ]
   },
@@ -44,11 +44,11 @@
       {
         "title": "Page layouts",
         "label": "new",
-        "href": "/docs/layout/page-layouts"
+        "href": "/docs/ui/layout/page-layouts"
       },
       {
         "title": "Page headers",
-        "href": "/docs/layout/page-headers"
+        "href": "/docs/ui/layout/page-headers"
       }
     ]
   },
@@ -57,139 +57,139 @@
     "items": [
       {
         "title": "Alerts",
-        "href": "/docs/components/alerts"
+        "href": "/docs/ui/components/alerts"
       },
       {
         "title": "Autosize",
-        "href": "/docs/components/autosize"
+        "href": "/docs/ui/components/autosize"
       },
       {
         "title": "Avatars",
-        "href": "/docs/components/avatars"
+        "href": "/docs/ui/components/avatars"
       },
       {
         "title": "Badges",
-        "href": "/docs/components/badges"
+        "href": "/docs/ui/components/badges"
       },
       {
         "title": "Breadcrumb",
-        "href": "/docs/components/breadcrumb"
+        "href": "/docs/ui/components/breadcrumb"
       },
       {
         "title": "Buttons",
-        "href": "/docs/components/buttons"
+        "href": "/docs/ui/components/buttons"
       },
       {
         "title": "Cards",
-        "href": "/docs/components/cards"
+        "href": "/docs/ui/components/cards"
       },
       {
         "title": "Carousel",
-        "href": "/docs/components/carousel"
+        "href": "/docs/ui/components/carousel"
       },
       {
         "title": "Charts",
-        "href": "/docs/components/charts"
+        "href": "/docs/ui/components/charts"
       },
       {
         "title": "Datagrid",
-        "href": "/docs/components/datagrid"
+        "href": "/docs/ui/components/datagrid"
       },
       {
         "title": "Divider",
-        "href": "/docs/components/divider"
+        "href": "/docs/ui/components/divider"
       },
       {
         "title": "Dropdowns",
-        "href": "/docs/components/dropdowns"
+        "href": "/docs/ui/components/dropdowns"
       },
       {
         "title": "Dropzone",
-        "href": "/docs/components/dropzone"
+        "href": "/docs/ui/components/dropzone"
       },
       {
         "title": "Empty",
-        "href": "/docs/components/empty"
+        "href": "/docs/ui/components/empty"
       },
       {
         "title": "Icons",
-        "href": "/docs/components/icons"
+        "href": "/docs/ui/components/icons"
       },
       {
         "title": "Inline Player",
-        "href": "/docs/components/inline-player"
+        "href": "/docs/ui/components/inline-player"
       },
       {
         "title": "Modals",
-        "href": "/docs/components/modals"
+        "href": "/docs/ui/components/modals"
       },
       {
         "title": "Placeholder",
-        "href": "/docs/components/placeholder"
+        "href": "/docs/ui/components/placeholder"
       },
       {
         "title": "Popover",
-        "href": "/docs/components/popover"
+        "href": "/docs/ui/components/popover"
       },
       {
         "title": "Progress",
-        "href": "/docs/components/progress"
+        "href": "/docs/ui/components/progress"
       },
       {
         "title": "Progress background",
-        "href": "/docs/components/progressbg"
+        "href": "/docs/ui/components/progressbg"
       },
       {
         "title": "Range slider",
-        "href": "/docs/components/range-slider"
+        "href": "/docs/ui/components/range-slider"
       },
       {
         "title": "Ribbons",
-        "href": "/docs/components/ribbons"
+        "href": "/docs/ui/components/ribbons"
       },
       {
         "title": "Spinners",
-        "href": "/docs/components/spinners"
+        "href": "/docs/ui/components/spinners"
       },
       {
         "title": "Statuses",
-        "href": "/docs/components/statuses"
+        "href": "/docs/ui/components/statuses"
       },
       {
         "title": "Steps",
-        "href": "/docs/components/steps"
+        "href": "/docs/ui/components/steps"
       },
       {
         "title": "Switch icon",
-        "href": "/docs/components/switch-icon"
+        "href": "/docs/ui/components/switch-icon"
       },
       {
         "title": "Tables",
-        "href": "/docs/components/tables"
+        "href": "/docs/ui/components/tables"
       },
       {
         "title": "Tabs",
-        "href": "/docs/components/tabs"
+        "href": "/docs/ui/components/tabs"
       },
       {
         "title": "Timelines",
-        "href": "/docs/components/timelines"
+        "href": "/docs/ui/components/timelines"
       },
       {
         "title": "Tinymce",
-        "href": "/docs/components/tinymce"
+        "href": "/docs/ui/components/tinymce"
       },
       {
         "title": "Toasts",
-        "href": "/docs/components/toasts"
+        "href": "/docs/ui/components/toasts"
       },
       {
         "title": "Tooltips",
-        "href": "/docs/components/tooltips"
+        "href": "/docs/ui/components/tooltips"
       },
       {
         "title": "Tracking",
-        "href": "/docs/components/tracking"
+        "href": "/docs/ui/components/tracking"
       }
     ]
   },
@@ -198,35 +198,35 @@
     "items": [
       {
         "title": "Base elements",
-        "href": "/docs/forms/form-elements"
+        "href": "/docs/ui/forms/form-elements"
       },
       {
         "title": "Fieldset",
-        "href": "/docs/forms/form-fieldset"
+        "href": "/docs/ui/forms/form-fieldset"
       },
       {
         "title": "Color check",
-        "href": "/docs/forms/form-color-check"
+        "href": "/docs/ui/forms/form-color-check"
       },
       {
         "title": "Image check",
-        "href": "/docs/forms/form-image-check"
+        "href": "/docs/ui/forms/form-image-check"
       },
       {
         "title": "Selectbox",
-        "href": "/docs/forms/form-selectboxes"
+        "href": "/docs/ui/forms/form-selectboxes"
       },
       {
         "title": "Validation",
-        "href": "/docs/forms/form-validation"
+        "href": "/docs/ui/forms/form-validation"
       },
       {
         "title": "Input mask",
-        "href": "/docs/forms/form-input-mask"
+        "href": "/docs/ui/forms/form-input-mask"
       },
       {
         "title": "Form helpers",
-        "href": "/docs/forms/form-helpers"
+        "href": "/docs/ui/forms/form-helpers"
       }
     ]
   },
@@ -235,11 +235,11 @@
     "items": [
       {
         "title": "Flags",
-        "href": "/docs/plugins/flags"
+        "href": "/docs/ui/plugins/flags"
       },
       {
         "title": "Payments",
-        "href": "/docs/plugins/payments"
+        "href": "/docs/ui/plugins/payments"
       }
     ]
   },
@@ -248,15 +248,15 @@
     "items": [
       {
         "title": "Borders",
-        "href": "/docs/utilities/borders"
+        "href": "/docs/ui/utilities/borders"
       },
       {
         "title": "Cursors",
-        "href": "/docs/utilities/cursors"
+        "href": "/docs/ui/utilities/cursors"
       },
       {
         "title": "Interactions",
-        "href": "/docs/utilities/interactions"
+        "href": "/docs/ui/utilities/interactions"
       }
     ]
   },
@@ -265,7 +265,7 @@
     "items": [
       {
         "title": "Introduction",
-        "href": "/docs/icons",
+        "href": "/docs/ui/icons",
         "label": "new"
       },
       {

docs/ui/components/avatars.mdx

@@ -73,7 +73,7 @@ Apart from pictures and initials, you can also use icons to make the avatars mor
 
 ## Avatar initials color
 
-Customize the color of the avatars' background. You can click [here](colors) to see the list of available colors.
+Customize the color of the avatars' background. You can click [here](/docs/ui/colors) to see the list of available colors.
 
 ```html example centered separated code
 <span class="avatar bg-green-lt">AB</span>

docs/ui/components/badges.mdx

@@ -72,7 +72,7 @@ Use the `.badge-pill` class if you want to create a badge with rounded corners.
 
 ## Soft color badges
 
-You can create a soft colour variant of a corresponding contextual badge variation, to make it look more subtle. Click [here](colors) to see the list of available colors and choose ones that best suit your design.
+You can create a soft colour variant of a corresponding contextual badge variation, to make it look more subtle. Click [here](/docs/ui/colors) to see the list of available colors and choose ones that best suit your design.
 
 ```html code example vertical centered separated scrollable height="15rem"
 <span class="badge bg-blue-lt">Blue</span>

docs/ui/components/divider.mdx

@@ -26,7 +26,7 @@ You can modify the position of the text which is to be included in a separator a
 <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.
 </p>
-<div class="hr-text hr-text-left">Left divider</div>
+<div class="hr-text hr-text-start">Start divider</div>
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
@@ -34,7 +34,7 @@ You can modify the position of the text which is to be included in a separator a
 <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.
 </p>
-<div class="hr-text hr-text-right">Right divider</div>
+<div class="hr-text hr-text-end">End divider</div>
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
@@ -42,7 +42,7 @@ You can modify the position of the text which is to be included in a separator a
 
 ## Divider color
 
-Customize the color of dividers to make them go well with your design. Click [here](colors) to see the list of available colors.
+Customize the color of dividers to make them go well with your design. Click [here](/docs/ui/colors) to see the list of available colors.
 
 ```html code example height="380px"
 <p>

docs/ui/components/progress.mdx

@@ -66,7 +66,7 @@ You can also use native HTML5 `<progress>` element.
 
 ## Progress color
 
-Customize the color of the progress bar to suit your design. Click [here](colors) to see the list of available colors.
+Customize the color of the progress bar to suit your design. Click [here](/docs/ui/colors) to see the list of available colors.
 
 ```html code example columns={1} centered separated
 <div class="progress">

docs/ui/components/ribbons.mdx

@@ -68,7 +68,7 @@ Using multiple classes at once will give you more position options. For example,
 
 ## Ribbon color
 
-Customize the ribbon's background color. You can click [here](colors) to see the list of available colors.
+Customize the ribbon's background color. You can click [here](/docs/ui/colors) to see the list of available colors.
 
 ```html example columns={1} centered
 <div class="card">

docs/ui/components/steps.mdx

@@ -50,7 +50,7 @@ Add tooltips, if you want to provide users with additional information about the
 
 ## Color
 
-You can customize the default progress indicator by changing the color to one that better suits your design. Click [here](colors) to see the range of available colors.
+You can customize the default progress indicator by changing the color to one that better suits your design. Click [here](/docs/ui/colors) to see the range of available colors.
 
 ```html code example
 <div class="steps steps-green">

docs/ui/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/ui/layout/page-layouts.mdx

@@ -4,7 +4,7 @@ description: Learn how to build a sample version of the dashboard
 ---
 
 <Callout>
-   Before you start with this section, make sure you have followed the [installation guideline](/docs/getting-started/download). 
+   Before you start with this section, make sure you have followed the [installation guideline](/docs/ui/getting-started/download). 
 </Callout>
 
 ## Sample layout

gulpfile.js

@@ -26,6 +26,7 @@ const gulp = require('gulp'),
 	cp = require('child_process'),
 	pkg = require('./package.json'),
 	year = new Date().getFullYear(),
+	replace = require('gulp-replace'),
 	argv = yargs(process.argv).argv
 
 let BUILD = false,
@@ -439,6 +440,7 @@ gulp.task('copy-dist', () => {
 gulp.task('add-banner', () => {
 	return gulp.src(`${distDir}/{css,js}/**/*.{js,css}`)
 		.pipe(header(getBanner()))
+		.pipe(replace(/^([\s\S]+)(@charset "UTF-8";)\n?/, '$2\n$1'))
 		.pipe(gulp.dest(`${distDir}`))
 })
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tabler/core",
-  "version": "1.0.0-beta21",
+  "version": "1.0.0-beta22",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "homepage": "https://tabler.io",
   "scripts": {
@@ -47,7 +47,7 @@
     "url": "https://github.com/sponsors/codecalm"
   },
   "engines": {
-    "node": ">=18"
+    "node": "20"
   },
   "files": [
     "docs/**/*",
@@ -131,27 +131,26 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@changesets/cli": "^2.27.8",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@changesets/cli": "^2.27.11",
     "@rollup/plugin-commonjs": "^24.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.1",
     "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/pluginutils": "^5.1.0",
+    "@rollup/pluginutils": "^5.1.4",
     "@rollup/stream": "^2.0.0",
-    "@shopify/prettier-plugin-liquid": "^1.5.0",
-    "all-contributors-cli": "^6.26.1",
-    "apexcharts": "^3.53.0",
+    "@shopify/prettier-plugin-liquid": "^1.6.3",
+    "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",
@@ -161,6 +160,7 @@
     "gulp-postcss": "^9.0.1",
     "gulp-purgecss": "^5.0.0",
     "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.4",
     "gulp-rtlcss": "^2.0.0",
     "gulp-sass": "^5.1.0",
     "gulp-terser": "^2.1.0",
@@ -171,26 +171,26 @@
     "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.1",
     "star-rating.js": "^4.3.1",
-    "tinymce": "^7.3.0",
-    "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.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.26.0",
     "bootstrap": "5.3.3"
   },
   "peerDependencies": {

src/img/payments/2c2p-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#004F5C" d="M0 0h100v60H0z"/><path fill="#fff" d="m60.03 33.273-3.194 1.272v.364l4.412-.94h4.017l-.609 3.486h-14.85l.64-3.455 7.698-3.485.008-.004c2.612-1.179 3.887-1.755 3.887-3.087 0-1.212-.913-1.909-2.647-1.909-2.039 0-3.56 1.242-3.987 3.212h-4.169c.67-4 3.652-6.727 8.308-6.727 3.895 0 6.481 1.909 6.481 5.152 0 3.302-2.86 4.879-5.994 6.12m-19.17 4.484c-4.077 0-7.485-2.878-7.485-7.272 0-4.606 4.016-8.485 8.672-8.485 3.743 0 7.394 2.394 7.486 6.727h-4.078c-.182-1.848-1.673-3.03-3.53-3.03-2.556 0-4.564 2.212-4.564 4.667 0 2.212 1.582 3.696 3.621 3.696 1.643 0 3.378-.97 4.047-2.424h4.078c-.822 3.697-4.504 6.121-8.247 6.121m-14.636-4.484-3.195 1.272v.364l4.412-.94h4.017l-.609 3.486H16L16.639 34l7.698-3.485.009-.004c2.611-1.179 3.887-1.755 3.887-3.087 0-1.212-.913-1.909-2.648-1.909-2.039 0-3.56 1.242-3.986 3.212h-4.17c.67-4 3.653-6.727 8.308-6.727 3.895 0 6.482 1.909 6.482 5.152 0 3.302-2.861 4.879-5.995 6.12M70.742 35.212c1.034 1.666 2.83 2.545 4.93 2.545 4.198 0 8.154-3.697 8.154-8.787 0-4.303-2.708-6.94-5.933-6.94-2.435 0-4.352 1.394-5.66 3.637h-.426L72.902 23l.122-.667h-3.895L65.629 42h3.926zm5.447-9.575c2.069 0 3.65 1.545 3.65 3.757 0 2.576-2.038 4.666-4.442 4.666-2.1 0-3.773-1.484-3.773-3.757 0-2.515 2.07-4.666 4.565-4.666"/></svg>

src/img/payments/2c2p.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#fff" d="M0 0h100v60H0z"/><path fill="#004F5C" d="m60.03 33.273-3.194 1.272v.364l4.412-.94h4.017l-.609 3.486h-14.85l.64-3.455 7.698-3.485.008-.004c2.612-1.179 3.887-1.755 3.887-3.087 0-1.212-.913-1.909-2.647-1.909-2.039 0-3.56 1.242-3.987 3.212h-4.169c.67-4 3.652-6.727 8.308-6.727 3.895 0 6.481 1.909 6.481 5.152 0 3.302-2.86 4.879-5.994 6.12m-19.17 4.484c-4.077 0-7.485-2.878-7.485-7.272 0-4.606 4.016-8.485 8.672-8.485 3.743 0 7.394 2.394 7.486 6.727h-4.078c-.182-1.848-1.673-3.03-3.53-3.03-2.556 0-4.564 2.212-4.564 4.667 0 2.212 1.582 3.696 3.621 3.696 1.643 0 3.378-.97 4.047-2.424h4.078c-.822 3.697-4.504 6.121-8.247 6.121m-14.636-4.484-3.195 1.272v.364l4.412-.94h4.017l-.609 3.486H16L16.639 34l7.698-3.485.009-.004c2.611-1.179 3.887-1.755 3.887-3.087 0-1.212-.913-1.909-2.648-1.909-2.039 0-3.56 1.242-3.986 3.212h-4.17c.67-4 3.653-6.727 8.308-6.727 3.895 0 6.482 1.909 6.482 5.152 0 3.302-2.861 4.879-5.995 6.12M70.742 35.212c1.034 1.666 2.83 2.545 4.93 2.545 4.198 0 8.154-3.697 8.154-8.787 0-4.303-2.708-6.94-5.933-6.94-2.435 0-4.352 1.394-5.66 3.637h-.426L72.902 23l.122-.667h-3.895L65.629 42h3.926zm5.447-9.575c2.069 0 3.65 1.545 3.65 3.757 0 2.576-2.038 4.666-4.442 4.666-2.1 0-3.773-1.484-3.773-3.757 0-2.515 2.07-4.666 4.565-4.666"/></svg>

src/img/payments/2checkout-dark.svg

@@ -1 +1 @@
-<svg width="100" height="60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#008FBE" width="100" height="60" rx="4"/><path d="M68.204 24.433C65.822 16.656 58.582 11 50.018 11 39.515 11 31 19.507 31 30c0 10.494 8.515 19 19.018 19 8.606 0 15.874-5.712 18.218-13.548a6.65 6.65 0 01-3.468.944c-3.823 0-6.49-2.896-6.49-6.396v-.035c0-3.5 2.703-6.43 6.526-6.43 1.284 0 2.433.332 3.4.898zm-22.572 11.75h-8.998V34.46l4.285-3.642c1.707-1.439 2.33-2.238 2.33-3.358 0-1.225-.872-1.937-2.01-1.937s-1.92.622-2.88 1.867l-1.547-1.21c1.191-1.67 2.364-2.61 4.587-2.61 2.437 0 4.109 1.492 4.109 3.713v.035c0 1.953-1.031 3.02-3.237 4.814l-2.562 2.132h5.923v1.918zm12.343-10.941l-1.54 1.503c-.887-.732-1.857-1.204-3.094-1.204-2.383 0-4.108 1.954-4.108 4.388v.036c0 2.434 1.725 4.424 4.108 4.424 1.281 0 2.175-.441 3.059-1.169l1.458 1.425c-1.182 1.085-2.532 1.75-4.59 1.75-3.627 0-6.329-2.824-6.329-6.395v-.035c0-3.536 2.65-6.43 6.42-6.43 2.134 0 3.48.695 4.616 1.707zM69 30v-.035c0-2.416-1.76-4.424-4.232-4.424-2.47 0-4.196 1.972-4.196 4.388v.036c0 2.416 1.76 4.424 4.232 4.424C67.275 34.389 69 32.417 69 30z" fill="#FFF"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#008FBE" d="M0 0h100v60H0z"/><path fill="#fff" d="M68.204 24.433C65.822 16.656 58.582 11 50.018 11 39.515 11 31 19.507 31 30s8.515 19 19.018 19c8.606 0 15.874-5.712 18.218-13.548a6.65 6.65 0 0 1-3.468.944c-3.823 0-6.49-2.896-6.49-6.396v-.035c0-3.5 2.703-6.43 6.526-6.43 1.284 0 2.433.332 3.4.898m-22.572 11.75h-8.998V34.46l4.285-3.642c1.707-1.439 2.33-2.238 2.33-3.358 0-1.225-.872-1.937-2.01-1.937s-1.92.622-2.88 1.867l-1.547-1.21c1.191-1.67 2.364-2.61 4.587-2.61 2.437 0 4.109 1.492 4.109 3.713v.035c0 1.953-1.031 3.02-3.237 4.814l-2.562 2.132h5.923zm12.343-10.941-1.54 1.503c-.887-.732-1.857-1.204-3.094-1.204-2.383 0-4.108 1.954-4.108 4.388v.036c0 2.434 1.725 4.424 4.108 4.424 1.281 0 2.175-.441 3.059-1.169l1.458 1.425c-1.182 1.085-2.532 1.75-4.59 1.75-3.627 0-6.329-2.824-6.329-6.395v-.035c0-3.536 2.65-6.43 6.42-6.43 2.134 0 3.48.695 4.616 1.707M69 30v-.035c0-2.416-1.76-4.424-4.232-4.424-2.47 0-4.196 1.972-4.196 4.388v.036c0 2.416 1.76 4.424 4.232 4.424C67.275 34.389 69 32.417 69 30"/></svg>

src/img/payments/2checkout.svg

@@ -1 +1 @@
-<svg width="100" height="60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#FFF" width="100" height="60" rx="4"/><path d="M67.204 24.433C64.822 16.656 57.582 11 49.018 11 38.515 11 30 19.507 30 30c0 10.494 8.515 19 19.018 19 8.606 0 15.874-5.712 18.218-13.548a6.65 6.65 0 01-3.468.944c-3.823 0-6.49-2.896-6.49-6.396v-.035c0-3.5 2.703-6.43 6.526-6.43 1.284 0 2.433.332 3.4.898zm-22.572 11.75h-8.998V34.46l4.285-3.642c1.707-1.439 2.33-2.238 2.33-3.358 0-1.225-.872-1.937-2.01-1.937s-1.92.622-2.88 1.867l-1.547-1.21c1.191-1.67 2.364-2.61 4.587-2.61 2.437 0 4.109 1.492 4.109 3.713v.035c0 1.953-1.031 3.02-3.237 4.814l-2.562 2.132h5.923v1.918zm12.343-10.941l-1.54 1.503c-.887-.732-1.857-1.204-3.094-1.204-2.383 0-4.108 1.954-4.108 4.388v.036c0 2.434 1.725 4.424 4.108 4.424 1.281 0 2.175-.441 3.059-1.169l1.458 1.425c-1.182 1.085-2.532 1.75-4.59 1.75-3.627 0-6.329-2.824-6.329-6.395v-.035c0-3.536 2.65-6.43 6.42-6.43 2.134 0 3.48.695 4.616 1.707zM68 30v-.035c0-2.416-1.76-4.424-4.232-4.424-2.47 0-4.196 1.972-4.196 4.388v.036c0 2.416 1.76 4.424 4.232 4.424C66.275 34.389 68 32.417 68 30z" fill="#008FBE"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#fff" d="M0 0h100v60H0z"/><path fill="#008FBE" d="M67.204 24.433C64.822 16.656 57.582 11 49.018 11 38.515 11 30 19.507 30 30s8.515 19 19.018 19c8.606 0 15.874-5.712 18.218-13.548a6.65 6.65 0 0 1-3.468.944c-3.823 0-6.49-2.896-6.49-6.396v-.035c0-3.5 2.703-6.43 6.526-6.43 1.284 0 2.433.332 3.4.898m-22.572 11.75h-8.998V34.46l4.285-3.642c1.707-1.439 2.33-2.238 2.33-3.358 0-1.225-.872-1.937-2.01-1.937s-1.92.622-2.88 1.867l-1.547-1.21c1.191-1.67 2.364-2.61 4.587-2.61 2.437 0 4.109 1.492 4.109 3.713v.035c0 1.953-1.031 3.02-3.237 4.814l-2.562 2.132h5.923zm12.343-10.941-1.54 1.503c-.887-.732-1.857-1.204-3.094-1.204-2.383 0-4.108 1.954-4.108 4.388v.036c0 2.434 1.725 4.424 4.108 4.424 1.281 0 2.175-.441 3.059-1.169l1.458 1.425c-1.182 1.085-2.532 1.75-4.59 1.75-3.627 0-6.329-2.824-6.329-6.395v-.035c0-3.536 2.65-6.43 6.42-6.43 2.134 0 3.48.695 4.616 1.707M68 30v-.035c0-2.416-1.76-4.424-4.232-4.424-2.47 0-4.196 1.972-4.196 4.388v.036c0 2.416 1.76 4.424 4.232 4.424C66.275 34.389 68 32.417 68 30"/></svg>

src/img/payments/adyen-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#0ABF53" d="M0 0h100v60H0z"/><path fill="#fff" d="M35.91 33.273h-1.432a.75.75 0 0 1-.75-.75v-9.068h-2.83a2.626 2.626 0 0 0-2.625 2.626v7.84a2.625 2.625 0 0 0 2.626 2.625h10.465V18H35.91zM23.466 23.455H13.187v3.273h6.698a.75.75 0 0 1 .75.75v5.795h-1.431a.75.75 0 0 1-.75-.75v-4.159h-2.83A2.626 2.626 0 0 0 13 30.99v2.93a2.625 2.625 0 0 0 2.626 2.626H26.09V26.081a2.626 2.626 0 0 0-2.626-2.626M49.751 33.273h1.432v-9.818h5.455v15.92A2.626 2.626 0 0 1 54.012 42H43.734v-3.818h7.449v-1.636h-5.01a2.626 2.626 0 0 1-2.627-2.626V23.455h5.455v9.068a.75.75 0 0 0 .75.75M69.285 23.455H58.82V33.92a2.626 2.626 0 0 0 2.625 2.626h10.278v-3.273h-6.699a.75.75 0 0 1-.75-.75v-5.795h1.432a.75.75 0 0 1 .75.75v4.159h2.829a2.626 2.626 0 0 0 2.626-2.626v-2.93a2.626 2.626 0 0 0-2.626-2.626M74.093 23.455h10.465a2.626 2.626 0 0 1 2.626 2.626v10.465h-5.455v-9.068a.75.75 0 0 0-.75-.75h-1.432v9.818h-5.454z"/></svg>

src/img/payments/adyen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#fff" d="M0 0h100v60H0z"/><path fill="#0ABF53" d="M35.91 33.273h-1.432a.75.75 0 0 1-.75-.75v-9.068h-2.83a2.626 2.626 0 0 0-2.625 2.626v7.84a2.625 2.625 0 0 0 2.626 2.625h10.465V18H35.91zM23.466 23.455H13.187v3.273h6.698a.75.75 0 0 1 .75.75v5.795h-1.431a.75.75 0 0 1-.75-.75v-4.159h-2.83A2.626 2.626 0 0 0 13 30.99v2.93a2.625 2.625 0 0 0 2.626 2.626H26.09V26.081a2.626 2.626 0 0 0-2.626-2.626M49.751 33.273h1.432v-9.818h5.455v15.92A2.626 2.626 0 0 1 54.012 42H43.734v-3.818h7.449v-1.636h-5.01a2.626 2.626 0 0 1-2.627-2.626V23.455h5.455v9.068a.75.75 0 0 0 .75.75M69.285 23.455H58.82V33.92a2.626 2.626 0 0 0 2.625 2.626h10.278v-3.273h-6.699a.75.75 0 0 1-.75-.75v-5.795h1.432a.75.75 0 0 1 .75.75v4.159h2.829a2.626 2.626 0 0 0 2.626-2.626v-2.93a2.626 2.626 0 0 0-2.626-2.626M74.093 23.455h10.465a2.626 2.626 0 0 1 2.626 2.626v10.465h-5.455v-9.068a.75.75 0 0 0-.75-.75h-1.432v9.818h-5.454z"/></svg>

src/img/payments/affirm-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#4A4AF4" d="M0 0h100v60H0z"/><path fill="#fff" d="M12.91 33.874c1.273-1.015 3.62-1.976 5.659-1.976 3.015 0 5.33 1.352 5.33 4.68v8.059H20.59v-1.924C19.84 44.013 18.26 45 16.486 45c-2.486 0-4.079-1.351-4.079-3.587 0-2.82 2.87-3.83 6.529-4.305.979-.127 1.497-.451 1.497-1.093 0-.953-.782-1.426-2.198-1.426-1.49 0-3.14.8-4.163 1.733zm4.428 8.542c1.76 0 3.024-1.52 3.024-3.39-2.854.305-4.418.781-4.418 2.179 0 .753.465 1.211 1.394 1.211M51.776 32.262v12.375h3.539v-5.964c0-2.833 1.716-3.665 2.912-3.665.468 0 1.098.136 1.513.448l.645-3.272c-.547-.234-1.118-.286-1.586-.286-1.82 0-2.964.806-3.718 2.444v-2.08zM76.795 31.898c-1.872 0-3.272 1.107-4 2.172-.675-1.377-2.108-2.172-3.824-2.172-1.872 0-3.167 1.04-3.766 2.235v-1.871h-3.41v12.375h3.541v-6.37c0-2.287 1.197-3.384 2.315-3.384 1.012 0 1.942.654 1.942 2.344v7.41h3.537v-6.37c0-2.313 1.17-3.384 2.339-3.384.936 0 1.924.68 1.924 2.318v7.436h3.535v-8.554c0-2.782-1.871-4.185-4.133-4.185M43.16 32.262h-3.207v-1.259c0-1.637.935-2.105 1.741-2.105.89 0 1.584.395 1.584.395l1.092-2.496s-1.106-.722-3.118-.722c-2.262 0-4.836 1.274-4.836 5.277v.91h-5.367v-1.259c0-1.637.934-2.105 1.74-2.105.457 0 1.074.106 1.584.395l1.092-2.496c-.652-.381-1.699-.722-3.118-.722-2.262 0-4.836 1.274-4.836 5.277v.91h-2.053v2.73h2.053v9.645h3.538v-9.645h5.367v9.645h3.537v-9.645h3.207zM45.27 44.636h3.534V32.26h-3.533z"/><path fill="#fff" d="M65.886 15c-9.554 0-18.068 6.631-20.485 15.157h3.462c2.02-6.348 8.871-11.922 17.022-11.922 9.91 0 18.473 7.544 18.473 19.288 0 2.635-.341 5.014-.988 7.113h3.359l.033-.115c.552-2.166.831-4.52.831-6.998C87.593 24.426 78.05 15 65.885 15"/></svg>

src/img/payments/affirm.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#fff" d="M0 0h100v60H0z"/><path fill="#101820" d="M12.91 33.874c1.273-1.015 3.62-1.976 5.659-1.976 3.015 0 5.33 1.352 5.33 4.68v8.059H20.59v-1.924C19.84 44.013 18.26 45 16.486 45c-2.486 0-4.079-1.351-4.079-3.587 0-2.82 2.87-3.83 6.529-4.305.979-.127 1.497-.451 1.497-1.093 0-.953-.782-1.426-2.198-1.426-1.49 0-3.14.8-4.163 1.733zm4.428 8.542c1.76 0 3.024-1.52 3.024-3.39-2.854.305-4.418.781-4.418 2.179 0 .753.465 1.211 1.394 1.211M51.776 32.262v12.375h3.539v-5.964c0-2.833 1.716-3.665 2.912-3.665.467 0 1.098.136 1.513.448l.645-3.272c-.547-.234-1.118-.286-1.586-.286-1.82 0-2.964.806-3.718 2.444v-2.08zM76.795 31.898c-1.872 0-3.272 1.107-4 2.172-.675-1.377-2.108-2.172-3.824-2.172-1.872 0-3.167 1.04-3.766 2.235v-1.871h-3.41v12.375h3.541v-6.37c0-2.287 1.197-3.384 2.315-3.384 1.012 0 1.942.654 1.942 2.344v7.41h3.537v-6.37c0-2.313 1.17-3.384 2.339-3.384.935 0 1.924.68 1.924 2.318v7.436h3.535v-8.554c0-2.782-1.871-4.185-4.133-4.185M43.16 32.262h-3.207v-1.259c0-1.637.935-2.105 1.741-2.105.89 0 1.584.395 1.584.395l1.092-2.496s-1.106-.722-3.118-.722c-2.262 0-4.836 1.274-4.836 5.277v.91h-5.367v-1.259c0-1.637.934-2.105 1.74-2.105.457 0 1.074.106 1.584.395l1.092-2.496c-.652-.381-1.699-.722-3.118-.722-2.262 0-4.836 1.274-4.836 5.277v.91h-2.053v2.73h2.053v9.645h3.538v-9.645h5.367v9.645h3.537v-9.645h3.207zM45.27 44.636h3.534V32.26h-3.533z"/><path fill="#4A4AF4" d="M65.885 15c-9.554 0-18.067 6.631-20.484 15.157h3.462c2.02-6.348 8.871-11.922 17.022-11.922 9.91 0 18.473 7.544 18.473 19.288 0 2.635-.341 5.014-.988 7.113h3.359l.033-.115c.552-2.166.831-4.52.831-6.998C87.593 24.426 78.05 15 65.885 15"/></svg>