@brumaombra/ui-vintage 0.7.13 → 0.8.0

package/src/i18n/ja.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "パンくずリスト",
+            "more": "もっと見る",
             "empty": {
                 "title": "まだ何もありません",
                 "description": "現在表示できるコンテンツはありません。"
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "取り除く",
             "all": "すべて",
             "close": "閉じる",
             "cancel": "キャンセル",
@@ -37,6 +40,18 @@
             "title": "言語を選択",
             "ariaLabel": "言語セレクター"
         },
+        "sidebar": {
+            "title": "サイドバー",
+            "description": "モバイルサイドバーを表示します。",
+            "toggle": "サイドバーを切り替え"
+        },
+        "commandDialog": {
+            "title": "コマンドパレット",
+            "description": "実行するコマンドを検索..."
+        },
+        "datePicker": {
+            "placeholder": "日付を選択"
+        },
         "terminal": {
             "title": "ターミナル",
             "copy": "コマンドをコピー",
@@ -53,6 +68,7 @@
             "allRightsReserved": "無断転載を禁じます。"
         },
         "blog": {
+            "readingProgress": "読書の進捗",
             "readMore": "続きを読む",
             "goToPost": "記事を開く",
             "tableOfContents": "目次",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "オプションを選択してください"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "ページが見つかりません",
+                "message": "指定されたページが見つからないか、移動された可能性があります。"
+            },
+            "unexpected": {
+                "title": "問題が発生しました",
+                "message": "予期しないエラーが発生しました。もう一度お試しいただくか、安全なページに戻ってください。"
+            }
+        },
         "messageDialog": {
+            "confirm": "確認",
             "error": "エラー",
             "success": "成功",
             "info": "情報",
             "warning": "警告"
+        },
+        "toast": {
+            "region": "通知"
+        },
+        "dataTable": {
+            "selectAll": "すべての行を選択",
+            "selectRow": "行を選択"
+        },
+        "numberField": {
+            "decrement": "減らす",
+            "increment": "増やす"
+        },
+        "tagsInput": {
+            "placeholder": "タグを追加…"
+        },
+        "combobox": {
+            "placeholder": "オプションを選択",
+            "searchPlaceholder": "検索...",
+            "empty": "結果が見つかりません。"
+        },
+        "avatar": {
+            "status": {
+                "online": "オンライン",
+                "offline": "オフライン",
+                "busy": "取り込み中",
+                "away": "離席中"
+            }
+        },
+        "pagination": {
+            "label": "ページネーション",
+            "page": "{page} ページ",
+            "first": "最初のページ",
+            "previous": "前のページ",
+            "next": "次のページ",
+            "last": "最後のページ",
+            "more": "その他のページ"
+        },
+        "stepper": {
+            "label": "進捗"
+        },
+        "fileDropzone": {
+            "title": "ここにファイルをドラッグ＆ドロップ",
+            "description": "またはクリックしてデバイスから選択",
+            "dropActive": "ドロップしてアップロード",
+            "browse": "ファイルを選択",
+            "remove": "{name} を削除",
+            "maxSize": "1ファイルあたり最大 {size}",
+            "maxFiles": "最大 {count} ファイル",
+            "files": "選択したファイル"
         }
     }
 }

package/src/i18n/pt.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Navegação estrutural",
+            "more": "Mais",
             "empty": {
                 "title": "Ainda nao ha nada aqui",
                 "description": "Nao ha conteudo para mostrar neste momento."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Remover",
             "all": "Todos",
             "close": "Fechar",
             "cancel": "Cancelar",
@@ -37,6 +40,18 @@
             "title": "Escolher idioma",
             "ariaLabel": "Seletor de idioma"
         },
+        "sidebar": {
+            "title": "Barra lateral",
+            "description": "Exibe a barra lateral em dispositivos móveis.",
+            "toggle": "Alternar barra lateral"
+        },
+        "commandDialog": {
+            "title": "Paleta de comandos",
+            "description": "Pesquise um comando para executar..."
+        },
+        "datePicker": {
+            "placeholder": "Selecione uma data"
+        },
         "terminal": {
             "title": "Terminal",
             "copy": "Copiar comandos",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Todos os direitos reservados."
         },
         "blog": {
+            "readingProgress": "Progresso da leitura",
             "readMore": "Ler mais",
             "goToPost": "Ir para o artigo",
             "tableOfContents": "Indice",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Selecione uma opcao"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Página não encontrada",
+                "message": "A página solicitada não foi encontrada ou pode ter sido movida."
+            },
+            "unexpected": {
+                "title": "Algo deu errado",
+                "message": "Um erro inesperado interrompeu o fluxo atual. Tente novamente ou volte para uma página segura."
+            }
+        },
         "messageDialog": {
+            "confirm": "Confirmar",
             "error": "Erro",
             "success": "Sucesso",
             "info": "Informacao",
             "warning": "Aviso"
+        },
+        "toast": {
+            "region": "Notificações"
+        },
+        "dataTable": {
+            "selectAll": "Selecionar todas as linhas",
+            "selectRow": "Selecionar linha"
+        },
+        "numberField": {
+            "decrement": "Diminuir",
+            "increment": "Aumentar"
+        },
+        "tagsInput": {
+            "placeholder": "Adicionar uma tag…"
+        },
+        "combobox": {
+            "placeholder": "Selecione uma opção",
+            "searchPlaceholder": "Pesquisar...",
+            "empty": "Nenhum resultado encontrado."
+        },
+        "avatar": {
+            "status": {
+                "online": "Online",
+                "offline": "Offline",
+                "busy": "Ocupado",
+                "away": "Ausente"
+            }
+        },
+        "pagination": {
+            "label": "Paginação",
+            "page": "Página {page}",
+            "first": "Primeira página",
+            "previous": "Página anterior",
+            "next": "Próxima página",
+            "last": "Última página",
+            "more": "Mais páginas"
+        },
+        "stepper": {
+            "label": "Progresso"
+        },
+        "fileDropzone": {
+            "title": "Arraste e solte arquivos aqui",
+            "description": "ou clique para procurar no seu dispositivo",
+            "dropActive": "Solte para enviar",
+            "browse": "Procurar arquivos",
+            "remove": "Remover {name}",
+            "maxSize": "Máx. {size} por arquivo",
+            "maxFiles": "Até {count} arquivos",
+            "files": "Arquivos selecionados"
         }
     }
 }

package/src/i18n/ru.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "Навигация по хлебным крошкам",
+            "more": "Ещё",
             "empty": {
                 "title": "Здесь пока ничего нет",
                 "description": "Сейчас нет контента для отображения."
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "Убрать",
             "all": "Все",
             "close": "Закрыть",
             "cancel": "Отмена",
@@ -37,6 +40,18 @@
             "title": "Выберите язык",
             "ariaLabel": "Выбор языка"
         },
+        "sidebar": {
+            "title": "Боковая панель",
+            "description": "Отображает мобильную боковую панель.",
+            "toggle": "Переключить боковую панель"
+        },
+        "commandDialog": {
+            "title": "Палитра команд",
+            "description": "Найти команду для выполнения..."
+        },
+        "datePicker": {
+            "placeholder": "Выберите дату"
+        },
         "terminal": {
             "title": "Терминал",
             "copy": "Копировать команды",
@@ -53,6 +68,7 @@
             "allRightsReserved": "Все права защищены."
         },
         "blog": {
+            "readingProgress": "Прогресс чтения",
             "readMore": "Читать далее",
             "goToPost": "Перейти к статье",
             "tableOfContents": "Содержание",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "Выберите вариант"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "Страница не найдена",
+                "message": "Запрошенная страница не найдена или могла быть перемещена."
+            },
+            "unexpected": {
+                "title": "Что-то пошло не так",
+                "message": "Неожиданная ошибка прервала текущий процесс. Попробуйте еще раз или вернитесь на безопасную страницу."
+            }
+        },
         "messageDialog": {
+            "confirm": "Подтвердить",
             "error": "Ошибка",
             "success": "Успех",
             "info": "Информация",
             "warning": "Предупреждение"
+        },
+        "toast": {
+            "region": "Уведомления"
+        },
+        "dataTable": {
+            "selectAll": "Выбрать все строки",
+            "selectRow": "Выбрать строку"
+        },
+        "numberField": {
+            "decrement": "Уменьшить",
+            "increment": "Увеличить"
+        },
+        "tagsInput": {
+            "placeholder": "Добавить тег…"
+        },
+        "combobox": {
+            "placeholder": "Выберите вариант",
+            "searchPlaceholder": "Поиск...",
+            "empty": "Ничего не найдено."
+        },
+        "avatar": {
+            "status": {
+                "online": "В сети",
+                "offline": "Не в сети",
+                "busy": "Занят",
+                "away": "Отошёл"
+            }
+        },
+        "pagination": {
+            "label": "Пагинация",
+            "page": "Страница {page}",
+            "first": "Первая страница",
+            "previous": "Предыдущая страница",
+            "next": "Следующая страница",
+            "last": "Последняя страница",
+            "more": "Другие страницы"
+        },
+        "stepper": {
+            "label": "Прогресс"
+        },
+        "fileDropzone": {
+            "title": "Перетащите файлы сюда",
+            "description": "или нажмите, чтобы выбрать на устройстве",
+            "dropActive": "Отпустите для загрузки",
+            "browse": "Выбрать файлы",
+            "remove": "Удалить {name}",
+            "maxSize": "Макс. {size} на файл",
+            "maxFiles": "До {count} файлов",
+            "files": "Выбранные файлы"
         }
     }
 }

package/src/i18n/zh.json

@@ -1,6 +1,8 @@
 {
     "uiVintage": {
         "common": {
+            "breadcrumb": "面包屑导航",
+            "more": "更多",
             "empty": {
                 "title": "这里还没有内容",
                 "description": "当前没有可显示的内容。"
@@ -11,6 +13,7 @@
             }
         },
         "buttons": {
+            "remove": "移除",
             "all": "全部",
             "close": "关闭",
             "cancel": "取消",
@@ -37,6 +40,18 @@
             "title": "选择语言",
             "ariaLabel": "语言选择器"
         },
+        "sidebar": {
+            "title": "侧边栏",
+            "description": "显示移动侧边栏。",
+            "toggle": "切换侧边栏"
+        },
+        "commandDialog": {
+            "title": "命令面板",
+            "description": "搜索要运行的命令..."
+        },
+        "datePicker": {
+            "placeholder": "选择日期"
+        },
         "terminal": {
             "title": "终端",
             "copy": "复制命令",
@@ -53,6 +68,7 @@
             "allRightsReserved": "版权所有。"
         },
         "blog": {
+            "readingProgress": "阅读进度",
             "readMore": "阅读更多",
             "goToPost": "前往文章",
             "tableOfContents": "目录",
@@ -82,11 +98,71 @@
         "select": {
             "defaultPlaceholder": "请选择一个选项"
         },
+        "errorPage": {
+            "notFound": {
+                "title": "找不到页面",
+                "message": "找不到您请求的页面，或者该页面可能已被移动。"
+            },
+            "unexpected": {
+                "title": "出了点问题",
+                "message": "发生意外错误，当前操作已中断。请重试或返回安全页面。"
+            }
+        },
         "messageDialog": {
+            "confirm": "确认",
             "error": "错误",
             "success": "成功",
             "info": "信息",
             "warning": "警告"
+        },
+        "toast": {
+            "region": "通知"
+        },
+        "dataTable": {
+            "selectAll": "全选所有行",
+            "selectRow": "选择行"
+        },
+        "numberField": {
+            "decrement": "减少",
+            "increment": "增加"
+        },
+        "tagsInput": {
+            "placeholder": "添加标签…"
+        },
+        "combobox": {
+            "placeholder": "请选择一个选项",
+            "searchPlaceholder": "搜索...",
+            "empty": "未找到结果。"
+        },
+        "avatar": {
+            "status": {
+                "online": "在线",
+                "offline": "离线",
+                "busy": "忙碌",
+                "away": "离开"
+            }
+        },
+        "pagination": {
+            "label": "分页",
+            "page": "第 {page} 页",
+            "first": "第一页",
+            "previous": "上一页",
+            "next": "下一页",
+            "last": "最后一页",
+            "more": "更多页面"
+        },
+        "stepper": {
+            "label": "进度"
+        },
+        "fileDropzone": {
+            "title": "将文件拖放到此处",
+            "description": "或点击浏览您的设备",
+            "dropActive": "松开即可上传",
+            "browse": "浏览文件",
+            "remove": "移除 {name}",
+            "maxSize": "每个文件最大 {size}",
+            "maxFiles": "最多 {count} 个文件",
+            "files": "已选文件"
         }
     }
 }

package/src/lib/color-tokens.ts

@@ -3,11 +3,11 @@ export type ButtonVariantName = "primary" | "secondary" | "ghost" | "link" | Ton
 
 // Return the list of classes for a given tone color
 const surfaceToneClasses: Record<ToneColor, string> = {
-    gray: "border border-[var(--border-light)] bg-gray-50 text-[var(--text-primary-light)] dark:!border-[var(--border-dark)] dark:!bg-[var(--bg-card-dark)] dark:!text-[var(--text-primary-dark)]",
-    green: "border border-green-200 bg-green-50 text-green-700 dark:!border-green-800/50 dark:!bg-green-900/10 dark:!text-green-400",
-    red: "border border-red-200 bg-red-50 text-red-700 dark:!border-red-800/50 dark:!bg-red-900/10 dark:!text-red-400",
-    blue: "border border-blue-200 bg-blue-50 text-blue-700 dark:!border-blue-800/50 dark:!bg-blue-900/10 dark:!text-blue-400",
-    yellow: "border border-yellow-200 bg-yellow-50 text-yellow-700 dark:!border-yellow-800/50 dark:!bg-yellow-900/10 dark:!text-yellow-400"
+    gray: "border border-border bg-surface text-foreground",
+    green: "border border-green-200 bg-green-50 text-green-700 dark:border-green-800/50 dark:bg-green-900/10 dark:text-green-400",
+    red: "border border-red-200 bg-red-50 text-red-700 dark:border-red-800/50 dark:bg-red-900/10 dark:text-red-400",
+    blue: "border border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800/50 dark:bg-blue-900/10 dark:text-blue-400",
+    yellow: "border border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800/50 dark:bg-yellow-900/10 dark:text-yellow-400"
 }
 
 // Get the appropriate classes for a given tone color
@@ -17,11 +17,11 @@ export const getSurfaceToneClasses = (color: ToneColor) => {
 
 // Return the list of classes for interactive surfaces
 const interactiveSurfaceToneClasses: Record<ToneColor, string> = {
-    gray: `${surfaceToneClasses.gray} hover:bg-gray-100 dark:hover:!bg-[var(--bg-selected-dark)]`,
-    green: `${surfaceToneClasses.green} hover:bg-green-100 dark:hover:!bg-green-900/20`,
-    red: `${surfaceToneClasses.red} hover:bg-red-100 dark:hover:!bg-red-900/20`,
-    blue: `${surfaceToneClasses.blue} hover:bg-blue-100 dark:hover:!bg-blue-900/20`,
-    yellow: `${surfaceToneClasses.yellow} hover:bg-yellow-100 dark:hover:!bg-yellow-900/20`
+    gray: `${surfaceToneClasses.gray} hover:border-border-strong hover:bg-accent`,
+    green: `${surfaceToneClasses.green} hover:border-green-300 hover:bg-green-100 dark:hover:border-green-700/60 dark:hover:bg-green-900/20`,
+    red: `${surfaceToneClasses.red} hover:border-red-300 hover:bg-red-100 dark:hover:border-red-700/60 dark:hover:bg-red-900/20`,
+    blue: `${surfaceToneClasses.blue} hover:border-blue-300 hover:bg-blue-100 dark:hover:border-blue-700/60 dark:hover:bg-blue-900/20`,
+    yellow: `${surfaceToneClasses.yellow} hover:border-yellow-300 hover:bg-yellow-100 dark:hover:border-yellow-700/60 dark:hover:bg-yellow-900/20`
 }
 
 // Get the appropriate classes for interactive surfaces based on tone color
@@ -32,10 +32,10 @@ export const getInteractiveSurfaceToneClasses = (color: ToneColor) => {
 // Return the list of classes for button variants
 export const buttonVariantClasses: Record<ButtonVariantName, string> = {
     // Custom button variants
-    primary: "bg-(--button-primary-light) text-(--button-primary-foreground-light) hover:bg-(--button-primary-hover-light) dark:!bg-(--button-primary-dark) dark:!text-(--button-primary-foreground-dark) dark:hover:!bg-(--button-primary-hover-dark)",
-    secondary: "border border-(--border-light) bg-(--button-secondary-light) text-(--text-primary-light) hover:border-(--border-hover-light) hover:bg-(--bg-selected-light) dark:!border-(--border-dark) dark:!bg-(--button-secondary-dark) dark:!text-(--text-primary-dark) dark:hover:!border-(--border-hover-dark) dark:hover:!bg-(--bg-selected-dark)",
-    ghost: "text-(--text-secondary-light) hover:bg-(--bg-selected-light) hover:text-(--text-primary-light) dark:!text-(--text-secondary-dark) dark:hover:!bg-(--bg-selected-dark) dark:hover:!text-(--text-primary-dark)",
-    link: "text-primary underline-offset-4 hover:underline",
+    primary: "bg-primary text-primary-foreground shadow-[inset_0_1px_0_rgb(255_255_255/0.28),0_1px_2px_rgb(0_0_0/0.08)] hover:bg-primary-hover hover:shadow-glow",
+    secondary: "border border-border bg-secondary text-foreground shadow-elevated-sm hover:border-border-strong hover:bg-accent",
+    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"),