@baybreezy/docd 0.1.11 → 0.1.12

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.
@@ -111,18 +111,12 @@
111
111
  --scroll-fade-t: 0px;
112
112
  }
113
113
  to {
114
- --scroll-fade-t: var(
115
- --_scroll-fade-size-t,
116
- var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
117
- );
114
+ --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
118
115
  }
119
116
  }
120
117
  @keyframes scroll-fade-reveal-b {
121
118
  from {
122
- --scroll-fade-b: var(
123
- --_scroll-fade-size-b,
124
- var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
125
- );
119
+ --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
126
120
  }
127
121
  to {
128
122
  --scroll-fade-b: 0px;
@@ -133,18 +127,12 @@
133
127
  --scroll-fade-s: 0px;
134
128
  }
135
129
  to {
136
- --scroll-fade-s: var(
137
- --_scroll-fade-size-s,
138
- var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
139
- );
130
+ --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
140
131
  }
141
132
  }
142
133
  @keyframes scroll-fade-reveal-e {
143
134
  from {
144
- --scroll-fade-e: var(
145
- --_scroll-fade-size-e,
146
- var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
147
- );
135
+ --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
148
136
  }
149
137
  to {
150
138
  --scroll-fade-e: 0px;
@@ -332,7 +320,10 @@
332
320
  @supports (animation-timeline: scroll()) {
333
321
  animation: scroll-fade-reveal-b 1ms ease-in-out;
334
322
  animation-timeline: scroll(self y);
335
- animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
323
+ animation-range: calc(
324
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
325
+ )
326
+ 100%;
336
327
  animation-fill-mode: both;
337
328
  }
338
329
 
@@ -392,7 +383,10 @@
392
383
  @supports (animation-timeline: scroll()) {
393
384
  animation: scroll-fade-reveal-e 1ms ease-in-out;
394
385
  animation-timeline: scroll(self x);
395
- animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
386
+ animation-range: calc(
387
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
388
+ )
389
+ 100%;
396
390
  animation-fill-mode: both;
397
391
  }
398
392
 
@@ -468,7 +462,10 @@
468
462
  @supports (animation-timeline: scroll()) {
469
463
  animation: scroll-fade-reveal-e 1ms ease-in-out;
470
464
  animation-timeline: scroll(self inline);
471
- animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
465
+ animation-range: calc(
466
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
467
+ )
468
+ 100%;
472
469
  animation-fill-mode: both;
473
470
  }
474
471
 
@@ -535,16 +532,21 @@
535
532
  @utility shimmer {
536
533
  --_spread: var(--shimmer-spread, calc(3ch + 40px));
537
534
  --_base: currentColor;
538
- --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* 0.2)));
535
+ --_highlight: var(
536
+ --shimmer-color,
537
+ oklch(from currentColor l c h / calc(alpha* 0.2))
538
+ );
539
539
 
540
540
  background-image: var(
541
541
  --shimmer-image,
542
542
  linear-gradient(
543
543
  calc(90deg + var(--shimmer-angle)),
544
544
  var(--_base) calc(50% - var(--_spread)),
545
- color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5),
545
+ color-mix(in oklch, var(--_highlight), var(--_base) 50%)
546
+ calc(50% - var(--_spread) * 0.5),
546
547
  var(--_highlight) 50%,
547
- color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5),
548
+ color-mix(in oklch, var(--_highlight), var(--_base) 50%)
549
+ calc(50% + var(--_spread) * 0.5),
548
550
  var(--_base) calc(50% + var(--_spread))
549
551
  )
550
552
  );
@@ -610,3 +612,49 @@
610
612
  -webkit-text-fill-color: currentColor;
611
613
  }
612
614
  }
615
+
616
+
617
+ /* Message entrance animations for the MessageScroller demos. */
618
+ @keyframes ms-anim-fade {
619
+ from { opacity: 0; }
620
+ to { opacity: 1; }
621
+ }
622
+ @keyframes ms-anim-slide-up {
623
+ from { opacity: 0; transform: translateY(10px); }
624
+ to { opacity: 1; transform: translateY(0); }
625
+ }
626
+ @keyframes ms-anim-slide-side {
627
+ from { opacity: 0; transform: translateX(18px); }
628
+ to { opacity: 1; transform: translateX(0); }
629
+ }
630
+ @keyframes ms-anim-pop {
631
+ from { opacity: 0; transform: translateY(6px) scale(0.94); }
632
+ to { opacity: 1; transform: translateY(0) scale(1); }
633
+ }
634
+ @keyframes ms-anim-spring-bounce {
635
+ 0% { opacity: 0; transform: translateY(12px) scale(0.96); }
636
+ 60% { opacity: 1; transform: translateY(-2px) scale(1.01); }
637
+ 100% { opacity: 1; transform: translateY(0) scale(1); }
638
+ }
639
+ @keyframes ms-anim-blur-fade {
640
+ from { opacity: 0; filter: blur(4px); transform: translateY(6px); }
641
+ to { opacity: 1; filter: blur(0); transform: translateY(0); }
642
+ }
643
+ @keyframes ms-anim-scale-fade {
644
+ from { opacity: 0; transform: scale(0.98); }
645
+ to { opacity: 1; transform: scale(1); }
646
+ }
647
+
648
+ .ms-anim-fade { animation: ms-anim-fade 0.26s cubic-bezier(0.16, 1, 0.3, 1) both; }
649
+ .ms-anim-slide-up { animation: ms-anim-slide-up 0.26s cubic-bezier(0.16, 1, 0.3, 1) both; }
650
+ .ms-anim-slide-side { animation: ms-anim-slide-side 0.3s cubic-bezier(0.16, 1, 0.3, 1) both; }
651
+ .ms-anim-pop { animation: ms-anim-pop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
652
+ .ms-anim-spring-bounce { animation: ms-anim-spring-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
653
+ .ms-anim-blur-fade { animation: ms-anim-blur-fade 0.3s cubic-bezier(0.16, 1, 0.3, 1) both; }
654
+ .ms-anim-scale-fade { animation: ms-anim-scale-fade 0.24s cubic-bezier(0.16, 1, 0.3, 1) both; }
655
+
656
+ @media (prefers-reduced-motion: reduce) {
657
+ [class*="ms-anim-"] {
658
+ animation: none;
659
+ }
660
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@baybreezy/docd",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "description": "A Nuxt layer for building documentation sites with UI Thing.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -31,42 +31,42 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@baybreezy/file-extension-icon": "^0.0.5",
34
- "@iconify-json/lucide": "^1.2.114",
35
- "@iconify-json/material-icon-theme": "^1.2.67",
36
- "@iconify-json/simple-icons": "^1.2.86",
37
- "@iconify/utils": "^3.1.3",
34
+ "@iconify-json/lucide": "^1.2.116",
35
+ "@iconify-json/material-icon-theme": "^1.2.69",
36
+ "@iconify-json/simple-icons": "^1.2.89",
37
+ "@iconify/utils": "^3.1.4",
38
38
  "@morev/vue-transitions": "^3.0.5",
39
- "@nuxt/content": "3.14.0",
39
+ "@nuxt/content": "3.15.0",
40
40
  "@nuxt/fonts": "^0.14.0",
41
- "@nuxt/icon": "^2.2.3",
41
+ "@nuxt/icon": "^2.3.1",
42
42
  "@nuxt/image": "2.0.0",
43
43
  "@nuxt/kit": "^4.4.8",
44
44
  "@nuxtjs/color-mode": "^4.0.1",
45
45
  "@nuxtjs/mcp-toolkit": "^0.17.2",
46
- "@nuxtjs/mdc": "^0.22.0",
47
- "@nuxtjs/robots": "^6.1.1",
46
+ "@nuxtjs/mdc": "^0.22.1",
47
+ "@nuxtjs/robots": "^6.1.2",
48
48
  "@tailwindcss/forms": "^0.5.11",
49
49
  "@tailwindcss/typography": "^0.5.20",
50
- "@tailwindcss/vite": "^4.3.1",
51
- "@takumi-rs/core": "^1.8.7",
50
+ "@tailwindcss/vite": "^4.3.2",
51
+ "@takumi-rs/core": "^2.0.3",
52
52
  "@vueuse/core": "^14.3.0",
53
53
  "@vueuse/nuxt": "^14.3.0",
54
54
  "better-sqlite3": "^12.11.1",
55
55
  "defu": "^6.1.7",
56
56
  "git-url-parse": "^16.1.0",
57
57
  "lodash-es": "^4.18.1",
58
- "mermaid": "^11.15.0",
58
+ "mermaid": "^11.16.0",
59
59
  "motion-v": "^2.3.0",
60
60
  "nuxt-component-meta": "^0.17.2",
61
61
  "nuxt-gtag": "4.1.0",
62
62
  "nuxt-llms": "^0.2.0",
63
- "nuxt-og-image": "^6.6.0",
63
+ "nuxt-og-image": "^6.7.2",
64
64
  "pkg-types": "^2.3.1",
65
- "reka-ui": "^2.10.0",
66
- "shiki": "^4.2.0",
65
+ "reka-ui": "^2.10.1",
66
+ "shiki": "^4.3.1",
67
67
  "tailwind-merge": "^3.6.0",
68
68
  "tailwind-variants": "^3.2.2",
69
- "tailwindcss": "^4.3.1",
69
+ "tailwindcss": "^4.3.2",
70
70
  "tw-animate-css": "^1.4.0",
71
71
  "ufo": "^1.6.4",
72
72
  "vaul-vue": "^0.4.1",