@helloimjolopez-pathway/pathway-tokens 6.0.0 → 7.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/README.md +69 -15
- package/components/scrollbar/scrollbar.jsx +19 -4
- package/components/sidenav/sidenav.jsx +85 -14
- package/dist/README.md +96 -0
- package/dist/breakpoints.css +11 -4
- package/dist/contract.json +356 -0
- package/dist/layout-contextual.css +30 -37
- package/dist/layout-responsive.css +46 -0
- package/dist/layout.css +19 -10
- package/dist/motion.css +17 -3
- package/dist/primitives.css +138 -116
- package/dist/themes/light.css +171 -314
- package/dist/themes/midnight.css +161 -302
- package/dist/tokens.js +4100 -9535
- package/dist/tokens.json +1737 -3723
- package/dist/type.css +23 -6
- package/package.json +13 -6
package/dist/type.css
CHANGED
|
@@ -1,9 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/*
|
|
2
|
+
==========================================================================
|
|
3
|
+
PATHWAY DESIGN TOKENS — CONTRACT
|
|
4
|
+
==========================================================================
|
|
5
|
+
|
|
6
|
+
The type SCALE. Name these freely.
|
|
7
|
+
|
|
8
|
+
There are no composite text styles here and no .pw-type-* classes; both
|
|
9
|
+
were retired 2026-09-03. Compose five properties at the call site:
|
|
10
|
+
|
|
11
|
+
font-family: var(--semantic-type-family-brand);
|
|
12
|
+
font-size: var(--semantic-type-font-size-m);
|
|
13
|
+
font-weight: var(--semantic-type-weight-semibold);
|
|
14
|
+
line-height: var(--semantic-type-line-height-m-single);
|
|
15
|
+
letter-spacing: var(--semantic-type-letter-spacing-compact);
|
|
16
|
+
|
|
17
|
+
The 111 named styles still exist as Figma text styles, which is where a
|
|
18
|
+
designer applies them.
|
|
19
|
+
|
|
20
|
+
Declares 41 custom properties.
|
|
21
|
+
Generated — do not edit. Run `npm run build-tokens`.
|
|
22
|
+
==========================================================================
|
|
23
|
+
*/
|
|
7
24
|
:root {
|
|
8
25
|
--semantic-type-family-brand: Red Hat Text;
|
|
9
26
|
--semantic-type-font-size-4xl: 40px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@helloimjolopez-pathway/pathway-tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "Pathway Design System tokens — CSS custom properties, JS export, and DTCG JSON",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"type": "module",
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
"./layout-contextual.css": "./dist/layout-contextual.css",
|
|
26
26
|
"./motion.css": "./dist/motion.css",
|
|
27
27
|
"./breakpoints.css": "./dist/breakpoints.css",
|
|
28
|
-
"./type.css": "./dist/type.css"
|
|
28
|
+
"./type.css": "./dist/type.css",
|
|
29
|
+
"./contract.json": "./dist/contract.json",
|
|
30
|
+
"./README.md": "./dist/README.md",
|
|
31
|
+
"./layout-responsive.css": "./dist/layout-responsive.css"
|
|
29
32
|
},
|
|
30
33
|
"peerDependencies": {
|
|
31
34
|
"react": ">=18",
|
|
@@ -51,8 +54,8 @@
|
|
|
51
54
|
"audit-tokens": "node scripts/audit-tokens.js",
|
|
52
55
|
"fix-tokens": "node scripts/fix-tokens.js",
|
|
53
56
|
"fix-tokens-preview": "node scripts/fix-tokens.js --dry-run",
|
|
54
|
-
"build-tokens": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js",
|
|
55
|
-
"build-dist": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js && node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js && node scripts/build-dist.js && npm run build-elements",
|
|
57
|
+
"build-tokens": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js && node scripts/stamp-headers.js",
|
|
58
|
+
"build-dist": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js && node scripts/stamp-headers.js && node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js && node scripts/check-state-distinctness.js && node scripts/check-ladder-order.js && node scripts/check-variant-distinctness.js && node scripts/check-story-yield.js && node scripts/build-dist.js && node scripts/build-contract.js && npm run build-elements",
|
|
56
59
|
"storybook": "node style-dictionary.config.js && storybook dev -p 6006",
|
|
57
60
|
"build-storybook": "storybook build",
|
|
58
61
|
"check-demo-tokens": "node scripts/check-demo-tokens.js",
|
|
@@ -64,8 +67,12 @@
|
|
|
64
67
|
"check-secrets": "node scripts/check-secrets.js",
|
|
65
68
|
"check-token-refs": "node scripts/check-token-refs.js",
|
|
66
69
|
"check-token-names": "node scripts/check-token-names.js",
|
|
67
|
-
"check-tokens": "node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js",
|
|
68
|
-
"build-elements": "esbuild components/sidenav/pathway-sidenav.js --bundle --format=esm --minify --loader:.jsx=jsx --jsx=automatic --define:process.env.NODE_ENV='\"production\"' --outfile=dist/pathway-sidenav.js"
|
|
70
|
+
"check-tokens": "node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js && node scripts/check-story-yield.js",
|
|
71
|
+
"build-elements": "esbuild components/sidenav/pathway-sidenav.js --bundle --format=esm --minify --loader:.jsx=jsx --jsx=automatic --define:process.env.NODE_ENV='\"production\"' --outfile=dist/pathway-sidenav.js",
|
|
72
|
+
"check-story-yield": "node scripts/check-story-yield.js",
|
|
73
|
+
"stamp-headers": "node scripts/stamp-headers.js",
|
|
74
|
+
"check-headers": "node scripts/stamp-headers.js --check",
|
|
75
|
+
"build-contract": "node scripts/build-contract.js"
|
|
69
76
|
},
|
|
70
77
|
"devDependencies": {
|
|
71
78
|
"@babel/preset-env": "^7.29.2",
|