@patternfly/patternfly 6.0.0-alpha.134 → 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 (21) 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/Page/page.css +2 -1
  8. package/components/Page/page.scss +2 -1
  9. package/components/Wizard/wizard.css +1 -21
  10. package/components/Wizard/wizard.scss +2 -27
  11. package/components/_index.css +3 -22
  12. package/docs/components/Wizard/examples/Wizard.md +115 -32
  13. package/docs/demos/Wizard/examples/Wizard.md +195 -54
  14. package/package.json +1 -1
  15. package/patternfly-base-no-globals.css +49 -1
  16. package/patternfly-base.css +49 -1
  17. package/patternfly-charts.css +10 -2
  18. package/patternfly-no-globals.css +52 -23
  19. package/patternfly.css +52 -23
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -587,10 +587,23 @@ wrapperTag: div
587
587
  </main>
588
588
  </div>
589
589
  <footer class="pf-v6-c-wizard__footer">
590
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
591
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
592
- <div class="pf-v6-c-wizard__footer-cancel">
593
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
590
+ <div class="pf-v6-c-action-list">
591
+ <div class="pf-v6-c-action-list__group">
592
+ <div class="pf-v6-c-action-list__item">
593
+ <button
594
+ class="pf-v6-c-button pf-m-secondary"
595
+ type="button"
596
+ >Back</button>
597
+ </div>
598
+ <div class="pf-v6-c-action-list__item">
599
+ <button class="pf-v6-c-button pf-m-primary" type="button">Next</button>
600
+ </div>
601
+ </div>
602
+ <div class="pf-v6-c-action-list__group">
603
+ <div class="pf-v6-c-action-list__item">
604
+ <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
605
+ </div>
606
+ </div>
594
607
  </div>
595
608
  </footer>
596
609
  </div>
@@ -1163,10 +1176,23 @@ wrapperTag: div
1163
1176
  </main>
1164
1177
  </div>
1165
1178
  <footer class="pf-v6-c-wizard__footer">
1166
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
1167
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
1168
- <div class="pf-v6-c-wizard__footer-cancel">
1169
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
1179
+ <div class="pf-v6-c-action-list">
1180
+ <div class="pf-v6-c-action-list__group">
1181
+ <div class="pf-v6-c-action-list__item">
1182
+ <button
1183
+ class="pf-v6-c-button pf-m-secondary"
1184
+ type="button"
1185
+ >Back</button>
1186
+ </div>
1187
+ <div class="pf-v6-c-action-list__item">
1188
+ <button class="pf-v6-c-button pf-m-primary" type="button">Next</button>
1189
+ </div>
1190
+ </div>
1191
+ <div class="pf-v6-c-action-list__group">
1192
+ <div class="pf-v6-c-action-list__item">
1193
+ <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
1194
+ </div>
1195
+ </div>
1170
1196
  </div>
1171
1197
  </footer>
1172
1198
  </div>
@@ -1817,16 +1843,29 @@ wrapperTag: div
1817
1843
  </div>
1818
1844
  </div>
1819
1845
  <footer class="pf-v6-c-wizard__footer">
1820
- <button
1821
- class="pf-v6-c-button pf-m-secondary"
1822
- type="button"
1823
- >Back</button>
1824
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
1825
- <div class="pf-v6-c-wizard__footer-cancel">
1826
- <button
1827
- class="pf-v6-c-button pf-m-link"
1828
- type="button"
1829
- >Cancel</button>
1846
+ <div class="pf-v6-c-action-list">
1847
+ <div class="pf-v6-c-action-list__group">
1848
+ <div class="pf-v6-c-action-list__item">
1849
+ <button
1850
+ class="pf-v6-c-button pf-m-secondary"
1851
+ type="button"
1852
+ >Back</button>
1853
+ </div>
1854
+ <div class="pf-v6-c-action-list__item">
1855
+ <button
1856
+ class="pf-v6-c-button pf-m-primary"
1857
+ type="button"
1858
+ >Next</button>
1859
+ </div>
1860
+ </div>
1861
+ <div class="pf-v6-c-action-list__group">
1862
+ <div class="pf-v6-c-action-list__item">
1863
+ <button
1864
+ class="pf-v6-c-button pf-m-link"
1865
+ type="button"
1866
+ >Cancel</button>
1867
+ </div>
1868
+ </div>
1830
1869
  </div>
1831
1870
  </footer>
1832
1871
  </div>
@@ -2479,16 +2518,29 @@ wrapperTag: div
2479
2518
  </div>
2480
2519
  </div>
2481
2520
  <footer class="pf-v6-c-wizard__footer">
2482
- <button
2483
- class="pf-v6-c-button pf-m-secondary"
2484
- type="button"
2485
- >Back</button>
2486
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
2487
- <div class="pf-v6-c-wizard__footer-cancel">
2488
- <button
2489
- class="pf-v6-c-button pf-m-link"
2490
- type="button"
2491
- >Cancel</button>
2521
+ <div class="pf-v6-c-action-list">
2522
+ <div class="pf-v6-c-action-list__group">
2523
+ <div class="pf-v6-c-action-list__item">
2524
+ <button
2525
+ class="pf-v6-c-button pf-m-secondary"
2526
+ type="button"
2527
+ >Back</button>
2528
+ </div>
2529
+ <div class="pf-v6-c-action-list__item">
2530
+ <button
2531
+ class="pf-v6-c-button pf-m-primary"
2532
+ type="button"
2533
+ >Next</button>
2534
+ </div>
2535
+ </div>
2536
+ <div class="pf-v6-c-action-list__group">
2537
+ <div class="pf-v6-c-action-list__item">
2538
+ <button
2539
+ class="pf-v6-c-button pf-m-link"
2540
+ type="button"
2541
+ >Cancel</button>
2542
+ </div>
2543
+ </div>
2492
2544
  </div>
2493
2545
  </footer>
2494
2546
  </div>
@@ -3012,16 +3064,29 @@ wrapperTag: div
3012
3064
  </div>
3013
3065
  </div>
3014
3066
  <footer class="pf-v6-c-wizard__footer">
3015
- <button
3016
- class="pf-v6-c-button pf-m-secondary"
3017
- type="button"
3018
- >Back</button>
3019
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
3020
- <div class="pf-v6-c-wizard__footer-cancel">
3021
- <button
3022
- class="pf-v6-c-button pf-m-link"
3023
- type="button"
3024
- >Cancel</button>
3067
+ <div class="pf-v6-c-action-list">
3068
+ <div class="pf-v6-c-action-list__group">
3069
+ <div class="pf-v6-c-action-list__item">
3070
+ <button
3071
+ class="pf-v6-c-button pf-m-secondary"
3072
+ type="button"
3073
+ >Back</button>
3074
+ </div>
3075
+ <div class="pf-v6-c-action-list__item">
3076
+ <button
3077
+ class="pf-v6-c-button pf-m-primary"
3078
+ type="button"
3079
+ >Next</button>
3080
+ </div>
3081
+ </div>
3082
+ <div class="pf-v6-c-action-list__group">
3083
+ <div class="pf-v6-c-action-list__item">
3084
+ <button
3085
+ class="pf-v6-c-button pf-m-link"
3086
+ type="button"
3087
+ >Cancel</button>
3088
+ </div>
3089
+ </div>
3025
3090
  </div>
3026
3091
  </footer>
3027
3092
  </div>
@@ -3563,10 +3628,29 @@ wrapperTag: div
3563
3628
  </div>
3564
3629
  </div>
3565
3630
  <footer class="pf-v6-c-wizard__footer">
3566
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
3567
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
3568
- <div class="pf-v6-c-wizard__footer-cancel">
3569
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
3631
+ <div class="pf-v6-c-action-list">
3632
+ <div class="pf-v6-c-action-list__group">
3633
+ <div class="pf-v6-c-action-list__item">
3634
+ <button
3635
+ class="pf-v6-c-button pf-m-secondary"
3636
+ type="button"
3637
+ >Back</button>
3638
+ </div>
3639
+ <div class="pf-v6-c-action-list__item">
3640
+ <button
3641
+ class="pf-v6-c-button pf-m-primary"
3642
+ type="button"
3643
+ >Next</button>
3644
+ </div>
3645
+ </div>
3646
+ <div class="pf-v6-c-action-list__group">
3647
+ <div class="pf-v6-c-action-list__item">
3648
+ <button
3649
+ class="pf-v6-c-button pf-m-link"
3650
+ type="button"
3651
+ >Cancel</button>
3652
+ </div>
3653
+ </div>
3570
3654
  </div>
3571
3655
  </footer>
3572
3656
  </div>
@@ -4085,10 +4169,29 @@ wrapperTag: div
4085
4169
  </div>
4086
4170
  </div>
4087
4171
  <footer class="pf-v6-c-wizard__footer">
4088
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
4089
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
4090
- <div class="pf-v6-c-wizard__footer-cancel">
4091
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
4172
+ <div class="pf-v6-c-action-list">
4173
+ <div class="pf-v6-c-action-list__group">
4174
+ <div class="pf-v6-c-action-list__item">
4175
+ <button
4176
+ class="pf-v6-c-button pf-m-secondary"
4177
+ type="button"
4178
+ >Back</button>
4179
+ </div>
4180
+ <div class="pf-v6-c-action-list__item">
4181
+ <button
4182
+ class="pf-v6-c-button pf-m-primary"
4183
+ type="button"
4184
+ >Next</button>
4185
+ </div>
4186
+ </div>
4187
+ <div class="pf-v6-c-action-list__group">
4188
+ <div class="pf-v6-c-action-list__item">
4189
+ <button
4190
+ class="pf-v6-c-button pf-m-link"
4191
+ type="button"
4192
+ >Cancel</button>
4193
+ </div>
4194
+ </div>
4092
4195
  </div>
4093
4196
  </footer>
4094
4197
  </div>
@@ -4682,10 +4785,29 @@ wrapperTag: div
4682
4785
  </main>
4683
4786
  </div>
4684
4787
  <footer class="pf-v6-c-wizard__footer">
4685
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
4686
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
4687
- <div class="pf-v6-c-wizard__footer-cancel">
4688
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
4788
+ <div class="pf-v6-c-action-list">
4789
+ <div class="pf-v6-c-action-list__group">
4790
+ <div class="pf-v6-c-action-list__item">
4791
+ <button
4792
+ class="pf-v6-c-button pf-m-secondary"
4793
+ type="button"
4794
+ >Back</button>
4795
+ </div>
4796
+ <div class="pf-v6-c-action-list__item">
4797
+ <button
4798
+ class="pf-v6-c-button pf-m-primary"
4799
+ type="button"
4800
+ >Next</button>
4801
+ </div>
4802
+ </div>
4803
+ <div class="pf-v6-c-action-list__group">
4804
+ <div class="pf-v6-c-action-list__item">
4805
+ <button
4806
+ class="pf-v6-c-button pf-m-link"
4807
+ type="button"
4808
+ >Cancel</button>
4809
+ </div>
4810
+ </div>
4689
4811
  </div>
4690
4812
  </footer>
4691
4813
  </div>
@@ -5278,10 +5400,29 @@ wrapperTag: div
5278
5400
  </main>
5279
5401
  </div>
5280
5402
  <footer class="pf-v6-c-wizard__footer">
5281
- <button class="pf-v6-c-button pf-m-secondary" type="button">Back</button>
5282
- <button class="pf-v6-c-button pf-m-primary" type="submit">Next</button>
5283
- <div class="pf-v6-c-wizard__footer-cancel">
5284
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
5403
+ <div class="pf-v6-c-action-list">
5404
+ <div class="pf-v6-c-action-list__group">
5405
+ <div class="pf-v6-c-action-list__item">
5406
+ <button
5407
+ class="pf-v6-c-button pf-m-secondary"
5408
+ type="button"
5409
+ >Back</button>
5410
+ </div>
5411
+ <div class="pf-v6-c-action-list__item">
5412
+ <button
5413
+ class="pf-v6-c-button pf-m-primary"
5414
+ type="button"
5415
+ >Next</button>
5416
+ </div>
5417
+ </div>
5418
+ <div class="pf-v6-c-action-list__group">
5419
+ <div class="pf-v6-c-action-list__item">
5420
+ <button
5421
+ class="pf-v6-c-button pf-m-link"
5422
+ type="button"
5423
+ >Cancel</button>
5424
+ </div>
5425
+ </div>
5285
5426
  </div>
5286
5427
  </footer>
5287
5428
  </div>
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.134",
4
+ "version": "6.0.0-alpha.135",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -5013,13 +5013,30 @@
5013
5013
  --pf-t--color--gray--20: #e0e0e0;
5014
5014
  --pf-t--color--gray--10: #f2f2f2;
5015
5015
  --pf-t--color--white: #fff;
5016
+ --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
5017
+ --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5018
+ --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5019
+ --pf-t--global--delay--400: 7000ms;
5020
+ --pf-t--global--delay--300: 100ms;
5021
+ --pf-t--global--delay--200: 50ms;
5022
+ --pf-t--global--delay--100: 0ms;
5023
+ --pf-t--global--duration--600: 600ms;
5024
+ --pf-t--global--duration--500: 500ms;
5025
+ --pf-t--global--duration--400: 400ms;
5026
+ --pf-t--global--duration--300: 300ms;
5027
+ --pf-t--global--duration--200: 200ms;
5028
+ --pf-t--global--duration--100: 100ms;
5029
+ --pf-t--global--duration--50: 50ms;
5016
5030
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5017
5031
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5018
5032
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5019
5033
  --pf-t--global--breakpoint--600: 1450px;
5034
+ --pf-t--global--breakpoint--550: 1280px;
5020
5035
  --pf-t--global--breakpoint--500: 1200px;
5021
5036
  --pf-t--global--breakpoint--400: 992px;
5037
+ --pf-t--global--breakpoint--350: 960px;
5022
5038
  --pf-t--global--breakpoint--300: 768px;
5039
+ --pf-t--global--breakpoint--250: 640px;
5023
5040
  --pf-t--global--breakpoint--200: 576px;
5024
5041
  --pf-t--global--breakpoint--100: 0px;
5025
5042
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
@@ -5079,6 +5096,20 @@
5079
5096
  --pf-t--global--spacer--300: 16px;
5080
5097
  --pf-t--global--spacer--200: 8px;
5081
5098
  --pf-t--global--spacer--100: 4px;
5099
+ --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300);
5100
+ --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200);
5101
+ --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100);
5102
+ --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400);
5103
+ --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300);
5104
+ --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200);
5105
+ --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100);
5106
+ --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600);
5107
+ --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500);
5108
+ --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400);
5109
+ --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300);
5110
+ --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200);
5111
+ --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100);
5112
+ --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50);
5082
5113
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5083
5114
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5084
5115
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
@@ -5148,6 +5179,11 @@
5148
5179
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5149
5180
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5150
5181
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5182
+ --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
5183
+ --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
5184
+ --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
5185
+ --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
5186
+ --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
5151
5187
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5152
5188
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5153
5189
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
@@ -5229,10 +5265,10 @@
5229
5265
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
5230
5266
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
5231
5267
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
5232
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5233
5268
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
5234
5269
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
5235
5270
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
5271
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
5236
5272
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
5237
5273
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
5238
5274
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -5262,6 +5298,18 @@
5262
5298
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
5263
5299
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
5264
5300
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
5301
+ --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md);
5302
+ --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm);
5303
+ --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs);
5304
+ --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl);
5305
+ --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl);
5306
+ --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg);
5307
+ --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl);
5308
+ --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl);
5309
+ --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5310
+ --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg);
5311
+ --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md);
5312
+ --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm);
5265
5313
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
5266
5314
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5267
5315
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
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;