@brumaombra/ui-vintage 0.7.10 → 0.7.11

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/blog/BlogContentRenderer.vue +11 -34
  3. package/src/components/blog/BlogInfoSection.vue +1 -1
  4. package/src/components/landing/landing-footer/LandingFooter.vue +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brumaombra/ui-vintage",
3
- "version": "0.7.10",
3
+ "version": "0.7.11",
4
4
  "description": "Source-published Nuxt UI runtime with shared theme tokens and built-in Nuxt integrations.",
5
5
  "private": false,
6
6
  "author": "Mauro Brambilla",
package/src/components/blog/BlogContentRenderer.vue CHANGED
@@ -13,23 +13,20 @@ const props = defineProps<{
13
13
 
14
14
  <style scoped>
15
15
  .blog-content {
16
- color: var(--text-primary-light);
16
+ --blog-content-text: var(--text-primary-light);
17
+ --blog-content-code-bg: var(--bg-selected-light);
18
+ color: var(--blog-content-text);
17
19
  }
18
20
 
19
- :global(html.dark) .blog-content {
20
- color: var(--text-primary-dark);
21
+ .dark .blog-content {
22
+ --blog-content-text: var(--text-primary-dark);
23
+ --blog-content-code-bg: var(--bg-selected-dark);
21
24
  }
22
25
 
23
26
  .blog-content :deep(h1:not(.not-prose):not(.not-prose *)),
24
27
  .blog-content :deep(h2:not(.not-prose):not(.not-prose *)),
25
28
  .blog-content :deep(h3:not(.not-prose):not(.not-prose *)) {
26
- color: var(--text-primary-light);
27
- }
28
-
29
- :global(html.dark) .blog-content :deep(h1:not(.not-prose):not(.not-prose *)),
30
- :global(html.dark) .blog-content :deep(h2:not(.not-prose):not(.not-prose *)),
31
- :global(html.dark) .blog-content :deep(h3:not(.not-prose):not(.not-prose *)) {
32
- color: var(--text-primary-dark) !important;
29
+ color: var(--blog-content-text);
33
30
  }
34
31
 
35
32
  .blog-content :deep(h1:not(.not-prose):not(.not-prose *)) {
@@ -65,15 +62,7 @@ const props = defineProps<{
65
62
  .blog-content :deep(blockquote:not(.not-prose):not(.not-prose *)),
66
63
  .blog-content :deep(td:not(.not-prose):not(.not-prose *)),
67
64
  .blog-content :deep(th:not(.not-prose):not(.not-prose *)) {
68
- color: var(--text-primary-light);
69
- }
70
-
71
- :global(html.dark) .blog-content :deep(p:not(.not-prose):not(.not-prose *)),
72
- :global(html.dark) .blog-content :deep(li:not(.not-prose):not(.not-prose *)),
73
- :global(html.dark) .blog-content :deep(blockquote:not(.not-prose):not(.not-prose *)),
74
- :global(html.dark) .blog-content :deep(td:not(.not-prose):not(.not-prose *)),
75
- :global(html.dark) .blog-content :deep(th:not(.not-prose):not(.not-prose *)) {
76
- color: var(--text-primary-dark) !important;
65
+ color: var(--blog-content-text);
77
66
  }
78
67
 
79
68
  .blog-content :deep(p:not(.not-prose):not(.not-prose *)) {
@@ -91,17 +80,11 @@ const props = defineProps<{
91
80
  .blog-content :deep(p:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)),
92
81
  .blog-content :deep(li:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)),
93
82
  .blog-content :deep(blockquote:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)) {
94
- color: var(--text-primary-light);
83
+ color: var(--blog-content-text);
95
84
  text-decoration: none;
96
85
  font-weight: 700;
97
86
  }
98
87
 
99
- :global(html.dark) .blog-content :deep(p:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)),
100
- :global(html.dark) .blog-content :deep(li:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)),
101
- :global(html.dark) .blog-content :deep(blockquote:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *)) {
102
- color: var(--text-primary-dark) !important;
103
- }
104
-
105
88
  .blog-content :deep(p:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *):hover),
106
89
  .blog-content :deep(li:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *):hover),
107
90
  .blog-content :deep(blockquote:not(.not-prose):not(.not-prose *) a:not(.not-prose):not(.not-prose *):hover) {
@@ -110,14 +93,8 @@ const props = defineProps<{
110
93
 
111
94
  .blog-content :deep(p:not(.not-prose):not(.not-prose *) code:not(.not-prose):not(.not-prose *)),
112
95
  .blog-content :deep(pre:not(.not-prose):not(.not-prose *) code:not(.not-prose):not(.not-prose *)) {
113
- color: var(--text-primary-light);
114
- background-color: var(--bg-selected-light);
115
- }
116
-
117
- :global(html.dark) .blog-content :deep(p:not(.not-prose):not(.not-prose *) code:not(.not-prose):not(.not-prose *)),
118
- :global(html.dark) .blog-content :deep(pre:not(.not-prose):not(.not-prose *) code:not(.not-prose):not(.not-prose *)) {
119
- color: var(--text-primary-dark) !important;
120
- background-color: var(--bg-selected-dark);
96
+ color: var(--blog-content-text);
97
+ background-color: var(--blog-content-code-bg);
121
98
  }
122
99
 
123
100
  @media (max-width: 640px) {
package/src/components/blog/BlogInfoSection.vue CHANGED
@@ -40,7 +40,7 @@ const formattedModifiedDate = computed(() => formatDateLongItalyTimezone(props.d
40
40
  <div>
41
41
  <p class="text-sm text-(--text-secondary-light) dark:text-(--text-secondary-dark)">{{ t('uiVintage.blog.author') }}</p>
42
42
  <p class="font-bold text-(--text-primary-light) dark:text-(--text-primary-dark)">
43
- <NuxtLink :to="props.authorUrl" target="_blank" rel="noopener noreferrer" class="hover:text-(--text-secondary-light) dark:hover:text-(--text-secondary-dark) transition-colors">
43
+ <NuxtLink :to="props.authorUrl" target="_blank" rel="noopener noreferrer" class="hover:underline">
44
44
  {{ props.author }}
45
45
  </NuxtLink>
46
46
  </p>
package/src/components/landing/landing-footer/LandingFooter.vue CHANGED
@@ -25,6 +25,7 @@ const props = withDefaults(defineProps<{
25
25
  appName: string;
26
26
  appLogo?: string;
27
27
  appLinkTo?: string;
28
+ logoClass?: HTMLAttributes['class'];
28
29
  appDescription?: string;
29
30
  sections?: LandingFooterSection[];
30
31
  linkComponent?: Component | string;
@@ -79,7 +80,7 @@ const getLinkProps = (link: LandingFooterLink) => {
79
80
  <div :class="cn('max-w-md flex-1', props.brandClass)">
80
81
  <!-- App logo and name -->
81
82
  <a :href="props.appLinkTo" class="mb-4 inline-flex items-center gap-2 text-lg font-semibold tracking-tight text-foreground transition-opacity hover:opacity-80">
82
- <NuxtImg v-if="props.appLogo" :src="props.appLogo" :alt="`${props.appName} logo`" width="32" height="32" :sizes="{ 320: '32px', 1280: '32px' }" loading="lazy" decoding="async" class="size-8 shrink-0 object-contain" />
83
+ <NuxtImg v-if="props.appLogo" :src="props.appLogo" :alt="`${props.appName} logo`" width="32" height="32" :sizes="{ 320: '32px', 1280: '32px' }" loading="lazy" decoding="async" :class="cn('size-8 shrink-0 object-contain', props.logoClass)" />
83
84
  <span>{{ props.appName }}</span>
84
85
  </a>
85
86