@brumaombra/ui-vintage 0.9.6 → 0.9.8

package/src/i18n/it.json

@@ -79,6 +79,7 @@
 			"readMore": "Leggi di piu",
 			"goToPost": "Vai all'articolo",
 			"new": "Novità",
+			"inShort": "In breve",
 			"tableOfContents": "Indice dei contenuti",
 			"tableOfContentsDescription": "Vai a una sezione dell'articolo",
 			"tableOfContentsSections": "{count} sezione | {count} sezioni",

package/src/i18n/ja.json

@@ -79,6 +79,7 @@
 			"readMore": "続きを読む",
 			"goToPost": "記事を開く",
 			"new": "新着",
+			"inShort": "要点",
 			"tableOfContents": "目次",
 			"tableOfContentsDescription": "この記事のセクションに移動",
 			"tableOfContentsSections": "{count} セクション",

package/src/i18n/pt.json

@@ -79,6 +79,7 @@
 			"readMore": "Ler mais",
 			"goToPost": "Ir para o artigo",
 			"new": "Novo",
+			"inShort": "Em resumo",
 			"tableOfContents": "Indice",
 			"tableOfContentsDescription": "Ir para uma secao deste artigo",
 			"tableOfContentsSections": "{count} secao | {count} secoes",

package/src/i18n/ru.json

@@ -79,6 +79,7 @@
 			"readMore": "Читать далее",
 			"goToPost": "Перейти к статье",
 			"new": "Новое",
+			"inShort": "Коротко",
 			"tableOfContents": "Содержание",
 			"tableOfContentsDescription": "Перейти к разделу статьи",
 			"tableOfContentsSections": "Разделов: {count}",

package/src/i18n/zh.json

@@ -79,6 +79,7 @@
 			"readMore": "阅读更多",
 			"goToPost": "前往文章",
 			"new": "最新",
+			"inShort": "简而言之",
 			"tableOfContents": "目录",
 			"tableOfContentsDescription": "跳转到本文的一个部分",
 			"tableOfContentsSections": "{count} 个章节",

package/src/lib/color-tokens.ts

@@ -37,12 +37,12 @@ export const buttonVariantClasses: Record<ButtonVariantName, string> = {
 	ghost: "text-muted-foreground hover:bg-accent hover:text-foreground",
 	link: "text-primary underline-offset-4 decoration-2 hover:underline enabled:active:scale-100",
 
-	// Tone-based button variants
-	gray: getInteractiveSurfaceToneClasses("gray"),
-	green: getInteractiveSurfaceToneClasses("green"),
-	red: getInteractiveSurfaceToneClasses("red"),
-	blue: getInteractiveSurfaceToneClasses("blue"),
-	yellow: getInteractiveSurfaceToneClasses("yellow")
+	// Tone-based button variants (the secondary shadow, so they read as buttons next to it, and a stronger tint in dark mode)
+	gray: `${getInteractiveSurfaceToneClasses("gray")} shadow-elevated-sm`,
+	green: `${getInteractiveSurfaceToneClasses("green")} shadow-elevated-sm dark:bg-green-900/25 dark:hover:bg-green-900/40`,
+	red: `${getInteractiveSurfaceToneClasses("red")} shadow-elevated-sm dark:bg-red-900/25 dark:hover:bg-red-900/40`,
+	blue: `${getInteractiveSurfaceToneClasses("blue")} shadow-elevated-sm dark:bg-blue-900/25 dark:hover:bg-blue-900/40`,
+	yellow: `${getInteractiveSurfaceToneClasses("yellow")} shadow-elevated-sm dark:bg-yellow-900/25 dark:hover:bg-yellow-900/40`
 }
 
 // Get the appropriate classes for a given button variant

package/src/styles.css

@@ -57,9 +57,11 @@ html {
 	--uv-shadow-xl: 0 4px 8px rgb(16 24 40 / 0.04), 0 24px 64px -12px rgb(16 24 40 / 0.28);
 	--uv-shadow-glow: 0 0 0 1px color-mix(in oklab, var(--primary) 40%, transparent), 0 8px 24px -6px color-mix(in oklab, var(--primary) 45%, transparent);
 
+	/* The one corner radius of every component (cards, buttons, fields, badges...): change it here to restyle them all */
+	--uv-radius: 0.25rem;
+
 	/*********************** Shadcn UI variables ***********************/
 
-	--radius: 0.625rem;
 	--background: var(--bg-main-light);
 	--foreground: var(--text-primary-light);
 	--card: var(--bg-card-light);
@@ -77,7 +79,8 @@ html {
 	--accent: var(--bg-selected-light);
 	--accent-foreground: var(--text-primary-light);
 	--destructive: oklch(0.577 0.245 27.325);
-	--success: oklch(0.627 0.17 149.2);
+	/* 5.8:1 on white and 5:1 on its own tint, so small success text meets WCAG AA (green-600 is only 3.3:1) */
+	--success: oklch(0.49 0.15 150.07);
 	--warning: oklch(0.705 0.17 62.5);
 	--info: oklch(0.588 0.19 256.8);
 	--border: var(--border-light);
@@ -100,10 +103,12 @@ html {
 }
 
 @theme inline {
-	--radius-sm: calc(var(--radius) - 4px);
-	--radius-md: calc(var(--radius) - 2px);
-	--radius-lg: var(--radius);
-	--radius-xl: calc(var(--radius) + 4px);
+	/* Every radius step resolves to the shared corner radius, so rounded, rounded-sm... rounded-xl all match (rounded-full stays a circle) */
+	--radius: var(--uv-radius);
+	--radius-sm: var(--uv-radius);
+	--radius-md: var(--uv-radius);
+	--radius-lg: var(--uv-radius);
+	--radius-xl: var(--uv-radius);
 	--color-background: var(--background);
 	--color-foreground: var(--foreground);
 	--color-card: var(--card);