@helloimjolopez-pathway/pathway-tokens 11.4.2 → 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/themes/amplify-light.css +1 -1
- package/dist/themes/light.css +1 -1
- package/dist/tokens.js +11 -1
- package/dist/tokens.json +13 -1
- 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;
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
--semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
|
|
168
168
|
--semantic-color-foreground-static-neutral-base: var(--primitive-color-cool-neutral-600);
|
|
169
169
|
--semantic-color-foreground-static-neutral-bold: var(--primitive-color-cool-neutral-700);
|
|
170
|
-
--semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-
|
|
170
|
+
--semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-300);
|
|
171
171
|
--semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
|
|
172
172
|
--semantic-color-foreground-static-neutral-strong: var(--primitive-color-cool-neutral-900);
|
|
173
173
|
--semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
|
package/dist/themes/light.css
CHANGED
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
--semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
|
|
169
169
|
--semantic-color-foreground-static-neutral-base: var(--primitive-color-cool-neutral-600);
|
|
170
170
|
--semantic-color-foreground-static-neutral-bold: var(--primitive-color-cool-neutral-700);
|
|
171
|
-
--semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-
|
|
171
|
+
--semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-300);
|
|
172
172
|
--semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
|
|
173
173
|
--semantic-color-foreground-static-neutral-strong: var(--primitive-color-cool-neutral-900);
|
|
174
174
|
--semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
|
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",
|
|
@@ -8351,7 +8361,7 @@ const tokens = {
|
|
|
8351
8361
|
]
|
|
8352
8362
|
},
|
|
8353
8363
|
"semantic-color-light-foreground-static-neutral-faint": {
|
|
8354
|
-
"value": "#
|
|
8364
|
+
"value": "#7b7b7b",
|
|
8355
8365
|
"type": "color",
|
|
8356
8366
|
"path": [
|
|
8357
8367
|
"semantic-color",
|
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",
|
|
@@ -5518,7 +5530,7 @@
|
|
|
5518
5530
|
},
|
|
5519
5531
|
"faint": {
|
|
5520
5532
|
"$type": "color",
|
|
5521
|
-
"$value": "{primitive-color.amplify.cool-neutral.
|
|
5533
|
+
"$value": "{primitive-color.amplify.cool-neutral.300}"
|
|
5522
5534
|
},
|
|
5523
5535
|
"mono": {
|
|
5524
5536
|
"$type": "color",
|
package/package.json
CHANGED