@patternfly/react-core 6.0.0-alpha.46 → 6.0.0-alpha.48

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 (176) hide show
  1. package/CHANGELOG.md +10 -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/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/Drawer/package.json +1 -1
  27. package/dist/dynamic/components/Dropdown/package.json +1 -1
  28. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  29. package/dist/dynamic/components/EmptyState/package.json +1 -1
  30. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  31. package/dist/dynamic/components/FileUpload/package.json +1 -1
  32. package/dist/dynamic/components/Form/package.json +1 -1
  33. package/dist/dynamic/components/FormSelect/package.json +1 -1
  34. package/dist/dynamic/components/HelperText/package.json +1 -1
  35. package/dist/dynamic/components/Hint/package.json +1 -1
  36. package/dist/dynamic/components/Icon/package.json +1 -1
  37. package/dist/dynamic/components/InputGroup/package.json +1 -1
  38. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  39. package/dist/dynamic/components/Label/package.json +1 -1
  40. package/dist/dynamic/components/List/package.json +1 -1
  41. package/dist/dynamic/components/LoginPage/package.json +1 -1
  42. package/dist/dynamic/components/Masthead/package.json +1 -1
  43. package/dist/dynamic/components/Menu/package.json +1 -1
  44. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  45. package/dist/dynamic/components/Modal/package.json +1 -1
  46. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  47. package/dist/dynamic/components/Nav/package.json +1 -1
  48. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  49. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  50. package/dist/dynamic/components/NumberInput/package.json +1 -1
  51. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  52. package/dist/dynamic/components/Page/package.json +1 -1
  53. package/dist/dynamic/components/Pagination/package.json +1 -1
  54. package/dist/dynamic/components/Panel/package.json +1 -1
  55. package/dist/dynamic/components/Popover/package.json +1 -1
  56. package/dist/dynamic/components/Progress/package.json +1 -1
  57. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  58. package/dist/dynamic/components/Radio/package.json +1 -1
  59. package/dist/dynamic/components/SearchInput/package.json +1 -1
  60. package/dist/dynamic/components/Select/package.json +1 -1
  61. package/dist/dynamic/components/Sidebar/package.json +1 -1
  62. package/dist/dynamic/components/SimpleList/package.json +1 -1
  63. package/dist/dynamic/components/Skeleton/package.json +1 -1
  64. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  65. package/dist/dynamic/components/Slider/package.json +1 -1
  66. package/dist/dynamic/components/Spinner/package.json +1 -1
  67. package/dist/dynamic/components/Switch/package.json +1 -1
  68. package/dist/dynamic/components/Tabs/package.json +1 -1
  69. package/dist/dynamic/components/Text/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/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/DualListSelector/package.json +1 -1
  119. package/dist/dynamic/next/components/Modal/package.json +1 -1
  120. package/dist/dynamic/next/components/package.json +1 -1
  121. package/dist/dynamic/styles/package.json +1 -1
  122. package/dist/esm/components/Badge/Badge.d.ts +0 -2
  123. package/dist/esm/components/Badge/Badge.d.ts.map +1 -1
  124. package/dist/esm/components/Badge/Badge.js +2 -5
  125. package/dist/esm/components/Badge/Badge.js.map +1 -1
  126. package/dist/esm/components/Drawer/DrawerContent.d.ts +6 -2
  127. package/dist/esm/components/Drawer/DrawerContent.d.ts.map +1 -1
  128. package/dist/esm/components/Drawer/DrawerContent.js +9 -3
  129. package/dist/esm/components/Drawer/DrawerContent.js.map +1 -1
  130. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  131. package/dist/esm/components/Page/Page.js +6 -5
  132. package/dist/esm/components/Page/Page.js.map +1 -1
  133. package/dist/js/components/Badge/Badge.d.ts +0 -2
  134. package/dist/js/components/Badge/Badge.d.ts.map +1 -1
  135. package/dist/js/components/Badge/Badge.js +2 -5
  136. package/dist/js/components/Badge/Badge.js.map +1 -1
  137. package/dist/js/components/Drawer/DrawerContent.d.ts +6 -2
  138. package/dist/js/components/Drawer/DrawerContent.d.ts.map +1 -1
  139. package/dist/js/components/Drawer/DrawerContent.js +9 -3
  140. package/dist/js/components/Drawer/DrawerContent.js.map +1 -1
  141. package/dist/js/components/Page/Page.d.ts.map +1 -1
  142. package/dist/js/components/Page/Page.js +6 -5
  143. package/dist/js/components/Page/Page.js.map +1 -1
  144. package/dist/styles/base-no-reset.css +22 -19
  145. package/dist/styles/base.css +22 -19
  146. package/dist/umd/react-core.min.js +1 -1
  147. package/helpers/package.json +1 -1
  148. package/layouts/package.json +1 -1
  149. package/next/package.json +1 -1
  150. package/package.json +6 -6
  151. package/src/components/Badge/Badge.tsx +0 -9
  152. package/src/components/Badge/__tests__/Badge.test.tsx +0 -9
  153. package/src/components/Badge/examples/Badge.md +0 -5
  154. package/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx +11 -9
  155. package/src/components/Drawer/DrawerContent.tsx +11 -5
  156. package/src/components/Drawer/examples/DrawerSecondaryBackground.tsx +3 -2
  157. package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +40 -34
  158. package/src/components/MenuToggle/examples/MenuToggle.md +5 -3
  159. package/src/components/Page/Page.tsx +15 -13
  160. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +1215 -1163
  161. package/src/layouts/Bullseye/examples/Bullseye.md +4 -2
  162. package/src/layouts/Bullseye/examples/bullseye.css +2 -3
  163. package/src/layouts/Flex/examples/Flex.md +1 -1
  164. package/src/layouts/Flex/examples/flex.css +3 -4
  165. package/src/layouts/Gallery/examples/Gallery.md +8 -8
  166. package/src/layouts/Gallery/examples/gallery.css +4 -5
  167. package/src/layouts/Grid/examples/Grid.md +30 -25
  168. package/src/layouts/Grid/examples/grid.css +2 -3
  169. package/src/layouts/Level/examples/Level.md +6 -3
  170. package/src/layouts/Level/examples/level.css +3 -4
  171. package/src/layouts/Split/examples/Split.md +8 -4
  172. package/src/layouts/Split/examples/split.css +2 -3
  173. package/src/layouts/Stack/examples/Stack.md +6 -3
  174. package/src/layouts/Stack/examples/stack.css +3 -4
  175. package/src/components/Badge/examples/BadgeToggle.tsx +0 -13
  176. package/src/demos/CustomMenus/examples/ComposableDropdwnVariants.tsx +0 -235
package/dist/styles/base-no-reset.css CHANGED
@@ -550,18 +550,18 @@ html .ws-preview {
550
550
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
551
551
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
552
552
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
553
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--60);
554
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--50);
553
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
554
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
555
555
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
556
556
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
557
557
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
558
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--60);
559
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--50);
558
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
559
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
560
560
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
561
561
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
562
562
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
563
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--60);
564
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--50);
563
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
564
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
565
565
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
566
566
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
567
567
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
@@ -632,6 +632,7 @@ html .ws-preview {
632
632
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
633
633
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
634
634
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
635
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
635
636
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
636
637
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
637
638
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -680,9 +681,6 @@ html .ws-preview {
680
681
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
681
682
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
682
683
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
683
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
684
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
685
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
686
684
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
687
685
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
688
686
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -794,6 +792,7 @@ html .ws-preview {
794
792
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
795
793
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
796
794
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
795
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
797
796
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
798
797
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
799
798
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
@@ -845,13 +844,13 @@ html .ws-preview {
845
844
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
846
845
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
847
846
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
848
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--regular);
847
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
849
848
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
850
849
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
851
850
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
852
851
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
853
852
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
854
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--regular);
853
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
855
854
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
856
855
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
857
856
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -863,13 +862,16 @@ html .ws-preview {
863
862
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
864
863
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
865
864
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
866
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--regular);
865
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
866
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
867
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
868
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
867
869
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
868
870
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
869
871
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
870
872
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
871
873
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
872
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--regular);
874
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
873
875
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
874
876
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
875
877
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -934,13 +936,13 @@ html .ws-preview {
934
936
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
935
937
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
936
938
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
937
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--regular);
939
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
938
940
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
939
941
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
940
942
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
941
943
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
942
944
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
943
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--regular);
945
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
944
946
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
945
947
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
946
948
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -952,7 +954,7 @@ html .ws-preview {
952
954
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
953
955
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
954
956
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
955
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--regular);
957
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
956
958
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
957
959
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
958
960
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
@@ -961,7 +963,7 @@ html .ws-preview {
961
963
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
962
964
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
963
965
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
964
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--regular);
966
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
965
967
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
966
968
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
967
969
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1036,8 +1038,8 @@ html .ws-preview {
1036
1038
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
1037
1039
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
1038
1040
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
1039
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--20);
1040
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--30);
1041
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1042
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
1041
1043
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1042
1044
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
1043
1045
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
@@ -1104,6 +1106,7 @@ html .ws-preview {
1104
1106
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
1105
1107
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1106
1108
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1109
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
1107
1110
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1108
1111
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
1109
1112
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
package/dist/styles/base.css CHANGED
@@ -550,18 +550,18 @@ html .ws-preview {
550
550
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
551
551
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
552
552
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
553
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--60);
554
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--50);
553
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
554
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
555
555
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
556
556
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
557
557
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
558
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--60);
559
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--50);
558
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
559
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
560
560
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
561
561
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
562
562
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
563
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--60);
564
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--50);
563
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
564
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
565
565
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
566
566
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
567
567
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
@@ -632,6 +632,7 @@ html .ws-preview {
632
632
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
633
633
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
634
634
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
635
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
635
636
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
636
637
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
637
638
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -680,9 +681,6 @@ html .ws-preview {
680
681
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
681
682
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
682
683
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
683
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
684
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
685
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
686
684
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
687
685
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
688
686
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -794,6 +792,7 @@ html .ws-preview {
794
792
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
795
793
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
796
794
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
795
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
797
796
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
798
797
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
799
798
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
@@ -845,13 +844,13 @@ html .ws-preview {
845
844
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
846
845
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
847
846
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
848
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--regular);
847
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
849
848
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
850
849
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
851
850
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
852
851
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
853
852
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
854
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--regular);
853
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
855
854
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
856
855
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
857
856
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -863,13 +862,16 @@ html .ws-preview {
863
862
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
864
863
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
865
864
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
866
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--regular);
865
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
866
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
867
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
868
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
867
869
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
868
870
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
869
871
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
870
872
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
871
873
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
872
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--regular);
874
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
873
875
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
874
876
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
875
877
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -934,13 +936,13 @@ html .ws-preview {
934
936
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
935
937
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
936
938
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
937
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--regular);
939
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
938
940
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
939
941
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
940
942
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
941
943
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
942
944
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
943
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--regular);
945
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
944
946
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
945
947
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
946
948
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -952,7 +954,7 @@ html .ws-preview {
952
954
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
953
955
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
954
956
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
955
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--regular);
957
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
956
958
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
957
959
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
958
960
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
@@ -961,7 +963,7 @@ html .ws-preview {
961
963
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
962
964
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
963
965
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
964
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--regular);
966
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
965
967
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
966
968
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
967
969
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1036,8 +1038,8 @@ html .ws-preview {
1036
1038
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
1037
1039
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
1038
1040
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
1039
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--20);
1040
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--30);
1041
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1042
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
1041
1043
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1042
1044
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
1043
1045
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
@@ -1104,6 +1106,7 @@ html .ws-preview {
1104
1106
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
1105
1107
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1106
1108
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1109
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
1107
1110
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1108
1111
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
1109
1112
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);