slidev-theme-practicum 0.2.0 → 0.4.0

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 (50) hide show
  1. package/README.md +225 -22
  2. package/components/Slide.vue +12 -58
  3. package/components/Slot.vue +4 -3
  4. package/components/StepsGrid.vue +117 -0
  5. package/components/Text.vue +5 -0
  6. package/composables/deck-decors.ts +74 -0
  7. package/composables/deck-slot-markup.cjs +19 -5
  8. package/composables/decor-sources.ts +43 -0
  9. package/composables/layout-authoring.ts +34 -9
  10. package/composables/layout-recipes.ts +16 -2
  11. package/composables/layout-shorthands.ts +157 -83
  12. package/composables/local-layout-variant-files.ts +106 -0
  13. package/composables/local-layout-variants.ts +73 -0
  14. package/composables/slide-layout.ts +3 -0
  15. package/composables/text-fit-runtime.ts +7 -3
  16. package/composables/theme-foundation.ts +7 -3
  17. package/composables/typography-guard.cjs +59 -0
  18. package/composables/use-theme-config.ts +17 -10
  19. package/composables/validate-deck-layouts.cjs +95 -7
  20. package/composables/validate-deck-typography.cjs +101 -0
  21. package/env.d.ts +18 -0
  22. package/example.md +1 -1
  23. package/package.json +18 -6
  24. package/scripts/browser-smoke.mjs +85 -23
  25. package/scripts/check-accessibility.mjs +364 -0
  26. package/scripts/check-consumer.mjs +159 -0
  27. package/scripts/check-local-layout-variant-build.mjs +189 -0
  28. package/scripts/check-package.mjs +18 -2
  29. package/scripts/check-pixels.mjs +251 -0
  30. package/scripts/check-typography.mjs +108 -0
  31. package/scripts/requirements-illustrations.txt +1 -0
  32. package/scripts/test-typography.mjs +89 -0
  33. package/scripts/trace-line-art.py +422 -0
  34. package/scripts/typography-browser.mjs +134 -0
  35. package/scripts/validate-deck.cjs +23 -3
  36. package/setup/vite-plugins.ts +109 -2
  37. package/skills/slidev-practicum/SKILL.md +19 -4
  38. package/skills/slidev-practicum/references/contour-illustrations.md +114 -0
  39. package/skills/slidev-practicum/references/deck-project-structure.md +136 -0
  40. package/skills/slidev-practicum/references/illustration-examples/balance-scales.png +0 -0
  41. package/skills/slidev-practicum/references/illustration-examples/balance-scales.svg +88 -0
  42. package/skills/slidev-practicum/references/illustration-examples/chainsaw.png +0 -0
  43. package/skills/slidev-practicum/references/illustration-examples/chainsaw.svg +4 -0
  44. package/skills/slidev-practicum/references/illustration-examples/graduation-cap.png +0 -0
  45. package/skills/slidev-practicum/references/illustration-examples/graduation-cap.svg +23 -0
  46. package/skills/slidev-practicum/references/illustration-examples/woodcutter-axe.png +0 -0
  47. package/skills/slidev-practicum/references/illustration-examples/woodcutter-axe.svg +4 -0
  48. package/skills/slidev-practicum/references/photographic-illustrations.md +100 -0
  49. package/styles/index.css +20 -27
  50. package/styles/vars.css +6 -2
package/styles/vars.css CHANGED
@@ -22,6 +22,8 @@
22
22
  --theme-grid-span-12-width: calc((var(--theme-cell-width) * 12) + (var(--theme-grid-gap) * 11));
23
23
 
24
24
  --theme-stroke-thin: 1px;
25
+ --theme-focus-width: 3px;
26
+ --theme-focus-offset: 3px;
25
27
  --theme-space-flow: calc(var(--theme-grid-module) * 2);
26
28
  --theme-radius-inline-code: var(--theme-grid-module);
27
29
  --theme-slot-margin-1: calc(var(--theme-grid-module) * 1);
@@ -41,7 +43,7 @@
41
43
  --theme-margin-bottom: calc(var(--theme-grid-module) * 3);
42
44
  --theme-margin-left: calc(var(--theme-grid-module) * 3);
43
45
 
44
- --theme-font-sans: 'YS Text', Inter, sans-serif;
46
+ --theme-font-sans: 'YS Text', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
45
47
  --theme-font-mono: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', monospace;
46
48
 
47
49
  --theme-text-size-0: calc(var(--theme-grid-module) * 2);
@@ -75,7 +77,7 @@
75
77
  --theme-color-light-1: #f0f0f0;
76
78
  --theme-color-dark-0: #1e1e1e;
77
79
  --theme-color-dark-1: #3c3c3c;
78
- --theme-color-dark-2: #969696;
80
+ --theme-color-dark-2: #646464;
79
81
  --theme-color-blue-0: #027ef2;
80
82
  --theme-color-blue-1: #98d2fe;
81
83
  --theme-color-orange-0: #ff6c26;
@@ -91,9 +93,11 @@
91
93
  --theme-text: var(--theme-color-dark-0);
92
94
  --theme-text-muted: var(--theme-color-dark-2);
93
95
  --theme-text-on-dark: var(--theme-color-light-0);
96
+ --theme-text-on-color: var(--theme-color-light-0);
94
97
  --theme-border-subtle: color-mix(in srgb, var(--theme-color-dark-2) 22%, transparent);
95
98
  --theme-current-color: var(--theme-color-blue-0);
96
99
  --theme-text-muted-on-contrast: color-mix(in srgb, var(--theme-color-light-0) 72%, transparent);
100
+ --theme-text-muted-on-color: var(--theme-color-light-0);
97
101
  --theme-link: var(--theme-current-color);
98
102
 
99
103
  --theme-code-bg: var(--theme-color-light-1);