@patternfly/react-core 6.0.0-prerelease.20 → 6.0.0-prerelease.21

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/CHANGELOG.md +7 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/TimePicker/package.json +1 -1
  74. package/dist/dynamic/components/Timestamp/package.json +1 -1
  75. package/dist/dynamic/components/Title/package.json +1 -1
  76. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  77. package/dist/dynamic/components/Toolbar/package.json +1 -1
  78. package/dist/dynamic/components/Tooltip/package.json +1 -1
  79. package/dist/dynamic/components/TreeView/package.json +1 -1
  80. package/dist/dynamic/components/Truncate/package.json +1 -1
  81. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/package.json +1 -1
  83. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/dynamic-modules.json +0 -1
  115. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -8
  116. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  117. package/dist/esm/components/MenuToggle/MenuToggle.js +4 -4
  118. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  119. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  120. package/dist/esm/components/Page/Page.js +2 -3
  121. package/dist/esm/components/Page/Page.js.map +1 -1
  122. package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -8
  123. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  124. package/dist/js/components/MenuToggle/MenuToggle.js +4 -4
  125. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  126. package/dist/js/components/Page/Page.d.ts.map +1 -1
  127. package/dist/js/components/Page/Page.js +1 -2
  128. package/dist/js/components/Page/Page.js.map +1 -1
  129. package/dist/styles/base-no-reset.css +84 -59
  130. package/dist/styles/base.css +99 -59
  131. package/dist/umd/assets/{output-Dp7Kc79X.css → output-CWhO_0Db.css} +19485 -19447
  132. package/dist/umd/react-core.min.js +1 -1
  133. package/helpers/package.json +1 -1
  134. package/layouts/package.json +1 -1
  135. package/next/package.json +1 -1
  136. package/package.json +6 -6
  137. package/src/components/MenuToggle/MenuToggle.tsx +6 -20
  138. package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +10 -11
  139. package/src/components/MenuToggle/examples/MenuToggle.md +5 -5
  140. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +23 -32
  141. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +9 -9
  142. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +27 -33
  143. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx +21 -27
  144. package/src/components/Page/Page.tsx +2 -4
  145. package/src/components/Toolbar/examples/ToolbarStacked.tsx +7 -9
  146. package/src/demos/CardView/examples/CardView.tsx +11 -13
  147. package/src/demos/DataList/examples/DataListBasic.tsx +7 -9
  148. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +9 -11
  149. package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +9 -11
  150. package/src/demos/Filters/examples/FilterFaceted.tsx +9 -11
  151. package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +9 -11
  152. package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +9 -11
  153. package/src/demos/Filters/examples/FilterSearchInput.tsx +9 -11
  154. package/src/demos/Filters/examples/FilterSingleSelect.tsx +9 -11
  155. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +11 -13
  156. package/dist/styles/assets/images/PF-Masthead-Logo.svg +0 -1
  157. package/dist/styles/assets/images/background-filter.svg +0 -17
  158. package/dist/styles/assets/images/g_sizing.png +0 -0
  159. package/dist/styles/assets/images/img_avatar-dark.svg +0 -22
  160. package/dist/styles/assets/images/img_avatar.svg +0 -21
  161. package/dist/styles/assets/images/l_pf-reverse-164x11.png +0 -0
  162. package/dist/styles/assets/images/l_pf-reverse.svg +0 -1
  163. package/dist/styles/assets/images/logo-dropbox-old.svg +0 -1
  164. package/dist/styles/assets/images/logo-dropbox.svg +0 -6
  165. package/dist/styles/assets/images/logo-facebook.svg +0 -4
  166. package/dist/styles/assets/images/logo-github.svg +0 -4
  167. package/dist/styles/assets/images/logo-gitlab.svg +0 -4
  168. package/dist/styles/assets/images/logo-google.svg +0 -4
  169. package/dist/styles/assets/images/logo-google2.svg +0 -10
  170. package/dist/styles/assets/images/logo__pf--reverse--base.png +0 -0
  171. package/dist/styles/assets/images/logo__pf--reverse--base.svg +0 -40
  172. package/dist/styles/assets/images/logo__pf--reverse-on-md.svg +0 -40
  173. package/dist/styles/assets/images/pf-c-brand__logo-base.jpg +0 -0
  174. package/dist/styles/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  175. package/dist/styles/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  176. package/dist/styles/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  177. package/dist/styles/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  178. package/dist/styles/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  179. package/dist/styles/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  180. package/dist/styles/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  181. package/dist/styles/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  182. package/dist/styles/assets/images/pf-c-brand__logo.svg +0 -10
  183. package/dist/styles/assets/images/pf-logo.svg +0 -28
  184. package/dist/styles/assets/images/pf_logo.svg +0 -37
  185. package/dist/styles/assets/images/pf_logo_color.svg +0 -22
  186. package/dist/styles/assets/images/pf_logo_white.svg +0 -37
  187. package/dist/styles/assets/images/pf_mini_logo_white.svg +0 -1
  188. package/dist/styles/assets/images/pfbg_1200.jpg +0 -0
  189. package/dist/styles/assets/images/pfbg_2000.jpg +0 -0
  190. package/dist/styles/assets/images/pfbg_576.jpg +0 -0
  191. package/dist/styles/assets/images/pfbg_576@2x.jpg +0 -0
  192. package/dist/styles/assets/images/pfbg_768.jpg +0 -0
  193. package/dist/styles/assets/images/pfbg_768@2x.jpg +0 -0
  194. package/dist/styles/assets/images/pfbg_992.jpg +0 -0
  195. package/dist/styles/assets/images/pfbg_992@2x.jpg +0 -0
  196. package/dist/styles/assets/images/status-icon-sprite.svg +0 -38
package/dist/styles/base-no-reset.css CHANGED
@@ -890,26 +890,33 @@
890
890
  --pf-t--global--border--width--100: 1px;
891
891
  --pf-t--global--border--width--200: 2px;
892
892
  --pf-t--global--border--width--300: 3px;
893
- --pf-t--global--box-shadow--X--100: -8px;
893
+ --pf-t--global--box-shadow--X--100: -10px;
894
894
  --pf-t--global--box-shadow--X--200: -4px;
895
895
  --pf-t--global--box-shadow--X--300: -1px;
896
896
  --pf-t--global--box-shadow--X--400: 0px;
897
+ --pf-t--global--box-shadow--X--50: -20px;
897
898
  --pf-t--global--box-shadow--X--500: 1px;
898
899
  --pf-t--global--box-shadow--X--600: 4px;
899
- --pf-t--global--box-shadow--X--700: 8px;
900
- --pf-t--global--box-shadow--Y--100: -8px;
900
+ --pf-t--global--box-shadow--X--700: 10px;
901
+ --pf-t--global--box-shadow--X--800: 20px;
902
+ --pf-t--global--box-shadow--Y--100: -10px;
901
903
  --pf-t--global--box-shadow--Y--200: -4px;
902
904
  --pf-t--global--box-shadow--Y--300: -1px;
903
905
  --pf-t--global--box-shadow--Y--400: 0px;
906
+ --pf-t--global--box-shadow--Y--50: -20px;
904
907
  --pf-t--global--box-shadow--Y--500: 1px;
905
908
  --pf-t--global--box-shadow--Y--600: 4px;
906
- --pf-t--global--box-shadow--Y--700: 8px;
909
+ --pf-t--global--box-shadow--Y--700: 10px;
910
+ --pf-t--global--box-shadow--Y--800: 20px;
907
911
  --pf-t--global--box-shadow--blur--100: 4px;
908
- --pf-t--global--box-shadow--blur--200: 8px;
909
- --pf-t--global--box-shadow--blur--300: 24px;
910
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
911
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
912
+ --pf-t--global--box-shadow--blur--200: 9px;
913
+ --pf-t--global--box-shadow--blur--300: 20px;
914
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
915
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
912
916
  --pf-t--global--box-shadow--spread--100: 0px;
917
+ --pf-t--global--box-shadow--spread--200: -4px;
918
+ --pf-t--global--box-shadow--spread--300: -8px;
919
+ --pf-t--global--box-shadow--spread--400: -20px;
913
920
  --pf-t--global--breakpoint--100: 0rem;
914
921
  --pf-t--global--breakpoint--200: 36rem;
915
922
  --pf-t--global--breakpoint--250: 40rem;
@@ -978,11 +985,13 @@
978
985
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
979
986
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
980
987
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
988
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
981
989
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
982
990
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
983
991
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
984
992
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
985
993
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
994
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
986
995
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
987
996
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
988
997
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -1012,43 +1021,49 @@
1012
1021
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
1013
1022
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
1014
1023
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
1015
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
1016
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
1024
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
1025
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
1017
1026
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
1018
1027
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
1019
1028
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
1020
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
1021
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
1029
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
1030
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
1022
1031
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
1023
1032
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
1024
1033
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
1025
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
1026
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
1034
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
1035
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
1027
1036
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
1028
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
1037
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
1029
1038
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
1030
1039
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
1031
1040
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
1032
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
1033
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
1041
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
1042
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
1034
1043
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
1035
1044
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
1036
1045
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
1037
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
1038
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
1046
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
1047
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
1039
1048
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
1040
1049
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
1041
1050
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
1042
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
1051
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
1043
1052
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
1044
1053
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
1045
1054
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
1046
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
1047
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
1048
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
1049
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
1050
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
1051
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
1055
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
1056
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
1057
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
1058
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
1059
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
1060
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
1061
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
1062
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
1063
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
1064
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
1065
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
1066
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
1052
1067
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
1053
1068
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
1054
1069
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -1195,7 +1210,9 @@
1195
1210
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
1196
1211
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
1197
1212
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
1213
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
1198
1214
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
1215
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
1199
1216
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
1200
1217
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
1201
1218
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -1556,78 +1573,78 @@
1556
1573
  --pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
1557
1574
  var(--pf-t--global--box-shadow--Y--sm--default)
1558
1575
  var(--pf-t--global--box-shadow--blur--sm)
1559
- var(--pf-t--global--box-shadow--spread--sm)
1560
- var(--pf-t--global--box-shadow--color--sm);
1576
+ var(--pf-t--global--box-shadow--spread--sm--default)
1577
+ var(--pf-t--global--box-shadow--color--sm--default);
1561
1578
  --pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
1562
1579
  var(--pf-t--global--box-shadow--Y--sm--top)
1563
1580
  var(--pf-t--global--box-shadow--blur--sm)
1564
- var(--pf-t--global--box-shadow--spread--sm)
1565
- var(--pf-t--global--box-shadow--color--sm);
1581
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1582
+ var(--pf-t--global--box-shadow--color--sm--directional);
1566
1583
  --pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
1567
1584
  var(--pf-t--global--box-shadow--Y--sm--bottom)
1568
1585
  var(--pf-t--global--box-shadow--blur--sm)
1569
- var(--pf-t--global--box-shadow--spread--sm)
1570
- var(--pf-t--global--box-shadow--color--sm);
1586
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1587
+ var(--pf-t--global--box-shadow--color--sm--directional);
1571
1588
  --pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
1572
1589
  var(--pf-t--global--box-shadow--Y--sm--left)
1573
1590
  var(--pf-t--global--box-shadow--blur--sm)
1574
- var(--pf-t--global--box-shadow--spread--sm)
1575
- var(--pf-t--global--box-shadow--color--sm);
1591
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1592
+ var(--pf-t--global--box-shadow--color--sm--directional);
1576
1593
  --pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
1577
1594
  var(--pf-t--global--box-shadow--Y--sm--right)
1578
1595
  var(--pf-t--global--box-shadow--blur--sm)
1579
- var(--pf-t--global--box-shadow--spread--sm)
1580
- var(--pf-t--global--box-shadow--color--sm);
1596
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1597
+ var(--pf-t--global--box-shadow--color--sm--directional);
1581
1598
  --pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
1582
1599
  var(--pf-t--global--box-shadow--Y--md--default)
1583
1600
  var(--pf-t--global--box-shadow--blur--md)
1584
- var(--pf-t--global--box-shadow--spread--md)
1585
- var(--pf-t--global--box-shadow--color--md);
1601
+ var(--pf-t--global--box-shadow--spread--md--default)
1602
+ var(--pf-t--global--box-shadow--color--md--default);
1586
1603
  --pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
1587
1604
  var(--pf-t--global--box-shadow--Y--md--top)
1588
1605
  var(--pf-t--global--box-shadow--blur--md)
1589
- var(--pf-t--global--box-shadow--spread--md)
1590
- var(--pf-t--global--box-shadow--color--md);
1606
+ var(--pf-t--global--box-shadow--spread--md--directional)
1607
+ var(--pf-t--global--box-shadow--color--md--directional);
1591
1608
  --pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
1592
1609
  var(--pf-t--global--box-shadow--Y--md--bottom)
1593
1610
  var(--pf-t--global--box-shadow--blur--md)
1594
- var(--pf-t--global--box-shadow--spread--md)
1595
- var(--pf-t--global--box-shadow--color--md);
1611
+ var(--pf-t--global--box-shadow--spread--md--directional)
1612
+ var(--pf-t--global--box-shadow--color--md--directional);
1596
1613
  --pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
1597
1614
  var(--pf-t--global--box-shadow--Y--md--left)
1598
1615
  var(--pf-t--global--box-shadow--blur--md)
1599
- var(--pf-t--global--box-shadow--spread--md)
1600
- var(--pf-t--global--box-shadow--color--md);
1616
+ var(--pf-t--global--box-shadow--spread--md--directional)
1617
+ var(--pf-t--global--box-shadow--color--md--directional);
1601
1618
  --pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
1602
1619
  var(--pf-t--global--box-shadow--Y--md--right)
1603
1620
  var(--pf-t--global--box-shadow--blur--md)
1604
- var(--pf-t--global--box-shadow--spread--md)
1605
- var(--pf-t--global--box-shadow--color--md);
1621
+ var(--pf-t--global--box-shadow--spread--md--directional)
1622
+ var(--pf-t--global--box-shadow--color--md--directional);
1606
1623
  --pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
1607
1624
  var(--pf-t--global--box-shadow--Y--lg--default)
1608
1625
  var(--pf-t--global--box-shadow--blur--lg)
1609
- var(--pf-t--global--box-shadow--spread--lg)
1610
- var(--pf-t--global--box-shadow--color--lg);
1626
+ var(--pf-t--global--box-shadow--spread--lg--default)
1627
+ var(--pf-t--global--box-shadow--color--lg--default);
1611
1628
  --pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
1612
1629
  var(--pf-t--global--box-shadow--Y--lg--top)
1613
1630
  var(--pf-t--global--box-shadow--blur--lg)
1614
- var(--pf-t--global--box-shadow--spread--lg)
1615
- var(--pf-t--global--box-shadow--color--lg);
1631
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1632
+ var(--pf-t--global--box-shadow--color--lg--directional);
1616
1633
  --pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
1617
1634
  var(--pf-t--global--box-shadow--Y--lg--bottom)
1618
1635
  var(--pf-t--global--box-shadow--blur--lg)
1619
- var(--pf-t--global--box-shadow--spread--lg)
1620
- var(--pf-t--global--box-shadow--color--lg);
1636
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1637
+ var(--pf-t--global--box-shadow--color--lg--directional);
1621
1638
  --pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
1622
1639
  var(--pf-t--global--box-shadow--Y--lg--left)
1623
1640
  var(--pf-t--global--box-shadow--blur--lg)
1624
- var(--pf-t--global--box-shadow--spread--lg)
1625
- var(--pf-t--global--box-shadow--color--lg);
1641
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1642
+ var(--pf-t--global--box-shadow--color--lg--directional);
1626
1643
  --pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
1627
1644
  var(--pf-t--global--box-shadow--Y--lg--right)
1628
1645
  var(--pf-t--global--box-shadow--blur--lg)
1629
- var(--pf-t--global--box-shadow--spread--lg)
1630
- var(--pf-t--global--box-shadow--color--lg);
1646
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1647
+ var(--pf-t--global--box-shadow--color--lg--directional);
1631
1648
  --pf-t--global--list-style: disc outside;
1632
1649
  --pf-t--temp--dev--tbd: #BC11E0;
1633
1650
  }
@@ -1637,16 +1654,22 @@
1637
1654
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1638
1655
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
1639
1656
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1657
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
1640
1658
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1641
1659
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
1642
1660
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1643
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1644
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1645
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
1661
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
1662
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
1663
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
1664
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
1665
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
1666
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
1667
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
1646
1668
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
1647
1669
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
1648
1670
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
1649
1671
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
1672
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
1650
1673
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
1651
1674
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
1652
1675
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -1725,7 +1748,9 @@
1725
1748
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1726
1749
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
1727
1750
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1751
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
1728
1752
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1753
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
1729
1754
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
1730
1755
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1731
1756
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
package/dist/styles/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,
@@ -1011,26 +1026,33 @@ button) {
1011
1026
  --pf-t--global--border--width--100: 1px;
1012
1027
  --pf-t--global--border--width--200: 2px;
1013
1028
  --pf-t--global--border--width--300: 3px;
1014
- --pf-t--global--box-shadow--X--100: -8px;
1029
+ --pf-t--global--box-shadow--X--100: -10px;
1015
1030
  --pf-t--global--box-shadow--X--200: -4px;
1016
1031
  --pf-t--global--box-shadow--X--300: -1px;
1017
1032
  --pf-t--global--box-shadow--X--400: 0px;
1033
+ --pf-t--global--box-shadow--X--50: -20px;
1018
1034
  --pf-t--global--box-shadow--X--500: 1px;
1019
1035
  --pf-t--global--box-shadow--X--600: 4px;
1020
- --pf-t--global--box-shadow--X--700: 8px;
1021
- --pf-t--global--box-shadow--Y--100: -8px;
1036
+ --pf-t--global--box-shadow--X--700: 10px;
1037
+ --pf-t--global--box-shadow--X--800: 20px;
1038
+ --pf-t--global--box-shadow--Y--100: -10px;
1022
1039
  --pf-t--global--box-shadow--Y--200: -4px;
1023
1040
  --pf-t--global--box-shadow--Y--300: -1px;
1024
1041
  --pf-t--global--box-shadow--Y--400: 0px;
1042
+ --pf-t--global--box-shadow--Y--50: -20px;
1025
1043
  --pf-t--global--box-shadow--Y--500: 1px;
1026
1044
  --pf-t--global--box-shadow--Y--600: 4px;
1027
- --pf-t--global--box-shadow--Y--700: 8px;
1045
+ --pf-t--global--box-shadow--Y--700: 10px;
1046
+ --pf-t--global--box-shadow--Y--800: 20px;
1028
1047
  --pf-t--global--box-shadow--blur--100: 4px;
1029
- --pf-t--global--box-shadow--blur--200: 8px;
1030
- --pf-t--global--box-shadow--blur--300: 24px;
1031
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
1032
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
1048
+ --pf-t--global--box-shadow--blur--200: 9px;
1049
+ --pf-t--global--box-shadow--blur--300: 20px;
1050
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
1051
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
1033
1052
  --pf-t--global--box-shadow--spread--100: 0px;
1053
+ --pf-t--global--box-shadow--spread--200: -4px;
1054
+ --pf-t--global--box-shadow--spread--300: -8px;
1055
+ --pf-t--global--box-shadow--spread--400: -20px;
1034
1056
  --pf-t--global--breakpoint--100: 0rem;
1035
1057
  --pf-t--global--breakpoint--200: 36rem;
1036
1058
  --pf-t--global--breakpoint--250: 40rem;
@@ -1099,11 +1121,13 @@ button) {
1099
1121
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
1100
1122
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
1101
1123
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
1124
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
1102
1125
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
1103
1126
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
1104
1127
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1105
1128
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1106
1129
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1130
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1107
1131
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1108
1132
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1109
1133
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -1133,43 +1157,49 @@ button) {
1133
1157
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
1134
1158
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
1135
1159
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
1136
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
1137
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
1160
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
1161
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
1138
1162
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
1139
1163
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
1140
1164
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
1141
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
1142
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
1165
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
1166
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
1143
1167
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
1144
1168
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
1145
1169
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
1146
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
1147
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
1170
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
1171
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
1148
1172
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
1149
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
1173
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
1150
1174
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
1151
1175
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
1152
1176
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
1153
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
1154
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
1177
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
1178
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
1155
1179
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
1156
1180
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
1157
1181
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
1158
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
1159
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
1182
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
1183
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
1160
1184
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
1161
1185
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
1162
1186
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
1163
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
1187
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
1164
1188
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
1165
1189
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
1166
1190
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
1167
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
1168
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
1169
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
1170
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
1171
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
1172
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
1191
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
1192
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
1193
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
1194
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
1195
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
1196
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
1197
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
1198
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
1199
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
1200
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
1201
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
1202
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
1173
1203
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
1174
1204
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
1175
1205
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -1316,7 +1346,9 @@ button) {
1316
1346
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
1317
1347
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
1318
1348
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
1349
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
1319
1350
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
1351
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
1320
1352
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
1321
1353
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
1322
1354
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -1677,78 +1709,78 @@ button) {
1677
1709
  --pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
1678
1710
  var(--pf-t--global--box-shadow--Y--sm--default)
1679
1711
  var(--pf-t--global--box-shadow--blur--sm)
1680
- var(--pf-t--global--box-shadow--spread--sm)
1681
- var(--pf-t--global--box-shadow--color--sm);
1712
+ var(--pf-t--global--box-shadow--spread--sm--default)
1713
+ var(--pf-t--global--box-shadow--color--sm--default);
1682
1714
  --pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
1683
1715
  var(--pf-t--global--box-shadow--Y--sm--top)
1684
1716
  var(--pf-t--global--box-shadow--blur--sm)
1685
- var(--pf-t--global--box-shadow--spread--sm)
1686
- var(--pf-t--global--box-shadow--color--sm);
1717
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1718
+ var(--pf-t--global--box-shadow--color--sm--directional);
1687
1719
  --pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
1688
1720
  var(--pf-t--global--box-shadow--Y--sm--bottom)
1689
1721
  var(--pf-t--global--box-shadow--blur--sm)
1690
- var(--pf-t--global--box-shadow--spread--sm)
1691
- var(--pf-t--global--box-shadow--color--sm);
1722
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1723
+ var(--pf-t--global--box-shadow--color--sm--directional);
1692
1724
  --pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
1693
1725
  var(--pf-t--global--box-shadow--Y--sm--left)
1694
1726
  var(--pf-t--global--box-shadow--blur--sm)
1695
- var(--pf-t--global--box-shadow--spread--sm)
1696
- var(--pf-t--global--box-shadow--color--sm);
1727
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1728
+ var(--pf-t--global--box-shadow--color--sm--directional);
1697
1729
  --pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
1698
1730
  var(--pf-t--global--box-shadow--Y--sm--right)
1699
1731
  var(--pf-t--global--box-shadow--blur--sm)
1700
- var(--pf-t--global--box-shadow--spread--sm)
1701
- var(--pf-t--global--box-shadow--color--sm);
1732
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1733
+ var(--pf-t--global--box-shadow--color--sm--directional);
1702
1734
  --pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
1703
1735
  var(--pf-t--global--box-shadow--Y--md--default)
1704
1736
  var(--pf-t--global--box-shadow--blur--md)
1705
- var(--pf-t--global--box-shadow--spread--md)
1706
- var(--pf-t--global--box-shadow--color--md);
1737
+ var(--pf-t--global--box-shadow--spread--md--default)
1738
+ var(--pf-t--global--box-shadow--color--md--default);
1707
1739
  --pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
1708
1740
  var(--pf-t--global--box-shadow--Y--md--top)
1709
1741
  var(--pf-t--global--box-shadow--blur--md)
1710
- var(--pf-t--global--box-shadow--spread--md)
1711
- var(--pf-t--global--box-shadow--color--md);
1742
+ var(--pf-t--global--box-shadow--spread--md--directional)
1743
+ var(--pf-t--global--box-shadow--color--md--directional);
1712
1744
  --pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
1713
1745
  var(--pf-t--global--box-shadow--Y--md--bottom)
1714
1746
  var(--pf-t--global--box-shadow--blur--md)
1715
- var(--pf-t--global--box-shadow--spread--md)
1716
- var(--pf-t--global--box-shadow--color--md);
1747
+ var(--pf-t--global--box-shadow--spread--md--directional)
1748
+ var(--pf-t--global--box-shadow--color--md--directional);
1717
1749
  --pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
1718
1750
  var(--pf-t--global--box-shadow--Y--md--left)
1719
1751
  var(--pf-t--global--box-shadow--blur--md)
1720
- var(--pf-t--global--box-shadow--spread--md)
1721
- var(--pf-t--global--box-shadow--color--md);
1752
+ var(--pf-t--global--box-shadow--spread--md--directional)
1753
+ var(--pf-t--global--box-shadow--color--md--directional);
1722
1754
  --pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
1723
1755
  var(--pf-t--global--box-shadow--Y--md--right)
1724
1756
  var(--pf-t--global--box-shadow--blur--md)
1725
- var(--pf-t--global--box-shadow--spread--md)
1726
- var(--pf-t--global--box-shadow--color--md);
1757
+ var(--pf-t--global--box-shadow--spread--md--directional)
1758
+ var(--pf-t--global--box-shadow--color--md--directional);
1727
1759
  --pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
1728
1760
  var(--pf-t--global--box-shadow--Y--lg--default)
1729
1761
  var(--pf-t--global--box-shadow--blur--lg)
1730
- var(--pf-t--global--box-shadow--spread--lg)
1731
- var(--pf-t--global--box-shadow--color--lg);
1762
+ var(--pf-t--global--box-shadow--spread--lg--default)
1763
+ var(--pf-t--global--box-shadow--color--lg--default);
1732
1764
  --pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
1733
1765
  var(--pf-t--global--box-shadow--Y--lg--top)
1734
1766
  var(--pf-t--global--box-shadow--blur--lg)
1735
- var(--pf-t--global--box-shadow--spread--lg)
1736
- var(--pf-t--global--box-shadow--color--lg);
1767
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1768
+ var(--pf-t--global--box-shadow--color--lg--directional);
1737
1769
  --pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
1738
1770
  var(--pf-t--global--box-shadow--Y--lg--bottom)
1739
1771
  var(--pf-t--global--box-shadow--blur--lg)
1740
- var(--pf-t--global--box-shadow--spread--lg)
1741
- var(--pf-t--global--box-shadow--color--lg);
1772
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1773
+ var(--pf-t--global--box-shadow--color--lg--directional);
1742
1774
  --pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
1743
1775
  var(--pf-t--global--box-shadow--Y--lg--left)
1744
1776
  var(--pf-t--global--box-shadow--blur--lg)
1745
- var(--pf-t--global--box-shadow--spread--lg)
1746
- var(--pf-t--global--box-shadow--color--lg);
1777
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1778
+ var(--pf-t--global--box-shadow--color--lg--directional);
1747
1779
  --pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
1748
1780
  var(--pf-t--global--box-shadow--Y--lg--right)
1749
1781
  var(--pf-t--global--box-shadow--blur--lg)
1750
- var(--pf-t--global--box-shadow--spread--lg)
1751
- var(--pf-t--global--box-shadow--color--lg);
1782
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1783
+ var(--pf-t--global--box-shadow--color--lg--directional);
1752
1784
  --pf-t--global--list-style: disc outside;
1753
1785
  --pf-t--temp--dev--tbd: #BC11E0;
1754
1786
  }
@@ -1758,16 +1790,22 @@ button) {
1758
1790
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1759
1791
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
1760
1792
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1793
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
1761
1794
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1762
1795
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
1763
1796
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1764
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1765
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1766
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
1797
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
1798
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
1799
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
1800
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
1801
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
1802
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
1803
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
1767
1804
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
1768
1805
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
1769
1806
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
1770
1807
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
1808
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
1771
1809
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
1772
1810
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
1773
1811
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -1846,7 +1884,9 @@ button) {
1846
1884
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1847
1885
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
1848
1886
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1887
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
1849
1888
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1889
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
1850
1890
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
1851
1891
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1852
1892
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);