Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-21 07:40:11 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Merge branch 'v2' of github.com:CherryHQ/cherry-studio into v2

Browse Source
This commit is contained in:
kangfenmao 2025-11-06 19:53:20 +08:00
commit dae10cf673
2 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/components/primitives/combobox.tsx
View File

@ -22,8 +22,7 @@ const comboboxTriggerVariants = cva(
{
variants: {
state: {
default:
'border-input bg-background aria-expanded:border-success aria-expanded:ring-2 aria-expanded:ring-success/20',
default: 'border-input aria-expanded:border-success aria-expanded:ring-2 aria-expanded:ring-success/20',
error:
'border-destructive ring-2 ring-destructive/20 aria-expanded:border-destructive aria-expanded:ring-destructive/20',
disabled: 'opacity-50 cursor-not-allowed pointer-events-none'
@ -255,7 +254,7 @@ export function Combobox({
size={size}
disabled={disabled}
style={{ width: triggerWidth }}
className={cn(comboboxTriggerVariants({ state, size }), className)}
className={cn(comboboxTriggerVariants({ state, size }), 'bg-white', className)}
aria-expanded={open}
aria-invalid={error}>
{renderTriggerContent()}

20
packages/ui/src/styles/index.css
View File

@ -1,23 +1,23 @@
/**
* CherryStudio Styles - npm 包入口
* CherryStudio Styles - npm Package Entry Point
*
* 用途：仅导出 CSS 变量，不生成工具类，不覆盖用户主题
* 使用场景：
* - npm 用户想使用设计系统的变量，但不想覆盖 Tailwind 默认主题
* - 可以通过 var(--cs-primary) 等方式使用
* - 不会生成 bg-primary 等工具类（用户自己的 bg-primary 不受影响）
* Purpose: Export CSS variables only, without generating utility classes or overriding user themes
* Use Cases:
* - npm users who want to use design system variables without overriding Tailwind's default theme
* - Can be used via var(--cs-primary) and similar patterns
* - Does not generate utility classes like bg-primary (user's own bg-primary won't be affected)
*
* 示例：
* Example:
* ```css
* @import '@cherrystudio/ui/styles/index.css';
*
* .my-button {
* background: var(--cs-primary); // 使用 CS 的品牌色
* padding: var(--cs-size-md); // 使用 CS 的间距
* background: var(--cs-primary); // Use CS brand color
* padding: var(--cs-size-md); // Use CS spacing
* }
* ```
*
* 如果想要完整的主题覆盖（生成 bg-primary 等类），请导入：
* For complete theme override (generating bg-primary classes), import:
* @import '@cherrystudio/ui/styles/theme.css';
*/