@patternfly/patternfly 6.0.0-alpha.133 → 6.0.0-alpha.135

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 (23) hide show
  1. package/base/patternfly-variables.css +49 -1
  2. package/base/tokens/tokens-charts-dark.scss +6 -2
  3. package/base/tokens/tokens-charts.scss +6 -2
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +50 -2
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/LogViewer/log-viewer.css +2 -2
  8. package/components/LogViewer/log-viewer.scss +2 -2
  9. package/components/Page/page.css +2 -1
  10. package/components/Page/page.scss +2 -1
  11. package/components/Wizard/wizard.css +1 -21
  12. package/components/Wizard/wizard.scss +2 -27
  13. package/components/_index.css +5 -24
  14. package/docs/components/Wizard/examples/Wizard.md +115 -32
  15. package/docs/demos/Wizard/examples/Wizard.md +195 -54
  16. package/package.json +2 -2
  17. package/patternfly-base-no-globals.css +49 -1
  18. package/patternfly-base.css +49 -1
  19. package/patternfly-charts.css +10 -2
  20. package/patternfly-no-globals.css +54 -25
  21. package/patternfly.css +54 -25
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
package/patternfly-base.css CHANGED
@@ -5130,13 +5130,30 @@ h6) {
5130
5130
  --pf-t--color--gray--20: #e0e0e0;
5131
5131
  --pf-t--color--gray--10: #f2f2f2;
5132
5132
  --pf-t--color--white: #fff;
5133
+ --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
5134
+ --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5135
+ --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5136
+ --pf-t--global--delay--400: 7000ms;
5137
+ --pf-t--global--delay--300: 100ms;
5138
+ --pf-t--global--delay--200: 50ms;
5139
+ --pf-t--global--delay--100: 0ms;
5140
+ --pf-t--global--duration--600: 600ms;
5141
+ --pf-t--global--duration--500: 500ms;
5142
+ --pf-t--global--duration--400: 400ms;
5143
+ --pf-t--global--duration--300: 300ms;
5144
+ --pf-t--global--duration--200: 200ms;
5145
+ --pf-t--global--duration--100: 100ms;
5146
+ --pf-t--global--duration--50: 50ms;
5133
5147
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5134
5148
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5135
5149
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5136
5150
  --pf-t--global--breakpoint--600: 1450px;
5151
+ --pf-t--global--breakpoint--550: 1280px;
5137
5152
  --pf-t--global--breakpoint--500: 1200px;
5138
5153
  --pf-t--global--breakpoint--400: 992px;
5154
+ --pf-t--global--breakpoint--350: 960px;
5139
5155
  --pf-t--global--breakpoint--300: 768px;
5156
+ --pf-t--global--breakpoint--250: 640px;
5140
5157
  --pf-t--global--breakpoint--200: 576px;
5141
5158
  --pf-t--global--breakpoint--100: 0px;
5142
5159
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
@@ -5196,6 +5213,20 @@ h6) {
5196
5213
  --pf-t--global--spacer--300: 16px;
5197
5214
  --pf-t--global--spacer--200: 8px;
5198
5215
  --pf-t--global--spacer--100: 4px;
5216
+ --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300);
5217
+ --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200);
5218
+ --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100);
5219
+ --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400);
5220
+ --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300);
5221
+ --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200);
5222
+ --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100);
5223
+ --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600);
5224
+ --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500);
5225
+ --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400);
5226
+ --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300);
5227
+ --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200);
5228
+ --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100);
5229
+ --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50);
5199
5230
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5200
5231
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5201
5232
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
@@ -5265,6 +5296,11 @@ h6) {
5265
5296
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5266
5297
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5267
5298
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5299
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
5300
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
5301
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
5302
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
5303
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
5268
5304
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5269
5305
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5270
5306
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
@@ -5346,10 +5382,10 @@ h6) {
5346
5382
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5347
5383
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5348
5384
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5349
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5350
5385
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5351
5386
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5352
5387
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5388
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5353
5389
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
5354
5390
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5355
5391
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -5379,6 +5415,18 @@ h6) {
5379
5415
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5380
5416
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5381
5417
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5418
+ --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md);
5419
+ --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm);
5420
+ --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs);
5421
+ --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl);
5422
+ --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl);
5423
+ --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg);
5424
+ --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl);
5425
+ --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl);
5426
+ --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5427
+ --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg);
5428
+ --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md);
5429
+ --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm);
5382
5430
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5383
5431
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5384
5432
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
package/patternfly-charts.css CHANGED
@@ -3,12 +3,16 @@
3
3
  }
4
4
 
5
5
  :where(:root) {
6
+ --pf-t--chart--global--stroke-line-join: round;
6
7
  --pf-t--chart--global--layout--width: 450;
7
8
  --pf-t--chart--global--layout--height: 300;
8
9
  --pf-t--chart--global--layout--padding: 50;
9
- --pf-t--chart--global--label--stroke--width: 0;
10
+ --pf-t--chart--global--label--text-anchor: middle;
11
+ --pf-t--chart--global--label--stroke: transparent;
10
12
  --pf-t--chart--global--label--margin: 8;
11
13
  --pf-t--chart--global--label--padding: 10;
14
+ --pf-t--chart--global--stroke-line-cap: round;
15
+ --pf-t--chart--global--letter-spacing: normal;
12
16
  --pf-t--chart--global--FontSize--2xl: 22;
13
17
  --pf-t--chart--global--FontSize--lg: 18;
14
18
  --pf-t--chart--global--FontSize--sm: 14;
@@ -169,12 +173,16 @@
169
173
  }
170
174
 
171
175
  :where(.pf-v6-theme-dark) {
176
+ --pf-t--chart--global--stroke-line-join: round;
172
177
  --pf-t--chart--global--layout--width: 450;
173
178
  --pf-t--chart--global--layout--height: 300;
174
179
  --pf-t--chart--global--layout--padding: 50;
175
- --pf-t--chart--global--label--stroke--width: 0;
180
+ --pf-t--chart--global--label--text-anchor: middle;
181
+ --pf-t--chart--global--label--stroke: transparent;
176
182
  --pf-t--chart--global--label--margin: 8;
177
183
  --pf-t--chart--global--label--padding: 10;
184
+ --pf-t--chart--global--stroke-line-cap: round;
185
+ --pf-t--chart--global--letter-spacing: normal;
178
186
  --pf-t--chart--global--FontSize--2xl: 22;
179
187
  --pf-t--chart--global--FontSize--lg: 18;
180
188
  --pf-t--chart--global--FontSize--sm: 14;
package/patternfly-no-globals.css CHANGED
@@ -5014,13 +5014,30 @@
5014
5014
  --pf-t--color--gray--20: #e0e0e0;
5015
5015
  --pf-t--color--gray--10: #f2f2f2;
5016
5016
  --pf-t--color--white: #fff;
5017
+ --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
5018
+ --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5019
+ --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5020
+ --pf-t--global--delay--400: 7000ms;
5021
+ --pf-t--global--delay--300: 100ms;
5022
+ --pf-t--global--delay--200: 50ms;
5023
+ --pf-t--global--delay--100: 0ms;
5024
+ --pf-t--global--duration--600: 600ms;
5025
+ --pf-t--global--duration--500: 500ms;
5026
+ --pf-t--global--duration--400: 400ms;
5027
+ --pf-t--global--duration--300: 300ms;
5028
+ --pf-t--global--duration--200: 200ms;
5029
+ --pf-t--global--duration--100: 100ms;
5030
+ --pf-t--global--duration--50: 50ms;
5017
5031
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5018
5032
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5019
5033
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5020
5034
  --pf-t--global--breakpoint--600: 1450px;
5035
+ --pf-t--global--breakpoint--550: 1280px;
5021
5036
  --pf-t--global--breakpoint--500: 1200px;
5022
5037
  --pf-t--global--breakpoint--400: 992px;
5038
+ --pf-t--global--breakpoint--350: 960px;
5023
5039
  --pf-t--global--breakpoint--300: 768px;
5040
+ --pf-t--global--breakpoint--250: 640px;
5024
5041
  --pf-t--global--breakpoint--200: 576px;
5025
5042
  --pf-t--global--breakpoint--100: 0px;
5026
5043
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
@@ -5080,6 +5097,20 @@
5080
5097
  --pf-t--global--spacer--300: 16px;
5081
5098
  --pf-t--global--spacer--200: 8px;
5082
5099
  --pf-t--global--spacer--100: 4px;
5100
+ --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300);
5101
+ --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200);
5102
+ --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100);
5103
+ --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400);
5104
+ --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300);
5105
+ --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200);
5106
+ --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100);
5107
+ --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600);
5108
+ --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500);
5109
+ --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400);
5110
+ --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300);
5111
+ --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200);
5112
+ --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100);
5113
+ --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50);
5083
5114
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5084
5115
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5085
5116
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
@@ -5149,6 +5180,11 @@
5149
5180
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5150
5181
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5151
5182
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5183
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
5184
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
5185
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
5186
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
5187
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
5152
5188
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5153
5189
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5154
5190
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
@@ -5230,10 +5266,10 @@
5230
5266
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5231
5267
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5232
5268
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5233
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5234
5269
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5235
5270
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5236
5271
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5272
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5237
5273
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
5238
5274
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5239
5275
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -5263,6 +5299,18 @@
5263
5299
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5264
5300
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5265
5301
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5302
+ --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md);
5303
+ --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm);
5304
+ --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs);
5305
+ --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl);
5306
+ --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl);
5307
+ --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg);
5308
+ --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl);
5309
+ --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl);
5310
+ --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5311
+ --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg);
5312
+ --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md);
5313
+ --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm);
5266
5314
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5267
5315
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5268
5316
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -14465,9 +14513,9 @@ ul.pf-v6-c-list {
14465
14513
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
14466
14514
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
14467
14515
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
14468
- --pf-v6-c-log-viewer__string--m-match--Color: initial;
14516
+ --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
14469
14517
  --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
14470
- --pf-v6-c-log-viewer__string--m-current--Color: initial;
14518
+ --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
14471
14519
  --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
14472
14520
  --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
14473
14521
  --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
@@ -17783,7 +17831,8 @@ ul.pf-v6-c-list {
17783
17831
  }
17784
17832
 
17785
17833
  .pf-v6-c-page__main-container {
17786
- align-self: start;
17834
+ display: flex;
17835
+ flex-direction: column;
17787
17836
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
17788
17837
  margin-block-start: 0;
17789
17838
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
@@ -28979,13 +29028,10 @@ label.pf-v6-c-tree-view__node-text {
28979
29028
  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
28980
29029
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
28981
29030
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
28982
- --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29031
+ --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28983
29032
  --pf-v6-c-wizard__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28984
29033
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
28985
29034
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
28986
- --pf-v6-c-wizard__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
28987
- --pf-v6-c-wizard__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
28988
- --pf-v6-c-wizard__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginInlineEnd));
28989
29035
  }
28990
29036
  @media screen and (min-width: 992px) {
28991
29037
  :where(:root, .pf-v6-c-wizard) {
@@ -29219,10 +29265,6 @@ label.pf-v6-c-tree-view__node-text {
29219
29265
  .pf-v6-c-wizard__nav-item.pf-m-expanded > .pf-v6-c-wizard__nav-link {
29220
29266
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
29221
29267
  }
29222
- .pf-v6-c-wizard__nav-item :where(:hover) {
29223
- --pf-v6-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
29224
- --pf-v6-c-wizard__nav-link-main--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
29225
- }
29226
29268
 
29227
29269
  .pf-v6-c-wizard__nav-link {
29228
29270
  position: relative;
@@ -29345,9 +29387,6 @@ label.pf-v6-c-tree-view__node-text {
29345
29387
  .pf-v6-c-wizard__footer {
29346
29388
  position: relative;
29347
29389
  z-index: var(--pf-v6-c-wizard__footer--ZIndex);
29348
- display: flex;
29349
- flex-shrink: 0;
29350
- flex-wrap: wrap;
29351
29390
  padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
29352
29391
  padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
29353
29392
  padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
@@ -29355,16 +29394,6 @@ label.pf-v6-c-tree-view__node-text {
29355
29394
  background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
29356
29395
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29357
29396
  }
29358
- .pf-v6-c-wizard__footer > * {
29359
- margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBlockEnd);
29360
- }
29361
- .pf-v6-c-wizard__footer > *:not(:last-child) {
29362
- margin-inline-end: var(--pf-v6-c-wizard__footer--child--MarginInlineEnd);
29363
- }
29364
-
29365
- .pf-v6-c-wizard__footer-cancel {
29366
- margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginInlineStart);
29367
- }
29368
29397
 
29369
29398
  :where(:root, .pf-v6-l-bullseye) {
29370
29399
  --pf-v6-l-bullseye--Padding: 0;
package/patternfly.css CHANGED
@@ -5131,13 +5131,30 @@ h6) {
5131
5131
  --pf-t--color--gray--20: #e0e0e0;
5132
5132
  --pf-t--color--gray--10: #f2f2f2;
5133
5133
  --pf-t--color--white: #fff;
5134
+ --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
5135
+ --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5136
+ --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5137
+ --pf-t--global--delay--400: 7000ms;
5138
+ --pf-t--global--delay--300: 100ms;
5139
+ --pf-t--global--delay--200: 50ms;
5140
+ --pf-t--global--delay--100: 0ms;
5141
+ --pf-t--global--duration--600: 600ms;
5142
+ --pf-t--global--duration--500: 500ms;
5143
+ --pf-t--global--duration--400: 400ms;
5144
+ --pf-t--global--duration--300: 300ms;
5145
+ --pf-t--global--duration--200: 200ms;
5146
+ --pf-t--global--duration--100: 100ms;
5147
+ --pf-t--global--duration--50: 50ms;
5134
5148
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5135
5149
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5136
5150
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5137
5151
  --pf-t--global--breakpoint--600: 1450px;
5152
+ --pf-t--global--breakpoint--550: 1280px;
5138
5153
  --pf-t--global--breakpoint--500: 1200px;
5139
5154
  --pf-t--global--breakpoint--400: 992px;
5155
+ --pf-t--global--breakpoint--350: 960px;
5140
5156
  --pf-t--global--breakpoint--300: 768px;
5157
+ --pf-t--global--breakpoint--250: 640px;
5141
5158
  --pf-t--global--breakpoint--200: 576px;
5142
5159
  --pf-t--global--breakpoint--100: 0px;
5143
5160
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
@@ -5197,6 +5214,20 @@ h6) {
5197
5214
  --pf-t--global--spacer--300: 16px;
5198
5215
  --pf-t--global--spacer--200: 8px;
5199
5216
  --pf-t--global--spacer--100: 4px;
5217
+ --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300);
5218
+ --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200);
5219
+ --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100);
5220
+ --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400);
5221
+ --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300);
5222
+ --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200);
5223
+ --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100);
5224
+ --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600);
5225
+ --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500);
5226
+ --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400);
5227
+ --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300);
5228
+ --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200);
5229
+ --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100);
5230
+ --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50);
5200
5231
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5201
5232
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5202
5233
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
@@ -5266,6 +5297,11 @@ h6) {
5266
5297
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5267
5298
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5268
5299
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5300
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
5301
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
5302
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
5303
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
5304
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
5269
5305
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5270
5306
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5271
5307
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
@@ -5347,10 +5383,10 @@ h6) {
5347
5383
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5348
5384
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5349
5385
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5350
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5351
5386
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5352
5387
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5353
5388
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5389
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5354
5390
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
5355
5391
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5356
5392
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -5380,6 +5416,18 @@ h6) {
5380
5416
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5381
5417
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5382
5418
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5419
+ --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md);
5420
+ --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm);
5421
+ --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs);
5422
+ --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl);
5423
+ --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl);
5424
+ --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg);
5425
+ --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl);
5426
+ --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl);
5427
+ --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5428
+ --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg);
5429
+ --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md);
5430
+ --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm);
5383
5431
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5384
5432
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5385
5433
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -14582,9 +14630,9 @@ ul.pf-v6-c-list {
14582
14630
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
14583
14631
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
14584
14632
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
14585
- --pf-v6-c-log-viewer__string--m-match--Color: initial;
14633
+ --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
14586
14634
  --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
14587
- --pf-v6-c-log-viewer__string--m-current--Color: initial;
14635
+ --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
14588
14636
  --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
14589
14637
  --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
14590
14638
  --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
@@ -17900,7 +17948,8 @@ ul.pf-v6-c-list {
17900
17948
  }
17901
17949
 
17902
17950
  .pf-v6-c-page__main-container {
17903
- align-self: start;
17951
+ display: flex;
17952
+ flex-direction: column;
17904
17953
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
17905
17954
  margin-block-start: 0;
17906
17955
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
@@ -29096,13 +29145,10 @@ label.pf-v6-c-tree-view__node-text {
29096
29145
  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
29097
29146
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
29098
29147
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
29099
- --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29148
+ --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
29100
29149
  --pf-v6-c-wizard__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
29101
29150
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
29102
29151
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29103
- --pf-v6-c-wizard__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
29104
- --pf-v6-c-wizard__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
29105
- --pf-v6-c-wizard__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginInlineEnd));
29106
29152
  }
29107
29153
  @media screen and (min-width: 992px) {
29108
29154
  :where(:root, .pf-v6-c-wizard) {
@@ -29336,10 +29382,6 @@ label.pf-v6-c-tree-view__node-text {
29336
29382
  .pf-v6-c-wizard__nav-item.pf-m-expanded > .pf-v6-c-wizard__nav-link {
29337
29383
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
29338
29384
  }
29339
- .pf-v6-c-wizard__nav-item :where(:hover) {
29340
- --pf-v6-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
29341
- --pf-v6-c-wizard__nav-link-main--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
29342
- }
29343
29385
 
29344
29386
  .pf-v6-c-wizard__nav-link {
29345
29387
  position: relative;
@@ -29462,9 +29504,6 @@ label.pf-v6-c-tree-view__node-text {
29462
29504
  .pf-v6-c-wizard__footer {
29463
29505
  position: relative;
29464
29506
  z-index: var(--pf-v6-c-wizard__footer--ZIndex);
29465
- display: flex;
29466
- flex-shrink: 0;
29467
- flex-wrap: wrap;
29468
29507
  padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
29469
29508
  padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
29470
29509
  padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
@@ -29472,16 +29511,6 @@ label.pf-v6-c-tree-view__node-text {
29472
29511
  background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
29473
29512
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29474
29513
  }
29475
- .pf-v6-c-wizard__footer > * {
29476
- margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBlockEnd);
29477
- }
29478
- .pf-v6-c-wizard__footer > *:not(:last-child) {
29479
- margin-inline-end: var(--pf-v6-c-wizard__footer--child--MarginInlineEnd);
29480
- }
29481
-
29482
- .pf-v6-c-wizard__footer-cancel {
29483
- margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginInlineStart);
29484
- }
29485
29514
 
29486
29515
  :where(:root, .pf-v6-l-bullseye) {
29487
29516
  --pf-v6-l-bullseye--Padding: 0;