@carbonid1/design-system 5.0.2 → 5.0.3
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.
- package/README.md +3 -0
- package/package.json +1 -1
- package/skills/design-system/SKILL.md +2 -2
package/README.md
CHANGED
|
@@ -66,13 +66,16 @@ export default function RootLayout({ children }: { children: React.ReactNode })
|
|
|
66
66
|
|
|
67
67
|
| Component | Use for |
|
|
68
68
|
| --- | --- |
|
|
69
|
+
| `Badge` | Compact status/label chip with variants |
|
|
69
70
|
| `Button` | Standard button primitive with variants (`ghost`, `primary`, `outline`, `destructive`, `attention`, `subtle`, `danger`, `link`) |
|
|
70
71
|
| `Kbd` | Keyboard key display (`⌘K`, `⇧B`) |
|
|
71
72
|
| `ProgressRing` | Circular progress indicator |
|
|
72
73
|
| `Slider` | Range slider |
|
|
74
|
+
| `ContextMenu` | Right-click / long-press menu (compound API) |
|
|
73
75
|
| `Select` | Custom dropdown — never use native `<select>` |
|
|
74
76
|
| `Tooltip` | Hover/focus tooltip (wraps a single child) |
|
|
75
77
|
| `Toaster` | Toast notification root (renders once in layout) |
|
|
78
|
+
| `toast` | Imperative toast trigger (re-export from `sonner`) |
|
|
76
79
|
| `ThemeProvider` | Wraps `next-themes` — provides dark/light mode |
|
|
77
80
|
| `ThemeCycler` | `shift+t` hotkey cycles `system → light → dark` with toast |
|
|
78
81
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: design-system
|
|
3
|
-
description: 'Shared UI components and design patterns for carbonid1 apps built on @carbonid1/design-system. ALWAYS use when building UI, creating components, adding dropdowns, selects, tooltips, icons, toasts, context menus, or any interactive element. Use when choosing between native HTML elements and custom components. Also
|
|
3
|
+
description: 'Shared UI components and design patterns for carbonid1 apps built on @carbonid1/design-system. ALWAYS use when building UI, creating components, adding dropdowns, selects, tooltips, icons, toasts, context menus, badges, or any interactive element. Use when choosing between native HTML elements and custom components. Also covers visual conventions for layout stability when wiring async UI (skeletons are consumer-owned, but the rules for them live here). Triggers on: dropdown, select, tooltip, tag, badge, icon, component, UI, design system, shared component, layout shift, context menu, right-click menu, button, theme, palette.'
|
|
4
4
|
---
|
|
5
5
|
|
|
6
6
|
# Design System
|
|
@@ -9,7 +9,7 @@ Primitives live in `@carbonid1/design-system`. **Check the package's exports and
|
|
|
9
9
|
|
|
10
10
|
```ts
|
|
11
11
|
import {
|
|
12
|
-
Button, Kbd, ProgressRing, Slider,
|
|
12
|
+
Badge, Button, Kbd, ProgressRing, Slider,
|
|
13
13
|
ContextMenu, Select, Tooltip,
|
|
14
14
|
Toaster, toast,
|
|
15
15
|
ThemeProvider, ThemeCycler, useTheme,
|