@patternfly/patternfly 6.0.0-alpha.122 → 6.0.0-alpha.124

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 (34) hide show
  1. package/base/patternfly-variables.css +39 -26
  2. package/base/patternfly-variables.scss +11 -5
  3. package/base/tokens/_index.scss +1 -0
  4. package/base/tokens/tokens-charts-dark.scss +169 -0
  5. package/base/tokens/tokens-charts.scss +75 -65
  6. package/base/tokens/tokens-dark.scss +19 -7
  7. package/base/tokens/tokens-default.scss +25 -13
  8. package/base/tokens/tokens-font.scss +1 -1
  9. package/base/tokens/tokens-palette.scss +4 -5
  10. package/components/DataList/data-list.css +2 -2
  11. package/components/DataList/data-list.scss +2 -2
  12. package/components/Page/page.css +2 -230
  13. package/components/Page/page.scss +3 -158
  14. package/components/Wizard/wizard.css +80 -41
  15. package/components/Wizard/wizard.scss +98 -48
  16. package/components/_index.css +84 -273
  17. package/docs/components/Nav/examples/Navigation.css +0 -5
  18. package/docs/components/Wizard/examples/Wizard.md +827 -91
  19. package/docs/demos/Wizard/examples/Wizard.md +356 -198
  20. package/docs/utilities/Alignment/examples/Alignment.css +2 -2
  21. package/docs/utilities/Display/examples/Display.css +2 -2
  22. package/docs/utilities/Flex/examples/Flex.css +2 -2
  23. package/docs/utilities/Float/examples/Float.css +3 -3
  24. package/docs/utilities/Sizing/examples/Sizing.css +2 -2
  25. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  26. package/package.json +1 -1
  27. package/patternfly-base-no-globals.css +39 -26
  28. package/patternfly-base.css +39 -26
  29. package/patternfly-no-globals.css +123 -299
  30. package/patternfly.css +123 -299
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
  33. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  34. package/docs/components/Page/deprecated/PageHeader.md +0 -275
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -367,10 +367,11 @@ wrapperTag: div
367
367
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
368
368
  <ol class="pf-v6-c-wizard__nav-list" role="list">
369
369
  <li class="pf-v6-c-wizard__nav-item">
370
- <button
371
- class="pf-v6-c-wizard__nav-link"
372
- type="button"
373
- >Information</button>
370
+ <button class="pf-v6-c-wizard__nav-link" type="button">
371
+ <span class="pf-v6-c-wizard__nav-link-main">
372
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
373
+ </span>
374
+ </button>
374
375
  </li>
375
376
  <li
376
377
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -380,40 +381,49 @@ wrapperTag: div
380
381
  type="button"
381
382
  aria-expanded="true"
382
383
  >
383
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
384
- <span class="pf-v6-c-wizard__nav-link-toggle">
385
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
386
- <i class="fas fa-angle-right" aria-hidden="true"></i>
384
+ <span class="pf-v6-c-wizard__nav-link-main">
385
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
386
+ <span class="pf-v6-c-wizard__nav-link-toggle">
387
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
388
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
389
+ </span>
387
390
  </span>
388
391
  </span>
389
392
  </button>
390
393
  <ol class="pf-v6-c-wizard__nav-list" role="list">
391
394
  <li class="pf-v6-c-wizard__nav-item">
392
- <button
393
- class="pf-v6-c-wizard__nav-link"
394
- type="button"
395
- >Substep A</button>
395
+ <button class="pf-v6-c-wizard__nav-link" type="button">
396
+ <span class="pf-v6-c-wizard__nav-link-main">
397
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
398
+ </span>
399
+ </button>
396
400
  </li>
397
401
  <li class="pf-v6-c-wizard__nav-item">
398
402
  <button
399
403
  class="pf-v6-c-wizard__nav-link pf-m-current"
400
404
  type="button"
401
405
  aria-current="page"
402
- >Substep B</button>
406
+ >
407
+ <span class="pf-v6-c-wizard__nav-link-main">
408
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
409
+ </span>
410
+ </button>
403
411
  </li>
404
412
  <li class="pf-v6-c-wizard__nav-item">
405
- <button
406
- class="pf-v6-c-wizard__nav-link"
407
- type="button"
408
- >Substep C</button>
413
+ <button class="pf-v6-c-wizard__nav-link" type="button">
414
+ <span class="pf-v6-c-wizard__nav-link-main">
415
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
416
+ </span>
417
+ </button>
409
418
  </li>
410
419
  </ol>
411
420
  </li>
412
421
  <li class="pf-v6-c-wizard__nav-item">
413
- <button
414
- class="pf-v6-c-wizard__nav-link"
415
- type="button"
416
- >Additional</button>
422
+ <button class="pf-v6-c-wizard__nav-link" type="button">
423
+ <span class="pf-v6-c-wizard__nav-link-main">
424
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
425
+ </span>
426
+ </button>
417
427
  </li>
418
428
  <li class="pf-v6-c-wizard__nav-item">
419
429
  <button
@@ -421,7 +431,11 @@ wrapperTag: div
421
431
  type="button"
422
432
  aria-disabled="true"
423
433
  tabindex="-1"
424
- >Review</button>
434
+ >
435
+ <span class="pf-v6-c-wizard__nav-link-main">
436
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
437
+ </span>
438
+ </button>
425
439
  </li>
426
440
  </ol>
427
441
  </nav>
@@ -950,10 +964,11 @@ wrapperTag: div
950
964
  <nav class="pf-v6-c-wizard__nav pf-m-expanded" aria-label="Steps">
951
965
  <ol class="pf-v6-c-wizard__nav-list" role="list">
952
966
  <li class="pf-v6-c-wizard__nav-item">
953
- <button
954
- class="pf-v6-c-wizard__nav-link"
955
- type="button"
956
- >Information</button>
967
+ <button class="pf-v6-c-wizard__nav-link" type="button">
968
+ <span class="pf-v6-c-wizard__nav-link-main">
969
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
970
+ </span>
971
+ </button>
957
972
  </li>
958
973
  <li
959
974
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -963,40 +978,49 @@ wrapperTag: div
963
978
  type="button"
964
979
  aria-expanded="true"
965
980
  >
966
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
967
- <span class="pf-v6-c-wizard__nav-link-toggle">
968
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
969
- <i class="fas fa-angle-right" aria-hidden="true"></i>
981
+ <span class="pf-v6-c-wizard__nav-link-main">
982
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
983
+ <span class="pf-v6-c-wizard__nav-link-toggle">
984
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
985
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
986
+ </span>
970
987
  </span>
971
988
  </span>
972
989
  </button>
973
990
  <ol class="pf-v6-c-wizard__nav-list" role="list">
974
991
  <li class="pf-v6-c-wizard__nav-item">
975
- <button
976
- class="pf-v6-c-wizard__nav-link"
977
- type="button"
978
- >Substep A</button>
992
+ <button class="pf-v6-c-wizard__nav-link" type="button">
993
+ <span class="pf-v6-c-wizard__nav-link-main">
994
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
995
+ </span>
996
+ </button>
979
997
  </li>
980
998
  <li class="pf-v6-c-wizard__nav-item">
981
999
  <button
982
1000
  class="pf-v6-c-wizard__nav-link pf-m-current"
983
1001
  type="button"
984
1002
  aria-current="page"
985
- >Substep B</button>
1003
+ >
1004
+ <span class="pf-v6-c-wizard__nav-link-main">
1005
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
1006
+ </span>
1007
+ </button>
986
1008
  </li>
987
1009
  <li class="pf-v6-c-wizard__nav-item">
988
- <button
989
- class="pf-v6-c-wizard__nav-link"
990
- type="button"
991
- >Substep C</button>
1010
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1011
+ <span class="pf-v6-c-wizard__nav-link-main">
1012
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
1013
+ </span>
1014
+ </button>
992
1015
  </li>
993
1016
  </ol>
994
1017
  </li>
995
1018
  <li class="pf-v6-c-wizard__nav-item">
996
- <button
997
- class="pf-v6-c-wizard__nav-link"
998
- type="button"
999
- >Additional</button>
1019
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1020
+ <span class="pf-v6-c-wizard__nav-link-main">
1021
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
1022
+ </span>
1023
+ </button>
1000
1024
  </li>
1001
1025
  <li class="pf-v6-c-wizard__nav-item">
1002
1026
  <button
@@ -1004,7 +1028,11 @@ wrapperTag: div
1004
1028
  type="button"
1005
1029
  aria-disabled="true"
1006
1030
  tabindex="-1"
1007
- >Review</button>
1031
+ >
1032
+ <span class="pf-v6-c-wizard__nav-link-main">
1033
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1034
+ </span>
1035
+ </button>
1008
1036
  </li>
1009
1037
  </ol>
1010
1038
  </nav>
@@ -1515,10 +1543,11 @@ wrapperTag: div
1515
1543
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
1516
1544
  <ol class="pf-v6-c-wizard__nav-list" role="list">
1517
1545
  <li class="pf-v6-c-wizard__nav-item">
1518
- <button
1519
- class="pf-v6-c-wizard__nav-link"
1520
- type="button"
1521
- >Information</button>
1546
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1547
+ <span class="pf-v6-c-wizard__nav-link-main">
1548
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
1549
+ </span>
1550
+ </button>
1522
1551
  </li>
1523
1552
  <li
1524
1553
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -1528,47 +1557,60 @@ wrapperTag: div
1528
1557
  type="button"
1529
1558
  aria-expanded="true"
1530
1559
  >
1531
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1532
- <span class="pf-v6-c-wizard__nav-link-toggle">
1533
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1534
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1560
+ <span class="pf-v6-c-wizard__nav-link-main">
1561
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1562
+ <span class="pf-v6-c-wizard__nav-link-toggle">
1563
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1564
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1565
+ </span>
1535
1566
  </span>
1536
1567
  </span>
1537
1568
  </button>
1538
1569
  <ol class="pf-v6-c-wizard__nav-list" role="list">
1539
1570
  <li class="pf-v6-c-wizard__nav-item">
1540
- <button
1541
- class="pf-v6-c-wizard__nav-link"
1542
- type="button"
1543
- >Substep A</button>
1571
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1572
+ <span class="pf-v6-c-wizard__nav-link-main">
1573
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
1574
+ </span>
1575
+ </button>
1544
1576
  </li>
1545
1577
  <li class="pf-v6-c-wizard__nav-item">
1546
1578
  <button
1547
1579
  class="pf-v6-c-wizard__nav-link pf-m-current"
1548
1580
  type="button"
1549
1581
  aria-current="page"
1550
- >Substep B</button>
1582
+ >
1583
+ <span class="pf-v6-c-wizard__nav-link-main">
1584
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
1585
+ </span>
1586
+ </button>
1551
1587
  </li>
1552
1588
  <li class="pf-v6-c-wizard__nav-item">
1553
- <button
1554
- class="pf-v6-c-wizard__nav-link"
1555
- type="button"
1556
- >Substep C</button>
1589
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1590
+ <span class="pf-v6-c-wizard__nav-link-main">
1591
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
1592
+ </span>
1593
+ </button>
1557
1594
  </li>
1558
1595
  </ol>
1559
1596
  </li>
1560
1597
  <li class="pf-v6-c-wizard__nav-item">
1561
- <button
1562
- class="pf-v6-c-wizard__nav-link"
1563
- type="button"
1564
- >Additional</button>
1598
+ <button class="pf-v6-c-wizard__nav-link" type="button">
1599
+ <span class="pf-v6-c-wizard__nav-link-main">
1600
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
1601
+ </span>
1602
+ </button>
1565
1603
  </li>
1566
1604
  <li class="pf-v6-c-wizard__nav-item">
1567
1605
  <button
1568
1606
  class="pf-v6-c-wizard__nav-link"
1569
1607
  type="button"
1570
1608
  disabled
1571
- >Review</button>
1609
+ >
1610
+ <span class="pf-v6-c-wizard__nav-link-main">
1611
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
1612
+ </span>
1613
+ </button>
1572
1614
  </li>
1573
1615
  </ol>
1574
1616
  </nav>
@@ -2164,10 +2206,11 @@ wrapperTag: div
2164
2206
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
2165
2207
  <ol class="pf-v6-c-wizard__nav-list" role="list">
2166
2208
  <li class="pf-v6-c-wizard__nav-item">
2167
- <button
2168
- class="pf-v6-c-wizard__nav-link"
2169
- type="button"
2170
- >Information</button>
2209
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2210
+ <span class="pf-v6-c-wizard__nav-link-main">
2211
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
2212
+ </span>
2213
+ </button>
2171
2214
  </li>
2172
2215
  <li
2173
2216
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -2177,47 +2220,60 @@ wrapperTag: div
2177
2220
  type="button"
2178
2221
  aria-expanded="true"
2179
2222
  >
2180
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2181
- <span class="pf-v6-c-wizard__nav-link-toggle">
2182
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2183
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2223
+ <span class="pf-v6-c-wizard__nav-link-main">
2224
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2225
+ <span class="pf-v6-c-wizard__nav-link-toggle">
2226
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2227
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2228
+ </span>
2184
2229
  </span>
2185
2230
  </span>
2186
2231
  </button>
2187
2232
  <ol class="pf-v6-c-wizard__nav-list" role="list">
2188
2233
  <li class="pf-v6-c-wizard__nav-item">
2189
- <button
2190
- class="pf-v6-c-wizard__nav-link"
2191
- type="button"
2192
- >Substep A</button>
2234
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2235
+ <span class="pf-v6-c-wizard__nav-link-main">
2236
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
2237
+ </span>
2238
+ </button>
2193
2239
  </li>
2194
2240
  <li class="pf-v6-c-wizard__nav-item">
2195
2241
  <button
2196
2242
  class="pf-v6-c-wizard__nav-link pf-m-current"
2197
2243
  type="button"
2198
2244
  aria-current="page"
2199
- >Substep B</button>
2245
+ >
2246
+ <span class="pf-v6-c-wizard__nav-link-main">
2247
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
2248
+ </span>
2249
+ </button>
2200
2250
  </li>
2201
2251
  <li class="pf-v6-c-wizard__nav-item">
2202
- <button
2203
- class="pf-v6-c-wizard__nav-link"
2204
- type="button"
2205
- >Substep C</button>
2252
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2253
+ <span class="pf-v6-c-wizard__nav-link-main">
2254
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
2255
+ </span>
2256
+ </button>
2206
2257
  </li>
2207
2258
  </ol>
2208
2259
  </li>
2209
2260
  <li class="pf-v6-c-wizard__nav-item">
2210
- <button
2211
- class="pf-v6-c-wizard__nav-link"
2212
- type="button"
2213
- >Additional</button>
2261
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2262
+ <span class="pf-v6-c-wizard__nav-link-main">
2263
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
2264
+ </span>
2265
+ </button>
2214
2266
  </li>
2215
2267
  <li class="pf-v6-c-wizard__nav-item">
2216
2268
  <button
2217
2269
  class="pf-v6-c-wizard__nav-link"
2218
2270
  type="button"
2219
2271
  disabled
2220
- >Review</button>
2272
+ >
2273
+ <span class="pf-v6-c-wizard__nav-link-main">
2274
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
2275
+ </span>
2276
+ </button>
2221
2277
  </li>
2222
2278
  </ol>
2223
2279
  </nav>
@@ -2812,10 +2868,11 @@ wrapperTag: div
2812
2868
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
2813
2869
  <ol class="pf-v6-c-wizard__nav-list" role="list">
2814
2870
  <li class="pf-v6-c-wizard__nav-item">
2815
- <button
2816
- class="pf-v6-c-wizard__nav-link"
2817
- type="button"
2818
- >Information</button>
2871
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2872
+ <span class="pf-v6-c-wizard__nav-link-main">
2873
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
2874
+ </span>
2875
+ </button>
2819
2876
  </li>
2820
2877
  <li
2821
2878
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -2825,47 +2882,60 @@ wrapperTag: div
2825
2882
  type="button"
2826
2883
  aria-expanded="true"
2827
2884
  >
2828
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2829
- <span class="pf-v6-c-wizard__nav-link-toggle">
2830
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2831
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2885
+ <span class="pf-v6-c-wizard__nav-link-main">
2886
+ <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2887
+ <span class="pf-v6-c-wizard__nav-link-toggle">
2888
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2889
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2890
+ </span>
2832
2891
  </span>
2833
2892
  </span>
2834
2893
  </button>
2835
2894
  <ol class="pf-v6-c-wizard__nav-list" role="list">
2836
2895
  <li class="pf-v6-c-wizard__nav-item">
2837
- <button
2838
- class="pf-v6-c-wizard__nav-link"
2839
- type="button"
2840
- >Substep A</button>
2896
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2897
+ <span class="pf-v6-c-wizard__nav-link-main">
2898
+ <span class="pf-v6-c-wizard__nav-link-text">Substep A</span>
2899
+ </span>
2900
+ </button>
2841
2901
  </li>
2842
2902
  <li class="pf-v6-c-wizard__nav-item">
2843
2903
  <button
2844
2904
  class="pf-v6-c-wizard__nav-link pf-m-current"
2845
2905
  type="button"
2846
2906
  aria-current="page"
2847
- >Substep B</button>
2907
+ >
2908
+ <span class="pf-v6-c-wizard__nav-link-main">
2909
+ <span class="pf-v6-c-wizard__nav-link-text">Substep B</span>
2910
+ </span>
2911
+ </button>
2848
2912
  </li>
2849
2913
  <li class="pf-v6-c-wizard__nav-item">
2850
- <button
2851
- class="pf-v6-c-wizard__nav-link"
2852
- type="button"
2853
- >Substep C</button>
2914
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2915
+ <span class="pf-v6-c-wizard__nav-link-main">
2916
+ <span class="pf-v6-c-wizard__nav-link-text">Substep C</span>
2917
+ </span>
2918
+ </button>
2854
2919
  </li>
2855
2920
  </ol>
2856
2921
  </li>
2857
2922
  <li class="pf-v6-c-wizard__nav-item">
2858
- <button
2859
- class="pf-v6-c-wizard__nav-link"
2860
- type="button"
2861
- >Additional</button>
2923
+ <button class="pf-v6-c-wizard__nav-link" type="button">
2924
+ <span class="pf-v6-c-wizard__nav-link-main">
2925
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
2926
+ </span>
2927
+ </button>
2862
2928
  </li>
2863
2929
  <li class="pf-v6-c-wizard__nav-item">
2864
2930
  <button
2865
2931
  class="pf-v6-c-wizard__nav-link"
2866
2932
  type="button"
2867
2933
  disabled
2868
- >Review</button>
2934
+ >
2935
+ <span class="pf-v6-c-wizard__nav-link-main">
2936
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
2937
+ </span>
2938
+ </button>
2869
2939
  </li>
2870
2940
  </ol>
2871
2941
  </nav>
@@ -3265,10 +3335,11 @@ wrapperTag: div
3265
3335
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
3266
3336
  <ol class="pf-v6-c-wizard__nav-list" role="list">
3267
3337
  <li class="pf-v6-c-wizard__nav-item">
3268
- <button
3269
- class="pf-v6-c-wizard__nav-link"
3270
- type="button"
3271
- >Information</button>
3338
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3339
+ <span class="pf-v6-c-wizard__nav-link-main">
3340
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
3341
+ </span>
3342
+ </button>
3272
3343
  </li>
3273
3344
  <li
3274
3345
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -3278,40 +3349,57 @@ wrapperTag: div
3278
3349
  type="button"
3279
3350
  aria-expanded="true"
3280
3351
  >
3281
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
3282
- <span class="pf-v6-c-wizard__nav-link-toggle">
3283
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3284
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3352
+ <span class="pf-v6-c-wizard__nav-link-main">
3353
+ <span
3354
+ class="pf-v6-c-wizard__nav-link-text"
3355
+ >Configuration</span>
3356
+ <span class="pf-v6-c-wizard__nav-link-toggle">
3357
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3358
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3359
+ </span>
3285
3360
  </span>
3286
3361
  </span>
3287
3362
  </button>
3288
3363
  <ol class="pf-v6-c-wizard__nav-list" role="list">
3289
3364
  <li class="pf-v6-c-wizard__nav-item">
3290
- <button
3291
- class="pf-v6-c-wizard__nav-link"
3292
- type="button"
3293
- >Substep A</button>
3365
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3366
+ <span class="pf-v6-c-wizard__nav-link-main">
3367
+ <span
3368
+ class="pf-v6-c-wizard__nav-link-text"
3369
+ >Substep A</span>
3370
+ </span>
3371
+ </button>
3294
3372
  </li>
3295
3373
  <li class="pf-v6-c-wizard__nav-item">
3296
3374
  <button
3297
3375
  class="pf-v6-c-wizard__nav-link pf-m-current"
3298
3376
  type="button"
3299
3377
  aria-current="page"
3300
- >Substep B</button>
3378
+ >
3379
+ <span class="pf-v6-c-wizard__nav-link-main">
3380
+ <span
3381
+ class="pf-v6-c-wizard__nav-link-text"
3382
+ >Substep B</span>
3383
+ </span>
3384
+ </button>
3301
3385
  </li>
3302
3386
  <li class="pf-v6-c-wizard__nav-item">
3303
- <button
3304
- class="pf-v6-c-wizard__nav-link"
3305
- type="button"
3306
- >Substep C</button>
3387
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3388
+ <span class="pf-v6-c-wizard__nav-link-main">
3389
+ <span
3390
+ class="pf-v6-c-wizard__nav-link-text"
3391
+ >Substep C</span>
3392
+ </span>
3393
+ </button>
3307
3394
  </li>
3308
3395
  </ol>
3309
3396
  </li>
3310
3397
  <li class="pf-v6-c-wizard__nav-item">
3311
- <button
3312
- class="pf-v6-c-wizard__nav-link"
3313
- type="button"
3314
- >Additional</button>
3398
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3399
+ <span class="pf-v6-c-wizard__nav-link-main">
3400
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
3401
+ </span>
3402
+ </button>
3315
3403
  </li>
3316
3404
  <li class="pf-v6-c-wizard__nav-item">
3317
3405
  <button
@@ -3319,7 +3407,11 @@ wrapperTag: div
3319
3407
  type="button"
3320
3408
  aria-disabled="true"
3321
3409
  tabindex="-1"
3322
- >Review</button>
3410
+ >
3411
+ <span class="pf-v6-c-wizard__nav-link-main">
3412
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
3413
+ </span>
3414
+ </button>
3323
3415
  </li>
3324
3416
  </ol>
3325
3417
  </nav>
@@ -3786,10 +3878,11 @@ wrapperTag: div
3786
3878
  <nav class="pf-v6-c-wizard__nav pf-m-expanded" aria-label="Steps">
3787
3879
  <ol class="pf-v6-c-wizard__nav-list" role="list">
3788
3880
  <li class="pf-v6-c-wizard__nav-item">
3789
- <button
3790
- class="pf-v6-c-wizard__nav-link"
3791
- type="button"
3792
- >Information</button>
3881
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3882
+ <span class="pf-v6-c-wizard__nav-link-main">
3883
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
3884
+ </span>
3885
+ </button>
3793
3886
  </li>
3794
3887
  <li
3795
3888
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -3799,40 +3892,57 @@ wrapperTag: div
3799
3892
  type="button"
3800
3893
  aria-expanded="true"
3801
3894
  >
3802
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
3803
- <span class="pf-v6-c-wizard__nav-link-toggle">
3804
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3805
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3895
+ <span class="pf-v6-c-wizard__nav-link-main">
3896
+ <span
3897
+ class="pf-v6-c-wizard__nav-link-text"
3898
+ >Configuration</span>
3899
+ <span class="pf-v6-c-wizard__nav-link-toggle">
3900
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3901
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3902
+ </span>
3806
3903
  </span>
3807
3904
  </span>
3808
3905
  </button>
3809
3906
  <ol class="pf-v6-c-wizard__nav-list" role="list">
3810
3907
  <li class="pf-v6-c-wizard__nav-item">
3811
- <button
3812
- class="pf-v6-c-wizard__nav-link"
3813
- type="button"
3814
- >Substep A</button>
3908
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3909
+ <span class="pf-v6-c-wizard__nav-link-main">
3910
+ <span
3911
+ class="pf-v6-c-wizard__nav-link-text"
3912
+ >Substep A</span>
3913
+ </span>
3914
+ </button>
3815
3915
  </li>
3816
3916
  <li class="pf-v6-c-wizard__nav-item">
3817
3917
  <button
3818
3918
  class="pf-v6-c-wizard__nav-link pf-m-current"
3819
3919
  type="button"
3820
3920
  aria-current="page"
3821
- >Substep B</button>
3921
+ >
3922
+ <span class="pf-v6-c-wizard__nav-link-main">
3923
+ <span
3924
+ class="pf-v6-c-wizard__nav-link-text"
3925
+ >Substep B</span>
3926
+ </span>
3927
+ </button>
3822
3928
  </li>
3823
3929
  <li class="pf-v6-c-wizard__nav-item">
3824
- <button
3825
- class="pf-v6-c-wizard__nav-link"
3826
- type="button"
3827
- >Substep C</button>
3930
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3931
+ <span class="pf-v6-c-wizard__nav-link-main">
3932
+ <span
3933
+ class="pf-v6-c-wizard__nav-link-text"
3934
+ >Substep C</span>
3935
+ </span>
3936
+ </button>
3828
3937
  </li>
3829
3938
  </ol>
3830
3939
  </li>
3831
3940
  <li class="pf-v6-c-wizard__nav-item">
3832
- <button
3833
- class="pf-v6-c-wizard__nav-link"
3834
- type="button"
3835
- >Additional</button>
3941
+ <button class="pf-v6-c-wizard__nav-link" type="button">
3942
+ <span class="pf-v6-c-wizard__nav-link-main">
3943
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
3944
+ </span>
3945
+ </button>
3836
3946
  </li>
3837
3947
  <li class="pf-v6-c-wizard__nav-item">
3838
3948
  <button
@@ -3840,7 +3950,11 @@ wrapperTag: div
3840
3950
  type="button"
3841
3951
  aria-disabled="true"
3842
3952
  tabindex="-1"
3843
- >Review</button>
3953
+ >
3954
+ <span class="pf-v6-c-wizard__nav-link-main">
3955
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
3956
+ </span>
3957
+ </button>
3844
3958
  </li>
3845
3959
  </ol>
3846
3960
  </nav>
@@ -4289,10 +4403,11 @@ wrapperTag: div
4289
4403
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
4290
4404
  <ol class="pf-v6-c-wizard__nav-list" role="list">
4291
4405
  <li class="pf-v6-c-wizard__nav-item">
4292
- <button
4293
- class="pf-v6-c-wizard__nav-link"
4294
- type="button"
4295
- >Information</button>
4406
+ <button class="pf-v6-c-wizard__nav-link" type="button">
4407
+ <span class="pf-v6-c-wizard__nav-link-main">
4408
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
4409
+ </span>
4410
+ </button>
4296
4411
  </li>
4297
4412
  <li
4298
4413
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -4302,47 +4417,68 @@ wrapperTag: div
4302
4417
  type="button"
4303
4418
  aria-expanded="true"
4304
4419
  >
4305
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
4306
- <span class="pf-v6-c-wizard__nav-link-toggle">
4307
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
4308
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4420
+ <span class="pf-v6-c-wizard__nav-link-main">
4421
+ <span
4422
+ class="pf-v6-c-wizard__nav-link-text"
4423
+ >Configuration</span>
4424
+ <span class="pf-v6-c-wizard__nav-link-toggle">
4425
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
4426
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4427
+ </span>
4309
4428
  </span>
4310
4429
  </span>
4311
4430
  </button>
4312
4431
  <ol class="pf-v6-c-wizard__nav-list" role="list">
4313
4432
  <li class="pf-v6-c-wizard__nav-item">
4314
- <button
4315
- class="pf-v6-c-wizard__nav-link"
4316
- type="button"
4317
- >Substep A</button>
4433
+ <button class="pf-v6-c-wizard__nav-link" type="button">
4434
+ <span class="pf-v6-c-wizard__nav-link-main">
4435
+ <span
4436
+ class="pf-v6-c-wizard__nav-link-text"
4437
+ >Substep A</span>
4438
+ </span>
4439
+ </button>
4318
4440
  </li>
4319
4441
  <li class="pf-v6-c-wizard__nav-item">
4320
4442
  <button
4321
4443
  class="pf-v6-c-wizard__nav-link pf-m-current"
4322
4444
  type="button"
4323
4445
  aria-current="page"
4324
- >Substep B</button>
4446
+ >
4447
+ <span class="pf-v6-c-wizard__nav-link-main">
4448
+ <span
4449
+ class="pf-v6-c-wizard__nav-link-text"
4450
+ >Substep B</span>
4451
+ </span>
4452
+ </button>
4325
4453
  </li>
4326
4454
  <li class="pf-v6-c-wizard__nav-item">
4327
- <button
4328
- class="pf-v6-c-wizard__nav-link"
4329
- type="button"
4330
- >Substep C</button>
4455
+ <button class="pf-v6-c-wizard__nav-link" type="button">
4456
+ <span class="pf-v6-c-wizard__nav-link-main">
4457
+ <span
4458
+ class="pf-v6-c-wizard__nav-link-text"
4459
+ >Substep C</span>
4460
+ </span>
4461
+ </button>
4331
4462
  </li>
4332
4463
  </ol>
4333
4464
  </li>
4334
4465
  <li class="pf-v6-c-wizard__nav-item">
4335
- <button
4336
- class="pf-v6-c-wizard__nav-link"
4337
- type="button"
4338
- >Additional</button>
4466
+ <button class="pf-v6-c-wizard__nav-link" type="button">
4467
+ <span class="pf-v6-c-wizard__nav-link-main">
4468
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
4469
+ </span>
4470
+ </button>
4339
4471
  </li>
4340
4472
  <li class="pf-v6-c-wizard__nav-item">
4341
4473
  <button
4342
4474
  class="pf-v6-c-wizard__nav-link"
4343
4475
  type="button"
4344
4476
  disabled
4345
- >Review</button>
4477
+ >
4478
+ <span class="pf-v6-c-wizard__nav-link-main">
4479
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
4480
+ </span>
4481
+ </button>
4346
4482
  </li>
4347
4483
  </ol>
4348
4484
  </nav>
@@ -4864,10 +5000,11 @@ wrapperTag: div
4864
5000
  <nav class="pf-v6-c-wizard__nav" aria-label="Steps">
4865
5001
  <ol class="pf-v6-c-wizard__nav-list" role="list">
4866
5002
  <li class="pf-v6-c-wizard__nav-item">
4867
- <button
4868
- class="pf-v6-c-wizard__nav-link"
4869
- type="button"
4870
- >Information</button>
5003
+ <button class="pf-v6-c-wizard__nav-link" type="button">
5004
+ <span class="pf-v6-c-wizard__nav-link-main">
5005
+ <span class="pf-v6-c-wizard__nav-link-text">Information</span>
5006
+ </span>
5007
+ </button>
4871
5008
  </li>
4872
5009
  <li
4873
5010
  class="pf-v6-c-wizard__nav-item pf-m-expandable pf-m-expanded"
@@ -4877,47 +5014,68 @@ wrapperTag: div
4877
5014
  type="button"
4878
5015
  aria-expanded="true"
4879
5016
  >
4880
- <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
4881
- <span class="pf-v6-c-wizard__nav-link-toggle">
4882
- <span class="pf-v6-c-wizard__nav-link-toggle-icon">
4883
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5017
+ <span class="pf-v6-c-wizard__nav-link-main">
5018
+ <span
5019
+ class="pf-v6-c-wizard__nav-link-text"
5020
+ >Configuration</span>
5021
+ <span class="pf-v6-c-wizard__nav-link-toggle">
5022
+ <span class="pf-v6-c-wizard__nav-link-toggle-icon">
5023
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5024
+ </span>
4884
5025
  </span>
4885
5026
  </span>
4886
5027
  </button>
4887
5028
  <ol class="pf-v6-c-wizard__nav-list" role="list">
4888
5029
  <li class="pf-v6-c-wizard__nav-item">
4889
- <button
4890
- class="pf-v6-c-wizard__nav-link"
4891
- type="button"
4892
- >Substep A</button>
5030
+ <button class="pf-v6-c-wizard__nav-link" type="button">
5031
+ <span class="pf-v6-c-wizard__nav-link-main">
5032
+ <span
5033
+ class="pf-v6-c-wizard__nav-link-text"
5034
+ >Substep A</span>
5035
+ </span>
5036
+ </button>
4893
5037
  </li>
4894
5038
  <li class="pf-v6-c-wizard__nav-item">
4895
5039
  <button
4896
5040
  class="pf-v6-c-wizard__nav-link pf-m-current"
4897
5041
  type="button"
4898
5042
  aria-current="page"
4899
- >Substep B</button>
5043
+ >
5044
+ <span class="pf-v6-c-wizard__nav-link-main">
5045
+ <span
5046
+ class="pf-v6-c-wizard__nav-link-text"
5047
+ >Substep B</span>
5048
+ </span>
5049
+ </button>
4900
5050
  </li>
4901
5051
  <li class="pf-v6-c-wizard__nav-item">
4902
- <button
4903
- class="pf-v6-c-wizard__nav-link"
4904
- type="button"
4905
- >Substep C</button>
5052
+ <button class="pf-v6-c-wizard__nav-link" type="button">
5053
+ <span class="pf-v6-c-wizard__nav-link-main">
5054
+ <span
5055
+ class="pf-v6-c-wizard__nav-link-text"
5056
+ >Substep C</span>
5057
+ </span>
5058
+ </button>
4906
5059
  </li>
4907
5060
  </ol>
4908
5061
  </li>
4909
5062
  <li class="pf-v6-c-wizard__nav-item">
4910
- <button
4911
- class="pf-v6-c-wizard__nav-link"
4912
- type="button"
4913
- >Additional</button>
5063
+ <button class="pf-v6-c-wizard__nav-link" type="button">
5064
+ <span class="pf-v6-c-wizard__nav-link-main">
5065
+ <span class="pf-v6-c-wizard__nav-link-text">Additional</span>
5066
+ </span>
5067
+ </button>
4914
5068
  </li>
4915
5069
  <li class="pf-v6-c-wizard__nav-item">
4916
5070
  <button
4917
5071
  class="pf-v6-c-wizard__nav-link"
4918
5072
  type="button"
4919
5073
  disabled
4920
- >Review</button>
5074
+ >
5075
+ <span class="pf-v6-c-wizard__nav-link-main">
5076
+ <span class="pf-v6-c-wizard__nav-link-text">Review</span>
5077
+ </span>
5078
+ </button>
4921
5079
  </li>
4922
5080
  </ol>
4923
5081
  </nav>