@qeetrix/react 0.0.0-stage → 0.0.1
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/CHANGELOG.md +8 -0
- package/README.md +30 -2
- package/dist/css/base.css +5 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +0 -0
- package/dist/styles.css +12 -0
- package/package.json +67 -4
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
# @qeetrix/react
|
|
2
|
+
|
|
3
|
+
## 0.0.1
|
|
4
|
+
|
|
5
|
+
The engineering platform, with no components yet:
|
|
6
|
+
- an unbundled ESM build with type declarations;
|
|
7
|
+
- a precompiled stylesheet in the `qx.base` and `qx.components` cascade layers;
|
|
8
|
+
- quality gates, and a release path with npm trusted publishing and provenance.
|
package/README.md
CHANGED
|
@@ -1,3 +1,31 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @qeetrix/react
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The React components of **Qeetrix**, the Qeet Group design system: accessible, token-driven
|
|
4
|
+
primitives built on [Base UI](https://base-ui.com), styled by the Qeetrix design language.
|
|
5
|
+
|
|
6
|
+
> **Status: 0.0.x, platform only.** This release sets up the build, the stylesheet and the quality
|
|
7
|
+
> gates. The first primitives (layout, text, separator and accessibility utilities) arrive in the
|
|
8
|
+
> next increment.
|
|
9
|
+
|
|
10
|
+
## Install
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
bun add @qeetrix/react @qeetrix/tokens
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Styles
|
|
17
|
+
|
|
18
|
+
Load the tokens, then the component styles, once at the root of your app:
|
|
19
|
+
|
|
20
|
+
```css
|
|
21
|
+
@import "@qeetrix/tokens";
|
|
22
|
+
@import "@qeetrix/react/styles.css" layer(components);
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
The stylesheet is precompiled. Your Tailwind setup doesn't need to scan this package, and it ships no
|
|
26
|
+
utility classes. Qeetrix styles sit in the `qx.base` and `qx.components` cascade layers, so your own
|
|
27
|
+
layout utilities override them without `!important`.
|
|
28
|
+
|
|
29
|
+
## License
|
|
30
|
+
|
|
31
|
+
[MIT](https://github.com/qeetgroup/qeetrix-react/blob/main/LICENSE) © Qeet Group
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
package/dist/index.js
ADDED
|
File without changes
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Qeetrix — GENERATED by @qeetrix/react (scripts/build-css.mjs). Do not edit by hand.
|
|
3
|
+
* Needs @qeetrix/tokens loaded first. Import into your components layer:
|
|
4
|
+
* @import "@qeetrix/react/styles.css" layer(components);
|
|
5
|
+
*/
|
|
6
|
+
@layer qx.base, qx.components;
|
|
7
|
+
|
|
8
|
+
@layer qx.base {
|
|
9
|
+
:where([class^="qx-"], [class*=" qx-"]), :where([class^="qx-"], [class*=" qx-"]):before, :where([class^="qx-"], [class*=" qx-"]):after {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,69 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qeetrix/react",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Qeetrix React components: accessible, token-driven primitives on Base UI for every Qeet product.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"qeetrix",
|
|
7
|
+
"design-system",
|
|
8
|
+
"react",
|
|
9
|
+
"components",
|
|
10
|
+
"base-ui",
|
|
11
|
+
"accessibility"
|
|
12
|
+
],
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"author": "Qeet Group",
|
|
15
|
+
"homepage": "https://github.com/qeetgroup/qeetrix-react#readme",
|
|
16
|
+
"bugs": {
|
|
17
|
+
"url": "https://github.com/qeetgroup/qeetrix-react/issues"
|
|
18
|
+
},
|
|
19
|
+
"repository": {
|
|
20
|
+
"type": "git",
|
|
21
|
+
"url": "git+https://github.com/qeetgroup/qeetrix-react.git",
|
|
22
|
+
"directory": "packages/react"
|
|
23
|
+
},
|
|
24
|
+
"type": "module",
|
|
25
|
+
"sideEffects": [
|
|
26
|
+
"**/*.css"
|
|
27
|
+
],
|
|
28
|
+
"files": [
|
|
29
|
+
"dist",
|
|
30
|
+
"CHANGELOG.md"
|
|
31
|
+
],
|
|
32
|
+
"exports": {
|
|
33
|
+
".": {
|
|
34
|
+
"types": "./dist/index.d.ts",
|
|
35
|
+
"style": "./dist/styles.css",
|
|
36
|
+
"default": "./dist/index.js"
|
|
37
|
+
},
|
|
38
|
+
"./styles.css": "./dist/styles.css",
|
|
39
|
+
"./css/*": "./dist/css/*",
|
|
40
|
+
"./package.json": "./package.json"
|
|
41
|
+
},
|
|
42
|
+
"style": "./dist/styles.css",
|
|
43
|
+
"scripts": {
|
|
44
|
+
"build": "tsdown && node scripts/build-css.mjs",
|
|
45
|
+
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
46
|
+
"test": "vitest run",
|
|
47
|
+
"test:coverage": "vitest run --coverage",
|
|
48
|
+
"api": "api-extractor run --local",
|
|
49
|
+
"check": "bun run check:source && bun run check:dist && bun run check:api && bun run check:package",
|
|
50
|
+
"check:source": "node scripts/check-source.mjs",
|
|
51
|
+
"check:dist": "node scripts/check-dist.mjs",
|
|
52
|
+
"check:api": "api-extractor run",
|
|
53
|
+
"check:package": "publint --strict && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./css/*",
|
|
54
|
+
"prepack": "bun run build"
|
|
55
|
+
},
|
|
56
|
+
"peerDependencies": {
|
|
57
|
+
"@qeetrix/tokens": "^0.0.5",
|
|
58
|
+
"react": "^19.2.0",
|
|
59
|
+
"react-dom": "^19.2.0"
|
|
60
|
+
},
|
|
61
|
+
"publishConfig": {
|
|
62
|
+
"access": "public",
|
|
63
|
+
"provenance": true
|
|
64
|
+
},
|
|
65
|
+
"devDependencies": {
|
|
66
|
+
"publint": "^0.3.25",
|
|
67
|
+
"@arethetypeswrong/cli": "^0.18.5"
|
|
68
|
+
}
|
|
69
|
+
}
|