rizzo-css 0.0.51 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +3 -3
  2. package/bin/rizzo-css.js +9 -9
  3. package/dist/rizzo.min.css +3 -2
  4. package/package.json +1 -1
  5. package/scaffold/astro/BackToTop.astro +59 -0
  6. package/scaffold/astro/DocsSidebar.astro +146 -0
  7. package/scaffold/astro/Settings.astro +1 -1
  8. package/scaffold/astro/ThemeSwitcher.astro +2 -1
  9. package/scaffold/astro/icons/ChevronUp.astro +29 -0
  10. package/scaffold/astro-core/README-RIZZO.md +1 -1
  11. package/scaffold/svelte/BackToTop.svelte +53 -0
  12. package/scaffold/svelte/Settings.svelte +1 -1
  13. package/scaffold/svelte/index.ts +4 -0
  14. package/scaffold/svelte-core/README-RIZZO.md +1 -1
  15. package/scaffold/vanilla/README-RIZZO.md +4 -3
  16. package/scaffold/vanilla/components/accordion.html +16 -1
  17. package/scaffold/vanilla/components/alert.html +16 -1
  18. package/scaffold/vanilla/components/avatar.html +16 -1
  19. package/scaffold/vanilla/components/back-to-top.html +623 -0
  20. package/scaffold/vanilla/components/badge.html +16 -1
  21. package/scaffold/vanilla/components/breadcrumb.html +16 -1
  22. package/scaffold/vanilla/components/button.html +16 -1
  23. package/scaffold/vanilla/components/cards.html +16 -1
  24. package/scaffold/vanilla/components/copy-to-clipboard.html +16 -1
  25. package/scaffold/vanilla/components/divider.html +16 -1
  26. package/scaffold/vanilla/components/docs-sidebar.html +16 -1
  27. package/scaffold/vanilla/components/dropdown.html +16 -1
  28. package/scaffold/vanilla/components/font-switcher.html +16 -1
  29. package/scaffold/vanilla/components/footer.html +16 -1
  30. package/scaffold/vanilla/components/forms.html +16 -1
  31. package/scaffold/vanilla/components/icons.html +16 -1
  32. package/scaffold/vanilla/components/index.html +17 -1
  33. package/scaffold/vanilla/components/modal.html +16 -1
  34. package/scaffold/vanilla/components/navbar.html +16 -1
  35. package/scaffold/vanilla/components/pagination.html +16 -1
  36. package/scaffold/vanilla/components/progress-bar.html +16 -1
  37. package/scaffold/vanilla/components/search.html +16 -1
  38. package/scaffold/vanilla/components/settings.html +16 -1
  39. package/scaffold/vanilla/components/sound-effects.html +16 -1
  40. package/scaffold/vanilla/components/spinner.html +16 -1
  41. package/scaffold/vanilla/components/table.html +16 -1
  42. package/scaffold/vanilla/components/tabs.html +16 -1
  43. package/scaffold/vanilla/components/theme-switcher.html +16 -1
  44. package/scaffold/vanilla/components/toast.html +16 -1
  45. package/scaffold/vanilla/components/tooltip.html +16 -1
  46. package/scaffold/vanilla/icons/ChevronUp.svg +12 -0
  47. package/scaffold/vanilla/index.html +16 -1
  48. package/scaffold/vanilla/js/main.js +19 -0
package/scaffold/vanilla/components/button.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/cards.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/copy-to-clipboard.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/divider.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/docs-sidebar.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/dropdown.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/font-switcher.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/footer.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/forms.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/icons.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/index.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -423,6 +427,7 @@
423
427
  <li style="margin-bottom: var(--spacing-2);"><a href="accordion.html" style="color: var(--accent);">Accordion</a></li>
424
428
  <li style="margin-bottom: var(--spacing-2);"><a href="alert.html" style="color: var(--accent);">Alert</a></li>
425
429
  <li style="margin-bottom: var(--spacing-2);"><a href="avatar.html" style="color: var(--accent);">Avatar</a></li>
430
+ <li style="margin-bottom: var(--spacing-2);"><a href="back-to-top.html" style="color: var(--accent);">Back to Top</a></li>
426
431
  <li style="margin-bottom: var(--spacing-2);"><a href="badge.html" style="color: var(--accent);">Badge</a></li>
427
432
  <li style="margin-bottom: var(--spacing-2);"><a href="breadcrumb.html" style="color: var(--accent);">Breadcrumb</a></li>
428
433
  <li style="margin-bottom: var(--spacing-2);"><a href="button.html" style="color: var(--accent);">Button</a></li>
@@ -632,6 +637,17 @@
632
637
 
633
638
 
634
639
 
640
+
641
+
642
+
643
+
644
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
645
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
646
+ <span class="back-to-top__icon" aria-hidden="true">
647
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
648
+ </span>
649
+ </button>
650
+ </div>
635
651
  <script src="../js/main.js"></script>
636
652
  </body>
637
653
  </html>
package/scaffold/vanilla/components/modal.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/navbar.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/pagination.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/progress-bar.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/search.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>
package/scaffold/vanilla/components/settings.html CHANGED
@@ -143,7 +143,7 @@
143
143
  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>
144
144
  </button>
145
145
  </div>
146
- <div class="settings__content">
146
+ <div class="settings__content" tabindex="-1" aria-label="Settings options">
147
147
  <section class="settings__section">
148
148
  <h3 class="settings__section-title">Theme</h3>
149
149
  <div class="settings__control">
@@ -411,6 +411,10 @@
411
411
 
412
412
 
413
413
 
414
+
415
+
416
+
417
+
414
418
 
415
419
 
416
420
 
@@ -603,6 +607,17 @@
603
607
 
604
608
 
605
609
 
610
+
611
+
612
+
613
+
614
+ <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
615
+ <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
616
+ <span class="back-to-top__icon" aria-hidden="true">
617
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
618
+ </span>
619
+ </button>
620
+ </div>
606
621
  <script src="../js/main.js"></script>
607
622
  </body>
608
623
  </html>