@brumaombra/ui-vintage 0.8.1 → 0.8.2

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 (44) hide show
  1. package/COMPONENTS.md +4 -1
  2. package/package.json +2 -2
  3. package/src/components/blog/AllPostsSection.vue +1 -2
  4. package/src/components/blog/BlogContentRenderer.vue +144 -49
  5. package/src/components/blog/BlogFAQSection.vue +13 -15
  6. package/src/components/blog/BlogHeaderSection.vue +27 -9
  7. package/src/components/blog/BlogInfoSection.vue +37 -36
  8. package/src/components/blog/BlogProgressBar.vue +5 -2
  9. package/src/components/blog/BlogSectionTitle.vue +24 -5
  10. package/src/components/blog/BlogTagsSection.vue +8 -5
  11. package/src/components/blog/CategoriesList.vue +2 -2
  12. package/src/components/blog/CategoryCard.vue +25 -16
  13. package/src/components/blog/HeaderCarousel.vue +109 -146
  14. package/src/components/blog/PostCard.vue +34 -35
  15. package/src/components/blog/PostsList.vue +3 -2
  16. package/src/components/blog/SocialShareSidebar.vue +51 -41
  17. package/src/components/blog/TableOfContents.vue +14 -10
  18. package/src/components/content/BlogList.vue +16 -4
  19. package/src/components/content/BlogTable.vue +4 -4
  20. package/src/components/content/CodeBlock.vue +5 -5
  21. package/src/components/content/Flow.vue +4 -4
  22. package/src/components/content/ProseHr.vue +5 -5
  23. package/src/components/content/Terminal.vue +10 -4
  24. package/src/components/landing/landing-footer/LandingFooter.vue +9 -4
  25. package/src/components/landing/landing-navbar/LandingNavbar.vue +47 -51
  26. package/src/components/landing/landing-shell/LandingShell.vue +7 -2
  27. package/src/components/ui/accordion/Accordion.vue +6 -6
  28. package/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue +1 -1
  29. package/src/components/ui/breadcrumb/BreadcrumbLink.vue +1 -1
  30. package/src/components/ui/breadcrumb/BreadcrumbList.vue +1 -1
  31. package/src/components/ui/breadcrumb/BreadcrumbPage.vue +1 -1
  32. package/src/components/ui/breadcrumb/BreadcrumbSeparator.vue +2 -6
  33. package/src/components/ui/card/Card.vue +1 -1
  34. package/src/components/ui/command/CommandItem.vue +2 -2
  35. package/src/i18n/de.json +3 -1
  36. package/src/i18n/en.json +3 -1
  37. package/src/i18n/es.json +3 -1
  38. package/src/i18n/fr.json +3 -1
  39. package/src/i18n/it.json +3 -1
  40. package/src/i18n/ja.json +3 -1
  41. package/src/i18n/pt.json +3 -1
  42. package/src/i18n/ru.json +3 -1
  43. package/src/i18n/zh.json +3 -1
  44. package/src/styles.css +40 -0
package/src/i18n/es.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "Compartir en X",
93
93
  "whatsapp": "Compartir en WhatsApp",
94
94
  "linkedin": "Compartir en LinkedIn",
95
- "telegram": "Compartir en Telegram"
95
+ "telegram": "Compartir en Telegram",
96
+ "copy": "Copiar enlace",
97
+ "copied": "Enlace copiado"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/fr.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "Partager sur X",
93
93
  "whatsapp": "Partager sur WhatsApp",
94
94
  "linkedin": "Partager sur LinkedIn",
95
- "telegram": "Partager sur Telegram"
95
+ "telegram": "Partager sur Telegram",
96
+ "copy": "Copier le lien",
97
+ "copied": "Lien copié"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/it.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "Condividi su X",
93
93
  "whatsapp": "Condividi su WhatsApp",
94
94
  "linkedin": "Condividi su LinkedIn",
95
- "telegram": "Condividi su Telegram"
95
+ "telegram": "Condividi su Telegram",
96
+ "copy": "Copia link",
97
+ "copied": "Link copiato"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/ja.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "X で共有",
93
93
  "whatsapp": "WhatsApp で共有",
94
94
  "linkedin": "LinkedIn で共有",
95
- "telegram": "Telegram で共有"
95
+ "telegram": "Telegram で共有",
96
+ "copy": "リンクをコピー",
97
+ "copied": "リンクをコピーしました"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/pt.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "Partilhar no X",
93
93
  "whatsapp": "Partilhar no WhatsApp",
94
94
  "linkedin": "Partilhar no LinkedIn",
95
- "telegram": "Partilhar no Telegram"
95
+ "telegram": "Partilhar no Telegram",
96
+ "copy": "Copiar link",
97
+ "copied": "Link copiado"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/ru.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "Поделиться в X",
93
93
  "whatsapp": "Поделиться в WhatsApp",
94
94
  "linkedin": "Поделиться в LinkedIn",
95
- "telegram": "Поделиться в Telegram"
95
+ "telegram": "Поделиться в Telegram",
96
+ "copy": "Копировать ссылку",
97
+ "copied": "Ссылка скопирована"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/i18n/zh.json CHANGED
@@ -92,7 +92,9 @@
92
92
  "x": "分享到 X",
93
93
  "whatsapp": "分享到 WhatsApp",
94
94
  "linkedin": "分享到 LinkedIn",
95
- "telegram": "分享到 Telegram"
95
+ "telegram": "分享到 Telegram",
96
+ "copy": "复制链接",
97
+ "copied": "链接已复制"
96
98
  }
97
99
  },
98
100
  "select": {
package/src/styles.css CHANGED
@@ -167,6 +167,24 @@ html {
167
167
  --animate-uv-ping-soft: uv-ping-soft 1.8s var(--ease-out-expo) infinite;
168
168
  --animate-uv-indeterminate: uv-indeterminate 1.4s var(--ease-snappy) infinite;
169
169
  --animate-uv-gradient: uv-gradient 6s ease infinite;
170
+ --animate-uv-word-in: uv-word-in 0.9s var(--ease-spring) both;
171
+ --animate-uv-grow-x: uv-grow-x 0.9s var(--ease-out-expo) both;
172
+ --animate-uv-ken-burns: uv-ken-burns 9s ease-out both;
173
+
174
+ @keyframes uv-word-in {
175
+ 0% { opacity: 0; transform: translateY(0.45em); filter: blur(8px); }
176
+ 100% { opacity: 1; transform: translateY(0); filter: blur(0); }
177
+ }
178
+
179
+ @keyframes uv-grow-x {
180
+ 0% { transform: scaleX(0); }
181
+ 100% { transform: scaleX(1); }
182
+ }
183
+
184
+ @keyframes uv-ken-burns {
185
+ 0% { transform: scale(1.12); }
186
+ 100% { transform: scale(1); }
187
+ }
170
188
 
171
189
  @keyframes uv-shimmer {
172
190
  0% { transform: translateX(-100%); }
@@ -419,6 +437,28 @@ body {
419
437
  color: var(--text-primary-dark);
420
438
  }
421
439
 
440
+ /*********************** AOS scroll animations ***********************/
441
+
442
+ /*
443
+ * "blur-up" animation for AOS (https://github.com/michalsnik/aos), used by the blog components through data-aos="blur-up".
444
+ * Elements are only hidden once AOS has initialized them (.aos-init), so apps without AOS always show the content.
445
+ * The repeated attribute selector outranks the global AOS easing and duration rules; data-aos-delay keeps working.
446
+ */
447
+ [data-aos="blur-up"][data-aos="blur-up"][data-aos="blur-up"].aos-init {
448
+ opacity: 0;
449
+ transform: translate3d(0, 18px, 0);
450
+ filter: blur(6px);
451
+ transition-property: opacity, transform, filter;
452
+ transition-duration: 700ms, 900ms, 700ms;
453
+ transition-timing-function: var(--ease-out-expo), var(--ease-spring), var(--ease-out-expo);
454
+ }
455
+
456
+ [data-aos="blur-up"][data-aos="blur-up"][data-aos="blur-up"].aos-init.aos-animate {
457
+ opacity: 1;
458
+ transform: none;
459
+ filter: none;
460
+ }
461
+
422
462
  /*********************** Page transition animations ***********************/
423
463
 
424
464
  .page-enter-active {