@stasho/ds 0.7.1 → 0.8.0

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/button/button.tsx +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stasho/ds",
3
- "version": "0.7.1",
3
+ "version": "0.8.0",
4
4
  "description": "stasho design system",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/src/components/button/button.tsx CHANGED
@@ -82,13 +82,13 @@ const buttonVariants = cva(
82
82
  "dark:disabled:[box-shadow:inset_0_1px_0_rgba(255,255,255,0.03),inset_0_-1px_0_rgba(0,0,0,0.3)]",
83
83
  ].join(" "),
84
84
  outline: [
85
- // light (base): primary-blue text + border, flat chassis when disabled
86
- "bg-transparent text-primary border border-[rgba(0,64,255,0.55)]",
87
- "hover:border-primary",
85
+ // light (base): neutral foreground text + border (white would be invisible on a light surface), flat chassis when disabled
86
+ "bg-transparent text-foreground border border-[rgba(20,15,40,0.25)]",
87
+ "hover:border-foreground",
88
88
  "disabled:text-foreground/30 disabled:border-[rgba(20,15,40,0.15)] disabled:bg-muted",
89
- // dark (overrides — current shipped behavior preserved)
90
- "dark:text-accent dark:border-[rgba(0,225,250,0.4)]",
91
- "dark:hover:border-accent",
89
+ // dark (overrides): white chrome — outline is neutral, NOT accent (supersedes the outline half of Decision #82)
90
+ "dark:text-white dark:border-white/40",
91
+ "dark:hover:border-white",
92
92
  "dark:disabled:text-white/30 dark:disabled:border-white/10 dark:disabled:bg-transparent",
93
93
  ].join(" "),
94
94
  ghost: [
@@ -161,7 +161,7 @@ const ledColorClass: Record<Variant, string> = {
161
161
  destructive: "bg-white text-white [box-shadow:0_0_8px_currentColor]",
162
162
  warning: "bg-warning-foreground text-warning-foreground",
163
163
  success: "bg-success-foreground text-success-foreground",
164
- outline: "bg-primary/35 text-primary dark:bg-accent/50 dark:text-accent",
164
+ outline: "bg-foreground/35 text-foreground dark:bg-white/50 dark:text-white",
165
165
  // ghost: LED is never rendered for ghost, so this entry is a sentinel.
166
166
  ghost: "",
167
167
  // link: LED is never rendered for link, so this entry is a sentinel.
@@ -175,7 +175,7 @@ const iconGlowClass: Record<Variant, string> = {
175
175
  destructive: "text-white",
176
176
  warning: "text-warning-foreground",
177
177
  success: "text-success-foreground",
178
- outline: "text-primary dark:text-accent [filter:drop-shadow(0_0_4px_currentColor)]",
178
+ outline: "text-foreground dark:text-white",
179
179
  ghost: "text-foreground/60 dark:text-white/60",
180
180
  link: "text-primary dark:text-accent",
181
181
  };