@deriv-com/trading-game-design-system 0.2.17 → 0.2.18

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 (6) hide show
  1. package/dist/index.cjs +34 -36
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +34 -36
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/styles.css +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deriv-com/trading-game-design-system",
3
- "version": "0.2.17",
3
+ "version": "0.2.18",
4
4
  "description": "Trading Game Design System — shadcn/ui components with Tailwind CSS v4",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
package/src/styles.css CHANGED
@@ -36,6 +36,7 @@
36
36
  --color-accent-foreground: var(--accent-foreground);
37
37
  --color-accent: var(--accent);
38
38
  --color-accent-hover: var(--accent-hover);
39
+ --color-hover: var(--hover);
39
40
  --color-brand-accent: var(--brand-accent);
40
41
  --color-brand-accent-hover: var(--brand-accent-hover);
41
42
  --color-muted-foreground: var(--muted-foreground);
@@ -95,6 +96,7 @@
95
96
  --border: oklch(0.226 0.042 215.0); /* #0F2830 border-dividers */
96
97
  --input: oklch(0.226 0.042 215.0); /* #0F2830 border-dividers */
97
98
  --ring: oklch(0.905 0.155 194.8); /* cyan ring for focus */
99
+ --hover: oklch(0.905 0.155 194.8 / 12%); /* cyan 12% tint — hover bg */
98
100
  --brand-accent: oklch(0.62 0.185 38); /* #FF6600 accent orange */
99
101
  --brand-accent-hover: oklch(0.52 0.168 38); /* #D45200 accent hover */
100
102
  --badge-rank: oklch(0.601 0.263 301.6); /* #A040FF violet — badge/rank accent */
@@ -141,6 +143,7 @@
141
143
  --border: oklch(0.226 0.042 215.0); /* #0F2830 border-dividers */
142
144
  --input: oklch(0.226 0.042 215.0); /* #0F2830 border-dividers */
143
145
  --ring: oklch(0.905 0.155 194.8); /* cyan ring for focus */
146
+ --hover: oklch(0.905 0.155 194.8 / 12%); /* cyan 12% tint — hover bg */
144
147
  --brand-accent: oklch(0.62 0.185 38); /* #FF6600 accent orange */
145
148
  --brand-accent-hover: oklch(0.52 0.168 38); /* #D45200 accent hover */
146
149
  /* Badge/rank accent */