create-bearminion 1.1.0 → 1.2.1

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 (42) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +4 -2
  3. package/package.json +2 -2
  4. package/template/README.md +6 -6
  5. package/template/content/pages/index.json +4 -0
  6. package/template/package.json +1 -1
  7. package/template/src/components/atoms/typography.ts +3 -2
  8. package/template/src/components/molecules/CommandLine.astro +109 -0
  9. package/template/src/components/molecules/SectionHeader.astro +1 -1
  10. package/template/src/components/sections/SectionList.astro +9 -0
  11. package/template/src/components/sections/cta/Cta.astro +36 -11
  12. package/template/src/components/sections/cta/definition.ts +16 -2
  13. package/template/src/components/sections/definitions.ts +6 -0
  14. package/template/src/components/sections/faq/Faq.astro +9 -4
  15. package/template/src/components/sections/faq/definition.ts +6 -3
  16. package/template/src/components/sections/features/Features.astro +40 -15
  17. package/template/src/components/sections/features/definition.ts +2 -12
  18. package/template/src/components/sections/hero/Hero.astro +60 -30
  19. package/template/src/components/sections/hero/HeroBadge.astro +26 -0
  20. package/template/src/components/sections/hero/definition.ts +41 -3
  21. package/template/src/components/sections/media/Media.astro +117 -0
  22. package/template/src/components/sections/media/Media.stories.ts +31 -0
  23. package/template/src/components/sections/media/MediaPlayer.astro +148 -0
  24. package/template/src/components/sections/media/definition.ts +72 -0
  25. package/template/src/components/sections/media/source.ts +33 -0
  26. package/template/src/components/sections/media/wireframe.ts +9 -0
  27. package/template/src/components/sections/registry.ts +6 -0
  28. package/template/src/components/sections/steps/Steps.astro +139 -0
  29. package/template/src/components/sections/steps/Steps.stories.ts +27 -0
  30. package/template/src/components/sections/steps/definition.ts +62 -0
  31. package/template/src/components/sections/steps/icons.ts +27 -0
  32. package/template/src/components/sections/steps/wireframe.ts +16 -0
  33. package/template/src/components/sections/text-image/TextImage.astro +2 -4
  34. package/template/src/components/sections/text-image/definition.ts +3 -2
  35. package/template/src/components/sections/video/Video.astro +78 -0
  36. package/template/src/components/sections/video/Video.stories.ts +17 -0
  37. package/template/src/components/sections/video/VideoFrame.astro +60 -0
  38. package/template/src/components/sections/video/definition.ts +58 -0
  39. package/template/src/components/sections/video/wireframe.ts +9 -0
  40. package/template/src/layouts/Base.astro +1 -1
  41. package/template/src/lib/image-url.ts +38 -0
  42. package/template/src/styles/global.css +18 -4
package/template/src/styles/global.css CHANGED
@@ -216,6 +216,19 @@
216
216
  [data-field-kind="rich"] li::marker {
217
217
  color: var(--muted);
218
218
  }
219
+ /* Inline code, written with backticks: a small mono chip that keeps its words together. */
220
+ [data-field-kind="rich"] code {
221
+ display: inline-block;
222
+ margin: 0.0625rem;
223
+ padding: 0.0625rem 0.4375rem;
224
+ border-radius: 6px;
225
+ background: var(--surface);
226
+ box-shadow: inset 0 0 0 1px var(--line);
227
+ font-family: var(--font-mono);
228
+ font-size: 0.84em;
229
+ color: var(--fg);
230
+ white-space: nowrap;
231
+ }
219
232
  blockquote[data-field-kind="rich"]::before {
220
233
  content: "“";
221
234
  }
@@ -331,14 +344,15 @@
331
344
  [data-open="true"] .menu-bar-2 {
332
345
  transform: translateY(-2.75px) rotate(-45deg);
333
346
  }
334
- [data-motion="true"] [data-reveal] {
347
+ /* A section's own motion setting decides, not the page's: `<html>` carries data-motion too. */
348
+ [data-motion="true"] > [data-reveal] {
335
349
  opacity: 0;
336
350
  transform: translateY(28px);
337
351
  }
338
- [data-motion="true"] [data-reveal="16"] {
352
+ [data-motion="true"] > [data-reveal="16"] {
339
353
  transform: translateY(16px);
340
354
  }
341
- [data-motion="true"][data-revealed] [data-reveal] {
355
+ [data-motion="true"][data-revealed] > [data-reveal] {
342
356
  opacity: 1;
343
357
  transform: none;
344
358
  transition:
@@ -362,7 +376,7 @@
362
376
  color: var(--bg);
363
377
  }
364
378
  @media (prefers-reduced-motion: reduce) {
365
- [data-motion="true"] [data-reveal] {
379
+ [data-motion="true"] > [data-reveal] {
366
380
  opacity: 1;
367
381
  transform: none;
368
382
  }