@airframeui/tokens 0.3.1 → 0.3.2
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/dist/catalog.json +11 -2
- package/dist/tokens.css +1 -0
- package/dist/tokens.js +13 -3
- package/dist/tokens.json +13 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,6 +4,8 @@ Airframe UI Tokens — CSS variables, JSON, and a typed JavaScript export.
|
|
|
4
4
|
|
|
5
5
|
Most apps should install [`@airframeui/core`](https://www.npmjs.com/package/@airframeui/core), which depends on this package and loads the tokens stylesheet for you. Install tokens directly when you need the token map in tooling, or want tokens without the full core CSS.
|
|
6
6
|
|
|
7
|
+
Docs: [Tokens](https://airframeui.com/docs/tokens) · [Changelog](https://airframeui.com/docs/changelog)
|
|
8
|
+
|
|
7
9
|
```bash
|
|
8
10
|
npm install @airframeui/core
|
|
9
11
|
# or, tokens only:
|
|
@@ -81,6 +83,7 @@ See [Theming](https://airframeui.com/docs/theming) and [Tokens](https://airframe
|
|
|
81
83
|
|
|
82
84
|
- [`@airframeui/core`](https://www.npmjs.com/package/@airframeui/core) — layouts, patterns, utilities
|
|
83
85
|
- [Documentation](https://airframeui.com/docs)
|
|
86
|
+
- [Changelog](https://airframeui.com/docs/changelog)
|
|
84
87
|
|
|
85
88
|
## License
|
|
86
89
|
|
package/dist/catalog.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"meta": {
|
|
3
|
-
"generatedAt": "2026-08-
|
|
4
|
-
"count":
|
|
3
|
+
"generatedAt": "2026-08-22T12:27:04.958Z",
|
|
4
|
+
"count": 367
|
|
5
5
|
},
|
|
6
6
|
"groups": [
|
|
7
7
|
{
|
|
@@ -4152,6 +4152,15 @@
|
|
|
4152
4152
|
"description": "Low elevation — resting cards and inputs.",
|
|
4153
4153
|
"value": "0 1px 2px rgba(0, 0, 0, 0.06)"
|
|
4154
4154
|
},
|
|
4155
|
+
{
|
|
4156
|
+
"name": "--af-sidebar-collapsed-width",
|
|
4157
|
+
"key": "sidebar-collapsed-width",
|
|
4158
|
+
"category": "semantic",
|
|
4159
|
+
"group": "other",
|
|
4160
|
+
"kind": "static",
|
|
4161
|
+
"description": "Collapsed af-app rail width (af-app.af-is-collapsed from lg up). Default 3.5rem. Distinct from --af-sidebar-width.",
|
|
4162
|
+
"value": "3.5rem"
|
|
4163
|
+
},
|
|
4155
4164
|
{
|
|
4156
4165
|
"name": "--af-sidebar-width",
|
|
4157
4166
|
"key": "sidebar-width",
|
package/dist/tokens.css
CHANGED
|
@@ -148,6 +148,7 @@
|
|
|
148
148
|
/* --- Layout semantics --- */
|
|
149
149
|
--af-layout-gap: var(--af-space-4);
|
|
150
150
|
--af-sidebar-width: 16rem;
|
|
151
|
+
--af-sidebar-collapsed-width: 3.5rem;
|
|
151
152
|
--af-drawer-width: 20rem;
|
|
152
153
|
--af-divider-spacing: var(--af-space-5);
|
|
153
154
|
--af-container-padding-x: var(--af-space-4);
|
package/dist/tokens.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const tokens = {
|
|
2
2
|
"meta": {
|
|
3
3
|
"version": "0.0.1",
|
|
4
|
-
"generatedAt": "2026-08-
|
|
4
|
+
"generatedAt": "2026-08-22T12:27:04.959Z"
|
|
5
5
|
},
|
|
6
6
|
"primitives": {
|
|
7
7
|
"base-primary--light": "#0876dd",
|
|
@@ -113,6 +113,7 @@ export const tokens = {
|
|
|
113
113
|
"hard-toward": "black",
|
|
114
114
|
"layout-gap": "var(--af-space-4)",
|
|
115
115
|
"sidebar-width": "16rem",
|
|
116
|
+
"sidebar-collapsed-width": "3.5rem",
|
|
116
117
|
"drawer-width": "20rem",
|
|
117
118
|
"divider-spacing": "var(--af-space-5)",
|
|
118
119
|
"container-padding-x": "var(--af-space-4)",
|
|
@@ -475,8 +476,8 @@ export const tokens = {
|
|
|
475
476
|
},
|
|
476
477
|
"catalog": {
|
|
477
478
|
"meta": {
|
|
478
|
-
"generatedAt": "2026-08-
|
|
479
|
-
"count":
|
|
479
|
+
"generatedAt": "2026-08-22T12:27:04.958Z",
|
|
480
|
+
"count": 367
|
|
480
481
|
},
|
|
481
482
|
"groups": [
|
|
482
483
|
{
|
|
@@ -4627,6 +4628,15 @@ export const tokens = {
|
|
|
4627
4628
|
"description": "Low elevation — resting cards and inputs.",
|
|
4628
4629
|
"value": "0 1px 2px rgba(0, 0, 0, 0.06)"
|
|
4629
4630
|
},
|
|
4631
|
+
{
|
|
4632
|
+
"name": "--af-sidebar-collapsed-width",
|
|
4633
|
+
"key": "sidebar-collapsed-width",
|
|
4634
|
+
"category": "semantic",
|
|
4635
|
+
"group": "other",
|
|
4636
|
+
"kind": "static",
|
|
4637
|
+
"description": "Collapsed af-app rail width (af-app.af-is-collapsed from lg up). Default 3.5rem. Distinct from --af-sidebar-width.",
|
|
4638
|
+
"value": "3.5rem"
|
|
4639
|
+
},
|
|
4630
4640
|
{
|
|
4631
4641
|
"name": "--af-sidebar-width",
|
|
4632
4642
|
"key": "sidebar-width",
|
package/dist/tokens.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"meta": {
|
|
3
3
|
"version": "0.0.1",
|
|
4
|
-
"generatedAt": "2026-08-
|
|
4
|
+
"generatedAt": "2026-08-22T12:27:04.959Z"
|
|
5
5
|
},
|
|
6
6
|
"primitives": {
|
|
7
7
|
"base-primary--light": "#0876dd",
|
|
@@ -113,6 +113,7 @@
|
|
|
113
113
|
"hard-toward": "black",
|
|
114
114
|
"layout-gap": "var(--af-space-4)",
|
|
115
115
|
"sidebar-width": "16rem",
|
|
116
|
+
"sidebar-collapsed-width": "3.5rem",
|
|
116
117
|
"drawer-width": "20rem",
|
|
117
118
|
"divider-spacing": "var(--af-space-5)",
|
|
118
119
|
"container-padding-x": "var(--af-space-4)",
|
|
@@ -475,8 +476,8 @@
|
|
|
475
476
|
},
|
|
476
477
|
"catalog": {
|
|
477
478
|
"meta": {
|
|
478
|
-
"generatedAt": "2026-08-
|
|
479
|
-
"count":
|
|
479
|
+
"generatedAt": "2026-08-22T12:27:04.958Z",
|
|
480
|
+
"count": 367
|
|
480
481
|
},
|
|
481
482
|
"groups": [
|
|
482
483
|
{
|
|
@@ -4627,6 +4628,15 @@
|
|
|
4627
4628
|
"description": "Low elevation — resting cards and inputs.",
|
|
4628
4629
|
"value": "0 1px 2px rgba(0, 0, 0, 0.06)"
|
|
4629
4630
|
},
|
|
4631
|
+
{
|
|
4632
|
+
"name": "--af-sidebar-collapsed-width",
|
|
4633
|
+
"key": "sidebar-collapsed-width",
|
|
4634
|
+
"category": "semantic",
|
|
4635
|
+
"group": "other",
|
|
4636
|
+
"kind": "static",
|
|
4637
|
+
"description": "Collapsed af-app rail width (af-app.af-is-collapsed from lg up). Default 3.5rem. Distinct from --af-sidebar-width.",
|
|
4638
|
+
"value": "3.5rem"
|
|
4639
|
+
},
|
|
4630
4640
|
{
|
|
4631
4641
|
"name": "--af-sidebar-width",
|
|
4632
4642
|
"key": "sidebar-width",
|
package/package.json
CHANGED