@patternfly/patternfly 6.0.0-prerelease.9 → 6.1.0-prerelease.1

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 (196) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  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 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +15 -10
  74. package/components/Page/page.scss +17 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
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,97 +6985,94 @@
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
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7060
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7061
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7062
7076
  }
7063
7077
 
7064
7078
  :root:where(.pf-v6-theme-dark) {
@@ -7066,16 +7080,22 @@
7066
7080
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7067
7081
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7068
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);
7069
7084
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7070
7085
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7071
7086
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7072
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7073
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7074
- --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);
7075
7094
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7076
7095
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7077
7096
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7078
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);
7079
7099
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7080
7100
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7081
7101
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7154,7 +7174,9 @@
7154
7174
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7155
7175
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7156
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);
7157
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);
7158
7180
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7159
7181
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7160
7182
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
package/patternfly-base.css CHANGED
@@ -29,6 +29,21 @@ h6) {
29
29
  *::before,
30
30
  *::after {
31
31
  box-sizing: border-box;
32
+ scrollbar-color: var(--pf-t--global--border--color--default) transparent;
33
+ }
34
+
35
+ *::-webkit-scrollbar-thumb {
36
+ background-color: var(--pf-t--global--border--color--default);
37
+ border-radius: var(--pf-t--global--spacer--xs);
38
+ }
39
+
40
+ *::-webkit-scrollbar-track {
41
+ background-color: transparent;
42
+ }
43
+
44
+ *::-webkit-scrollbar {
45
+ max-width: var(--pf-t--global--spacer--sm);
46
+ max-height: var(--pf-t--global--spacer--sm);
32
47
  }
33
48
 
34
49
  :where(html,
@@ -6422,26 +6437,33 @@ button) {
6422
6437
  --pf-t--global--border--width--100: 1px;
6423
6438
  --pf-t--global--border--width--200: 2px;
6424
6439
  --pf-t--global--border--width--300: 3px;
6425
- --pf-t--global--box-shadow--X--100: -8px;
6440
+ --pf-t--global--box-shadow--X--100: -10px;
6426
6441
  --pf-t--global--box-shadow--X--200: -4px;
6427
6442
  --pf-t--global--box-shadow--X--300: -1px;
6428
6443
  --pf-t--global--box-shadow--X--400: 0px;
6444
+ --pf-t--global--box-shadow--X--50: -20px;
6429
6445
  --pf-t--global--box-shadow--X--500: 1px;
6430
6446
  --pf-t--global--box-shadow--X--600: 4px;
6431
- --pf-t--global--box-shadow--X--700: 8px;
6432
- --pf-t--global--box-shadow--Y--100: -8px;
6447
+ --pf-t--global--box-shadow--X--700: 10px;
6448
+ --pf-t--global--box-shadow--X--800: 20px;
6449
+ --pf-t--global--box-shadow--Y--100: -10px;
6433
6450
  --pf-t--global--box-shadow--Y--200: -4px;
6434
6451
  --pf-t--global--box-shadow--Y--300: -1px;
6435
6452
  --pf-t--global--box-shadow--Y--400: 0px;
6453
+ --pf-t--global--box-shadow--Y--50: -20px;
6436
6454
  --pf-t--global--box-shadow--Y--500: 1px;
6437
6455
  --pf-t--global--box-shadow--Y--600: 4px;
6438
- --pf-t--global--box-shadow--Y--700: 8px;
6456
+ --pf-t--global--box-shadow--Y--700: 10px;
6457
+ --pf-t--global--box-shadow--Y--800: 20px;
6439
6458
  --pf-t--global--box-shadow--blur--100: 4px;
6440
- --pf-t--global--box-shadow--blur--200: 8px;
6441
- --pf-t--global--box-shadow--blur--300: 24px;
6442
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6443
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6459
+ --pf-t--global--box-shadow--blur--200: 9px;
6460
+ --pf-t--global--box-shadow--blur--300: 20px;
6461
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6462
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6444
6463
  --pf-t--global--box-shadow--spread--100: 0px;
6464
+ --pf-t--global--box-shadow--spread--200: -4px;
6465
+ --pf-t--global--box-shadow--spread--300: -8px;
6466
+ --pf-t--global--box-shadow--spread--400: -20px;
6445
6467
  --pf-t--global--breakpoint--100: 0rem;
6446
6468
  --pf-t--global--breakpoint--200: 36rem;
6447
6469
  --pf-t--global--breakpoint--250: 40rem;
@@ -6510,11 +6532,13 @@ button) {
6510
6532
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6511
6533
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6512
6534
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6535
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6513
6536
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6514
6537
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6515
6538
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6516
6539
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6517
6540
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6541
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6518
6542
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6519
6543
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6520
6544
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6544,43 +6568,49 @@ button) {
6544
6568
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6545
6569
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6546
6570
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6547
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6548
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6571
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6572
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6549
6573
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6550
6574
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6551
6575
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6552
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6553
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6576
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6577
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6554
6578
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6555
6579
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6556
6580
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6557
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6558
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6581
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6582
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6559
6583
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6560
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6584
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6561
6585
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6562
6586
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6563
6587
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6564
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6565
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6588
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6589
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6566
6590
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6567
6591
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6568
6592
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6569
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6570
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6593
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6594
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6571
6595
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6572
6596
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6573
6597
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6574
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6598
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6575
6599
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6576
6600
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6577
6601
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6578
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6579
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6580
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6581
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6582
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6583
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6602
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6603
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6604
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6605
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6606
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6607
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6608
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6609
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6610
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6611
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6612
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6613
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6584
6614
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6585
6615
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6586
6616
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6727,7 +6757,9 @@ button) {
6727
6757
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6728
6758
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6729
6759
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6760
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6730
6761
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6762
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6731
6763
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6732
6764
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6733
6765
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -7089,97 +7121,94 @@ button) {
7089
7121
  var(--pf-t--global--box-shadow--X--sm--default)
7090
7122
  var(--pf-t--global--box-shadow--Y--sm--default)
7091
7123
  var(--pf-t--global--box-shadow--blur--sm)
7092
- var(--pf-t--global--box-shadow--spread--sm)
7093
- var(--pf-t--global--box-shadow--color--sm);
7124
+ var(--pf-t--global--box-shadow--spread--sm--default)
7125
+ var(--pf-t--global--box-shadow--color--sm--default);
7094
7126
  --pf-t--global--box-shadow--sm--top:
7095
7127
  var(--pf-t--global--box-shadow--X--sm--top)
7096
7128
  var(--pf-t--global--box-shadow--Y--sm--top)
7097
7129
  var(--pf-t--global--box-shadow--blur--sm)
7098
- var(--pf-t--global--box-shadow--spread--sm)
7099
- var(--pf-t--global--box-shadow--color--sm);
7130
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7131
+ var(--pf-t--global--box-shadow--color--sm--directional);
7100
7132
  --pf-t--global--box-shadow--sm--bottom:
7101
7133
  var(--pf-t--global--box-shadow--X--sm--bottom)
7102
7134
  var(--pf-t--global--box-shadow--Y--sm--bottom)
7103
7135
  var(--pf-t--global--box-shadow--blur--sm)
7104
- var(--pf-t--global--box-shadow--spread--sm)
7105
- var(--pf-t--global--box-shadow--color--sm);
7136
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7137
+ var(--pf-t--global--box-shadow--color--sm--directional);
7106
7138
  --pf-t--global--box-shadow--sm--left:
7107
7139
  var(--pf-t--global--box-shadow--X--sm--left)
7108
7140
  var(--pf-t--global--box-shadow--Y--sm--left)
7109
7141
  var(--pf-t--global--box-shadow--blur--sm)
7110
- var(--pf-t--global--box-shadow--spread--sm)
7111
- var(--pf-t--global--box-shadow--color--sm);
7142
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7143
+ var(--pf-t--global--box-shadow--color--sm--directional);
7112
7144
  --pf-t--global--box-shadow--sm--right:
7113
7145
  var(--pf-t--global--box-shadow--X--sm--right)
7114
7146
  var(--pf-t--global--box-shadow--Y--sm--right)
7115
7147
  var(--pf-t--global--box-shadow--blur--sm)
7116
- var(--pf-t--global--box-shadow--spread--sm)
7117
- var(--pf-t--global--box-shadow--color--sm);
7148
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7149
+ var(--pf-t--global--box-shadow--color--sm--directional);
7118
7150
  --pf-t--global--box-shadow--md:
7119
7151
  var(--pf-t--global--box-shadow--X--md--default)
7120
7152
  var(--pf-t--global--box-shadow--Y--md--default)
7121
7153
  var(--pf-t--global--box-shadow--blur--md)
7122
- var(--pf-t--global--box-shadow--spread--md)
7123
- var(--pf-t--global--box-shadow--color--md);
7154
+ var(--pf-t--global--box-shadow--spread--md--default)
7155
+ var(--pf-t--global--box-shadow--color--md--default);
7124
7156
  --pf-t--global--box-shadow--md--top:
7125
7157
  var(--pf-t--global--box-shadow--X--md--top)
7126
7158
  var(--pf-t--global--box-shadow--Y--md--top)
7127
7159
  var(--pf-t--global--box-shadow--blur--md)
7128
- var(--pf-t--global--box-shadow--spread--md)
7129
- var(--pf-t--global--box-shadow--color--md);
7160
+ var(--pf-t--global--box-shadow--spread--md--directional)
7161
+ var(--pf-t--global--box-shadow--color--md--directional);
7130
7162
  --pf-t--global--box-shadow--md--bottom:
7131
7163
  var(--pf-t--global--box-shadow--X--md--bottom)
7132
7164
  var(--pf-t--global--box-shadow--Y--md--bottom)
7133
7165
  var(--pf-t--global--box-shadow--blur--md)
7134
- var(--pf-t--global--box-shadow--spread--md)
7135
- var(--pf-t--global--box-shadow--color--md);
7166
+ var(--pf-t--global--box-shadow--spread--md--directional)
7167
+ var(--pf-t--global--box-shadow--color--md--directional);
7136
7168
  --pf-t--global--box-shadow--md--left:
7137
7169
  var(--pf-t--global--box-shadow--X--md--left)
7138
7170
  var(--pf-t--global--box-shadow--Y--md--left)
7139
7171
  var(--pf-t--global--box-shadow--blur--md)
7140
- var(--pf-t--global--box-shadow--spread--md)
7141
- var(--pf-t--global--box-shadow--color--md);
7172
+ var(--pf-t--global--box-shadow--spread--md--directional)
7173
+ var(--pf-t--global--box-shadow--color--md--directional);
7142
7174
  --pf-t--global--box-shadow--md--right:
7143
7175
  var(--pf-t--global--box-shadow--X--md--right)
7144
7176
  var(--pf-t--global--box-shadow--Y--md--right)
7145
7177
  var(--pf-t--global--box-shadow--blur--md)
7146
- var(--pf-t--global--box-shadow--spread--md)
7147
- var(--pf-t--global--box-shadow--color--md);
7178
+ var(--pf-t--global--box-shadow--spread--md--directional)
7179
+ var(--pf-t--global--box-shadow--color--md--directional);
7148
7180
  --pf-t--global--box-shadow--lg:
7149
7181
  var(--pf-t--global--box-shadow--X--lg--default)
7150
7182
  var(--pf-t--global--box-shadow--Y--lg--default)
7151
7183
  var(--pf-t--global--box-shadow--blur--lg)
7152
- var(--pf-t--global--box-shadow--spread--lg)
7153
- var(--pf-t--global--box-shadow--color--lg);
7184
+ var(--pf-t--global--box-shadow--spread--lg--default)
7185
+ var(--pf-t--global--box-shadow--color--lg--default);
7154
7186
  --pf-t--global--box-shadow--lg--top:
7155
7187
  var(--pf-t--global--box-shadow--X--lg--top)
7156
7188
  var(--pf-t--global--box-shadow--Y--lg--top)
7157
7189
  var(--pf-t--global--box-shadow--blur--lg)
7158
- var(--pf-t--global--box-shadow--spread--lg)
7159
- var(--pf-t--global--box-shadow--color--lg);
7190
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7191
+ var(--pf-t--global--box-shadow--color--lg--directional);
7160
7192
  --pf-t--global--box-shadow--lg--bottom:
7161
7193
  var(--pf-t--global--box-shadow--X--lg--bottom)
7162
7194
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7163
7195
  var(--pf-t--global--box-shadow--blur--lg)
7164
- var(--pf-t--global--box-shadow--spread--lg)
7165
- var(--pf-t--global--box-shadow--color--lg);
7196
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7197
+ var(--pf-t--global--box-shadow--color--lg--directional);
7166
7198
  --pf-t--global--box-shadow--lg--left:
7167
7199
  var(--pf-t--global--box-shadow--X--lg--left)
7168
7200
  var(--pf-t--global--box-shadow--Y--lg--left)
7169
7201
  var(--pf-t--global--box-shadow--blur--lg)
7170
- var(--pf-t--global--box-shadow--spread--lg)
7171
- var(--pf-t--global--box-shadow--color--lg);
7202
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7203
+ var(--pf-t--global--box-shadow--color--lg--directional);
7172
7204
  --pf-t--global--box-shadow--lg--right:
7173
7205
  var(--pf-t--global--box-shadow--X--lg--right)
7174
7206
  var(--pf-t--global--box-shadow--Y--lg--right)
7175
7207
  var(--pf-t--global--box-shadow--blur--lg)
7176
- var(--pf-t--global--box-shadow--spread--lg)
7177
- var(--pf-t--global--box-shadow--color--lg);
7208
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7209
+ var(--pf-t--global--box-shadow--color--lg--directional);
7178
7210
  --pf-t--global--list-style: disc outside;
7179
7211
  --pf-t--temp--dev--tbd: #BC11E0;
7180
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7181
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7182
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7183
7212
  }
7184
7213
 
7185
7214
  :root:where(.pf-v6-theme-dark) {
@@ -7187,16 +7216,22 @@ button) {
7187
7216
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7188
7217
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7189
7218
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7219
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7190
7220
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7191
7221
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7192
7222
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7193
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7194
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7195
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7223
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7224
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7225
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7226
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7227
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7228
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7229
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7196
7230
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7197
7231
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7198
7232
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7199
7233
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7234
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7200
7235
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7201
7236
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7202
7237
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7275,7 +7310,9 @@ button) {
7275
7310
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7276
7311
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7277
7312
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7313
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7278
7314
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7315
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7279
7316
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7280
7317
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7281
7318
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
package/patternfly-charts.css CHANGED
@@ -545,10 +545,10 @@
545
545
  --pf-v6-chart-stack--data--stroke--Width: var(--pf-v6-chart-global--stroke--Width--xs);
546
546
  --pf-v6-chart-threshold--stroke-dash-array: 4,2;
547
547
  --pf-v6-chart-threshold--stroke--Width: 1.5;
548
- --pf-v6-chart-tooltip--corner-radius: 0;
548
+ --pf-v6-chart-tooltip--corner-radius: 6;
549
549
  --pf-v6-chart-tooltip--pointer-length: 10;
550
550
  --pf-v6-chart-tooltip--Fill: var(--pf-v6-chart-global--Fill--Color--200);
551
- --pf-v6-chart-tooltip--flyoutStyle--corner-radius: 0;
551
+ --pf-v6-chart-tooltip--flyoutStyle--corner-radius: 6;
552
552
  --pf-v6-chart-tooltip--flyoutStyle--stroke--Width: 0;
553
553
  --pf-v6-chart-tooltip--flyoutStyle--PointerEvents: none;
554
554
  --pf-v6-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-v6-chart-global--Fill--Color--900);