@patternfly/patternfly 6.0.0-alpha.127 → 6.0.0-alpha.128

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/base/patternfly-variables.css +15 -3
  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 +16 -4
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/package.json +1 -1
  8. package/patternfly-base-no-globals.css +15 -3
  9. package/patternfly-base.css +15 -3
  10. package/patternfly-no-globals.css +15 -3
  11. package/patternfly.css +15 -3
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
  14. package/sass-utilities/scss-variables.scss +1 -0
package/base/patternfly-variables.css CHANGED
@@ -200,6 +200,12 @@
200
200
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
201
201
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
202
202
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
203
+ --pf-t--global--breakpoint--600: 1450px;
204
+ --pf-t--global--breakpoint--500: 1200px;
205
+ --pf-t--global--breakpoint--400: 992px;
206
+ --pf-t--global--breakpoint--300: 768px;
207
+ --pf-t--global--breakpoint--200: 576px;
208
+ --pf-t--global--breakpoint--100: 0px;
203
209
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
204
210
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
205
211
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -326,6 +332,12 @@
326
332
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
327
333
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
328
334
  --pf-t--global--background--color--100: var(--pf-t--color--white);
335
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
336
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
337
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
338
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
339
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
340
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
329
341
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
330
342
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
331
343
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -736,15 +748,15 @@
736
748
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
737
749
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
738
750
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
751
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
752
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
753
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
739
754
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
740
755
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
741
756
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
742
757
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
743
758
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
744
759
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
745
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
746
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
747
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
748
760
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
749
761
  }
750
762
 
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--layout--width: 450;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--layout--width: 450;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 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,11 +1,17 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:08 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
8
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
9
+ --pf-t--global--breakpoint--600: 1450px;
10
+ --pf-t--global--breakpoint--500: 1200px;
11
+ --pf-t--global--breakpoint--400: 992px;
12
+ --pf-t--global--breakpoint--300: 768px;
13
+ --pf-t--global--breakpoint--200: 576px;
14
+ --pf-t--global--breakpoint--100: 0px;
9
15
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
10
16
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
11
17
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -132,6 +138,12 @@
132
138
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
133
139
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
134
140
  --pf-t--global--background--color--100: var(--pf-t--color--white);
141
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
142
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
143
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
144
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
145
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
146
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
135
147
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
136
148
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
137
149
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -542,14 +554,14 @@
542
554
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
543
555
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
544
556
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
557
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
558
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
559
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
545
560
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
546
561
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
547
562
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
548
563
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
549
564
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
550
565
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
551
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
552
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
553
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
554
566
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
555
567
  }
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
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.127",
4
+ "version": "6.0.0-alpha.128",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -5016,6 +5016,12 @@
5016
5016
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5017
5017
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5018
5018
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5019
+ --pf-t--global--breakpoint--600: 1450px;
5020
+ --pf-t--global--breakpoint--500: 1200px;
5021
+ --pf-t--global--breakpoint--400: 992px;
5022
+ --pf-t--global--breakpoint--300: 768px;
5023
+ --pf-t--global--breakpoint--200: 576px;
5024
+ --pf-t--global--breakpoint--100: 0px;
5019
5025
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5020
5026
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5021
5027
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5142,6 +5148,12 @@
5142
5148
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5143
5149
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5144
5150
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5151
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5152
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5153
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5154
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5155
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5156
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5145
5157
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5146
5158
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5147
5159
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5552,15 +5564,15 @@
5552
5564
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5553
5565
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5554
5566
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5567
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5568
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5569
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5555
5570
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5556
5571
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5557
5572
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5558
5573
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5559
5574
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5560
5575
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5561
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5562
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5563
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5564
5576
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5565
5577
  }
5566
5578
 
package/patternfly-base.css CHANGED
@@ -5133,6 +5133,12 @@ h6) {
5133
5133
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5134
5134
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5135
5135
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5136
+ --pf-t--global--breakpoint--600: 1450px;
5137
+ --pf-t--global--breakpoint--500: 1200px;
5138
+ --pf-t--global--breakpoint--400: 992px;
5139
+ --pf-t--global--breakpoint--300: 768px;
5140
+ --pf-t--global--breakpoint--200: 576px;
5141
+ --pf-t--global--breakpoint--100: 0px;
5136
5142
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5137
5143
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5138
5144
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5259,6 +5265,12 @@ h6) {
5259
5265
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5260
5266
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5261
5267
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5268
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5269
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5270
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5271
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5272
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5273
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5262
5274
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5263
5275
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5264
5276
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5669,15 +5681,15 @@ h6) {
5669
5681
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5670
5682
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5671
5683
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5684
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5685
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5686
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5672
5687
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5673
5688
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5674
5689
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5675
5690
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5676
5691
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5677
5692
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5678
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5679
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5680
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5681
5693
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5682
5694
  }
5683
5695
 
package/patternfly-no-globals.css CHANGED
@@ -5017,6 +5017,12 @@
5017
5017
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5018
5018
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5019
5019
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5020
+ --pf-t--global--breakpoint--600: 1450px;
5021
+ --pf-t--global--breakpoint--500: 1200px;
5022
+ --pf-t--global--breakpoint--400: 992px;
5023
+ --pf-t--global--breakpoint--300: 768px;
5024
+ --pf-t--global--breakpoint--200: 576px;
5025
+ --pf-t--global--breakpoint--100: 0px;
5020
5026
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5021
5027
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5022
5028
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5143,6 +5149,12 @@
5143
5149
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5144
5150
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5145
5151
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5152
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5153
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5154
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5155
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5156
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5157
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5146
5158
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5147
5159
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5148
5160
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5553,15 +5565,15 @@
5553
5565
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5554
5566
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5555
5567
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5568
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5569
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5570
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5556
5571
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5557
5572
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5558
5573
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5559
5574
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5560
5575
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5561
5576
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5562
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5563
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5564
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5565
5577
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5566
5578
  }
5567
5579
 
package/patternfly.css CHANGED
@@ -5134,6 +5134,12 @@ h6) {
5134
5134
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5135
5135
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5136
5136
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5137
+ --pf-t--global--breakpoint--600: 1450px;
5138
+ --pf-t--global--breakpoint--500: 1200px;
5139
+ --pf-t--global--breakpoint--400: 992px;
5140
+ --pf-t--global--breakpoint--300: 768px;
5141
+ --pf-t--global--breakpoint--200: 576px;
5142
+ --pf-t--global--breakpoint--100: 0px;
5137
5143
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5138
5144
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5139
5145
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5260,6 +5266,12 @@ h6) {
5260
5266
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5261
5267
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5262
5268
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5269
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5270
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5271
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5272
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5273
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5274
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5263
5275
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5264
5276
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5265
5277
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5670,15 +5682,15 @@ h6) {
5670
5682
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5671
5683
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5672
5684
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5685
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5686
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5687
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5673
5688
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5674
5689
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5675
5690
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5676
5691
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5677
5692
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5678
5693
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5679
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5680
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5681
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5682
5694
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5683
5695
  }
5684
5696