@patternfly/design-tokens 1.13.0 → 1.13.2

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.
Files changed (14) hide show
  1. package/build/css/tokens-charts-dark.scss +1 -1
  2. package/build/css/tokens-charts.scss +1 -1
  3. package/build/css/tokens-dark.scss +28 -17
  4. package/build/css/tokens-default.scss +55 -32
  5. package/build/css/tokens-palette.scss +1 -1
  6. package/package.json +1 -1
  7. package/patternfly-docs/content/token-layers-dark.json +4922 -2489
  8. package/patternfly-docs/content/token-layers-default.json +3884 -1584
  9. package/tokens/dark/base.dark.json +16 -4
  10. package/tokens/dark/semantic.dark.json +66 -18
  11. package/tokens/default/base.dimension.json +47 -19
  12. package/tokens/default/base.json +10 -2
  13. package/tokens/default/semantic.dimension.json +65 -27
  14. package/tokens/default/semantic.json +57 -9
package/build/css/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 18 Jul 2024 22:27:54 GMT
3
+ // Generated on Mon, 23 Sep 2024 22:48:17 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/build/css/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 18 Jul 2024 22:27:54 GMT
3
+ // Generated on Mon, 23 Sep 2024 22:48:17 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/build/css/tokens-dark.scss CHANGED
@@ -1,26 +1,33 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 18 Jul 2024 22:27:54 GMT
3
+ // Generated on Mon, 23 Sep 2024 22:48:17 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7
7
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8
8
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
9
9
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
10
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
10
11
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
11
12
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
12
13
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
13
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
14
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
15
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
14
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
15
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
16
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
17
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
18
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
19
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
20
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
16
21
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
17
22
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
18
23
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
19
24
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
25
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
20
26
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
21
27
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
22
28
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
23
29
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
30
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
24
31
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
25
32
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
26
33
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -32,9 +39,9 @@
32
39
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
33
40
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
34
41
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
35
- --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--30);
36
- --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--20);
37
- --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--10);
42
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
43
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
44
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
38
45
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
39
46
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
40
47
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
@@ -77,7 +84,7 @@
77
84
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
78
85
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
79
86
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
80
- --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
87
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
81
88
  --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
82
89
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
83
90
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
@@ -87,13 +94,16 @@
87
94
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
88
95
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
89
96
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
97
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
90
98
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
91
99
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
92
100
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
93
101
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
94
102
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
95
103
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
104
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
96
105
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
106
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
97
107
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
98
108
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
99
109
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -101,15 +111,16 @@
101
111
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
102
112
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
103
113
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
114
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
104
115
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
105
116
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
106
117
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
107
118
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
108
119
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
109
120
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
110
- --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
111
- --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
112
- --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
121
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
122
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
123
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
113
124
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
114
125
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
115
126
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
@@ -243,9 +254,9 @@
243
254
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
244
255
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
245
256
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
246
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--inverse);
247
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
248
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
257
+ --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
258
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
259
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
249
260
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
250
261
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
251
262
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
@@ -309,9 +320,9 @@
309
320
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
310
321
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
311
322
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
312
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--inverse);
313
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
314
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
323
+ --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
324
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
325
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
315
326
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
316
327
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
317
328
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
package/build/css/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 18 Jul 2024 22:27:54 GMT
3
+ // Generated on Mon, 23 Sep 2024 22:48:17 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -15,26 +15,33 @@
15
15
  --pf-t--global--border--width--100: 1px;
16
16
  --pf-t--global--border--width--200: 2px;
17
17
  --pf-t--global--border--width--300: 3px;
18
- --pf-t--global--box-shadow--X--100: -8px;
18
+ --pf-t--global--box-shadow--X--100: -10px;
19
19
  --pf-t--global--box-shadow--X--200: -4px;
20
20
  --pf-t--global--box-shadow--X--300: -1px;
21
21
  --pf-t--global--box-shadow--X--400: 0px;
22
+ --pf-t--global--box-shadow--X--50: -20px;
22
23
  --pf-t--global--box-shadow--X--500: 1px;
23
24
  --pf-t--global--box-shadow--X--600: 4px;
24
- --pf-t--global--box-shadow--X--700: 8px;
25
- --pf-t--global--box-shadow--Y--100: -8px;
25
+ --pf-t--global--box-shadow--X--700: 10px;
26
+ --pf-t--global--box-shadow--X--800: 20px;
27
+ --pf-t--global--box-shadow--Y--100: -10px;
26
28
  --pf-t--global--box-shadow--Y--200: -4px;
27
29
  --pf-t--global--box-shadow--Y--300: -1px;
28
30
  --pf-t--global--box-shadow--Y--400: 0px;
31
+ --pf-t--global--box-shadow--Y--50: -20px;
29
32
  --pf-t--global--box-shadow--Y--500: 1px;
30
33
  --pf-t--global--box-shadow--Y--600: 4px;
31
- --pf-t--global--box-shadow--Y--700: 8px;
34
+ --pf-t--global--box-shadow--Y--700: 10px;
35
+ --pf-t--global--box-shadow--Y--800: 20px;
32
36
  --pf-t--global--box-shadow--blur--100: 4px;
33
- --pf-t--global--box-shadow--blur--200: 8px;
34
- --pf-t--global--box-shadow--blur--300: 24px;
35
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
36
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
37
+ --pf-t--global--box-shadow--blur--200: 9px;
38
+ --pf-t--global--box-shadow--blur--300: 20px;
39
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
40
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
37
41
  --pf-t--global--box-shadow--spread--100: 0px;
42
+ --pf-t--global--box-shadow--spread--200: -4px;
43
+ --pf-t--global--box-shadow--spread--300: -8px;
44
+ --pf-t--global--box-shadow--spread--400: -20px;
38
45
  --pf-t--global--breakpoint--100: 0rem;
39
46
  --pf-t--global--breakpoint--200: 36rem;
40
47
  --pf-t--global--breakpoint--250: 40rem;
@@ -65,17 +72,17 @@
65
72
  --pf-t--global--font--size--300: 1rem;
66
73
  --pf-t--global--font--size--400: 1.125rem;
67
74
  --pf-t--global--font--size--500: 1.25rem;
68
- --pf-t--global--font--size--600: 1.375rem;
75
+ --pf-t--global--font--size--600: 1.5rem;
69
76
  --pf-t--global--font--size--700: 1.75rem;
70
77
  --pf-t--global--font--size--800: 2.25rem;
71
78
  --pf-t--global--font--weight--100: 400;
72
79
  --pf-t--global--font--weight--200: 500;
73
- --pf-t--global--font--weight--300: 700;
80
+ --pf-t--global--font--weight--300: 500;
74
81
  --pf-t--global--font--weight--400: 700;
75
82
  --pf-t--global--icon--size--100: 0.75rem;
76
83
  --pf-t--global--icon--size--200: 0.875rem;
77
84
  --pf-t--global--icon--size--250: 1rem;
78
- --pf-t--global--icon--size--300: 1.375rem;
85
+ --pf-t--global--icon--size--300: 1.5rem;
79
86
  --pf-t--global--icon--size--400: 3.5rem;
80
87
  --pf-t--global--icon--size--500: 6rem;
81
88
  --pf-t--global--spacer--100: 0.25rem;
@@ -103,14 +110,17 @@
103
110
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
104
111
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
105
112
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
113
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
106
114
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
107
115
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
108
116
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
109
117
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
110
118
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
119
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
111
120
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
112
121
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
113
122
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
123
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
114
124
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
115
125
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
116
126
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -136,43 +146,49 @@
136
146
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
137
147
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
138
148
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
139
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
140
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
149
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
150
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
141
151
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
142
152
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
143
153
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
144
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
145
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
154
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
155
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
146
156
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
147
157
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
148
158
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
149
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
150
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
159
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
160
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
151
161
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
152
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
162
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
153
163
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
154
164
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
155
165
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
156
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
157
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
166
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
167
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
158
168
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
159
169
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
160
170
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
161
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
162
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
171
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
172
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
163
173
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
164
174
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
165
175
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
166
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
176
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
167
177
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
168
178
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
169
179
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
170
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
171
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
172
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
173
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
174
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
175
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
180
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
181
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
182
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
183
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
184
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
185
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
186
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
187
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
188
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
189
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
190
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
191
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
176
192
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
177
193
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
178
194
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -312,13 +328,16 @@
312
328
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
313
329
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
314
330
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
331
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
315
332
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
316
333
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
317
334
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
318
335
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
319
336
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
320
337
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
338
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
321
339
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
340
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
322
341
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
323
342
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
324
343
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -326,6 +345,7 @@
326
345
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
327
346
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
328
347
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
348
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
329
349
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
330
350
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
331
351
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -469,8 +489,11 @@
469
489
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
470
490
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
471
491
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
472
- --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
473
- --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
492
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
493
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
494
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
495
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
496
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
474
497
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
475
498
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
476
499
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
package/build/css/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 18 Jul 2024 22:27:54 GMT
3
+ // Generated on Mon, 23 Sep 2024 22:48:17 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.13.0",
3
+ "version": "1.13.2",
4
4
  "description": "Define the design tokens for patternfly design system and component library",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",