@patternfly/patternfly 6.0.0-prerelease.13 → 6.0.0-prerelease.15

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 (104) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -59
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -30
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/Alert/alert.css +2 -6
  11. package/components/Alert/alert.scss +2 -7
  12. package/components/Button/button.css +8 -0
  13. package/components/Button/button.scss +8 -0
  14. package/components/DataList/data-list.css +4 -13
  15. package/components/DataList/data-list.scss +4 -14
  16. package/components/Drawer/drawer.css +0 -4
  17. package/components/Drawer/drawer.scss +0 -5
  18. package/components/FormControl/form-control.css +22 -3
  19. package/components/FormControl/form-control.scss +27 -4
  20. package/components/MenuToggle/menu-toggle.css +66 -55
  21. package/components/MenuToggle/menu-toggle.scss +76 -65
  22. package/components/Page/page.css +10 -8
  23. package/components/Page/page.scss +11 -8
  24. package/components/Pagination/pagination.css +31 -17
  25. package/components/Pagination/pagination.scss +35 -23
  26. package/components/Table/table-grid.css +9 -4
  27. package/components/Table/table-grid.scss +5 -4
  28. package/components/Table/table.css +6 -5
  29. package/components/Table/table.scss +6 -5
  30. package/components/_index.css +158 -115
  31. package/docs/components/Brand/examples/Brand.md +2 -2
  32. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  33. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  34. package/docs/components/DataList/examples/DataList.md +187 -221
  35. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  36. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  37. package/docs/components/Form/examples/Form.md +4 -2
  38. package/docs/components/FormControl/examples/FormControl.md +10 -10
  39. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  40. package/docs/components/Login/examples/Login.md +6 -6
  41. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  42. package/docs/components/Pagination/examples/Pagination.md +12 -12
  43. package/docs/components/Table/examples/Table.md +1 -1
  44. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  45. package/docs/demos/Card/examples/Card.md +4 -4
  46. package/docs/demos/CardView/examples/CardView.md +10 -4
  47. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  48. package/docs/demos/DataList/examples/DataList.md +37 -13
  49. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  50. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  51. package/docs/demos/Page/examples/Page.md +2 -2
  52. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  53. package/docs/demos/Table/examples/Table.md +214 -70
  54. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  55. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  56. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  57. package/package.json +5 -5
  58. package/patternfly-base-no-globals.css +84 -59
  59. package/patternfly-base.css +99 -59
  60. package/patternfly-no-globals.css +242 -174
  61. package/patternfly.css +257 -174
  62. package/patternfly.min.css +1 -1
  63. package/patternfly.min.css.map +1 -1
  64. package/assets/images/PF-Masthead-Logo.svg +0 -1
  65. package/assets/images/background-filter.svg +0 -17
  66. package/assets/images/g_sizing.png +0 -0
  67. package/assets/images/img_avatar-dark.svg +0 -22
  68. package/assets/images/img_avatar.svg +0 -21
  69. package/assets/images/l_pf-reverse-164x11.png +0 -0
  70. package/assets/images/l_pf-reverse.svg +0 -1
  71. package/assets/images/logo-dropbox-old.svg +0 -1
  72. package/assets/images/logo-dropbox.svg +0 -6
  73. package/assets/images/logo-facebook.svg +0 -4
  74. package/assets/images/logo-github.svg +0 -4
  75. package/assets/images/logo-gitlab.svg +0 -4
  76. package/assets/images/logo-google.svg +0 -4
  77. package/assets/images/logo-google2.svg +0 -10
  78. package/assets/images/logo__pf--reverse--base.png +0 -0
  79. package/assets/images/logo__pf--reverse--base.svg +0 -40
  80. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  81. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  82. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  83. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  84. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  85. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  86. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  87. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  88. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  89. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  90. package/assets/images/pf-c-brand__logo.svg +0 -10
  91. package/assets/images/pf-logo.svg +0 -28
  92. package/assets/images/pf_logo.svg +0 -37
  93. package/assets/images/pf_logo_color.svg +0 -22
  94. package/assets/images/pf_logo_white.svg +0 -37
  95. package/assets/images/pf_mini_logo_white.svg +0 -1
  96. package/assets/images/pfbg_1200.jpg +0 -0
  97. package/assets/images/pfbg_2000.jpg +0 -0
  98. package/assets/images/pfbg_576.jpg +0 -0
  99. package/assets/images/pfbg_576@2x.jpg +0 -0
  100. package/assets/images/pfbg_768.jpg +0 -0
  101. package/assets/images/pfbg_768@2x.jpg +0 -0
  102. package/assets/images/pfbg_992.jpg +0 -0
  103. package/assets/images/pfbg_992@2x.jpg +0 -0
  104. package/assets/images/status-icon-sprite.svg +0 -38
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -1922,7 +1922,7 @@ section: components
1922
1922
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1923
1923
  <span class="pf-v6-c-menu-toggle__controls">
1924
1924
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1925
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1925
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1926
1926
  </span>
1927
1927
  </span>
1928
1928
  </button>
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -44,7 +44,7 @@ section: components
44
44
  <span class="pf-v6-c-menu-toggle__text">Name</span>
45
45
  <span class="pf-v6-c-menu-toggle__controls">
46
46
  <span class="pf-v6-c-menu-toggle__toggle-icon">
47
- <i class="fas fa-caret-down" aria-hidden="true"></i>
47
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
48
48
  </span>
49
49
  </span>
50
50
  </button>
@@ -126,7 +126,7 @@ section: components
126
126
  </span>
127
127
  <span class="pf-v6-c-menu-toggle__controls">
128
128
  <span class="pf-v6-c-menu-toggle__toggle-icon">
129
- <i class="fas fa-caret-down" aria-hidden="true"></i>
129
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
130
130
  </span>
131
131
  </span>
132
132
  </button>
@@ -477,7 +477,10 @@ section: components
477
477
  <span class="pf-v6-c-menu-toggle__text">Last month</span>
478
478
  <span class="pf-v6-c-menu-toggle__controls">
479
479
  <span class="pf-v6-c-menu-toggle__toggle-icon">
480
- <i class="fas fa-caret-down" aria-hidden="true"></i>
480
+ <i
481
+ class="fas fa-caret-down fa-fw"
482
+ aria-hidden="true"
483
+ ></i>
481
484
  </span>
482
485
  </span>
483
486
  </button>
@@ -598,7 +601,10 @@ section: components
598
601
  <span class="pf-v6-c-menu-toggle__text">Name</span>
599
602
  <span class="pf-v6-c-menu-toggle__controls">
600
603
  <span class="pf-v6-c-menu-toggle__toggle-icon">
601
- <i class="fas fa-caret-down" aria-hidden="true"></i>
604
+ <i
605
+ class="fas fa-caret-down fa-fw"
606
+ aria-hidden="true"
607
+ ></i>
602
608
  </span>
603
609
  </span>
604
610
  </button>
@@ -1161,7 +1167,7 @@ section: components
1161
1167
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1162
1168
  <span class="pf-v6-c-menu-toggle__controls">
1163
1169
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1164
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1170
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1165
1171
  </span>
1166
1172
  </span>
1167
1173
  </button>
@@ -1198,7 +1204,7 @@ section: components
1198
1204
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1199
1205
  <span class="pf-v6-c-menu-toggle__controls">
1200
1206
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1201
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1207
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1202
1208
  </span>
1203
1209
  </span>
1204
1210
  </button>
@@ -1213,7 +1219,7 @@ section: components
1213
1219
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1214
1220
  <span class="pf-v6-c-menu-toggle__controls">
1215
1221
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1216
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1222
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1217
1223
  </span>
1218
1224
  </span>
1219
1225
  </button>
@@ -1262,7 +1268,7 @@ section: components
1262
1268
  </span>
1263
1269
  <span class="pf-v6-c-menu-toggle__controls">
1264
1270
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1265
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1271
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1266
1272
  </span>
1267
1273
  </span>
1268
1274
  </button>
@@ -1317,7 +1323,7 @@ section: components
1317
1323
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1318
1324
  <span class="pf-v6-c-menu-toggle__controls">
1319
1325
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1320
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1326
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1321
1327
  </span>
1322
1328
  </span>
1323
1329
  </button>
@@ -1368,7 +1374,7 @@ section: components
1368
1374
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1369
1375
  <span class="pf-v6-c-menu-toggle__controls">
1370
1376
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1371
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1377
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1372
1378
  </span>
1373
1379
  </span>
1374
1380
  </button>
@@ -1383,7 +1389,7 @@ section: components
1383
1389
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1384
1390
  <span class="pf-v6-c-menu-toggle__controls">
1385
1391
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1386
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1392
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1387
1393
  </span>
1388
1394
  </span>
1389
1395
  </button>
@@ -1445,7 +1451,7 @@ section: components
1445
1451
  </span>
1446
1452
  <span class="pf-v6-c-menu-toggle__controls">
1447
1453
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1448
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1454
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1449
1455
  </span>
1450
1456
  </span>
1451
1457
  </button>
@@ -1529,7 +1535,7 @@ section: components
1529
1535
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1530
1536
  <span class="pf-v6-c-menu-toggle__controls">
1531
1537
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1532
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1538
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1533
1539
  </span>
1534
1540
  </span>
1535
1541
  </button>
@@ -1566,7 +1572,7 @@ section: components
1566
1572
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1567
1573
  <span class="pf-v6-c-menu-toggle__controls">
1568
1574
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1569
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1575
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1570
1576
  </span>
1571
1577
  </span>
1572
1578
  </button>
@@ -1581,7 +1587,7 @@ section: components
1581
1587
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1582
1588
  <span class="pf-v6-c-menu-toggle__controls">
1583
1589
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1584
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1590
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1585
1591
  </span>
1586
1592
  </span>
1587
1593
  </button>
@@ -1630,7 +1636,7 @@ section: components
1630
1636
  </span>
1631
1637
  <span class="pf-v6-c-menu-toggle__controls">
1632
1638
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1633
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1639
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1634
1640
  </span>
1635
1641
  </span>
1636
1642
  </button>
@@ -1680,7 +1686,7 @@ section: components
1680
1686
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1681
1687
  <span class="pf-v6-c-menu-toggle__controls">
1682
1688
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1683
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1689
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1684
1690
  </span>
1685
1691
  </span>
1686
1692
  </button>
@@ -1695,7 +1701,7 @@ section: components
1695
1701
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1696
1702
  <span class="pf-v6-c-menu-toggle__controls">
1697
1703
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1698
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1704
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1699
1705
  </span>
1700
1706
  </span>
1701
1707
  </button>
@@ -1727,7 +1733,7 @@ section: components
1727
1733
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1728
1734
  <span class="pf-v6-c-menu-toggle__controls">
1729
1735
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1730
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1736
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1731
1737
  </span>
1732
1738
  </span>
1733
1739
  </button>
@@ -1742,7 +1748,7 @@ section: components
1742
1748
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1743
1749
  <span class="pf-v6-c-menu-toggle__controls">
1744
1750
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1745
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1751
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1746
1752
  </span>
1747
1753
  </span>
1748
1754
  </button>
@@ -1804,7 +1810,7 @@ section: components
1804
1810
  </span>
1805
1811
  <span class="pf-v6-c-menu-toggle__controls">
1806
1812
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1807
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1813
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1808
1814
  </span>
1809
1815
  </span>
1810
1816
  </button>
@@ -2092,7 +2098,7 @@ section: components
2092
2098
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2093
2099
  <span class="pf-v6-c-menu-toggle__controls">
2094
2100
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2095
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2101
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2096
2102
  </span>
2097
2103
  </span>
2098
2104
  </button>
@@ -2129,7 +2135,7 @@ section: components
2129
2135
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2130
2136
  <span class="pf-v6-c-menu-toggle__controls">
2131
2137
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2132
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2138
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2133
2139
  </span>
2134
2140
  </span>
2135
2141
  </button>
@@ -2144,7 +2150,7 @@ section: components
2144
2150
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2145
2151
  <span class="pf-v6-c-menu-toggle__controls">
2146
2152
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2147
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2153
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2148
2154
  </span>
2149
2155
  </span>
2150
2156
  </button>
@@ -2193,7 +2199,7 @@ section: components
2193
2199
  </span>
2194
2200
  <span class="pf-v6-c-menu-toggle__controls">
2195
2201
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2196
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2202
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2197
2203
  </span>
2198
2204
  </span>
2199
2205
  </button>
@@ -2243,7 +2249,7 @@ section: components
2243
2249
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2244
2250
  <span class="pf-v6-c-menu-toggle__controls">
2245
2251
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2246
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2252
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2247
2253
  </span>
2248
2254
  </span>
2249
2255
  </button>
@@ -2258,7 +2264,7 @@ section: components
2258
2264
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2259
2265
  <span class="pf-v6-c-menu-toggle__controls">
2260
2266
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2261
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2267
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2262
2268
  </span>
2263
2269
  </span>
2264
2270
  </button>
@@ -2778,7 +2784,10 @@ section: components
2778
2784
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2779
2785
  <span class="pf-v6-c-menu-toggle__controls">
2780
2786
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2781
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2787
+ <i
2788
+ class="fas fa-caret-down fa-fw"
2789
+ aria-hidden="true"
2790
+ ></i>
2782
2791
  </span>
2783
2792
  </span>
2784
2793
  </button>
@@ -2846,7 +2855,10 @@ section: components
2846
2855
  </span>
2847
2856
  <span class="pf-v6-c-menu-toggle__controls">
2848
2857
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2849
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2858
+ <i
2859
+ class="fas fa-caret-down fa-fw"
2860
+ aria-hidden="true"
2861
+ ></i>
2850
2862
  </span>
2851
2863
  </span>
2852
2864
  </button>
@@ -3393,7 +3405,7 @@ section: components
3393
3405
  </span>
3394
3406
  <span class="pf-v6-c-menu-toggle__controls">
3395
3407
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3396
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3408
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3397
3409
  </span>
3398
3410
  </span>
3399
3411
  </button>
package/docs/utilities/BoxShadow/examples/box-shadow.css CHANGED
@@ -1,20 +1,9 @@
1
- .ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
2
- padding: var(--pf-v6-global--spacer--lg);
3
- margin-block-end: var(--pf-v6-global--spacer--md);
4
- }
5
-
6
- #ws-core-u-box-shadow-small [class*="pf-v6-u-box-shadow"]:not(:last-child) {
7
- margin-block-end: var(--pf-v6-global--spacer--lg);
8
- }
9
-
10
- #ws-core-u-box-shadow-medium [class*="pf-v6-u-box-shadow"]:not(:last-child) {
11
- margin-block-end: var(--pf-v6-global--spacer--xl);
12
- }
13
-
14
- #ws-core-u-box-shadow-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
15
- margin-block-end: var(--pf-v6-global--spacer--2xl);
1
+ .ws-core-u-box-shadow .ws-preview-html {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: var(--pf-t--global--spacer--xl);
16
5
  }
17
6
 
18
- #ws-core-u-box-shadow-extra-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
19
- margin-block-end: var(--pf-v6-global--spacer--3xl);
7
+ .ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
8
+ padding: var(--pf-t--global--spacer--md);
20
9
  }
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-prerelease.13",
4
+ "version": "6.0.0-prerelease.15",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.0-alpha.94",
50
+ "@patternfly/documentation-framework": "6.0.0-alpha.106",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
- "@patternfly/react-code-editor": "6.0.0-prerelease.9",
53
- "@patternfly/react-core": "6.0.0-prerelease.9",
54
- "@patternfly/react-table": "6.0.0-prerelease.9",
52
+ "@patternfly/react-code-editor": "6.0.0-prerelease.18",
53
+ "@patternfly/react-core": "6.0.0-prerelease.18",
54
+ "@patternfly/react-table": "6.0.0-prerelease.19",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-base-no-globals.css CHANGED
@@ -6301,26 +6301,33 @@
6301
6301
  --pf-t--global--border--width--100: 1px;
6302
6302
  --pf-t--global--border--width--200: 2px;
6303
6303
  --pf-t--global--border--width--300: 3px;
6304
- --pf-t--global--box-shadow--X--100: -8px;
6304
+ --pf-t--global--box-shadow--X--100: -10px;
6305
6305
  --pf-t--global--box-shadow--X--200: -4px;
6306
6306
  --pf-t--global--box-shadow--X--300: -1px;
6307
6307
  --pf-t--global--box-shadow--X--400: 0px;
6308
+ --pf-t--global--box-shadow--X--50: -20px;
6308
6309
  --pf-t--global--box-shadow--X--500: 1px;
6309
6310
  --pf-t--global--box-shadow--X--600: 4px;
6310
- --pf-t--global--box-shadow--X--700: 8px;
6311
- --pf-t--global--box-shadow--Y--100: -8px;
6311
+ --pf-t--global--box-shadow--X--700: 10px;
6312
+ --pf-t--global--box-shadow--X--800: 20px;
6313
+ --pf-t--global--box-shadow--Y--100: -10px;
6312
6314
  --pf-t--global--box-shadow--Y--200: -4px;
6313
6315
  --pf-t--global--box-shadow--Y--300: -1px;
6314
6316
  --pf-t--global--box-shadow--Y--400: 0px;
6317
+ --pf-t--global--box-shadow--Y--50: -20px;
6315
6318
  --pf-t--global--box-shadow--Y--500: 1px;
6316
6319
  --pf-t--global--box-shadow--Y--600: 4px;
6317
- --pf-t--global--box-shadow--Y--700: 8px;
6320
+ --pf-t--global--box-shadow--Y--700: 10px;
6321
+ --pf-t--global--box-shadow--Y--800: 20px;
6318
6322
  --pf-t--global--box-shadow--blur--100: 4px;
6319
- --pf-t--global--box-shadow--blur--200: 8px;
6320
- --pf-t--global--box-shadow--blur--300: 24px;
6321
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6322
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6323
+ --pf-t--global--box-shadow--blur--200: 9px;
6324
+ --pf-t--global--box-shadow--blur--300: 20px;
6325
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6326
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6323
6327
  --pf-t--global--box-shadow--spread--100: 0px;
6328
+ --pf-t--global--box-shadow--spread--200: -4px;
6329
+ --pf-t--global--box-shadow--spread--300: -8px;
6330
+ --pf-t--global--box-shadow--spread--400: -20px;
6324
6331
  --pf-t--global--breakpoint--100: 0rem;
6325
6332
  --pf-t--global--breakpoint--200: 36rem;
6326
6333
  --pf-t--global--breakpoint--250: 40rem;
@@ -6389,11 +6396,13 @@
6389
6396
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6390
6397
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6391
6398
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6399
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6392
6400
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6393
6401
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6394
6402
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6395
6403
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6396
6404
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6405
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6397
6406
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6398
6407
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6399
6408
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6423,43 +6432,49 @@
6423
6432
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6424
6433
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6425
6434
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6426
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6427
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6435
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6436
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6428
6437
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6429
6438
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6430
6439
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6431
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6432
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6440
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6441
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6433
6442
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6434
6443
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6435
6444
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6436
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6437
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6445
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6446
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6438
6447
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6439
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6448
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6440
6449
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6441
6450
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6442
6451
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6443
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6444
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6452
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6453
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6445
6454
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6446
6455
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6447
6456
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6448
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6449
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6457
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6458
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6450
6459
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6451
6460
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6452
6461
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6453
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6462
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6454
6463
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6455
6464
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6456
6465
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6457
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6458
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6459
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6460
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6461
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6462
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6466
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6467
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6468
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6469
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6470
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6471
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6472
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6473
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6474
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6475
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6476
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6477
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6463
6478
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6464
6479
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6465
6480
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6606,7 +6621,9 @@
6606
6621
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6607
6622
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6608
6623
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6624
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6609
6625
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6626
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6610
6627
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6611
6628
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6612
6629
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -6968,92 +6985,92 @@
6968
6985
  var(--pf-t--global--box-shadow--X--sm--default)
6969
6986
  var(--pf-t--global--box-shadow--Y--sm--default)
6970
6987
  var(--pf-t--global--box-shadow--blur--sm)
6971
- var(--pf-t--global--box-shadow--spread--sm)
6972
- var(--pf-t--global--box-shadow--color--sm);
6988
+ var(--pf-t--global--box-shadow--spread--sm--default)
6989
+ var(--pf-t--global--box-shadow--color--sm--default);
6973
6990
  --pf-t--global--box-shadow--sm--top:
6974
6991
  var(--pf-t--global--box-shadow--X--sm--top)
6975
6992
  var(--pf-t--global--box-shadow--Y--sm--top)
6976
6993
  var(--pf-t--global--box-shadow--blur--sm)
6977
- var(--pf-t--global--box-shadow--spread--sm)
6978
- var(--pf-t--global--box-shadow--color--sm);
6994
+ var(--pf-t--global--box-shadow--spread--sm--directional)
6995
+ var(--pf-t--global--box-shadow--color--sm--directional);
6979
6996
  --pf-t--global--box-shadow--sm--bottom:
6980
6997
  var(--pf-t--global--box-shadow--X--sm--bottom)
6981
6998
  var(--pf-t--global--box-shadow--Y--sm--bottom)
6982
6999
  var(--pf-t--global--box-shadow--blur--sm)
6983
- var(--pf-t--global--box-shadow--spread--sm)
6984
- var(--pf-t--global--box-shadow--color--sm);
7000
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7001
+ var(--pf-t--global--box-shadow--color--sm--directional);
6985
7002
  --pf-t--global--box-shadow--sm--left:
6986
7003
  var(--pf-t--global--box-shadow--X--sm--left)
6987
7004
  var(--pf-t--global--box-shadow--Y--sm--left)
6988
7005
  var(--pf-t--global--box-shadow--blur--sm)
6989
- var(--pf-t--global--box-shadow--spread--sm)
6990
- var(--pf-t--global--box-shadow--color--sm);
7006
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7007
+ var(--pf-t--global--box-shadow--color--sm--directional);
6991
7008
  --pf-t--global--box-shadow--sm--right:
6992
7009
  var(--pf-t--global--box-shadow--X--sm--right)
6993
7010
  var(--pf-t--global--box-shadow--Y--sm--right)
6994
7011
  var(--pf-t--global--box-shadow--blur--sm)
6995
- var(--pf-t--global--box-shadow--spread--sm)
6996
- var(--pf-t--global--box-shadow--color--sm);
7012
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7013
+ var(--pf-t--global--box-shadow--color--sm--directional);
6997
7014
  --pf-t--global--box-shadow--md:
6998
7015
  var(--pf-t--global--box-shadow--X--md--default)
6999
7016
  var(--pf-t--global--box-shadow--Y--md--default)
7000
7017
  var(--pf-t--global--box-shadow--blur--md)
7001
- var(--pf-t--global--box-shadow--spread--md)
7002
- var(--pf-t--global--box-shadow--color--md);
7018
+ var(--pf-t--global--box-shadow--spread--md--default)
7019
+ var(--pf-t--global--box-shadow--color--md--default);
7003
7020
  --pf-t--global--box-shadow--md--top:
7004
7021
  var(--pf-t--global--box-shadow--X--md--top)
7005
7022
  var(--pf-t--global--box-shadow--Y--md--top)
7006
7023
  var(--pf-t--global--box-shadow--blur--md)
7007
- var(--pf-t--global--box-shadow--spread--md)
7008
- var(--pf-t--global--box-shadow--color--md);
7024
+ var(--pf-t--global--box-shadow--spread--md--directional)
7025
+ var(--pf-t--global--box-shadow--color--md--directional);
7009
7026
  --pf-t--global--box-shadow--md--bottom:
7010
7027
  var(--pf-t--global--box-shadow--X--md--bottom)
7011
7028
  var(--pf-t--global--box-shadow--Y--md--bottom)
7012
7029
  var(--pf-t--global--box-shadow--blur--md)
7013
- var(--pf-t--global--box-shadow--spread--md)
7014
- var(--pf-t--global--box-shadow--color--md);
7030
+ var(--pf-t--global--box-shadow--spread--md--directional)
7031
+ var(--pf-t--global--box-shadow--color--md--directional);
7015
7032
  --pf-t--global--box-shadow--md--left:
7016
7033
  var(--pf-t--global--box-shadow--X--md--left)
7017
7034
  var(--pf-t--global--box-shadow--Y--md--left)
7018
7035
  var(--pf-t--global--box-shadow--blur--md)
7019
- var(--pf-t--global--box-shadow--spread--md)
7020
- var(--pf-t--global--box-shadow--color--md);
7036
+ var(--pf-t--global--box-shadow--spread--md--directional)
7037
+ var(--pf-t--global--box-shadow--color--md--directional);
7021
7038
  --pf-t--global--box-shadow--md--right:
7022
7039
  var(--pf-t--global--box-shadow--X--md--right)
7023
7040
  var(--pf-t--global--box-shadow--Y--md--right)
7024
7041
  var(--pf-t--global--box-shadow--blur--md)
7025
- var(--pf-t--global--box-shadow--spread--md)
7026
- var(--pf-t--global--box-shadow--color--md);
7042
+ var(--pf-t--global--box-shadow--spread--md--directional)
7043
+ var(--pf-t--global--box-shadow--color--md--directional);
7027
7044
  --pf-t--global--box-shadow--lg:
7028
7045
  var(--pf-t--global--box-shadow--X--lg--default)
7029
7046
  var(--pf-t--global--box-shadow--Y--lg--default)
7030
7047
  var(--pf-t--global--box-shadow--blur--lg)
7031
- var(--pf-t--global--box-shadow--spread--lg)
7032
- var(--pf-t--global--box-shadow--color--lg);
7048
+ var(--pf-t--global--box-shadow--spread--lg--default)
7049
+ var(--pf-t--global--box-shadow--color--lg--default);
7033
7050
  --pf-t--global--box-shadow--lg--top:
7034
7051
  var(--pf-t--global--box-shadow--X--lg--top)
7035
7052
  var(--pf-t--global--box-shadow--Y--lg--top)
7036
7053
  var(--pf-t--global--box-shadow--blur--lg)
7037
- var(--pf-t--global--box-shadow--spread--lg)
7038
- var(--pf-t--global--box-shadow--color--lg);
7054
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7055
+ var(--pf-t--global--box-shadow--color--lg--directional);
7039
7056
  --pf-t--global--box-shadow--lg--bottom:
7040
7057
  var(--pf-t--global--box-shadow--X--lg--bottom)
7041
7058
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7042
7059
  var(--pf-t--global--box-shadow--blur--lg)
7043
- var(--pf-t--global--box-shadow--spread--lg)
7044
- var(--pf-t--global--box-shadow--color--lg);
7060
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7061
+ var(--pf-t--global--box-shadow--color--lg--directional);
7045
7062
  --pf-t--global--box-shadow--lg--left:
7046
7063
  var(--pf-t--global--box-shadow--X--lg--left)
7047
7064
  var(--pf-t--global--box-shadow--Y--lg--left)
7048
7065
  var(--pf-t--global--box-shadow--blur--lg)
7049
- var(--pf-t--global--box-shadow--spread--lg)
7050
- var(--pf-t--global--box-shadow--color--lg);
7066
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7067
+ var(--pf-t--global--box-shadow--color--lg--directional);
7051
7068
  --pf-t--global--box-shadow--lg--right:
7052
7069
  var(--pf-t--global--box-shadow--X--lg--right)
7053
7070
  var(--pf-t--global--box-shadow--Y--lg--right)
7054
7071
  var(--pf-t--global--box-shadow--blur--lg)
7055
- var(--pf-t--global--box-shadow--spread--lg)
7056
- var(--pf-t--global--box-shadow--color--lg);
7072
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7073
+ var(--pf-t--global--box-shadow--color--lg--directional);
7057
7074
  --pf-t--global--list-style: disc outside;
7058
7075
  --pf-t--temp--dev--tbd: #BC11E0;
7059
7076
  }
@@ -7063,16 +7080,22 @@
7063
7080
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7064
7081
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7065
7082
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7083
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7066
7084
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7067
7085
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7068
7086
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7069
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7070
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7071
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7087
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7088
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7089
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7090
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7091
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7092
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7093
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7072
7094
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7073
7095
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7074
7096
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7075
7097
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7098
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7076
7099
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7077
7100
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7078
7101
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7151,7 +7174,9 @@
7151
7174
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7152
7175
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7153
7176
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7177
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7154
7178
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7179
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7155
7180
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7156
7181
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7157
7182
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);