@helloimjolopez-pathway/pathway-tokens 11.4.3 → 11.5.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/dist/README.md +2 -2
- package/dist/brands/newco/layout-contextual.css +1 -0
- package/dist/brands/newco/tokens.js +10 -0
- package/dist/contract.json +4 -4
- package/dist/layout-contextual.css +2 -1
- package/dist/tokens.js +10 -0
- package/dist/tokens.json +12 -0
- package/package.json +1 -1
package/dist/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
**The colour contract is 210 names.** Your full working vocabulary is
|
|
4
4
|
**362**. If you add up every declaration in this folder you get
|
|
5
|
-
|
|
5
|
+
1158. That number is not the contract, and the table below says why.
|
|
6
6
|
|
|
7
7
|
## Link these, in this order
|
|
8
8
|
|
|
@@ -30,7 +30,7 @@ error**.
|
|
|
30
30
|
| `themes/midnight.css` | 210 | yes | yes | Colour contract, Midnight Mode. Same names as light. |
|
|
31
31
|
| `type.css` | 39 | yes | yes | Type scale. Compose from these. |
|
|
32
32
|
| `layout.css` | 76 | yes | yes | Spacing, radii, border widths. |
|
|
33
|
-
| `layout-contextual.css` |
|
|
33
|
+
| `layout-contextual.css` | 38 | **no** | **no** | Per-component metrics. This repo's components use these. |
|
|
34
34
|
| `motion.css` | 21 | yes | yes | Durations and easings. |
|
|
35
35
|
| `layout-responsive.css` | 11 | yes | yes | Sheet and TopNav padding, and the touch target minimum. The only layout tokens with media queries. |
|
|
36
36
|
| `breakpoints.css` | 5 | yes | yes | Breakpoint values. |
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
--contextual-layout-units-card-gap: 8px;
|
|
25
25
|
--contextual-layout-units-card-padding-horizontal: 14px;
|
|
26
26
|
--contextual-layout-units-card-padding-vertical: 14px;
|
|
27
|
+
--contextual-layout-units-chip-cornerradius: 12px;
|
|
27
28
|
--contextual-layout-units-field-borderwidth: 0.75px;
|
|
28
29
|
--contextual-layout-units-field-cornerradius: 8px;
|
|
29
30
|
--contextual-layout-units-focusring-offset: 2px;
|
|
@@ -213,6 +213,16 @@ const tokens = {
|
|
|
213
213
|
"vertical"
|
|
214
214
|
]
|
|
215
215
|
},
|
|
216
|
+
"contextual-layout-units-chip-cornerradius": {
|
|
217
|
+
"value": 12,
|
|
218
|
+
"type": "number",
|
|
219
|
+
"path": [
|
|
220
|
+
"contextual-layout-units",
|
|
221
|
+
"newco",
|
|
222
|
+
"chip",
|
|
223
|
+
"cornerradius"
|
|
224
|
+
]
|
|
225
|
+
},
|
|
216
226
|
"contextual-layout-units-field-borderwidth": {
|
|
217
227
|
"value": 0.75,
|
|
218
228
|
"type": "number",
|
package/dist/contract.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$comment": "The names a consumer may use. Generated from the emitted CSS by scripts/build-contract.js, do not hand-edit. Lint against `contract` if you want the boundary enforced; nothing here blocks a primitive.",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.5.0",
|
|
4
4
|
"generated": "2026-10-30",
|
|
5
5
|
"counts": {
|
|
6
6
|
"contract": 362,
|
|
7
|
-
"infrastructure":
|
|
8
|
-
"declarationsAcrossAllFiles":
|
|
7
|
+
"infrastructure": 586,
|
|
8
|
+
"declarationsAcrossAllFiles": 1158
|
|
9
9
|
},
|
|
10
10
|
"loadOrder": [
|
|
11
11
|
"primitives.css",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"layout-contextual.css": {
|
|
52
52
|
"contract": false,
|
|
53
53
|
"mustLoad": false,
|
|
54
|
-
"count":
|
|
54
|
+
"count": 38,
|
|
55
55
|
"role": "Per-component metrics. This repo's components use these."
|
|
56
56
|
},
|
|
57
57
|
"motion.css": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
prefer layout.css, which is the general spacing contract. These exist so a
|
|
10
10
|
component's geometry can be tuned without moving the whole scale.
|
|
11
11
|
|
|
12
|
-
Declares
|
|
12
|
+
Declares 38 custom properties.
|
|
13
13
|
Generated: do not edit. Run `npm run build-tokens`.
|
|
14
14
|
==========================================================================
|
|
15
15
|
*/
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
--contextual-layout-units-card-gap: 8px;
|
|
34
34
|
--contextual-layout-units-card-padding-horizontal: 14px;
|
|
35
35
|
--contextual-layout-units-card-padding-vertical: 14px;
|
|
36
|
+
--contextual-layout-units-chip-cornerradius: 12px;
|
|
36
37
|
--contextual-layout-units-field-borderwidth: 0.75px;
|
|
37
38
|
--contextual-layout-units-field-cornerradius: 8px;
|
|
38
39
|
--contextual-layout-units-focusring-offset: 2px;
|
package/dist/tokens.js
CHANGED
|
@@ -253,6 +253,16 @@ const tokens = {
|
|
|
253
253
|
"vertical"
|
|
254
254
|
]
|
|
255
255
|
},
|
|
256
|
+
"contextual-layout-units-chip-cornerradius": {
|
|
257
|
+
"value": 12,
|
|
258
|
+
"type": "number",
|
|
259
|
+
"path": [
|
|
260
|
+
"contextual-layout-units",
|
|
261
|
+
"amplify",
|
|
262
|
+
"chip",
|
|
263
|
+
"cornerradius"
|
|
264
|
+
]
|
|
265
|
+
},
|
|
256
266
|
"contextual-layout-units-field-borderwidth": {
|
|
257
267
|
"value": 0.75,
|
|
258
268
|
"type": "number",
|
package/dist/tokens.json
CHANGED
|
@@ -121,6 +121,12 @@
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
},
|
|
124
|
+
"chip": {
|
|
125
|
+
"cornerradius": {
|
|
126
|
+
"$type": "number",
|
|
127
|
+
"$value": "{semantic-layout-units.cornerradius.large}"
|
|
128
|
+
}
|
|
129
|
+
},
|
|
124
130
|
"field": {
|
|
125
131
|
"borderwidth": {
|
|
126
132
|
"$type": "number",
|
|
@@ -319,6 +325,12 @@
|
|
|
319
325
|
}
|
|
320
326
|
}
|
|
321
327
|
},
|
|
328
|
+
"chip": {
|
|
329
|
+
"cornerradius": {
|
|
330
|
+
"$type": "number",
|
|
331
|
+
"$value": "{semantic-layout-units.cornerradius.large}"
|
|
332
|
+
}
|
|
333
|
+
},
|
|
322
334
|
"field": {
|
|
323
335
|
"borderwidth": {
|
|
324
336
|
"$type": "number",
|
package/package.json
CHANGED