pagy 9.3.5 → 43.0.0.rc2

data/locales/pt-BR.yml

@@ -1,21 +1,24 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 pt-BR:
   pagy:
+    p11n: 'OneOther'
     aria_label:
-      nav: 
+      nav:
         one: "Página"
         other: "Páginas"
-      prev: "Anterior"
+      previous: "Anterior"
       next: "Próximo"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "item"
       other: "itens"
-    info:
+    info_tag:
+      no_count: "Página %{page} de %{pages}"
       no_items: "Sem resultados"
       single_page: "Mostrando %{count} %{item_name}"
       multiple_pages: "Mostrando %{item_name} %{from}-%{to} do total de %{count}"
-    combo_nav_js: "Página %{page_input} de %{pages}"
-    limit_selector_js: "Mostrar %{limit_input} %{item_name} por página"
+    input_nav_js: "Página %{page_input} de %{pages}"
+    limit_tag_js: "Mostrar %{limit_input} %{item_name} por página"

data/locales/pt.yml

@@ -1,21 +1,24 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 pt:
   pagy:
+    p11n: 'OneOther'
     aria_label:
-      nav: 
+      nav:
         one: "Página"
         other: "Páginas"
-      prev: "Anterior"
+      previous: "Anterior"
       next: "Próximo"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "item"
       other: "itens"
-    info:
+    info_tag:
+      no_count: "Página %{page} de %{pages}"
       no_items: "Sem resultados"
       single_page: "Mostrando %{count} %{item_name}"
       multiple_pages: "Mostrando %{item_name} %{from}-%{to} de um total de %{count}"
-    combo_nav_js: "Página %{page_input} de %{pages}"
-    limit_selector_js: "Mostrar %{limit_input} %{item_name} por página"
+    input_nav_js: "Página %{page_input} de %{pages}"
+    limit_tag_js: "Mostrar %{limit_input} %{item_name} por página"

data/locales/ru.yml

@@ -1,15 +1,17 @@
-# :east_slavic pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 ru:
   pagy:
+    p11n: 'EastSlavic'
     aria_label:
       nav:
         one: "Страница"
         few: "Страницы"
         many: "Страниц"
         other: "Страниц"
-      prev: "Назад"
+      previous: "Назад"
       next: "Вперёд"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
@@ -17,9 +19,10 @@ ru:
       few: "записи"
       many: "записей"
       other: "записей"
-    info:
+    info_tag:
+      no_count: "Страница %{page} из %{pages}"
       no_items: "Пока %{item_name} нет"
       single_page: "%{count} %{item_name}"
       multiple_pages: "Всего %{count} %{item_name}, показаны с %{from} по %{to}"
-    combo_nav_js: "Страница %{page_input} из %{pages}"
-    limit_selector_js: "Показать %{limit_input} %{item_name} на странице"
+    input_nav_js: "Страница %{page_input} из %{pages}"
+    limit_tag_js: "Показать %{limit_input} %{item_name} на странице"

data/locales/sk.yml

@@ -0,0 +1,26 @@
+# See https://ddnexus.github.io/pagy/resources/i18n
+
+sk:
+  pagy:
+    p11n: 'WestSlavic'
+    aria_label:
+      nav:
+        one: "Stránka"
+        few: "Stránky"
+        other: "Stránky"
+      previous: "Predchádzajúca"
+      next: "Ďalšia"
+    previous: "<"
+    next: ">"
+    gap: "…"
+    item_name:
+      one: "položka"
+      few: "položky"
+      other: "položiek"
+    info_tag:
+      no_count: "Strana %{page} z %{pages}"
+      no_items: "Nič nebolo nájdené"
+      single_page: "Zobrazené %{count} %{item_name}"
+      multiple_pages: "Zobrazené položky %{from}-%{to} z %{count} celkom"
+    input_nav_js: "Strana %{page_input} z %{pages}"
+    limit_tag_js: "Zobraziť %{limit_input} %{item_name} na stránke"

data/locales/sr.yml

@@ -1,15 +1,17 @@
-# :east_slavic pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 sr:
   pagy:
+    p11n: 'EastSlavic'
     aria_label:
       nav:
         one: "Страница"
         few: "Странице"
         many: "Страница"
         other: "Странице"
-      prev: "Претходна"
+      previous: "Претходна"
       next: "Следећa "
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
@@ -17,9 +19,10 @@ sr:
       few: "ставкe"
       many: "ставки"
       other: "ставки"
-    info:
+    info_tag:
+      no_count: "Страниca %{page} од %{pages}"
       no_items: "Нema пронађених %{item_name}"
       single_page: "Приказује се %{count} %{item_name}"
       multiple_pages: "Приказ %{item_name} %{from}-%{to} од %{count} укупно"
-    combo_nav_js: "Страниca %{page_input} од %{pages}"
-    limit_selector_js: "Прикажи %{limit_input} %{item_name} по страниcи"
+    input_nav_js: "Страниca %{page_input} од %{pages}"
+    limit_tag_js: "Прикажи %{limit_input} %{item_name} по страниcи"

data/locales/sv-SE.yml

@@ -1,21 +1,24 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 sv-SE:
   pagy:
+    p11n: 'OneOther'
     aria_label:
       nav:
         one: "Sida"
         other: "Sidor"
-      prev: "Föregående"
+      previous: "Föregående"
       next: "Nästa"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "resultat"
       other: "resultat"
-    info:
+    info_tag:
+      no_count: "Sida %{page} av %{pages}"
       no_items: "Inga %{item_name} hittade"
       single_page: "Visar %{count} %{item_name}"
       multiple_pages: "Visar %{item_name} %{from}-%{to} av %{count} totalt"
-    combo_nav_js: "Sida %{page_input} av %{pages}"
-    limit_selector_js: "Visa %{limit_input} %{item_name} per sida"
+    input_nav_js: "Sida %{page_input} av %{pages}"
+    limit_tag_js: "Visa %{limit_input} %{item_name} per sida"

data/locales/sv.yml

@@ -1,21 +1,24 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 sv:
   pagy:
+    p11n: 'OneOther'
     aria_label:
       nav:
         one: "Sida"
         other: "Sidor"
-      prev: "Föregående"
+      previous: "Föregående"
       next: "Nästa"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "resultat"
       other: "resultat"
-    info:
+    info_tag:
+      no_count: "Sida %{page} av %{pages}"
       no_items: "Inga %{item_name} hittade"
       single_page: "Visar %{count} %{item_name}"
       multiple_pages: "Visar %{item_name} %{from}-%{to} av %{count} totalt"
-    combo_nav_js: "Sida %{page_input} av %{pages}"
-    limit_selector_js: "Visa %{limit_input} %{item_name} per sida"
+    input_nav_js: "Sida %{page_input} av %{pages}"
+    limit_tag_js: "Visa %{limit_input} %{item_name} per sida"

data/locales/sw.yml

@@ -1,25 +1,28 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 sw:
   pagy:
+    p11n: 'OneOther'
     # please add a comment in the https://github.com/ddnexus/pagy/issues/603
     # posting the translation of the following  "Page"/"Pages" with the plurals for this locale
     # Please change the final test in 18n_loacles_test.rb to remove the sw.yml exclusion
     # after you make these changes.
     aria_label:
-      nav: "Pages"
-#        one: ""
-#        other: ""
-      prev: "Awali"
+      nav:
+        one: "Page"
+        other: "Pages"
+      previous: "Awali"
       next: "Ifuatayo"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "kifaa"
       other: "vifaa"
-    info:
+    info_tag:
+      no_count: "Kurasa %{page} ya %{pages}"
       no_items: "Hamna %{item_name} vilivyopatikana"
       single_page: "Inaonyesha %{item_name} %{count}"
       multiple_pages: "Inaonyesha %{item_name} %{from}-%{to} ya %{count} kwa jumla"
-    combo_nav_js: "Kurasa %{page_input} ya %{pages}"
-    limit_selector_js: "Onyesha %{limit_input} %{item_name} kwa kila ukurasa"
+    input_nav_js: "Kurasa %{page_input} ya %{pages}"
+    limit_tag_js: "Onyesha %{limit_input} %{item_name} kwa kila ukurasa"

data/locales/ta.yml

@@ -1,25 +1,24 @@
-# :one_other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 ta:
   pagy:
+    p11n: 'OneOther'
     aria_label:
-      # please add a comment in the https://github.com/ddnexus/pagy/issues/604
-      # posting the translation of the following  "Page"/"Pages" with the plurals for this locale
-      # Please change the final test in 18n_loacles_test.rb to remove the ta.yml exclusion
-      # after you make these changes.
-      nav: "Pages"
-#        one: ""
-#        other: ""
-      prev: "முந்தையது"
+      nav:
+        one: "பக்கம்"
+        other: "பக்கங்கள்"
+      previous: "முந்தையது"
       next: "அடுத்தது"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
       one: "பதிவு"
       other: "பதிவுகள்"
-    info:
+    info_tag:
+      no_count: "%{pages}-இல் %{page}-வது பக்கம்"
       no_items: "%{item_name} கிடைக்கவில்லை"
       single_page: "%{count} %{item_name} காட்டப்படுகின்றது"
       multiple_pages: "மொத்தம் %{count} %{item_name}, காட்டப்படுபவை %{from}-%{to}"
-    combo_nav_js: "%{pages}-இல் %{page_input}-வது பக்கம்"
-    limit_selector_js: "ஒரு பக்கத்திற்கு %{limit_input} %{item_name} காட்டு"
+    input_nav_js: "%{pages}-இல் %{page_input}-வது பக்கம்"
+    limit_tag_js: "ஒரு பக்கத்திற்கு %{limit_input} %{item_name} காட்டு"

data/locales/tr.yml

@@ -1,19 +1,22 @@
-# :other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 tr:
   pagy:
+    p11n: 'Other'
     aria_label:
       # please add a comment in the https://github.com/ddnexus/pagy/issues/605
       # posting the translation of the following  "Page"/"Pages" with the plurals for this locale
       nav: "Pages"
-      prev: "Önceki"
+      previous: "Önceki"
       next: "Sonraki"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name: "kayıt"
-    info:
+    info_tag:
+      no_count: "Sayfa %{page} / %{pages}"
       no_items: "Hiç %{item_name} bulunamadı"
       single_page: "Toplam %{count} %{item_name} gösteriliyor"
       multiple_pages: "%{count} %{item_name} içerisinden %{from}-%{to} kadarı gösteriliyor"
-    combo_nav_js: "Sayfa %{page_input} / %{pages}"
-    limit_selector_js: "Sayfada %{limit_input} %{item_name} göster"
+    input_nav_js: "Sayfa %{page_input} / %{pages}"
+    limit_tag_js: "Sayfada %{limit_input} %{item_name} göster"

data/locales/uk.yml

@@ -1,15 +1,17 @@
-# :east_slavic pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 uk:
   pagy:
+    p11n: 'EastSlavic'
     aria_label:
       nav:
         one: "Сторінка"
         few: "Сторінки"
         many: "Сторінок"
         other: "Сторінки"
-      prev: "Назад"
+      previous: "Назад"
       next: "Далі"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name:
@@ -17,9 +19,10 @@ uk:
       few: "записів"
       many: "записів"
       other: "записів"
-    info:
+    info_tag:
+      no_count: "Сторінка %{page} з %{pages}"
       no_items: "Більше %{item_name} немає"
       single_page: "%{count} %{item_name}"
       multiple_pages: "Загалом %{count} %{item_name}, показані з %{from} по %{to}"
-    combo_nav_js: "Сторінка %{page_input} з %{pages}"
-    limit_selector_js: "Показати %{limit_input} %{item_name} на сторінці"
+    input_nav_js: "Сторінка %{page_input} з %{pages}"
+    limit_tag_js: "Показати %{limit_input} %{item_name} на сторінці"

data/locales/vi.yml

@@ -1,17 +1,20 @@
-# :other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 vi:
   pagy:
+    p11n: 'Other'
     aria_label:
       nav: "Trang"
-      prev: "Trang trước"
+      previous: "Trang trước"
       next: "Trang sau"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name: "kết quả"
-    info:
+    info_tag:
+      no_count: "Trang %{page} trên %{pages}"
       no_items: "Không tìm thấy %{item_name} nào"
       single_page: "%{count} %{item_name}"
       multiple_pages: "Đang hiển thị %{from}-%{to} trong tổng số %{count} %{item_name}"
-    combo_nav_js: "Trang %{page_input} trên %{pages}"
-    limit_selector_js: "Hiển thị %{limit_input} %{item_name} mỗi trang"
+    input_nav_js: "Trang %{page_input} trên %{pages}"
+    limit_tag_js: "Hiển thị %{limit_input} %{item_name} mỗi trang"

data/locales/zh-CN.yml

@@ -1,17 +1,20 @@
-# :other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 zh-CN:
   pagy:
+    p11n: 'Other'
     aria_label:
       nav: "页"
-      prev: "上一页"
+      previous: "上一页"
       next: "下一页"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name: "项"
-    info:
+    info_tag:
+      no_count: "第 %{page} 页，共 %{pages} 页"
       no_items: "未找到任何 %{item_name}"
       single_page: "显示 %{count} 项 %{item_name}"
       multiple_pages: "共 %{count} 项 %{item_name}，显示第 %{from}-%{to} 项"
-    combo_nav_js: "第 %{page_input} 页，共 %{pages} 页"
-    limit_selector_js: "每页显示 %{limit_input} 项 %{item_name}"
+    input_nav_js: "第 %{page_input} 页，共 %{pages} 页"
+    limit_tag_js: "每页显示 %{limit_input} 项 %{item_name}"

data/locales/zh-HK.yml

@@ -1,17 +1,20 @@
-# :other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 zh-HK:
   pagy:
+    p11n: 'Other'
     aria_label:
       nav: "頁"
-      prev: "上一頁"
+      previous: "上一頁"
       next: "下一頁"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name: "項"
-    info:
+    info_tag:
+      no_count: "第 %{page} 頁，共 %{pages} 頁"
       no_items: "搵唔到任何 %{item_name}"
       single_page: "顯示 %{count} 項 %{item_name}"
       multiple_pages: "總共 %{count} 項 %{item_name}，顯示第 %{from} 至 %{to} 項"
-    combo_nav_js: "第 %{page_input} 頁，共 %{pages} 頁"
-    limit_selector_js: "每頁顯示 %{limit_input} 項 %{item_name}"
+    input_nav_js: "第 %{page_input} 頁，共 %{pages} 頁"
+    limit_tag_js: "每頁顯示 %{limit_input} 項 %{item_name}"

data/locales/zh-TW.yml

@@ -1,17 +1,20 @@
-# :other pluralization (see https://github.com/ddnexus/pagy/blob/master/gem/lib/pagy/i18n.rb)
+# See https://ddnexus.github.io/pagy/resources/i18n
+
 zh-TW:
   pagy:
+    p11n: 'Other'
     aria_label:
       nav: "頁"
-      prev: "上一頁"
+      previous: "上一頁"
       next: "下一頁"
-    prev: "<"
+    previous: "<"
     next: ">"
     gap: "…"
     item_name: "項"
-    info:
+    info_tag:
+      no_count: "第 %{page} 頁，共 %{pages} 頁"
       no_items: "未找到任何 %{item_name}"
       single_page: "顯示 %{count} 項 %{item_name}"
       multiple_pages: "共 %{count} 項 %{item_name}，顯示第 %{from} 至 %{to} 項"
-    combo_nav_js: "第 %{page_input} 頁，共 %{pages} 頁"
-    limit_selector_js: "每頁顯示 %{limit_input} 項 %{item_name}"
+    input_nav_js: "第 %{page_input} 頁，共 %{pages} 頁"
+    limit_tag_js: "每頁顯示 %{limit_input} 項 %{item_name}"

data/stylesheets/pagy-tailwind.css

@@ -0,0 +1,64 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .pagy {
+    --B: 1;
+    --H: 0;
+    --S: 0;
+    --L: 50;
+    --spacing: 0.125rem;
+    --padding: 0.75rem;
+    --rounding: 1.75rem;
+    --border-width: 0rem;
+    --font-size: 0.875rem;
+    --font-weight: 600;
+    --line-height: 1.75;
+
+    --text:               hsl(var(--H) var(--S) calc(var(--L) - (30 * var(--B))));
+    --text-hover:         hsl(var(--H) var(--S) calc(var(--L) - (33 * var(--B))));
+    --text-current:       hsl(var(--H) var(--S) calc(100 * (var(--B) + 1)));
+    --background:         hsl(var(--H) var(--S) calc(var(--L) + (30 * var(--B))));
+    --background-hover:   hsl(var(--H) var(--S) calc(var(--L) + (20 * var(--B))));
+    --background-current: hsl(var(--H) var(--S) var(--L));
+    --background-input:   hsl(var(--H) var(--S) calc(var(--L) + (45 * var(--B))));
+    --opacity: 1;
+
+    @apply flex space-x-[var(--spacing)] font-[var(--font-weight)]
+    text-[length:var(--font-size)] text-[var(--text)]
+    leading-[var(--line-height)];
+
+    a:not([role="separator"]) { /* all but gaps */
+      @apply block rounded-[var(--rounding)] px-[var(--padding)] py-[calc(var(--padding)/3)] bg-[var(--background)]
+      border-solid  border-[var(--background-current)] border-[length:var(--border-width)] opacity-[var(--opacity)];
+    }
+
+    a[href]:hover { /* all links on hover */
+      @apply bg-[var(--background-hover)] text-[var(--text-hover)];
+    }
+
+    a:not([href]) { /* all but links */
+      @apply cursor-default
+    }
+
+    a[role="link"]:not([aria-current]) { /* disabled links */
+      @apply opacity-[calc(var(--opacity)*.6)];
+    }
+
+    a[aria-current] {  /* current page */
+      @apply bg-[var(--background-current)] text-[var(--text-current)];
+    }
+
+    label {
+      @apply inline-block whitespace-nowrap rounded-[var(--rounding)] px-[var(--padding)]
+      py-[calc(var(--padding)/3-var(--border-width))]
+      bg-[var(--background)] border-solid border-[length:var(--border-width)] border-[var(--background-current)];
+
+      input {
+        @apply text-[var(--text)] text-[length:var(--font-size)] leading-[var(--line-height)] rounded-[calc(var(--rounding)/2)]
+        font-[var(--font-weight)] bg-[var(--background-input)] border-[length:var(--border-width)] border-[var(--background-current)];
+      }
+    }
+  }
+}

data/stylesheets/pagy.css

@@ -1,46 +1,82 @@
 .pagy {
+  --B: 1;
+  --H: 0;
+  --S: 0;
+  --L: 50;
+  --A: 1;
+  --spacing: 0.125rem;
+  --padding: 0.75rem;
+  --rounding: 1.75rem;
+  --border-width: 0rem;
+  --font-size: 0.875rem;
+  --font-weight: 600;
+  --line-height: 1.75;
+
+  --text:               hsla(var(--H) var(--S) calc(var(--L) - (25 * var(--B))) / var(--A));
+  --text-hover:         hsla(var(--H) var(--S) calc(var(--L) - (30 * var(--B))) / var(--A));
+  --text-current:       hsla(var(--H) var(--S) calc(100 * (var(--B) + 1)) / var(--A));
+  --background:         hsla(var(--H) var(--S) calc(var(--L) + (30 * var(--B))) / var(--A));
+  --background-hover:   hsla(var(--H) var(--S) calc(var(--L) + (20 * var(--B))) / var(--A));
+  --background-current: hsla(var(--H) var(--S) var(--L) / var(--A));
+  --background-input:   hsla(var(--H) var(--S) calc(var(--L) + (45 * var(--B))) / var(--A));
+
+  color: var(--text);
+  font-size: var(--font-size);
+  line-height: var(--line-height);
+  font-weight: var(--font-weight);
   display: flex;
-  font-family: sans-serif;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 600;
-  color: #6b7280;
 }
+
 .pagy > :not([hidden]) ~ :not([hidden]) {
-  --space-reverse: 0;
-  margin-right: calc(0.25rem * var(--space-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--space-reverse)));
+  margin-left: calc(var(--spacing) * (1 - var(--space-reverse, 0)));
+  margin-right: calc(var(--spacing) * var(--space-reverse, 0));
 }
-.pagy a:not(.gap) {
+
+.rtl .pagy > :not([hidden]) ~ :not([hidden]) {
+  --space-reverse: 1;
+}
+
+.pagy a:not([role="separator"]) { /* all but gaps */
   display: block;
   text-decoration: none;
-  border-radius: 0.5rem;
-  background-color: #e5e7eb;
-  padding: 0.25rem 0.75rem;
+  background-color: var(--background);
+  padding: calc(var(--padding) / 3) var(--padding);
+  border: var(--border-width) solid var(--background-current);
+  border-radius: var(--rounding);
   color: inherit;
 }
-.pagy a:not(.gap):hover {
-  background-color: #d1d5db;
+
+.pagy a[href]:hover { /* all links on hover */
+  background-color: var(--background-hover);
+  color: var(--text-hover)
 }
-.pagy a:not(.gap):not([href]) { /* disabled links */
+
+.pagy a:not([href]) { /* all but links */
   cursor: default;
-  background-color: #f3f4f6;
-  color: #d1d5db;
 }
-.pagy a:not(.gap).current {
-  background-color: #9ca3af;
-  color: white;
+
+.pagy a[role="link"]:not([aria-current]) { /* disabled links */
+  opacity: .6;
+}
+
+.pagy a[aria-current] {  /* current page */
+  background-color: var(--background-current);
+  color: var(--text-current);
+  border-color: var(--text);
 }
+
 .pagy label {
   white-space: nowrap;
   display: inline-block;
-  border-radius: 0.5rem;
-  background-color: #e5e7eb;
-  padding: 0.125rem 0.75rem;
+  border: var(--border-width) solid var(--background-current);
+  border-radius: var(--rounding);
+  background-color: var(--background);
+  padding: calc((var(--padding) / 3) - var(--border-width)) var(--padding);
 }
+
 .pagy label input {
-  line-height: 1.5rem;
-  border-radius: 0.375rem;
-  border-style: none;
-  background-color: #f3f4f6;
+  all: unset;
+  border: var(--border-width) solid var(--background-current);
+  border-radius: calc(var(--rounding) / 2) !important;
+  background-color: var(--background-input);
 }