@hpe-web/design-tokens 1.3.0 → 1.3.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/README.md +8 -6
- package/package.json +24 -2
package/README.md
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
# @hpe-web/design-tokens
|
|
2
2
|
|
|
3
|
-
HPE Design System design tokens — CSS custom properties, DTCG source, locale overrides, and
|
|
3
|
+
HPE Design System design tokens — CSS custom properties, DTCG source, locale overrides, and Style Dictionary transforms. Three-tier token architecture (primitive → semantic → component) preserved end-to-end as CSS `var()` chains.
|
|
4
4
|
|
|
5
|
-
## What's new
|
|
5
|
+
## What's new
|
|
6
6
|
|
|
7
|
-
**CSS consumers:
|
|
7
|
+
**CSS consumers: upgrade is drop-in. Every custom property from 1.2.x continues to exist with the same name.**
|
|
8
8
|
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
9
|
+
- **Primitive tokens now emit as CSS custom properties.** 149 new `--hpe-web-base-*` vars are available for direct reference (colors, dimensions, border widths/radii, sizes). Previously these existed in the DTCG source but were inlined at build time.
|
|
10
|
+
- **DTCG aliases preserved as `var()` references** instead of resolving to concrete values. 266 `var()` chains now carry variance through the CSS cascade — consumers can override at any tier and downstream aliases update automatically.
|
|
11
|
+
- **`tokens.css` organized with tier section headers** (Primitives / Semantic / Component) so the hierarchy is readable in devtools and source.
|
|
12
|
+
- **fontWeight values corrected** throughout — headings, body, and button text now render at their authored weights (previously all collapsed to `400` due to a silent-default bug in the exporter).
|
|
13
|
+
- **Alpha colors use 8-char hex** (`#rrggbbaa`) when `alpha < 1`, per DTCG 2025.10 — preserving alpha for consumers that read only the `hex` field.
|
|
12
14
|
|
|
13
15
|
[Full changelog →](https://github.com/HPE-EMU/design-system/blob/main/packages/tokens/CHANGELOG.md)
|
|
14
16
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hpe-web/design-tokens",
|
|
3
|
-
"version": "1.3.
|
|
4
|
-
"description": "HPE Design System
|
|
3
|
+
"version": "1.3.1",
|
|
4
|
+
"description": "HPE Design System design tokens — CSS custom properties, DTCG 2025.10 source, locale overrides, and Style Dictionary transforms. Three-tier aliased architecture (primitive → semantic → component) preserved end-to-end as CSS var() chains.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"design-tokens",
|
|
7
|
+
"design-system",
|
|
8
|
+
"hpe",
|
|
9
|
+
"css-variables",
|
|
10
|
+
"custom-properties",
|
|
11
|
+
"dtcg",
|
|
12
|
+
"w3c-dtcg",
|
|
13
|
+
"style-dictionary",
|
|
14
|
+
"tokens",
|
|
15
|
+
"theming",
|
|
16
|
+
"dark-mode"
|
|
17
|
+
],
|
|
18
|
+
"homepage": "https://github.com/HPE-EMU/design-system/tree/main/packages/tokens#readme",
|
|
19
|
+
"bugs": {
|
|
20
|
+
"url": "https://github.com/HPE-EMU/design-system/issues"
|
|
21
|
+
},
|
|
22
|
+
"author": "HPE Digital Design System",
|
|
23
|
+
"license": "UNLICENSED",
|
|
5
24
|
"type": "module",
|
|
6
25
|
"repository": {
|
|
7
26
|
"type": "git",
|
|
@@ -21,6 +40,9 @@
|
|
|
21
40
|
"src/",
|
|
22
41
|
"transforms.mjs"
|
|
23
42
|
],
|
|
43
|
+
"sideEffects": [
|
|
44
|
+
"dist/css/*.css"
|
|
45
|
+
],
|
|
24
46
|
"scripts": {
|
|
25
47
|
"build": "node sd.config.mjs"
|
|
26
48
|
},
|