@patternfly/patternfly 6.0.0-alpha.180 → 6.0.0-alpha.181

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 (13) hide show
  1. package/base/patternfly-variables.css +54 -34
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +55 -35
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/package.json +1 -1
  8. package/patternfly-base-no-globals.css +54 -34
  9. package/patternfly-base.css +54 -34
  10. package/patternfly-no-globals.css +54 -34
  11. package/patternfly.css +54 -34
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -100,15 +100,15 @@
100
100
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
101
101
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
102
102
  --pf-t--global--box-shadow--spread--100: 0px;
103
- --pf-t--global--breakpoint--100: 0px;
104
- --pf-t--global--breakpoint--200: 576px;
105
- --pf-t--global--breakpoint--250: 640px;
106
- --pf-t--global--breakpoint--300: 768px;
107
- --pf-t--global--breakpoint--350: 960px;
108
- --pf-t--global--breakpoint--400: 992px;
109
- --pf-t--global--breakpoint--500: 1200px;
110
- --pf-t--global--breakpoint--550: 1280px;
111
- --pf-t--global--breakpoint--600: 1450px;
103
+ --pf-t--global--breakpoint--100: 0rem;
104
+ --pf-t--global--breakpoint--200: 36rem;
105
+ --pf-t--global--breakpoint--250: 40rem;
106
+ --pf-t--global--breakpoint--300: 48rem;
107
+ --pf-t--global--breakpoint--350: 60rem;
108
+ --pf-t--global--breakpoint--400: 62rem;
109
+ --pf-t--global--breakpoint--500: 75rem;
110
+ --pf-t--global--breakpoint--550: 80rem;
111
+ --pf-t--global--breakpoint--600: 90.625rem;
112
112
  --pf-t--global--delay--100: 0ms;
113
113
  --pf-t--global--delay--200: 50ms;
114
114
  --pf-t--global--delay--300: 100ms;
@@ -120,37 +120,41 @@
120
120
  --pf-t--global--duration--50: 50ms;
121
121
  --pf-t--global--duration--500: 500ms;
122
122
  --pf-t--global--duration--600: 600ms;
123
- --pf-t--global--font--family--100: "Red Hat Text VF";
124
- --pf-t--global--font--family--200: "Red Hat Display VF";
125
- --pf-t--global--font--family--300: "Red Hat Mono VF";
123
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
124
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
125
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
126
126
  --pf-t--global--font--line-height--100: 1.3;
127
127
  --pf-t--global--font--line-height--200: 1.5;
128
- --pf-t--global--font--size--100: 12px;
129
- --pf-t--global--font--size--200: 14px;
130
- --pf-t--global--font--size--300: 16px;
131
- --pf-t--global--font--size--400: 18px;
132
- --pf-t--global--font--size--500: 20px;
133
- --pf-t--global--font--size--600: 22px;
134
- --pf-t--global--font--size--700: 28px;
135
- --pf-t--global--font--size--800: 36px;
128
+ --pf-t--global--font--size--100: 0.75rem;
129
+ --pf-t--global--font--size--200: 0.875rem;
130
+ --pf-t--global--font--size--300: 1rem;
131
+ --pf-t--global--font--size--400: 1.125rem;
132
+ --pf-t--global--font--size--500: 1.25rem;
133
+ --pf-t--global--font--size--600: 1.375rem;
134
+ --pf-t--global--font--size--700: 1.75rem;
135
+ --pf-t--global--font--size--800: 2.25rem;
136
136
  --pf-t--global--font--weight--100: 400;
137
137
  --pf-t--global--font--weight--200: 500;
138
138
  --pf-t--global--font--weight--300: 700;
139
139
  --pf-t--global--font--weight--400: 700;
140
- --pf-t--global--icon--size--100: 12px;
141
- --pf-t--global--icon--size--200: 14px;
142
- --pf-t--global--icon--size--250: 16px;
143
- --pf-t--global--icon--size--300: 22px;
144
- --pf-t--global--icon--size--400: 56px;
145
- --pf-t--global--icon--size--500: 96px;
146
- --pf-t--global--spacer--100: 4px;
147
- --pf-t--global--spacer--200: 8px;
148
- --pf-t--global--spacer--300: 16px;
149
- --pf-t--global--spacer--400: 24px;
150
- --pf-t--global--spacer--500: 32px;
151
- --pf-t--global--spacer--600: 48px;
152
- --pf-t--global--spacer--700: 64px;
153
- --pf-t--global--spacer--800: 80px;
140
+ --pf-t--global--icon--size--100: 0.75rem;
141
+ --pf-t--global--icon--size--200: 0.875rem;
142
+ --pf-t--global--icon--size--250: 1rem;
143
+ --pf-t--global--icon--size--300: 1.375rem;
144
+ --pf-t--global--icon--size--400: 3.5rem;
145
+ --pf-t--global--icon--size--500: 6rem;
146
+ --pf-t--global--spacer--100: 0.25rem;
147
+ --pf-t--global--spacer--200: 0.5rem;
148
+ --pf-t--global--spacer--300: 1rem;
149
+ --pf-t--global--spacer--400: 1.5rem;
150
+ --pf-t--global--spacer--500: 2rem;
151
+ --pf-t--global--spacer--600: 3rem;
152
+ --pf-t--global--spacer--700: 4rem;
153
+ --pf-t--global--spacer--800: 5rem;
154
+ --pf-t--global--text-decoration--line--100: none;
155
+ --pf-t--global--text-decoration--line--200: underline;
156
+ --pf-t--global--text-decoration--style--100: solid;
157
+ --pf-t--global--text-decoration--style--200: dashed;
154
158
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
155
159
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
156
160
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -351,6 +355,18 @@
351
355
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
352
356
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
353
357
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
358
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
359
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
360
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
361
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
362
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
363
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
364
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
365
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
366
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
367
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
368
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
369
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
354
370
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
355
371
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
356
372
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -519,6 +535,8 @@
519
535
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
520
536
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
521
537
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
538
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
539
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
522
540
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
523
541
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
524
542
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -532,6 +550,8 @@
532
550
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
533
551
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
534
552
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
553
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
554
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
535
555
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
536
556
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
537
557
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 21 Jun 2024 21:25:19 GMT
3
+ // Generated on Wed, 03 Jul 2024 20:18:14 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 21 Jun 2024 21:25:19 GMT
3
+ // Generated on Wed, 03 Jul 2024 20:18:13 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 21 Jun 2024 21:25:18 GMT
3
+ // Generated on Wed, 03 Jul 2024 20:18:13 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);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 21 Jun 2024 21:25:18 GMT
3
+ // Generated on Wed, 03 Jul 2024 20:18:13 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -35,15 +35,15 @@
35
35
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
36
36
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
37
37
  --pf-t--global--box-shadow--spread--100: 0px;
38
- --pf-t--global--breakpoint--100: 0px;
39
- --pf-t--global--breakpoint--200: 576px;
40
- --pf-t--global--breakpoint--250: 640px;
41
- --pf-t--global--breakpoint--300: 768px;
42
- --pf-t--global--breakpoint--350: 960px;
43
- --pf-t--global--breakpoint--400: 992px;
44
- --pf-t--global--breakpoint--500: 1200px;
45
- --pf-t--global--breakpoint--550: 1280px;
46
- --pf-t--global--breakpoint--600: 1450px;
38
+ --pf-t--global--breakpoint--100: 0rem;
39
+ --pf-t--global--breakpoint--200: 36rem;
40
+ --pf-t--global--breakpoint--250: 40rem;
41
+ --pf-t--global--breakpoint--300: 48rem;
42
+ --pf-t--global--breakpoint--350: 60rem;
43
+ --pf-t--global--breakpoint--400: 62rem;
44
+ --pf-t--global--breakpoint--500: 75rem;
45
+ --pf-t--global--breakpoint--550: 80rem;
46
+ --pf-t--global--breakpoint--600: 90.625rem;
47
47
  --pf-t--global--delay--100: 0ms;
48
48
  --pf-t--global--delay--200: 50ms;
49
49
  --pf-t--global--delay--300: 100ms;
@@ -55,37 +55,41 @@
55
55
  --pf-t--global--duration--50: 50ms;
56
56
  --pf-t--global--duration--500: 500ms;
57
57
  --pf-t--global--duration--600: 600ms;
58
- --pf-t--global--font--family--100: "Red Hat Text VF";
59
- --pf-t--global--font--family--200: "Red Hat Display VF";
60
- --pf-t--global--font--family--300: "Red Hat Mono VF";
58
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
59
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
60
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
61
61
  --pf-t--global--font--line-height--100: 1.3;
62
62
  --pf-t--global--font--line-height--200: 1.5;
63
- --pf-t--global--font--size--100: 12px;
64
- --pf-t--global--font--size--200: 14px;
65
- --pf-t--global--font--size--300: 16px;
66
- --pf-t--global--font--size--400: 18px;
67
- --pf-t--global--font--size--500: 20px;
68
- --pf-t--global--font--size--600: 22px;
69
- --pf-t--global--font--size--700: 28px;
70
- --pf-t--global--font--size--800: 36px;
63
+ --pf-t--global--font--size--100: 0.75rem;
64
+ --pf-t--global--font--size--200: 0.875rem;
65
+ --pf-t--global--font--size--300: 1rem;
66
+ --pf-t--global--font--size--400: 1.125rem;
67
+ --pf-t--global--font--size--500: 1.25rem;
68
+ --pf-t--global--font--size--600: 1.375rem;
69
+ --pf-t--global--font--size--700: 1.75rem;
70
+ --pf-t--global--font--size--800: 2.25rem;
71
71
  --pf-t--global--font--weight--100: 400;
72
72
  --pf-t--global--font--weight--200: 500;
73
73
  --pf-t--global--font--weight--300: 700;
74
74
  --pf-t--global--font--weight--400: 700;
75
- --pf-t--global--icon--size--100: 12px;
76
- --pf-t--global--icon--size--200: 14px;
77
- --pf-t--global--icon--size--250: 16px;
78
- --pf-t--global--icon--size--300: 22px;
79
- --pf-t--global--icon--size--400: 56px;
80
- --pf-t--global--icon--size--500: 96px;
81
- --pf-t--global--spacer--100: 4px;
82
- --pf-t--global--spacer--200: 8px;
83
- --pf-t--global--spacer--300: 16px;
84
- --pf-t--global--spacer--400: 24px;
85
- --pf-t--global--spacer--500: 32px;
86
- --pf-t--global--spacer--600: 48px;
87
- --pf-t--global--spacer--700: 64px;
88
- --pf-t--global--spacer--800: 80px;
75
+ --pf-t--global--icon--size--100: 0.75rem;
76
+ --pf-t--global--icon--size--200: 0.875rem;
77
+ --pf-t--global--icon--size--250: 1rem;
78
+ --pf-t--global--icon--size--300: 1.375rem;
79
+ --pf-t--global--icon--size--400: 3.5rem;
80
+ --pf-t--global--icon--size--500: 6rem;
81
+ --pf-t--global--spacer--100: 0.25rem;
82
+ --pf-t--global--spacer--200: 0.5rem;
83
+ --pf-t--global--spacer--300: 1rem;
84
+ --pf-t--global--spacer--400: 1.5rem;
85
+ --pf-t--global--spacer--500: 2rem;
86
+ --pf-t--global--spacer--600: 3rem;
87
+ --pf-t--global--spacer--700: 4rem;
88
+ --pf-t--global--spacer--800: 5rem;
89
+ --pf-t--global--text-decoration--line--100: none;
90
+ --pf-t--global--text-decoration--line--200: underline;
91
+ --pf-t--global--text-decoration--style--100: solid;
92
+ --pf-t--global--text-decoration--style--200: dashed;
89
93
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
90
94
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
91
95
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -286,6 +290,18 @@
286
290
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
287
291
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
288
292
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
293
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
294
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
295
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
296
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
297
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
298
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
299
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
300
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
301
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
302
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
303
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
304
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
289
305
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
290
306
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
291
307
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -454,6 +470,8 @@
454
470
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
455
471
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
456
472
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
473
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
474
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
457
475
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
458
476
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
459
477
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -467,6 +485,8 @@
467
485
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
468
486
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
469
487
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
488
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
489
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
470
490
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
471
491
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
472
492
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 21 Jun 2024 21:25:19 GMT
3
+ // Generated on Wed, 03 Jul 2024 20:18:13 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.180",
4
+ "version": "6.0.0-alpha.181",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -4954,15 +4954,15 @@
4954
4954
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
4955
4955
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
4956
4956
  --pf-t--global--box-shadow--spread--100: 0px;
4957
- --pf-t--global--breakpoint--100: 0px;
4958
- --pf-t--global--breakpoint--200: 576px;
4959
- --pf-t--global--breakpoint--250: 640px;
4960
- --pf-t--global--breakpoint--300: 768px;
4961
- --pf-t--global--breakpoint--350: 960px;
4962
- --pf-t--global--breakpoint--400: 992px;
4963
- --pf-t--global--breakpoint--500: 1200px;
4964
- --pf-t--global--breakpoint--550: 1280px;
4965
- --pf-t--global--breakpoint--600: 1450px;
4957
+ --pf-t--global--breakpoint--100: 0rem;
4958
+ --pf-t--global--breakpoint--200: 36rem;
4959
+ --pf-t--global--breakpoint--250: 40rem;
4960
+ --pf-t--global--breakpoint--300: 48rem;
4961
+ --pf-t--global--breakpoint--350: 60rem;
4962
+ --pf-t--global--breakpoint--400: 62rem;
4963
+ --pf-t--global--breakpoint--500: 75rem;
4964
+ --pf-t--global--breakpoint--550: 80rem;
4965
+ --pf-t--global--breakpoint--600: 90.625rem;
4966
4966
  --pf-t--global--delay--100: 0ms;
4967
4967
  --pf-t--global--delay--200: 50ms;
4968
4968
  --pf-t--global--delay--300: 100ms;
@@ -4974,37 +4974,41 @@
4974
4974
  --pf-t--global--duration--50: 50ms;
4975
4975
  --pf-t--global--duration--500: 500ms;
4976
4976
  --pf-t--global--duration--600: 600ms;
4977
- --pf-t--global--font--family--100: "Red Hat Text VF";
4978
- --pf-t--global--font--family--200: "Red Hat Display VF";
4979
- --pf-t--global--font--family--300: "Red Hat Mono VF";
4977
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4978
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4979
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
4980
4980
  --pf-t--global--font--line-height--100: 1.3;
4981
4981
  --pf-t--global--font--line-height--200: 1.5;
4982
- --pf-t--global--font--size--100: 12px;
4983
- --pf-t--global--font--size--200: 14px;
4984
- --pf-t--global--font--size--300: 16px;
4985
- --pf-t--global--font--size--400: 18px;
4986
- --pf-t--global--font--size--500: 20px;
4987
- --pf-t--global--font--size--600: 22px;
4988
- --pf-t--global--font--size--700: 28px;
4989
- --pf-t--global--font--size--800: 36px;
4982
+ --pf-t--global--font--size--100: 0.75rem;
4983
+ --pf-t--global--font--size--200: 0.875rem;
4984
+ --pf-t--global--font--size--300: 1rem;
4985
+ --pf-t--global--font--size--400: 1.125rem;
4986
+ --pf-t--global--font--size--500: 1.25rem;
4987
+ --pf-t--global--font--size--600: 1.375rem;
4988
+ --pf-t--global--font--size--700: 1.75rem;
4989
+ --pf-t--global--font--size--800: 2.25rem;
4990
4990
  --pf-t--global--font--weight--100: 400;
4991
4991
  --pf-t--global--font--weight--200: 500;
4992
4992
  --pf-t--global--font--weight--300: 700;
4993
4993
  --pf-t--global--font--weight--400: 700;
4994
- --pf-t--global--icon--size--100: 12px;
4995
- --pf-t--global--icon--size--200: 14px;
4996
- --pf-t--global--icon--size--250: 16px;
4997
- --pf-t--global--icon--size--300: 22px;
4998
- --pf-t--global--icon--size--400: 56px;
4999
- --pf-t--global--icon--size--500: 96px;
5000
- --pf-t--global--spacer--100: 4px;
5001
- --pf-t--global--spacer--200: 8px;
5002
- --pf-t--global--spacer--300: 16px;
5003
- --pf-t--global--spacer--400: 24px;
5004
- --pf-t--global--spacer--500: 32px;
5005
- --pf-t--global--spacer--600: 48px;
5006
- --pf-t--global--spacer--700: 64px;
5007
- --pf-t--global--spacer--800: 80px;
4994
+ --pf-t--global--icon--size--100: 0.75rem;
4995
+ --pf-t--global--icon--size--200: 0.875rem;
4996
+ --pf-t--global--icon--size--250: 1rem;
4997
+ --pf-t--global--icon--size--300: 1.375rem;
4998
+ --pf-t--global--icon--size--400: 3.5rem;
4999
+ --pf-t--global--icon--size--500: 6rem;
5000
+ --pf-t--global--spacer--100: 0.25rem;
5001
+ --pf-t--global--spacer--200: 0.5rem;
5002
+ --pf-t--global--spacer--300: 1rem;
5003
+ --pf-t--global--spacer--400: 1.5rem;
5004
+ --pf-t--global--spacer--500: 2rem;
5005
+ --pf-t--global--spacer--600: 3rem;
5006
+ --pf-t--global--spacer--700: 4rem;
5007
+ --pf-t--global--spacer--800: 5rem;
5008
+ --pf-t--global--text-decoration--line--100: none;
5009
+ --pf-t--global--text-decoration--line--200: underline;
5010
+ --pf-t--global--text-decoration--style--100: solid;
5011
+ --pf-t--global--text-decoration--style--200: dashed;
5008
5012
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5009
5013
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5010
5014
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -5205,6 +5209,18 @@
5205
5209
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5206
5210
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5207
5211
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5212
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
5213
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5214
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
5215
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5216
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
5217
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5218
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5219
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5220
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5221
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5222
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5223
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5208
5224
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
5209
5225
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
5210
5226
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -5373,6 +5389,8 @@
5373
5389
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5374
5390
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5375
5391
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5392
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
5393
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
5376
5394
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5377
5395
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5378
5396
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -5386,6 +5404,8 @@
5386
5404
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5387
5405
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5388
5406
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5407
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
5408
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
5389
5409
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5390
5410
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5391
5411
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
package/patternfly-base.css CHANGED
@@ -5075,15 +5075,15 @@ button) {
5075
5075
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5076
5076
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5077
5077
  --pf-t--global--box-shadow--spread--100: 0px;
5078
- --pf-t--global--breakpoint--100: 0px;
5079
- --pf-t--global--breakpoint--200: 576px;
5080
- --pf-t--global--breakpoint--250: 640px;
5081
- --pf-t--global--breakpoint--300: 768px;
5082
- --pf-t--global--breakpoint--350: 960px;
5083
- --pf-t--global--breakpoint--400: 992px;
5084
- --pf-t--global--breakpoint--500: 1200px;
5085
- --pf-t--global--breakpoint--550: 1280px;
5086
- --pf-t--global--breakpoint--600: 1450px;
5078
+ --pf-t--global--breakpoint--100: 0rem;
5079
+ --pf-t--global--breakpoint--200: 36rem;
5080
+ --pf-t--global--breakpoint--250: 40rem;
5081
+ --pf-t--global--breakpoint--300: 48rem;
5082
+ --pf-t--global--breakpoint--350: 60rem;
5083
+ --pf-t--global--breakpoint--400: 62rem;
5084
+ --pf-t--global--breakpoint--500: 75rem;
5085
+ --pf-t--global--breakpoint--550: 80rem;
5086
+ --pf-t--global--breakpoint--600: 90.625rem;
5087
5087
  --pf-t--global--delay--100: 0ms;
5088
5088
  --pf-t--global--delay--200: 50ms;
5089
5089
  --pf-t--global--delay--300: 100ms;
@@ -5095,37 +5095,41 @@ button) {
5095
5095
  --pf-t--global--duration--50: 50ms;
5096
5096
  --pf-t--global--duration--500: 500ms;
5097
5097
  --pf-t--global--duration--600: 600ms;
5098
- --pf-t--global--font--family--100: "Red Hat Text VF";
5099
- --pf-t--global--font--family--200: "Red Hat Display VF";
5100
- --pf-t--global--font--family--300: "Red Hat Mono VF";
5098
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5099
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5100
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
5101
5101
  --pf-t--global--font--line-height--100: 1.3;
5102
5102
  --pf-t--global--font--line-height--200: 1.5;
5103
- --pf-t--global--font--size--100: 12px;
5104
- --pf-t--global--font--size--200: 14px;
5105
- --pf-t--global--font--size--300: 16px;
5106
- --pf-t--global--font--size--400: 18px;
5107
- --pf-t--global--font--size--500: 20px;
5108
- --pf-t--global--font--size--600: 22px;
5109
- --pf-t--global--font--size--700: 28px;
5110
- --pf-t--global--font--size--800: 36px;
5103
+ --pf-t--global--font--size--100: 0.75rem;
5104
+ --pf-t--global--font--size--200: 0.875rem;
5105
+ --pf-t--global--font--size--300: 1rem;
5106
+ --pf-t--global--font--size--400: 1.125rem;
5107
+ --pf-t--global--font--size--500: 1.25rem;
5108
+ --pf-t--global--font--size--600: 1.375rem;
5109
+ --pf-t--global--font--size--700: 1.75rem;
5110
+ --pf-t--global--font--size--800: 2.25rem;
5111
5111
  --pf-t--global--font--weight--100: 400;
5112
5112
  --pf-t--global--font--weight--200: 500;
5113
5113
  --pf-t--global--font--weight--300: 700;
5114
5114
  --pf-t--global--font--weight--400: 700;
5115
- --pf-t--global--icon--size--100: 12px;
5116
- --pf-t--global--icon--size--200: 14px;
5117
- --pf-t--global--icon--size--250: 16px;
5118
- --pf-t--global--icon--size--300: 22px;
5119
- --pf-t--global--icon--size--400: 56px;
5120
- --pf-t--global--icon--size--500: 96px;
5121
- --pf-t--global--spacer--100: 4px;
5122
- --pf-t--global--spacer--200: 8px;
5123
- --pf-t--global--spacer--300: 16px;
5124
- --pf-t--global--spacer--400: 24px;
5125
- --pf-t--global--spacer--500: 32px;
5126
- --pf-t--global--spacer--600: 48px;
5127
- --pf-t--global--spacer--700: 64px;
5128
- --pf-t--global--spacer--800: 80px;
5115
+ --pf-t--global--icon--size--100: 0.75rem;
5116
+ --pf-t--global--icon--size--200: 0.875rem;
5117
+ --pf-t--global--icon--size--250: 1rem;
5118
+ --pf-t--global--icon--size--300: 1.375rem;
5119
+ --pf-t--global--icon--size--400: 3.5rem;
5120
+ --pf-t--global--icon--size--500: 6rem;
5121
+ --pf-t--global--spacer--100: 0.25rem;
5122
+ --pf-t--global--spacer--200: 0.5rem;
5123
+ --pf-t--global--spacer--300: 1rem;
5124
+ --pf-t--global--spacer--400: 1.5rem;
5125
+ --pf-t--global--spacer--500: 2rem;
5126
+ --pf-t--global--spacer--600: 3rem;
5127
+ --pf-t--global--spacer--700: 4rem;
5128
+ --pf-t--global--spacer--800: 5rem;
5129
+ --pf-t--global--text-decoration--line--100: none;
5130
+ --pf-t--global--text-decoration--line--200: underline;
5131
+ --pf-t--global--text-decoration--style--100: solid;
5132
+ --pf-t--global--text-decoration--style--200: dashed;
5129
5133
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5130
5134
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5131
5135
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -5326,6 +5330,18 @@ button) {
5326
5330
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5327
5331
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5328
5332
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5333
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
5334
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5335
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
5336
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5337
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
5338
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5339
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5340
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5341
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5342
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5343
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5344
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5329
5345
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
5330
5346
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
5331
5347
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -5494,6 +5510,8 @@ button) {
5494
5510
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5495
5511
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5496
5512
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5513
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
5514
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
5497
5515
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5498
5516
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5499
5517
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -5507,6 +5525,8 @@ button) {
5507
5525
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5508
5526
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5509
5527
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5528
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
5529
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
5510
5530
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5511
5531
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5512
5532
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);