@meith/plugin-kit 0.35.0 → 0.36.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 +4 -3
  2. package/src/ui.ts +5 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@meith/plugin-kit",
3
- "version": "0.35.0",
3
+ "version": "0.36.0",
4
4
  "description": "The SDK for writing a Meith plugin: typed manifests, hooks, routes, pages and migrations.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -20,8 +20,9 @@
20
20
  "access": "public"
21
21
  },
22
22
  "dependencies": {
23
- "@meith/core": "^0.35.0",
24
- "@meith/theme-kit": "^0.35.0"
23
+ "@meith/core": "^0.36.0",
24
+ "@meith/theme-kit": "^0.36.0",
25
+ "@meith/ui": "^0.36.0"
25
26
  },
26
27
  "peerDependencies": {
27
28
  "react": "^19.2.0"
package/src/ui.ts CHANGED
@@ -1,17 +1,11 @@
1
- export const PLUGIN_CARD =
2
- 'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground shadow-elevation'
1
+ import { navTabListVariants, navTabVariants, surfaceVariants } from '@meith/ui/variants'
3
2
 
4
- export const PLUGIN_NOTE =
5
- 'rounded-lg border border-border bg-card p-4 text-sm text-muted-foreground'
3
+ export const PLUGIN_CARD = surfaceVariants({ padded: true })
6
4
 
7
- export const PLUGIN_TAB_LIST =
8
- 'inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-lg border border-border bg-surface p-1'
5
+ export const PLUGIN_NOTE = surfaceVariants({ className: 'p-5 text-sm text-muted-foreground' })
9
6
 
10
- const PLUGIN_TAB_BASE =
11
- 'inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-sm whitespace-nowrap transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'
7
+ export const PLUGIN_TAB_LIST = navTabListVariants()
12
8
 
13
9
  export function pluginTabClass(active: boolean): string {
14
- return active
15
- ? `${PLUGIN_TAB_BASE} bg-card font-semibold text-foreground shadow-sm`
16
- : `${PLUGIN_TAB_BASE} font-medium text-muted-foreground hover:text-foreground`
10
+ return navTabVariants({ active })
17
11
  }