Version Packages (beta)

.all-contributorsrc

@@ -0,0 +1,89 @@
+{
+  "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

@@ -0,0 +1,28 @@
+#!/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)

.bundle/config

@@ -0,0 +1,4 @@
+---
+BUNDLE_PATH: "/home/runner/work/tabler/tabler/vendor/bundle"
+BUNDLE_DEPLOYMENT: "true"
+BUNDLE_JOBS: "4"

.changeset/bright-planes-bathe.md

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

.changeset/chilly-vans-leave.md

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

.changeset/eleven-badgers-applaud.md

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

.changeset/fluffy-papayas-greet.md

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

.changeset/gentle-dingos-joke.md

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

.changeset/long-months-cross.md

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

.changeset/mighty-ligers-help.md

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

.changeset/old-paws-float.md

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

.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/sixty-spoons-move.md

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

.changeset/swift-dogs-serve.md

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

.changeset/thick-dryers-push.md

@@ -1,5 +0,0 @@
----
-"@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

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

.changeset/violet-moons-relate.md

@@ -1,5 +0,0 @@
----
-"@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

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

.github/workflows/bundlewatch.yml

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

.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:
-          node-version: 20
-
-      - name: Install PNPM
-        uses: pnpm/action-setup@v4
-        with:
-          version: 8
+          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: Creating .npmrc
         run: |
           cat << EOF > "$HOME/.npmrc"

.github/workflows/test.yml

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

.gitignore

@@ -22,6 +22,7 @@ node_modules/
 /src/pages/playground.html
 /src/pages/playground-*.html
 /src/pages/features.html
+vendor/
 
 .pnp.loader.mjs
 .pnp.cjs

.percy.yml

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

.ruby-version

@@ -0,0 +1 @@
+3.2.2

CHANGELOG.md

@@ -1,5 +1,75 @@
 # Changelog
 
+## 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
 
 - Update `bootstrap` to v5.3.1
@@ -26,7 +96,6 @@
 - `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)
@@ -35,7 +104,6 @@
 - Fix text color in dark version of navbar (#1569)
 - Changelog update
 
-
 ## `1.0.0-beta18` - 2023-05-14
 
 - new page: Cookie banner
@@ -59,7 +127,6 @@
 - Dark mode lite colors improvement
 - Fix non full width selects (#1392)
 
-
 ## `1.0.0-beta17` - 2023-01-28
 
 - update `bootstrap` to v5.3.0
@@ -82,7 +149,6 @@
 - 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
@@ -97,7 +163,6 @@
 - homepage navbar fix
 - fix #1262 - `.bg-opacity-xx` class is not functioning properly
 
-
 ## `1.0.0-beta15` - 2022-11-01
 
 - new `badges` page
@@ -115,13 +180,11 @@
 - `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
@@ -152,7 +215,6 @@
 - 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
@@ -178,7 +240,6 @@
 - fix form elements demo page radio buttons
 - replace `gulp-minify` with `gulp-terser`
 
-
 ## `1.0.0-beta11` - 2022-07-05
 
 - new `Dropzone` component
@@ -194,7 +255,6 @@
 - 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
@@ -204,7 +264,6 @@
 - 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
@@ -218,7 +277,6 @@
 - add `font-display: swap;` to improve font loading
 - new `Boxed` layout
 
-
 ## `1.0.0-beta8` - 2022-02-05
 
 - update dependencies
@@ -228,7 +286,6 @@
 - 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
@@ -242,7 +299,6 @@
 - RTL stylesheet fixes
 - new card action demos
 
-
 ## `1.0.0-beta6` - 2022-01-18
 
 - pricing cards fix
@@ -256,7 +312,6 @@
 - 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! 🌝🌚**
@@ -274,7 +329,6 @@
 - colors unify
 - add `tom-select` and remove `choices.js`
 
-
 ## `1.0.0-beta4` - 2021-10-24
 
 - upgrade required node.js version to 14
@@ -283,7 +337,6 @@
 - fix #775 - litepicker not initializing
 - fix `nouislider` import in dev
 
-
 ## `1.0.0-beta3` - 2021-05-08
 
 - upgrade Bootstrap to 5.0
@@ -291,7 +344,6 @@
 - change `$border-radius-pill` variable
 - badge vertical align fix
 
-
 ## `1.0.0-beta2` - 2021-03-29
 
 - update dependencies
@@ -305,7 +357,6 @@
 - 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

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

README.md

@@ -13,29 +13,12 @@ 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
 
@@ -85,6 +68,7 @@ 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,6 +269,7 @@ icons:
 
 emails:
   price: "$29"
+  count: 54
   buy_link: https://r.tabler.io/buy-emails
 
 illustrations:

docs/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](/docs/ui/colors) to see the list of available colors.
+Customize the color of the avatars' background. You can click [here](colors) to see the list of available colors.
 
 ```html example centered separated code
 <span class="avatar bg-green-lt">AB</span>

docs/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](/docs/ui/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](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/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-start">Start divider</div>
+<div class="hr-text hr-text-left">Left 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-end">End divider</div>
+<div class="hr-text hr-text-right">Right 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](/docs/ui/colors) to see the list of available colors.
+Customize the color of dividers to make them go well with your design. Click [here](colors) to see the list of available colors.
 
 ```html code example height="380px"
 <p>

docs/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](/docs/ui/colors) to see the list of available colors.
+Customize the color of the progress bar to suit your design. Click [here](colors) to see the list of available colors.
 
 ```html code example columns={1} centered separated
 <div class="progress">

docs/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](/docs/ui/colors) to see the list of available colors.
+Customize the ribbon's background color. You can click [here](colors) to see the list of available colors.
 
 ```html example columns={1} centered
 <div class="card">

docs/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](/docs/ui/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](colors) to see the range of available colors.
 
 ```html code example
 <div class="steps steps-green">

docs/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/ui/getting-started/download). 
+   Before you start with this section, make sure you have followed the [installation guideline](/docs/getting-started/download). 
 </Callout>
 
 ## Sample layout

docs/menu.json

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

gulpfile.js

@@ -26,7 +26,6 @@ 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,
@@ -440,7 +439,6 @@ 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-beta22",
+  "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",
@@ -47,7 +48,7 @@
     "url": "https://github.com/sponsors/codecalm"
   },
   "engines": {
-    "node": "20"
+    "node": ">=18"
   },
   "files": [
     "docs/**/*",
@@ -133,13 +134,14 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
-    "@changesets/cli": "^2.27.11",
+    "@changesets/cli": "^2.27.10",
     "@rollup/plugin-commonjs": "^24.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/pluginutils": "^5.1.4",
+    "@rollup/pluginutils": "^5.1.3",
     "@rollup/stream": "^2.0.0",
-    "@shopify/prettier-plugin-liquid": "^1.6.3",
+    "@shopify/prettier-plugin-liquid": "^1.6.1",
+    "all-contributors-cli": "^6.26.1",
     "apexcharts": "^3.54.1",
     "autoprefixer": "^10.4.20",
     "autosize": "^6.0.1",
@@ -160,7 +162,6 @@
     "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",
@@ -173,12 +174,11 @@
     "plyr": "^3.7.8",
     "postcss": "^8.4.49",
     "prettier": "^2.8.8",
-    "release-it": "^15.11.0",
     "request": "^2.88.2",
     "rollup": "2.79.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "sass": "1.71.1",
+    "sass": "1.71.0",
     "star-rating.js": "^4.3.1",
     "tinymce": "^7.5.1",
     "tom-select": "^2.4.1",
@@ -190,7 +190,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@tabler/icons": "^3.26.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/img/payments/2c2p-dark.svg

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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 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>
+<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>

src/img/payments/2checkout.svg

@@ -1 +1 @@
-<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>
+<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>

src/img/payments/adyen-dark.svg

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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>

src/img/payments/alipay-dark.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#1677FF" d="M0 0h100v60H0z"/><path fill="#fff" d="M11.694 19.5h14.152c1.843 0 3.335 1.506 3.335 3.364v10.89c-.007-.001-.696-.06-3.679-1.068a75 75 0 0 1-1.94-.703q-.6-.223-1.256-.463a17 17 0 0 0 1.738-4.427h-4.105v-1.491h5.028v-.832H19.94v-2.486h-2.052c-.36 0-.36.359-.36.359v2.127h-5.085v.832h5.085v1.49H13.33v.833h8.143a14.7 14.7 0 0 1-1.173 2.89c-2.642-.879-5.462-1.591-7.233-1.153-1.133.282-1.863.784-2.291 1.31-1.967 2.414-.556 6.08 3.598 6.08 2.456 0 4.823-1.38 6.657-3.657 2.73 1.324 8.13 3.595 8.15 3.603v.138c0 1.858-1.49 3.364-3.334 3.364H11.694c-1.843 0-3.335-1.506-3.335-3.364V22.864c0-1.858 1.492-3.364 3.335-3.364"/><path fill="#fff" d="M11.389 31.668c-1.601 1.408-.643 3.981 2.596 3.981 1.883 0 3.765-1.214 5.242-3.158-2.102-1.035-3.883-1.775-5.807-1.584-.52.053-1.497.285-2.031.76M53.572 22.574c0 1.087.794 1.818 1.901 1.818 1.108 0 1.902-.731 1.902-1.818 0-1.065-.794-1.818-1.901-1.818-1.108 0-1.902.753-1.902 1.818M48.265 36.468h3.301V21.216h-3.3zM37.672 31.182l1.964-6.79h.084l1.86 6.79zm4.806-9.443h-4.43l-4.952 14.73h3.051l.836-2.884h5.244l.794 2.883h3.907zM53.823 36.468h3.301V25.27h-3.301zM91.62 25.29l.021-.02h-3.113l-1.964 6.81h-.104l-2.257-6.81h-3.698l4.45 11.24-1.859 3.427v.083H86zM63.247 34.546a3.6 3.6 0 0 1-1.129-.167v-6.06c.69-.48 1.254-.71 1.964-.71 1.233 0 2.215.983 2.215 3.072 0 2.674-1.442 3.865-3.05 3.865m2.089-9.506c-1.212 0-2.152.46-3.218 1.337v-1.108h-3.301V40.02h3.301v-3.656a7.1 7.1 0 0 0 1.922.25c2.946 0 5.6-2.172 5.6-6.038 0-3.468-1.922-5.536-4.304-5.536M76.556 33.752c-.877.48-1.379.669-1.963.669-.795 0-1.296-.523-1.296-1.358 0-.314.063-.627.313-.878.397-.397 1.17-.69 2.946-1.107zm3.301-.084v-4.68c0-2.549-1.504-3.948-4.157-3.948-1.693 0-2.863.292-4.994.94l.585 2.57c1.943-.878 2.8-1.254 3.698-1.254 1.087 0 1.567.773 1.567 1.964v.084c-3.782.71-4.951 1.107-5.683 1.838-.543.544-.773 1.317-.773 2.215 0 2.152 1.672 3.301 3.239 3.301 1.17 0 2.11-.439 3.385-1.4l.23 1.17h3.3z"/></svg>
+<svg width="100" height="60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#003F96" width="100" height="60" rx="4"/><path d="M70.739 18l-.895.07s-.93.209-.93.627v1.393l-4.028.14v-.767h-1.86s-1.858.14-1.858.696v5.086h7.746v3.483h-5.336v1.393h5.336v7.976l3.96-.418V30.12h5.68v-1.393h-5.68v-3.483h6.68v-.697h.171s.517 0 .827-.836l.31-2.299s-.035-1.672-1.79-1.672l-6.198.21V18h-2.135zm6.129 3.204s.55-.035.585.558l-.276 2.124H64.886v-2.299l4.028-.104v.035l3.96-.174 3.994-.14z" fill="#FFF"/><path d="M46.673 28.728l1.273 1.497 1.48 1.324s.414.418.827 0l1.446-1.324 1.274-1.497s.448-.384 0-.871L51.7 26.394l-1.446-1.289s-.413-.418-.826 0l-1.446 1.289-1.308 1.463s-.38.487 0 .87m33.051 4.598s.241-.313 0-.662l-.998-1.114-1.102-.976s-.31-.313-.654 0l-1.102.976-.964 1.114s-.275.349 0 .662l.964 1.115 1.102.975s.344.348.654 0l1.102-.975.998-1.115" fill="#EC6C00"/><path d="M20.678 27.056h11.81s-.345 1.358-1.206 3.065c0 0-1.48 2.925-3.753 5.12 0 0-4.269 4.04-7.023 4.04 0 0-2.032 0-3.34-.766 0 0-1.618-1.01-1.618-3.1 0 0 0-2.752 4.166-3.553 0 0-2.686-.174-4.097 1.254 0 0-1.309 1.254-1.309 3.448 0 0 0 2.09 1.894 3.344 0 0 1.687 1.15 4.097 1.114l.551.035s4.683-.244 9.02-3.9c0 0 3.72-3.135 5.578-7.628 0 0 .586-1.394.896-2.787l.206-1.08v.035h-6.37v-3.065h8.023v-1.358H30.18v-3.17h-2.1l-.896.07s-.93.21-.93.627v2.473H18.51v1.358h7.747v3.065h-5.578v1.359M47.155 18l-.07.662-.447 1.637s-.482 1.114-1.205 1.985v15.708l-3.96-.487v-12.47s-1.48.767-2.754 1.254l-.516-.835s1.342-.94 2.685-2.264c0 0 2.651-2.682 2.651-4.493 0 0 0-.418.93-.627l.895-.07h1.79" fill="#FFF"/><path d="M46.053 24.026h7.437v14.489l3.96.07v-14.56h2.065v-1.393h-2.066V18h-2.135l-.895.07s-.93.209-.93.627v3.935h-7.436v1.394" fill="#FFF"/><path d="M28.046 32.454s-5.027-2.229-8.126-2.333c0 0-2.547-.14-4.648 1.358 0 0-2.203 1.567-2.272 3.901 0 0 0 2.717 2.135 4.25 0 0 1.962 1.427 5.13 1.427h.31l-.517-.035s-2.307 0-3.925-1.149c0 0-1.79-1.289-1.79-3.413 0 0 0-2.3 1.584-3.483 0 0 1.342-.976 3.511-1.01l3.065.348 2.375.94 5.681 2.926s3.89 2.055 7.61 3.309c0 0 12.945 4.354 41.9 1.498l1.55-.314s.55-.244.998-.975c0 0 .38-.592 2.961-2.926 0 0 1.86-1.706 1.24-2.264l-.895.14s-9.469 2.159-23.895 2.751c0 0-16.216.662-24.238-1.672 0 0-5.544-1.602-9.744-3.274" fill="#EC6C00"/></g></svg>

src/img/payments/alipay-plus-dark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" fill="none"><path fill="#00B6FF" d="M0 0h100v60H0z"/><path fill="#fff" d="M24.46 20.953v15.044h3.257V20.953zM9.5 35.997h3.009l.824-2.844h5.172l.783 2.844h3.853l-4.388-14.528h-4.37zm4.513-5.214 1.937-6.697h.082l1.834 6.697zm26.521 5.357c2.906 0 5.523-2.142 5.523-5.955 0-3.417-1.896-5.46-4.245-5.46-1.195 0-2.123.453-3.174 1.318v-1.092h-3.255V39.5h3.255v-3.607a7 7 0 0 0 1.896.247m13.25-.143h3.257l-.392-2.762v-4.616c0-2.512-1.483-3.894-4.101-3.894-1.669 0-2.823.288-4.925.926l.577 2.535c1.917-.865 2.762-1.236 3.647-1.236 1.073 0 1.546.763 1.546 1.938v.082c-3.73.703-4.884 1.091-5.605 1.809-.535.535-.763 1.298-.763 2.185 0 2.122 1.649 3.255 3.194 3.255 1.155 0 2.081-.432 3.339-1.38l.227 1.154zM29.943 24.95v11.046h3.256V24.95zm38.308.021.022-.021h-3.07l-1.936 6.718h-.1l-2.23-6.718h-3.648l4.389 11.087-1.834 3.38v.082h2.865zM40.575 27.26c1.216 0 2.184.968 2.184 3.03 0 2.637-1.42 3.811-3.008 3.811a3.6 3.6 0 0 1-1.113-.165V27.96c.68-.474 1.237-.704 1.938-.704zm9.603 5.38c0-.31.062-.62.31-.867.392-.391 1.153-.68 2.905-1.092v2.637c-.865.475-1.36.66-1.937.66-.784 0-1.278-.515-1.278-1.339M29.7 22.293c0 1.071.783 1.793 1.875 1.793s1.875-.722 1.875-1.793c-.005-1.051-.788-1.793-1.88-1.793-1.093 0-1.87.742-1.87 1.793M90.5 32.032h-7.393a3.685 3.685 0 0 1-3.684-3.684h9.298a1.78 1.78 0 0 1 1.78 1.778zM72.03 28.348h5.6v3.684h-3.818a1.78 1.78 0 0 1-1.779-1.779v-1.91z"/><path fill="#fff" d="M83.106 22.733v9.298a3.684 3.684 0 0 1-3.687-3.683v-7.392h1.91a1.78 1.78 0 0 1 1.777 1.777M83.107 33.839v5.585h-1.91a1.78 1.78 0 0 1-1.778-1.78V33.84z"/></svg>