@billabex/ui-preset 0.0.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.
- package/README.md +36 -0
- package/package.json +46 -0
package/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# @billabex/ui-preset
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@billabex/ui-preset)
|
|
4
|
+
|
|
5
|
+
Optional [Panda CSS](https://panda-css.com/) preset for the [Billabex](https://next.billabex.com) design system. Use it only if your app also uses Panda and you want Billabex tokens and conditions inside your own `panda.config.ts`.
|
|
6
|
+
|
|
7
|
+
Part of the [Lingot](https://github.com/billabex/lingot) monorepo.
|
|
8
|
+
|
|
9
|
+
## Install
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
pnpm add @billabex/ui-preset @pandacss/dev
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```ts
|
|
18
|
+
import { defineConfig } from '@pandacss/dev'
|
|
19
|
+
import { billabexPreset } from '@billabex/ui-preset'
|
|
20
|
+
|
|
21
|
+
export default defineConfig({
|
|
22
|
+
presets: [billabexPreset],
|
|
23
|
+
})
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Includes
|
|
27
|
+
|
|
28
|
+
- primitive colors, spacing, radii, shadows, and typography tokens
|
|
29
|
+
- semantic tokens for background, text, action, status, and border
|
|
30
|
+
- responsive conditions from `sm` through `desktopXl`
|
|
31
|
+
|
|
32
|
+
If you only want the React components, install `@billabex/ui-components` instead — Panda is optional for component consumers.
|
|
33
|
+
|
|
34
|
+
## License
|
|
35
|
+
|
|
36
|
+
[MIT](https://github.com/billabex/lingot/blob/main/LICENSE)
|
package/package.json
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@billabex/ui-preset",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"description": "Optional Panda CSS preset for the Billabex design system",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"default": "./dist/index.js"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
20
|
+
"scripts": {
|
|
21
|
+
"build": "vite build",
|
|
22
|
+
"test": "vitest run",
|
|
23
|
+
"test:watch": "vitest",
|
|
24
|
+
"clean": "rm -rf dist",
|
|
25
|
+
"lint": "tsc --noEmit"
|
|
26
|
+
},
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"@billabex/ui-tokens": "workspace:*",
|
|
29
|
+
"@pandacss/dev": "^0.52.0"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"vite": "^6.0.0",
|
|
33
|
+
"vite-plugin-dts": "^4.3.0",
|
|
34
|
+
"vitest": "^3.0.0"
|
|
35
|
+
},
|
|
36
|
+
"publishConfig": {
|
|
37
|
+
"access": "public"
|
|
38
|
+
},
|
|
39
|
+
"license": "MIT",
|
|
40
|
+
"repository": {
|
|
41
|
+
"type": "git",
|
|
42
|
+
"url": "https://github.com/billabex/lingot.git",
|
|
43
|
+
"directory": "packages/ui-preset"
|
|
44
|
+
},
|
|
45
|
+
"sideEffects": false
|
|
46
|
+
}
|