@fastwork/xosmoz-theme 0.45.0 → 0.46.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 +2 -0
- package/dist/figma-plugin.zip +0 -0
- package/llms.txt +6 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -94,6 +94,8 @@ Each category follows the same token structure — replace `{name}` with the cat
|
|
|
94
94
|
| `--xz-color-{name}-fg-100` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
|
|
95
95
|
| `--xz-color-{name}-text-100` | Colored text on surfaces (links, labels) |
|
|
96
96
|
|
|
97
|
+
> **`neutral` exception:** also includes `--xz-color-neutral-text-200` — Muted neutral text, lighter than `text-100`.
|
|
98
|
+
|
|
97
99
|
**Usage example:**
|
|
98
100
|
|
|
99
101
|
```css
|
package/dist/figma-plugin.zip
CHANGED
|
Binary file
|
package/llms.txt
CHANGED
|
@@ -97,7 +97,7 @@ Base tokens cover surfaces, text, borders, and neutral overlays. They are theme-
|
|
|
97
97
|
|
|
98
98
|
## Semantic Tokens
|
|
99
99
|
|
|
100
|
-
Eight categories
|
|
100
|
+
Eight categories. Categories: `primary`, `danger`, `success`, `warning`, `info`, `neutral`, `orange`, `purple`. Most categories have 11 tokens; `neutral` has 12 (includes an extra `text-200`).
|
|
101
101
|
|
|
102
102
|
### Token Pattern per Category
|
|
103
103
|
|
|
@@ -117,6 +117,8 @@ Replace `{name}` with the category:
|
|
|
117
117
|
| `--xz-color-{name}-fg-100` | Text/icon on solid bg — **always pair with bg-100 / bg-200** |
|
|
118
118
|
| `--xz-color-{name}-text-100` | Colored text on light surfaces — links, status labels |
|
|
119
119
|
|
|
120
|
+
> **`neutral` exception:** also includes `--xz-color-neutral-text-200` — Muted neutral text, lighter than `text-100`. Use for supporting content, secondary labels.
|
|
121
|
+
|
|
120
122
|
### Key Rules for Semantic Tokens
|
|
121
123
|
|
|
122
124
|
- **`bg-100` + `fg-100`**: Solid fill components (buttons, solid badges). `fg-100` provides correct contrast (white or dark depending on the category color).
|
|
@@ -396,7 +398,7 @@ Figma uses slash-separated paths. The mapping to CSS is direct:
|
|
|
396
398
|
| `theme/base/line/200` | `--xz-color-line-200` |
|
|
397
399
|
| `theme/base/line/300` | `--xz-color-line-300` |
|
|
398
400
|
|
|
399
|
-
#### Semantic Categories (11 variables each)
|
|
401
|
+
#### Semantic Categories (11 variables each; neutral has 12)
|
|
400
402
|
|
|
401
403
|
Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `info`, `neutral`, `orange`, `purple`.
|
|
402
404
|
|
|
@@ -414,6 +416,8 @@ Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `i
|
|
|
414
416
|
| `theme/{name}/fg/100` | `--xz-color-{name}-fg-100` |
|
|
415
417
|
| `theme/{name}/text/100` | `--xz-color-{name}-text-100` |
|
|
416
418
|
|
|
419
|
+
> **`neutral` exception:** also includes `theme/neutral/text/200` → `--xz-color-neutral-text-200`.
|
|
420
|
+
|
|
417
421
|
#### Black Alpha (10 variables)
|
|
418
422
|
|
|
419
423
|
| Figma Variable | CSS Variable |
|