rizzo-css 0.0.41 → 0.0.42

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 (54) hide show
  1. package/README.md +3 -3
  2. package/bin/rizzo-css.js +55 -15
  3. package/dist/fonts/DMMono/DMMono-Italic.ttf +0 -0
  4. package/dist/fonts/DMMono/DMMono-Regular.ttf +0 -0
  5. package/dist/fonts/DMMono/OFL.txt +93 -0
  6. package/dist/fonts/DMSans/DMSans-Italic-VariableFont_opsz,wght.ttf +0 -0
  7. package/dist/fonts/DMSans/DMSans-VariableFont_opsz,wght.ttf +0 -0
  8. package/dist/fonts/DMSans/OFL.txt +93 -0
  9. package/dist/fonts/DMSans/README.txt +136 -0
  10. package/dist/fonts/Outfit/OFL.txt +93 -0
  11. package/dist/fonts/Outfit/Outfit-VariableFont_wght.ttf +0 -0
  12. package/dist/fonts/Outfit/README.txt +71 -0
  13. package/dist/rizzo.min.css +6 -3
  14. package/package.json +1 -1
  15. package/scaffold/astro/FontSwitcher.astro +221 -0
  16. package/scaffold/astro/Modal.astro +14 -8
  17. package/scaffold/astro/Settings.astro +12 -49
  18. package/scaffold/astro/SoundEffects.astro +49 -0
  19. package/scaffold/astro-core/README-RIZZO.md +1 -1
  20. package/scaffold/astro-core/src/layouts/Layout.astro +1 -1
  21. package/scaffold/config/fonts.ts +12 -4
  22. package/scaffold/svelte/DocsSidebar.svelte +47 -0
  23. package/scaffold/svelte/FontSwitcher.svelte +180 -0
  24. package/scaffold/svelte/Modal.svelte +2 -0
  25. package/scaffold/svelte/Settings.svelte +18 -0
  26. package/scaffold/svelte/SoundEffects.svelte +43 -0
  27. package/scaffold/svelte-core/README-RIZZO.md +1 -1
  28. package/scaffold/vanilla/README-RIZZO.md +1 -1
  29. package/scaffold/vanilla/components/accordion.html +34 -0
  30. package/scaffold/vanilla/components/alert.html +34 -0
  31. package/scaffold/vanilla/components/avatar.html +34 -0
  32. package/scaffold/vanilla/components/badge.html +34 -0
  33. package/scaffold/vanilla/components/breadcrumb.html +34 -0
  34. package/scaffold/vanilla/components/button.html +34 -0
  35. package/scaffold/vanilla/components/cards.html +34 -0
  36. package/scaffold/vanilla/components/copy-to-clipboard.html +34 -0
  37. package/scaffold/vanilla/components/divider.html +34 -0
  38. package/scaffold/vanilla/components/dropdown.html +34 -0
  39. package/scaffold/vanilla/components/forms.html +34 -0
  40. package/scaffold/vanilla/components/icons.html +34 -0
  41. package/scaffold/vanilla/components/index.html +34 -0
  42. package/scaffold/vanilla/components/modal.html +34 -0
  43. package/scaffold/vanilla/components/navbar.html +34 -0
  44. package/scaffold/vanilla/components/pagination.html +34 -0
  45. package/scaffold/vanilla/components/progress-bar.html +34 -0
  46. package/scaffold/vanilla/components/search.html +34 -0
  47. package/scaffold/vanilla/components/settings.html +34 -0
  48. package/scaffold/vanilla/components/spinner.html +34 -0
  49. package/scaffold/vanilla/components/table.html +34 -0
  50. package/scaffold/vanilla/components/tabs.html +34 -0
  51. package/scaffold/vanilla/components/theme-switcher.html +34 -0
  52. package/scaffold/vanilla/components/toast.html +34 -0
  53. package/scaffold/vanilla/components/tooltip.html +34 -0
  54. package/scaffold/vanilla/index.html +34 -0
package/scaffold/vanilla/components/toast.html CHANGED
@@ -38,6 +38,12 @@
38
38
  } else if (savedFontPair === 'source') {
39
39
  document.documentElement.style.setProperty('--font-family', 'var(--font-family-source-sans-3)');
40
40
  document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-source-code-pro)');
41
+ } else if (savedFontPair === 'dm') {
42
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-dm-sans)');
43
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-dm-mono)');
44
+ } else if (savedFontPair === 'outfit-jetbrains') {
45
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-outfit)');
46
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-jetbrains-mono)');
41
47
  }
42
48
  if (localStorage.getItem('reducedMotion') === 'true') {
43
49
  document.documentElement.classList.add('reduced-motion');
@@ -185,6 +191,8 @@
185
191
  <option value="inter-jetbrains" data-sans="var(--font-family-inter)" data-mono="var(--font-family-jetbrains-mono)">Inter + JetBrains Mono</option>
186
192
  <option value="ibm-plex" data-sans="var(--font-family-ibm-plex-sans)" data-mono="var(--font-family-ibm-plex-mono)">IBM Plex Sans + Mono</option>
187
193
  <option value="source" data-sans="var(--font-family-source-sans-3)" data-mono="var(--font-family-source-code-pro)">Source Sans 3 + Source Code Pro</option>
194
+ <option value="dm" data-sans="var(--font-family-dm-sans)" data-mono="var(--font-family-dm-mono)">DM Sans + DM Mono</option>
195
+ <option value="outfit-jetbrains" data-sans="var(--font-family-outfit)" data-mono="var(--font-family-jetbrains-mono)">Outfit + JetBrains Mono</option>
188
196
  </select>
189
197
  <p class="settings__help-text">Body text and code blocks use the selected pair.</p>
190
198
  </div>
@@ -337,6 +345,19 @@
337
345
 
338
346
 
339
347
 
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
340
361
 
341
362
 
342
363
 
@@ -467,6 +488,19 @@
467
488
 
468
489
 
469
490
 
491
+
492
+
493
+
494
+
495
+
496
+
497
+
498
+
499
+
500
+
501
+
502
+
503
+
470
504
 
471
505
 
472
506
 
package/scaffold/vanilla/components/tooltip.html CHANGED
@@ -38,6 +38,12 @@
38
38
  } else if (savedFontPair === 'source') {
39
39
  document.documentElement.style.setProperty('--font-family', 'var(--font-family-source-sans-3)');
40
40
  document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-source-code-pro)');
41
+ } else if (savedFontPair === 'dm') {
42
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-dm-sans)');
43
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-dm-mono)');
44
+ } else if (savedFontPair === 'outfit-jetbrains') {
45
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-outfit)');
46
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-jetbrains-mono)');
41
47
  }
42
48
  if (localStorage.getItem('reducedMotion') === 'true') {
43
49
  document.documentElement.classList.add('reduced-motion');
@@ -185,6 +191,8 @@
185
191
  <option value="inter-jetbrains" data-sans="var(--font-family-inter)" data-mono="var(--font-family-jetbrains-mono)">Inter + JetBrains Mono</option>
186
192
  <option value="ibm-plex" data-sans="var(--font-family-ibm-plex-sans)" data-mono="var(--font-family-ibm-plex-mono)">IBM Plex Sans + Mono</option>
187
193
  <option value="source" data-sans="var(--font-family-source-sans-3)" data-mono="var(--font-family-source-code-pro)">Source Sans 3 + Source Code Pro</option>
194
+ <option value="dm" data-sans="var(--font-family-dm-sans)" data-mono="var(--font-family-dm-mono)">DM Sans + DM Mono</option>
195
+ <option value="outfit-jetbrains" data-sans="var(--font-family-outfit)" data-mono="var(--font-family-jetbrains-mono)">Outfit + JetBrains Mono</option>
188
196
  </select>
189
197
  <p class="settings__help-text">Body text and code blocks use the selected pair.</p>
190
198
  </div>
@@ -337,6 +345,19 @@
337
345
 
338
346
 
339
347
 
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
340
361
 
341
362
 
342
363
 
@@ -467,6 +488,19 @@
467
488
 
468
489
 
469
490
 
491
+
492
+
493
+
494
+
495
+
496
+
497
+
498
+
499
+
500
+
501
+
502
+
503
+
470
504
 
471
505
 
472
506
 
package/scaffold/vanilla/index.html CHANGED
@@ -38,6 +38,12 @@
38
38
  } else if (savedFontPair === 'source') {
39
39
  document.documentElement.style.setProperty('--font-family', 'var(--font-family-source-sans-3)');
40
40
  document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-source-code-pro)');
41
+ } else if (savedFontPair === 'dm') {
42
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-dm-sans)');
43
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-dm-mono)');
44
+ } else if (savedFontPair === 'outfit-jetbrains') {
45
+ document.documentElement.style.setProperty('--font-family', 'var(--font-family-outfit)');
46
+ document.documentElement.style.setProperty('--font-family-mono', 'var(--font-family-jetbrains-mono)');
41
47
  }
42
48
  if (localStorage.getItem('reducedMotion') === 'true') {
43
49
  document.documentElement.classList.add('reduced-motion');
@@ -185,6 +191,8 @@
185
191
  <option value="inter-jetbrains" data-sans="var(--font-family-inter)" data-mono="var(--font-family-jetbrains-mono)">Inter + JetBrains Mono</option>
186
192
  <option value="ibm-plex" data-sans="var(--font-family-ibm-plex-sans)" data-mono="var(--font-family-ibm-plex-mono)">IBM Plex Sans + Mono</option>
187
193
  <option value="source" data-sans="var(--font-family-source-sans-3)" data-mono="var(--font-family-source-code-pro)">Source Sans 3 + Source Code Pro</option>
194
+ <option value="dm" data-sans="var(--font-family-dm-sans)" data-mono="var(--font-family-dm-mono)">DM Sans + DM Mono</option>
195
+ <option value="outfit-jetbrains" data-sans="var(--font-family-outfit)" data-mono="var(--font-family-jetbrains-mono)">Outfit + JetBrains Mono</option>
188
196
  </select>
189
197
  <p class="settings__help-text">Body text and code blocks use the selected pair.</p>
190
198
  </div>
@@ -337,6 +345,19 @@
337
345
 
338
346
 
339
347
 
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
340
361
 
341
362
 
342
363
 
@@ -502,6 +523,19 @@
502
523
 
503
524
 
504
525
 
526
+
527
+
528
+
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+
537
+
538
+
505
539
 
506
540
 
507
541