@patternfly/react-core 5.4.0-prerelease.18 → 5.4.0-prerelease.19

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 (141) 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/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/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/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/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/Dropdown/Dropdown.d.ts +2 -0
  123. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  124. package/dist/esm/components/Dropdown/Dropdown.js +2 -2
  125. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  126. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +1 -1
  127. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  128. package/dist/js/components/Dropdown/Dropdown.d.ts +2 -0
  129. package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
  130. package/dist/js/components/Dropdown/Dropdown.js +2 -2
  131. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  132. package/dist/js/components/Pagination/PaginationOptionsMenu.js +1 -1
  133. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  134. package/dist/umd/assets/{output-Dp_mSukU.css → output-CNJSCDiM.css} +1419 -1419
  135. package/dist/umd/react-core.min.js +1 -1
  136. package/helpers/package.json +1 -1
  137. package/layouts/package.json +1 -1
  138. package/next/package.json +1 -1
  139. package/package.json +2 -2
  140. package/src/components/Dropdown/Dropdown.tsx +4 -1
  141. package/src/components/Pagination/PaginationOptionsMenu.tsx +1 -1
@@ -279,6 +279,37 @@
279
279
  --pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
280
280
  }
281
281
 
282
+ .pf-v5-c-action-list {
283
+ --pf-v5-c-action-list--m-icon--spacer: 0;
284
+ --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
285
+ --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
286
+ }
287
+
288
+ .pf-v5-c-action-list,
289
+ .pf-v5-c-action-list__group {
290
+ --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
291
+ --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
292
+ display: flex;
293
+ align-items: center;
294
+ }
295
+
296
+ .pf-v5-c-action-list > * + *,
297
+ .pf-v5-c-action-list__group > * + * {
298
+ margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
299
+ }
300
+
301
+ .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
302
+ .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
303
+ .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
304
+ .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
305
+ margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
306
+ }
307
+
308
+ .pf-v5-c-action-list.pf-m-icons,
309
+ .pf-v5-c-action-list__group.pf-m-icons {
310
+ --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
311
+ }
312
+
282
313
  .pf-v5-c-alert {
283
314
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
284
315
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -526,37 +557,6 @@
526
557
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
527
558
  }
528
559
 
529
- .pf-v5-c-action-list {
530
- --pf-v5-c-action-list--m-icon--spacer: 0;
531
- --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
532
- --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
533
- }
534
-
535
- .pf-v5-c-action-list,
536
- .pf-v5-c-action-list__group {
537
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
538
- --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
539
- display: flex;
540
- align-items: center;
541
- }
542
-
543
- .pf-v5-c-action-list > * + *,
544
- .pf-v5-c-action-list__group > * + * {
545
- margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
546
- }
547
-
548
- .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
549
- .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
550
- .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
551
- .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
552
- margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
553
- }
554
-
555
- .pf-v5-c-action-list.pf-m-icons,
556
- .pf-v5-c-action-list__group.pf-m-icons {
557
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
558
- }
559
-
560
560
  .pf-v5-c-avatar {
561
561
  --pf-v5-c-avatar--BorderColor: transparent;
562
562
  --pf-v5-c-avatar--BorderWidth: 0;
@@ -846,6 +846,23 @@
846
846
  box-shadow: var(--pf-v5-c-back-to-top--c-button--BoxShadow);
847
847
  }
848
848
 
849
+ .pf-v5-c-backdrop {
850
+ --pf-v5-c-backdrop--Position: fixed;
851
+ --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
852
+ --pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
853
+ position: var(--pf-v5-c-backdrop--Position);
854
+ inset-block-start: 0;
855
+ inset-inline-start: 0;
856
+ z-index: var(--pf-v5-c-backdrop--ZIndex);
857
+ width: 100%;
858
+ height: 100%;
859
+ background-color: var(--pf-v5-c-backdrop--BackgroundColor);
860
+ }
861
+
862
+ .pf-v5-c-backdrop__open {
863
+ overflow: hidden;
864
+ }
865
+
849
866
  .pf-v5-c-background-image {
850
867
  --pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
851
868
  --pf-v5-c-background-image--BackgroundImage: none;
@@ -871,21 +888,45 @@
871
888
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
872
889
  }
873
890
 
874
- .pf-v5-c-backdrop {
875
- --pf-v5-c-backdrop--Position: fixed;
876
- --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
877
- --pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
878
- position: var(--pf-v5-c-backdrop--Position);
879
- inset-block-start: 0;
880
- inset-inline-start: 0;
881
- z-index: var(--pf-v5-c-backdrop--ZIndex);
882
- width: 100%;
883
- height: 100%;
884
- background-color: var(--pf-v5-c-backdrop--BackgroundColor);
891
+ .pf-v5-c-badge {
892
+ --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
893
+ --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
894
+ --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
895
+ --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
896
+ --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
897
+ --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
898
+ --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
899
+ --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
900
+ --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
901
+ --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
902
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
903
+ display: inline-block;
904
+ min-width: var(--pf-v5-c-badge--MinWidth);
905
+ padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
906
+ padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
907
+ font-size: var(--pf-v5-c-badge--FontSize);
908
+ font-weight: var(--pf-v5-c-badge--FontWeight);
909
+ color: var(--pf-v5-c-badge--Color);
910
+ text-align: center;
911
+ white-space: nowrap;
912
+ background-color: var(--pf-v5-c-badge--BackgroundColor);
913
+ border-radius: var(--pf-v5-c-badge--BorderRadius);
885
914
  }
886
915
 
887
- .pf-v5-c-backdrop__open {
888
- overflow: hidden;
916
+ .pf-v5-c-badge.pf-m-read {
917
+ --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
918
+ --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
919
+ }
920
+
921
+ .pf-v5-c-badge.pf-m-unread {
922
+ --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
923
+ --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
924
+ }
925
+
926
+ :where(.pf-v5-theme-dark) .pf-v5-c-badge {
927
+ --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
928
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
929
+ --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
889
930
  }
890
931
 
891
932
  .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue {
@@ -1023,111 +1064,6 @@
1023
1064
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
1024
1065
  }
1025
1066
 
1026
- .pf-v5-c-badge {
1027
- --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
1028
- --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
1029
- --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
1030
- --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
1031
- --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
1032
- --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
1033
- --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
1034
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1035
- --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
1036
- --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
1037
- --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
1038
- display: inline-block;
1039
- min-width: var(--pf-v5-c-badge--MinWidth);
1040
- padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
1041
- padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
1042
- font-size: var(--pf-v5-c-badge--FontSize);
1043
- font-weight: var(--pf-v5-c-badge--FontWeight);
1044
- color: var(--pf-v5-c-badge--Color);
1045
- text-align: center;
1046
- white-space: nowrap;
1047
- background-color: var(--pf-v5-c-badge--BackgroundColor);
1048
- border-radius: var(--pf-v5-c-badge--BorderRadius);
1049
- }
1050
-
1051
- .pf-v5-c-badge.pf-m-read {
1052
- --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
1053
- --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
1054
- }
1055
-
1056
- .pf-v5-c-badge.pf-m-unread {
1057
- --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
1058
- --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
1059
- }
1060
-
1061
- :where(.pf-v5-theme-dark) .pf-v5-c-badge {
1062
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
1063
- --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
1064
- --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
1065
- }
1066
-
1067
- .pf-v5-c-brand {
1068
- --pf-v5-c-brand--Width: auto;
1069
- --pf-v5-c-brand--Height: auto;
1070
- width: var(--pf-v5-c-brand--Width--base);
1071
- height: var(--pf-v5-c-brand--Height--base);
1072
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width);
1073
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height);
1074
- }
1075
-
1076
- @media (min-width: 576px) {
1077
- .pf-v5-c-brand {
1078
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width));
1079
- }
1080
- }
1081
- @media (min-width: 768px) {
1082
- .pf-v5-c-brand {
1083
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)));
1084
- }
1085
- }
1086
- @media (min-width: 992px) {
1087
- .pf-v5-c-brand {
1088
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))));
1089
- }
1090
- }
1091
- @media (min-width: 1200px) {
1092
- .pf-v5-c-brand {
1093
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)))));
1094
- }
1095
- }
1096
- @media (min-width: 1450px) {
1097
- .pf-v5-c-brand {
1098
- --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-2xl, var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))))));
1099
- }
1100
- }
1101
- @media (min-width: 576px) {
1102
- .pf-v5-c-brand {
1103
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height));
1104
- }
1105
- }
1106
- @media (min-width: 768px) {
1107
- .pf-v5-c-brand {
1108
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)));
1109
- }
1110
- }
1111
- @media (min-width: 992px) {
1112
- .pf-v5-c-brand {
1113
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))));
1114
- }
1115
- }
1116
- @media (min-width: 1200px) {
1117
- .pf-v5-c-brand {
1118
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)))));
1119
- }
1120
- }
1121
- @media (min-width: 1450px) {
1122
- .pf-v5-c-brand {
1123
- --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-2xl, var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))))));
1124
- }
1125
- }
1126
- .pf-v5-c-brand.pf-m-picture {
1127
- display: inline-flex;
1128
- max-width: 100%;
1129
- }
1130
-
1131
1067
  .pf-v5-c-breadcrumb {
1132
1068
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
1133
1069
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
@@ -1234,28 +1170,346 @@ button.pf-v5-c-breadcrumb__link {
1234
1170
  display: none;
1235
1171
  }
1236
1172
 
1237
- .pf-v5-c-button {
1238
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
1239
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
1240
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
1241
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
1242
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
1243
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
1244
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
1245
- --pf-v5-c-button--BackgroundColor: transparent;
1246
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
1247
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
1248
- --pf-v5-c-button--after--BorderColor: transparent;
1249
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
1250
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1251
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1252
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1253
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
1254
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
1255
- --pf-v5-c-button--disabled--after--BorderColor: transparent;
1256
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
1257
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
1258
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
1173
+ .pf-v5-c-brand {
1174
+ --pf-v5-c-brand--Width: auto;
1175
+ --pf-v5-c-brand--Height: auto;
1176
+ width: var(--pf-v5-c-brand--Width--base);
1177
+ height: var(--pf-v5-c-brand--Height--base);
1178
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width);
1179
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height);
1180
+ }
1181
+
1182
+ @media (min-width: 576px) {
1183
+ .pf-v5-c-brand {
1184
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width));
1185
+ }
1186
+ }
1187
+ @media (min-width: 768px) {
1188
+ .pf-v5-c-brand {
1189
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)));
1190
+ }
1191
+ }
1192
+ @media (min-width: 992px) {
1193
+ .pf-v5-c-brand {
1194
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))));
1195
+ }
1196
+ }
1197
+ @media (min-width: 1200px) {
1198
+ .pf-v5-c-brand {
1199
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)))));
1200
+ }
1201
+ }
1202
+ @media (min-width: 1450px) {
1203
+ .pf-v5-c-brand {
1204
+ --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-2xl, var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))))));
1205
+ }
1206
+ }
1207
+ @media (min-width: 576px) {
1208
+ .pf-v5-c-brand {
1209
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height));
1210
+ }
1211
+ }
1212
+ @media (min-width: 768px) {
1213
+ .pf-v5-c-brand {
1214
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)));
1215
+ }
1216
+ }
1217
+ @media (min-width: 992px) {
1218
+ .pf-v5-c-brand {
1219
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))));
1220
+ }
1221
+ }
1222
+ @media (min-width: 1200px) {
1223
+ .pf-v5-c-brand {
1224
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)))));
1225
+ }
1226
+ }
1227
+ @media (min-width: 1450px) {
1228
+ .pf-v5-c-brand {
1229
+ --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-2xl, var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))))));
1230
+ }
1231
+ }
1232
+ .pf-v5-c-brand.pf-m-picture {
1233
+ display: inline-flex;
1234
+ max-width: 100%;
1235
+ }
1236
+
1237
+ .pf-v5-c-calendar-month {
1238
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
1239
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
1240
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
1241
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
1242
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
1243
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
1244
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
1245
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
1246
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
1247
+ }
1248
+
1249
+ .pf-v5-c-calendar-month {
1250
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
1251
+ --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
1252
+ --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
1253
+ --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
1254
+ --pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
1255
+ --pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
1256
+ --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
1257
+ --pf-v5-c-calendar-month__header-year--Width: 8.5ch;
1258
+ --pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
1259
+ --pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
1260
+ --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
1261
+ --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
1262
+ --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
1263
+ --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
1264
+ --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
1265
+ --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
1266
+ --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
1267
+ --pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
1268
+ --pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
1269
+ --pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
1270
+ --pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
1271
+ --pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
1272
+ --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
1273
+ --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1274
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
1275
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
1276
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
1277
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
1278
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
1279
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
1280
+ --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1281
+ --pf-v5-c-calendar-month__dates-cell--before--Top: 0;
1282
+ --pf-v5-c-calendar-month__dates-cell--before--Right: 0;
1283
+ --pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
1284
+ --pf-v5-c-calendar-month__dates-cell--before--Left: 0;
1285
+ --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1286
+ --pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
1287
+ --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
1288
+ --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
1289
+ --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
1290
+ --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
1291
+ --pf-v5-c-calendar-month__date--Width: 4ch;
1292
+ --pf-v5-c-calendar-month__date--Height: 4ch;
1293
+ --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
1294
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
1295
+ --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
1296
+ --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
1297
+ --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1298
+ --pf-v5-c-calendar-month__date--after--BorderColor: transparent;
1299
+ --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1300
+ --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1301
+ --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
1302
+ --pf-v5-c-calendar-month__date--focus--BoxShadow: none;
1303
+ color: var(--pf-v5-global--Color--100);
1304
+ display: inline-flex;
1305
+ flex-direction: column;
1306
+ padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
1307
+ padding-block-end: var(--pf-v5-c-calendar-month--PaddingBottom);
1308
+ padding-inline-start: var(--pf-v5-c-calendar-month--PaddingLeft);
1309
+ padding-inline-end: var(--pf-v5-c-calendar-month--PaddingRight);
1310
+ font-size: var(--pf-v5-c-calendar-month--FontSize);
1311
+ background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
1312
+ }
1313
+
1314
+ .pf-v5-c-calendar-month__header {
1315
+ display: flex;
1316
+ margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
1317
+ }
1318
+
1319
+ .pf-v5-c-calendar-month__header-nav-control {
1320
+ margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
1321
+ margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
1322
+ }
1323
+
1324
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
1325
+ scale: -1 1;
1326
+ }
1327
+
1328
+ .pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
1329
+ --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
1330
+ --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
1331
+ }
1332
+
1333
+ .pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
1334
+ --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
1335
+ --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
1336
+ }
1337
+
1338
+ .pf-v5-c-calendar-month__header-month {
1339
+ flex-grow: 1;
1340
+ }
1341
+
1342
+ .pf-v5-c-calendar-month__header-year {
1343
+ width: var(--pf-v5-c-calendar-month__header-year--Width);
1344
+ }
1345
+
1346
+ .pf-v5-c-calendar-month__calendar {
1347
+ table-layout: fixed;
1348
+ }
1349
+
1350
+ .pf-v5-c-calendar-month__days {
1351
+ border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
1352
+ }
1353
+
1354
+ .pf-v5-c-calendar-month__day {
1355
+ padding-block-end: var(--pf-v5-c-calendar-month__day--PaddingBottom);
1356
+ font-weight: var(--pf-v5-c-calendar-month__day--FontWeight);
1357
+ text-align: center;
1358
+ }
1359
+
1360
+ .pf-v5-c-calendar-month__dates-row:first-child {
1361
+ --pf-v5-c-calendar-month__dates-cell--PaddingTop: var(--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
1362
+ }
1363
+
1364
+ .pf-v5-c-calendar-month__dates-cell {
1365
+ --pf-v5-c-calendar-month__dates-cell--before--Top: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
1366
+ position: relative;
1367
+ padding-block-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
1368
+ padding-block-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
1369
+ padding-inline-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingLeft);
1370
+ padding-inline-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingRight);
1371
+ text-align: center;
1372
+ }
1373
+
1374
+ .pf-v5-c-calendar-month__dates-cell::before {
1375
+ position: absolute;
1376
+ inset-block-start: var(--pf-v5-c-calendar-month__dates-cell--before--Top);
1377
+ inset-block-end: var(--pf-v5-c-calendar-month__dates-cell--before--Bottom);
1378
+ inset-inline-start: var(--pf-v5-c-calendar-month__dates-cell--before--Left);
1379
+ inset-inline-end: var(--pf-v5-c-calendar-month__dates-cell--before--Right);
1380
+ content: "";
1381
+ background-color: var(--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor);
1382
+ }
1383
+
1384
+ .pf-v5-c-calendar-month__dates-cell.pf-m-current {
1385
+ --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
1386
+ }
1387
+
1388
+ .pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
1389
+ --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
1390
+ --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
1391
+ --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
1392
+ }
1393
+
1394
+ .pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
1395
+ --pf-v5-c-calendar-month__dates-cell--before--Left: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
1396
+ }
1397
+
1398
+ .pf-v5-c-calendar-month__dates-cell.pf-m-end-range {
1399
+ --pf-v5-c-calendar-month__dates-cell--before--Right: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
1400
+ }
1401
+
1402
+ .pf-v5-c-calendar-month__dates-cell.pf-m-adjacent-month {
1403
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
1404
+ }
1405
+
1406
+ .pf-v5-c-calendar-month__dates-cell.pf-m-selected {
1407
+ --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
1408
+ --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
1409
+ --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
1410
+ --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
1411
+ --pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
1412
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
1413
+ }
1414
+
1415
+ .pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
1416
+ --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1417
+ --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
1418
+ }
1419
+
1420
+ .pf-v5-c-calendar-month__date {
1421
+ position: relative;
1422
+ display: inline-flex;
1423
+ align-items: center;
1424
+ justify-content: center;
1425
+ width: var(--pf-v5-c-calendar-month__date--Width);
1426
+ height: var(--pf-v5-c-calendar-month__date--Height);
1427
+ line-height: 1;
1428
+ color: var(--pf-v5-c-calendar-month__date--Color);
1429
+ background-color: var(--pf-v5-c-calendar-month__date--BackgroundColor);
1430
+ border: 0;
1431
+ }
1432
+
1433
+ .pf-v5-c-calendar-month__date::after {
1434
+ position: absolute;
1435
+ inset-block-start: 0;
1436
+ inset-block-end: 0;
1437
+ inset-inline-start: 0;
1438
+ inset-inline-end: 0;
1439
+ content: "";
1440
+ border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
1441
+ }
1442
+
1443
+ .pf-v5-c-calendar-month__date, .pf-v5-c-calendar-month__date::after {
1444
+ border-radius: var(--pf-v5-c-calendar-month__date--BorderRadius);
1445
+ }
1446
+
1447
+ .pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
1448
+ --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
1449
+ }
1450
+
1451
+ .pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
1452
+ --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
1453
+ --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
1454
+ outline: 0;
1455
+ box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
1456
+ }
1457
+
1458
+ .pf-v5-c-calendar-month__date:disabled {
1459
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
1460
+ --pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
1461
+ pointer-events: none;
1462
+ }
1463
+
1464
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
1465
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
1466
+ --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
1467
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
1468
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
1469
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
1470
+ --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
1471
+ --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1472
+ --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1473
+ --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1474
+ --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1475
+ --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1476
+ --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
1477
+ }
1478
+
1479
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
1480
+ --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
1481
+ --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
1482
+ }
1483
+
1484
+ :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
1485
+ --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
1486
+ --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
1487
+ --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
1488
+ --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
1489
+ }
1490
+
1491
+ .pf-v5-c-button {
1492
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
1493
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
1494
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
1495
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
1496
+ --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
1497
+ --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
1498
+ --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
1499
+ --pf-v5-c-button--BackgroundColor: transparent;
1500
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
1501
+ --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
1502
+ --pf-v5-c-button--after--BorderColor: transparent;
1503
+ --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
1504
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1505
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1506
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1507
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
1508
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
1509
+ --pf-v5-c-button--disabled--after--BorderColor: transparent;
1510
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
1511
+ --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
1512
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
1259
1513
  --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
1260
1514
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
1261
1515
  --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
@@ -1668,454 +1922,200 @@ button.pf-v5-c-breadcrumb__link {
1668
1922
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-control--disabled--BackgroundColor);
1669
1923
  --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--m-control--after--BorderWidth);
1670
1924
  --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-control--after--BorderTopColor) var(--pf-v5-c-button--m-control--after--BorderRightColor) var(--pf-v5-c-button--m-control--after--BorderBottomColor) var(--pf-v5-c-button--m-control--after--BorderLeftColor);
1671
- color: var(--pf-v5-c-button--m-control--Color);
1672
- background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
1673
- }
1674
-
1675
- .pf-v5-c-button.pf-m-control::after {
1676
- border-radius: initial;
1677
- }
1678
-
1679
- .pf-v5-c-button.pf-m-control:hover {
1680
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
1681
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
1682
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor);
1683
- }
1684
-
1685
- .pf-v5-c-button.pf-m-control:hover::after {
1686
- border-block-end-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth);
1687
- }
1688
-
1689
- .pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active {
1690
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color);
1691
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor);
1692
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor);
1693
- }
1694
-
1695
- .pf-v5-c-button.pf-m-control:active::after, .pf-v5-c-button.pf-m-control.pf-m-active::after {
1696
- border-block-end-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth);
1697
- }
1698
-
1699
- .pf-v5-c-button.pf-m-control:focus {
1700
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color);
1701
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor);
1702
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor);
1703
- }
1704
-
1705
- .pf-v5-c-button.pf-m-control:focus::after {
1706
- border-block-end-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth);
1707
- }
1708
-
1709
- .pf-v5-c-button.pf-m-control.pf-m-expanded {
1710
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color);
1711
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor);
1712
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor);
1713
- }
1714
-
1715
- .pf-v5-c-button.pf-m-control.pf-m-expanded::after {
1716
- border-block-end-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth);
1717
- }
1718
-
1719
- .pf-v5-c-button.pf-m-plain {
1720
- --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
1721
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
1722
- color: var(--pf-v5-c-button--m-plain--Color);
1723
- background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
1724
- }
1725
-
1726
- .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
1727
- padding: 0;
1728
- }
1729
-
1730
- .pf-v5-c-button.pf-m-plain:hover {
1731
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
1732
- --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
1733
- }
1734
-
1735
- .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
1736
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
1737
- --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor);
1738
- }
1739
-
1740
- .pf-v5-c-button.pf-m-plain:focus {
1741
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color);
1742
- --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor);
1743
- }
1744
-
1745
- .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
1746
- pointer-events: none;
1747
- }
1748
-
1749
- .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled {
1750
- color: var(--pf-v5-c-button--disabled--Color);
1751
- background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
1752
- }
1753
-
1754
- .pf-v5-c-button:disabled::after, .pf-v5-c-button.pf-m-disabled::after, .pf-v5-c-button.pf-m-aria-disabled::after {
1755
- border-color: var(--pf-v5-c-button--disabled--after--BorderColor);
1756
- }
1757
-
1758
- .pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge {
1759
- --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
1760
- --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
1761
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
1762
- }
1763
-
1764
- .pf-v5-c-button.pf-m-aria-disabled {
1765
- --pf-v5-c-button--after--BorderWidth: 0;
1766
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none;
1767
- cursor: default;
1768
- }
1769
-
1770
- .pf-v5-c-button.pf-m-progress {
1771
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight);
1772
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft);
1773
- transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration);
1774
- }
1775
-
1776
- .pf-v5-c-button.pf-m-in-progress {
1777
- --pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
1778
- }
1779
-
1780
- .pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) {
1781
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight);
1782
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft);
1783
- }
1784
-
1785
- .pf-v5-c-button.pf-m-in-progress.pf-m-plain {
1786
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
1787
- --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left);
1788
- --pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX);
1789
- }
1790
-
1791
- .pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) {
1792
- opacity: 0;
1793
- }
1794
-
1795
- .pf-v5-c-button__icon.pf-m-start {
1796
- margin-inline-end: var(--pf-v5-c-button__icon--m-start--MarginRight);
1797
- }
1798
-
1799
- .pf-v5-c-button__icon.pf-m-end {
1800
- margin-inline-start: var(--pf-v5-c-button__icon--m-end--MarginLeft);
1801
- }
1802
-
1803
- .pf-v5-c-button__progress {
1804
- position: absolute;
1805
- inset-block-start: var(--pf-v5-c-button__progress--Top);
1806
- inset-inline-start: var(--pf-v5-c-button__progress--Left);
1807
- line-height: 1;
1808
- transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY));
1809
- }
1810
-
1811
- .pf-v5-c-button__progress .pf-v5-c-spinner {
1812
- --pf-v5-c-spinner--Color: currentcolor;
1813
- }
1814
-
1815
- .pf-v5-c-button__count {
1816
- display: inline-flex;
1817
- align-items: center;
1818
- margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
1819
- }
1820
-
1821
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
1822
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
1823
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1824
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
1825
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
1826
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
1827
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
1828
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
1829
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
1830
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
1831
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
1832
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
1833
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
1834
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
1835
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
1836
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
1837
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
1838
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
1839
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
1840
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
1841
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
1842
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
1843
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
1844
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
1845
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
1846
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
1847
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
1848
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
1849
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
1850
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
1851
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
1852
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
1853
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
1854
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
1855
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
1856
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
1857
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
1858
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
1859
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
1860
- }
1861
-
1862
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
1863
- border: 0;
1864
- border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
1925
+ color: var(--pf-v5-c-button--m-control--Color);
1926
+ background-color: var(--pf-v5-c-button--m-control--BackgroundColor);
1865
1927
  }
1866
1928
 
1867
- .pf-v5-c-calendar-month {
1868
- --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
1869
- --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
1870
- --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
1871
- --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
1872
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
1873
- --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
1874
- --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
1875
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
1876
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
1929
+ .pf-v5-c-button.pf-m-control::after {
1930
+ border-radius: initial;
1877
1931
  }
1878
1932
 
1879
- .pf-v5-c-calendar-month {
1880
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
1881
- --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
1882
- --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
1883
- --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
1884
- --pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
1885
- --pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
1886
- --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
1887
- --pf-v5-c-calendar-month__header-year--Width: 8.5ch;
1888
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
1889
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
1890
- --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
1891
- --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
1892
- --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
1893
- --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
1894
- --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
1895
- --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
1896
- --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
1897
- --pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
1898
- --pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
1899
- --pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
1900
- --pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
1901
- --pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
1902
- --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
1903
- --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1904
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
1905
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
1906
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
1907
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
1908
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
1909
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
1910
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1911
- --pf-v5-c-calendar-month__dates-cell--before--Top: 0;
1912
- --pf-v5-c-calendar-month__dates-cell--before--Right: 0;
1913
- --pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
1914
- --pf-v5-c-calendar-month__dates-cell--before--Left: 0;
1915
- --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1916
- --pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
1917
- --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
1918
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
1919
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
1920
- --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
1921
- --pf-v5-c-calendar-month__date--Width: 4ch;
1922
- --pf-v5-c-calendar-month__date--Height: 4ch;
1923
- --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
1924
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
1925
- --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
1926
- --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
1927
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
1928
- --pf-v5-c-calendar-month__date--after--BorderColor: transparent;
1929
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1930
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
1931
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
1932
- --pf-v5-c-calendar-month__date--focus--BoxShadow: none;
1933
- color: var(--pf-v5-global--Color--100);
1934
- display: inline-flex;
1935
- flex-direction: column;
1936
- padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
1937
- padding-block-end: var(--pf-v5-c-calendar-month--PaddingBottom);
1938
- padding-inline-start: var(--pf-v5-c-calendar-month--PaddingLeft);
1939
- padding-inline-end: var(--pf-v5-c-calendar-month--PaddingRight);
1940
- font-size: var(--pf-v5-c-calendar-month--FontSize);
1941
- background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
1933
+ .pf-v5-c-button.pf-m-control:hover {
1934
+ --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
1935
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
1936
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor);
1942
1937
  }
1943
1938
 
1944
- .pf-v5-c-calendar-month__header {
1945
- display: flex;
1946
- margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
1939
+ .pf-v5-c-button.pf-m-control:hover::after {
1940
+ border-block-end-width: var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth);
1947
1941
  }
1948
1942
 
1949
- .pf-v5-c-calendar-month__header-nav-control {
1950
- margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
1951
- margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
1943
+ .pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active {
1944
+ --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--active--Color);
1945
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--active--BackgroundColor);
1946
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--active--after--BorderBottomColor);
1952
1947
  }
1953
1948
 
1954
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
1955
- scale: -1 1;
1949
+ .pf-v5-c-button.pf-m-control:active::after, .pf-v5-c-button.pf-m-control.pf-m-active::after {
1950
+ border-block-end-width: var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth);
1956
1951
  }
1957
1952
 
1958
- .pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
1959
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
1960
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
1953
+ .pf-v5-c-button.pf-m-control:focus {
1954
+ --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--focus--Color);
1955
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--focus--BackgroundColor);
1956
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor);
1961
1957
  }
1962
1958
 
1963
- .pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
1964
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
1965
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
1959
+ .pf-v5-c-button.pf-m-control:focus::after {
1960
+ border-block-end-width: var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth);
1966
1961
  }
1967
1962
 
1968
- .pf-v5-c-calendar-month__header-month {
1969
- flex-grow: 1;
1963
+ .pf-v5-c-button.pf-m-control.pf-m-expanded {
1964
+ --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--m-expanded--Color);
1965
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor);
1966
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor);
1970
1967
  }
1971
1968
 
1972
- .pf-v5-c-calendar-month__header-year {
1973
- width: var(--pf-v5-c-calendar-month__header-year--Width);
1969
+ .pf-v5-c-button.pf-m-control.pf-m-expanded::after {
1970
+ border-block-end-width: var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth);
1974
1971
  }
1975
1972
 
1976
- .pf-v5-c-calendar-month__calendar {
1977
- table-layout: fixed;
1973
+ .pf-v5-c-button.pf-m-plain {
1974
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
1975
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
1976
+ color: var(--pf-v5-c-button--m-plain--Color);
1977
+ background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
1978
1978
  }
1979
1979
 
1980
- .pf-v5-c-calendar-month__days {
1981
- border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
1980
+ .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
1981
+ padding: 0;
1982
1982
  }
1983
1983
 
1984
- .pf-v5-c-calendar-month__day {
1985
- padding-block-end: var(--pf-v5-c-calendar-month__day--PaddingBottom);
1986
- font-weight: var(--pf-v5-c-calendar-month__day--FontWeight);
1987
- text-align: center;
1984
+ .pf-v5-c-button.pf-m-plain:hover {
1985
+ --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
1986
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
1988
1987
  }
1989
1988
 
1990
- .pf-v5-c-calendar-month__dates-row:first-child {
1991
- --pf-v5-c-calendar-month__dates-cell--PaddingTop: var(--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
1989
+ .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
1990
+ --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
1991
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--active--BackgroundColor);
1992
1992
  }
1993
1993
 
1994
- .pf-v5-c-calendar-month__dates-cell {
1995
- --pf-v5-c-calendar-month__dates-cell--before--Top: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
1996
- position: relative;
1997
- padding-block-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
1998
- padding-block-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
1999
- padding-inline-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingLeft);
2000
- padding-inline-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingRight);
2001
- text-align: center;
1994
+ .pf-v5-c-button.pf-m-plain:focus {
1995
+ --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--focus--Color);
1996
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--focus--BackgroundColor);
2002
1997
  }
2003
1998
 
2004
- .pf-v5-c-calendar-month__dates-cell::before {
2005
- position: absolute;
2006
- inset-block-start: var(--pf-v5-c-calendar-month__dates-cell--before--Top);
2007
- inset-block-end: var(--pf-v5-c-calendar-month__dates-cell--before--Bottom);
2008
- inset-inline-start: var(--pf-v5-c-calendar-month__dates-cell--before--Left);
2009
- inset-inline-end: var(--pf-v5-c-calendar-month__dates-cell--before--Right);
2010
- content: "";
2011
- background-color: var(--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor);
1999
+ .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
2000
+ pointer-events: none;
2012
2001
  }
2013
2002
 
2014
- .pf-v5-c-calendar-month__dates-cell.pf-m-current {
2015
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2003
+ .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled {
2004
+ color: var(--pf-v5-c-button--disabled--Color);
2005
+ background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
2016
2006
  }
2017
2007
 
2018
- .pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
2019
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2020
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2021
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2008
+ .pf-v5-c-button:disabled::after, .pf-v5-c-button.pf-m-disabled::after, .pf-v5-c-button.pf-m-aria-disabled::after {
2009
+ border-color: var(--pf-v5-c-button--disabled--after--BorderColor);
2022
2010
  }
2023
2011
 
2024
- .pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
2025
- --pf-v5-c-calendar-month__dates-cell--before--Left: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
2012
+ .pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge {
2013
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
2014
+ --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
2015
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
2026
2016
  }
2027
2017
 
2028
- .pf-v5-c-calendar-month__dates-cell.pf-m-end-range {
2029
- --pf-v5-c-calendar-month__dates-cell--before--Right: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
2018
+ .pf-v5-c-button.pf-m-aria-disabled {
2019
+ --pf-v5-c-button--after--BorderWidth: 0;
2020
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: none;
2021
+ cursor: default;
2030
2022
  }
2031
2023
 
2032
- .pf-v5-c-calendar-month__dates-cell.pf-m-adjacent-month {
2033
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2024
+ .pf-v5-c-button.pf-m-progress {
2025
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-progress--PaddingRight);
2026
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-progress--PaddingLeft);
2027
+ transition: var(--pf-v5-c-button--m-progress--TransitionProperty) var(--pf-v5-c-button--m-progress--TransitionDuration);
2034
2028
  }
2035
2029
 
2036
- .pf-v5-c-calendar-month__dates-cell.pf-m-selected {
2037
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2038
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2039
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2040
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2041
- --pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
2042
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
2030
+ .pf-v5-c-button.pf-m-in-progress {
2031
+ --pf-v5-c-button--m-link--m-inline--PaddingLeft: var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
2043
2032
  }
2044
2033
 
2045
- .pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
2046
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2047
- --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
2034
+ .pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) {
2035
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-in-progress--PaddingRight);
2036
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-in-progress--PaddingLeft);
2048
2037
  }
2049
2038
 
2050
- .pf-v5-c-calendar-month__date {
2051
- position: relative;
2052
- display: inline-flex;
2053
- align-items: center;
2054
- justify-content: center;
2055
- width: var(--pf-v5-c-calendar-month__date--Width);
2056
- height: var(--pf-v5-c-calendar-month__date--Height);
2057
- line-height: 1;
2058
- color: var(--pf-v5-c-calendar-month__date--Color);
2059
- background-color: var(--pf-v5-c-calendar-month__date--BackgroundColor);
2060
- border: 0;
2039
+ .pf-v5-c-button.pf-m-in-progress.pf-m-plain {
2040
+ --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
2041
+ --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left);
2042
+ --pf-v5-c-button__progress--TranslateX: var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX);
2061
2043
  }
2062
2044
 
2063
- .pf-v5-c-calendar-month__date::after {
2064
- position: absolute;
2065
- inset-block-start: 0;
2066
- inset-block-end: 0;
2067
- inset-inline-start: 0;
2068
- inset-inline-end: 0;
2069
- content: "";
2070
- border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
2045
+ .pf-v5-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v5-c-button__progress) {
2046
+ opacity: 0;
2071
2047
  }
2072
2048
 
2073
- .pf-v5-c-calendar-month__date, .pf-v5-c-calendar-month__date::after {
2074
- border-radius: var(--pf-v5-c-calendar-month__date--BorderRadius);
2049
+ .pf-v5-c-button__icon.pf-m-start {
2050
+ margin-inline-end: var(--pf-v5-c-button__icon--m-start--MarginRight);
2075
2051
  }
2076
2052
 
2077
- .pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
2078
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
2053
+ .pf-v5-c-button__icon.pf-m-end {
2054
+ margin-inline-start: var(--pf-v5-c-button__icon--m-end--MarginLeft);
2079
2055
  }
2080
2056
 
2081
- .pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
2082
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
2083
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
2084
- outline: 0;
2085
- box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
2057
+ .pf-v5-c-button__progress {
2058
+ position: absolute;
2059
+ inset-block-start: var(--pf-v5-c-button__progress--Top);
2060
+ inset-inline-start: var(--pf-v5-c-button__progress--Left);
2061
+ line-height: 1;
2062
+ transform: translate(var(--pf-v5-c-button__progress--TranslateX), var(--pf-v5-c-button__progress--TranslateY));
2086
2063
  }
2087
-
2088
- .pf-v5-c-calendar-month__date:disabled {
2089
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
2090
- --pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
2091
- pointer-events: none;
2064
+
2065
+ .pf-v5-c-button__progress .pf-v5-c-spinner {
2066
+ --pf-v5-c-spinner--Color: currentcolor;
2092
2067
  }
2093
2068
 
2094
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
2095
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
2096
- --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
2097
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
2098
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
2099
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
2100
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
2101
- --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2102
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2103
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2104
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2105
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2106
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
2069
+ .pf-v5-c-button__count {
2070
+ display: inline-flex;
2071
+ align-items: center;
2072
+ margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
2107
2073
  }
2108
2074
 
2109
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
2110
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2111
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
2075
+ :where(.pf-v5-theme-dark) .pf-v5-c-button {
2076
+ --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
2077
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2078
+ --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
2079
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2080
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
2081
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2082
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
2083
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2084
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
2085
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2086
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
2087
+ --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
2088
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
2089
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
2090
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
2091
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
2092
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
2093
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
2094
+ --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
2095
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
2096
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
2097
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
2098
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
2099
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
2100
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
2101
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
2102
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
2103
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
2104
+ --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
2105
+ --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
2106
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
2107
+ --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
2108
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
2109
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
2110
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
2111
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
2112
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
2113
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
2112
2114
  }
2113
2115
 
2114
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
2115
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
2116
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
2117
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
2118
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
2116
+ :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
2117
+ border: 0;
2118
+ border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
2119
2119
  }
2120
2120
 
2121
2121
  .pf-v5-c-card {
@@ -2641,101 +2641,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
2641
2641
  color: var(--pf-v5-c-check__label-required--Color);
2642
2642
  }
2643
2643
 
2644
- .pf-v5-c-chip-group {
2645
- --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
2646
- --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
2647
- --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
2648
- --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
2649
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
2650
- --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
2651
- --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
2652
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
2653
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
2654
- }
2655
-
2656
- .pf-v5-c-chip-group {
2657
- color: var(--pf-v5-global--Color--100);
2658
- --pf-v5-c-chip-group--PaddingTop: 0;
2659
- --pf-v5-c-chip-group--PaddingRight: 0;
2660
- --pf-v5-c-chip-group--PaddingBottom: 0;
2661
- --pf-v5-c-chip-group--PaddingLeft: 0;
2662
- --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
2663
- --pf-v5-c-chip-group--ColumnGap: 0;
2664
- --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
2665
- --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
2666
- --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
2667
- --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
2668
- --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
2669
- --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
2670
- --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
2671
- --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
2672
- --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
2673
- --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2674
- --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
2675
- --pf-v5-c-chip-group__label--MaxWidth: 18ch;
2676
- --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
2677
- --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
2678
- row-gap: var(--pf-v5-c-chip-group--RowGap);
2679
- column-gap: var(--pf-v5-c-chip-group--ColumnGap);
2680
- max-width: 100%;
2681
- padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
2682
- padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
2683
- padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
2684
- padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
2685
- }
2686
-
2687
- .pf-v5-c-chip-group.pf-m-category {
2688
- --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
2689
- --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
2690
- --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
2691
- --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
2692
- background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
2693
- border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
2694
- }
2695
-
2696
- .pf-v5-c-chip-group__main {
2697
- display: flex;
2698
- flex: 1;
2699
- flex-wrap: wrap;
2700
- row-gap: var(--pf-v5-c-chip-group__main--RowGap);
2701
- column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
2702
- align-items: baseline;
2703
- min-width: 0;
2704
- }
2705
-
2706
- .pf-v5-c-chip-group,
2707
- .pf-v5-c-chip-group__list {
2708
- display: inline-flex;
2709
- flex-wrap: wrap;
2710
- align-items: center;
2711
- min-width: 0;
2712
- }
2713
-
2714
- .pf-v5-c-chip-group__list {
2715
- row-gap: var(--pf-v5-c-chip-group__list--RowGap);
2716
- column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
2717
- }
2718
-
2719
- .pf-v5-c-chip-group__list-item {
2720
- display: inline-flex;
2721
- min-width: 0;
2722
- }
2723
-
2724
- .pf-v5-c-chip-group__label {
2725
- overflow: hidden;
2726
- text-overflow: ellipsis;
2727
- white-space: nowrap;
2728
- max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
2729
- font-size: var(--pf-v5-c-chip-group__label--FontSize);
2730
- }
2731
-
2732
- .pf-v5-c-chip-group__close {
2733
- display: flex;
2734
- align-self: flex-start;
2735
- margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
2736
- margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
2737
- }
2738
-
2739
2644
  .pf-v5-c-chip {
2740
2645
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
2741
2646
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -2837,33 +2742,128 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
2837
2742
  margin-inline-start: var(--pf-v5-c-chip__icon--MarginLeft);
2838
2743
  }
2839
2744
 
2840
- .pf-v5-c-chip__content {
2841
- display: flex;
2842
- column-gap: var(--pf-v5-c-chip__content--ColumnGap);
2745
+ .pf-v5-c-chip__content {
2746
+ display: flex;
2747
+ column-gap: var(--pf-v5-c-chip__content--ColumnGap);
2748
+ align-items: center;
2749
+ font-size: var(--pf-v5-c-chip__content--FontSize);
2750
+ }
2751
+
2752
+ .pf-v5-c-chip__actions {
2753
+ font-size: var(--pf-v5-c-chip__actions--FontSize);
2754
+ }
2755
+
2756
+ .pf-v5-c-chip__actions .pf-v5-c-button {
2757
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-chip__actions--c-button--PaddingTop);
2758
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-chip__actions--c-button--PaddingRight);
2759
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
2760
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
2761
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
2762
+ margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
2763
+ margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
2764
+ margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
2765
+ line-height: 1;
2766
+ }
2767
+
2768
+ :where(.pf-v5-theme-dark) .pf-v5-c-chip {
2769
+ --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2770
+ --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
2771
+ --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
2772
+ }
2773
+
2774
+ .pf-v5-c-chip-group {
2775
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
2776
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
2777
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
2778
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
2779
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
2780
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
2781
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
2782
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
2783
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
2784
+ }
2785
+
2786
+ .pf-v5-c-chip-group {
2787
+ color: var(--pf-v5-global--Color--100);
2788
+ --pf-v5-c-chip-group--PaddingTop: 0;
2789
+ --pf-v5-c-chip-group--PaddingRight: 0;
2790
+ --pf-v5-c-chip-group--PaddingBottom: 0;
2791
+ --pf-v5-c-chip-group--PaddingLeft: 0;
2792
+ --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
2793
+ --pf-v5-c-chip-group--ColumnGap: 0;
2794
+ --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
2795
+ --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
2796
+ --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
2797
+ --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
2798
+ --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
2799
+ --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
2800
+ --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
2801
+ --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
2802
+ --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
2803
+ --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2804
+ --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
2805
+ --pf-v5-c-chip-group__label--MaxWidth: 18ch;
2806
+ --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
2807
+ --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
2808
+ row-gap: var(--pf-v5-c-chip-group--RowGap);
2809
+ column-gap: var(--pf-v5-c-chip-group--ColumnGap);
2810
+ max-width: 100%;
2811
+ padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
2812
+ padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
2813
+ padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
2814
+ padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
2815
+ }
2816
+
2817
+ .pf-v5-c-chip-group.pf-m-category {
2818
+ --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
2819
+ --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
2820
+ --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
2821
+ --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
2822
+ background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
2823
+ border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
2824
+ }
2825
+
2826
+ .pf-v5-c-chip-group__main {
2827
+ display: flex;
2828
+ flex: 1;
2829
+ flex-wrap: wrap;
2830
+ row-gap: var(--pf-v5-c-chip-group__main--RowGap);
2831
+ column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
2832
+ align-items: baseline;
2833
+ min-width: 0;
2834
+ }
2835
+
2836
+ .pf-v5-c-chip-group,
2837
+ .pf-v5-c-chip-group__list {
2838
+ display: inline-flex;
2839
+ flex-wrap: wrap;
2843
2840
  align-items: center;
2844
- font-size: var(--pf-v5-c-chip__content--FontSize);
2841
+ min-width: 0;
2845
2842
  }
2846
2843
 
2847
- .pf-v5-c-chip__actions {
2848
- font-size: var(--pf-v5-c-chip__actions--FontSize);
2844
+ .pf-v5-c-chip-group__list {
2845
+ row-gap: var(--pf-v5-c-chip-group__list--RowGap);
2846
+ column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
2849
2847
  }
2850
2848
 
2851
- .pf-v5-c-chip__actions .pf-v5-c-button {
2852
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-chip__actions--c-button--PaddingTop);
2853
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-chip__actions--c-button--PaddingRight);
2854
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-chip__actions--c-button--PaddingBottom);
2855
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-chip__actions--c-button--PaddingLeft);
2856
- --pf-v5-c-button--FontSize: var(--pf-v5-c-chip__actions--c-button--FontSize);
2857
- margin-block-start: var(--pf-v5-c-chip__actions--c-button--MarginTop);
2858
- margin-block-end: var(--pf-v5-c-chip__actions--c-button--MarginBottom);
2859
- margin-inline-end: var(--pf-v5-c-chip__actions--c-button--MarginRight);
2860
- line-height: 1;
2849
+ .pf-v5-c-chip-group__list-item {
2850
+ display: inline-flex;
2851
+ min-width: 0;
2861
2852
  }
2862
2853
 
2863
- :where(.pf-v5-theme-dark) .pf-v5-c-chip {
2864
- --pf-v5-c-chip--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2865
- --pf-v5-c-chip--before--BorderColor: var(--pf-v5-global--BorderColor--100);
2866
- --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
2854
+ .pf-v5-c-chip-group__label {
2855
+ overflow: hidden;
2856
+ text-overflow: ellipsis;
2857
+ white-space: nowrap;
2858
+ max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
2859
+ font-size: var(--pf-v5-c-chip-group__label--FontSize);
2860
+ }
2861
+
2862
+ .pf-v5-c-chip-group__close {
2863
+ display: flex;
2864
+ align-self: flex-start;
2865
+ margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
2866
+ margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
2867
2867
  }
2868
2868
 
2869
2869
  .pf-v5-c-clipboard-copy {
@@ -3953,69 +3953,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
3953
3953
  --pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
3954
3954
  }
3955
3955
 
3956
- .pf-v5-c-date-picker {
3957
- --pf-v5-c-date-picker--m-top__calendar--Top: 0;
3958
- --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
3959
- --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
3960
- --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
3961
- --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
3962
- --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
3963
- --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
3964
- --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
3965
- --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
3966
- --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
3967
- --pf-v5-c-date-picker__calendar--Right: auto;
3968
- --pf-v5-c-date-picker__calendar--Left: 0;
3969
- --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
3970
- --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
3971
- position: relative;
3972
- display: inline-block;
3973
- }
3974
-
3975
- .pf-v5-c-date-picker__helper-text {
3976
- margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
3977
- }
3978
-
3979
- .pf-v5-c-date-picker__input .pf-v5-c-form-control {
3980
- width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
3981
- }
3982
-
3983
- .pf-v5-c-date-picker__calendar {
3984
- position: absolute;
3985
- inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
3986
- inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
3987
- inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
3988
- z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
3989
- background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
3990
- box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
3991
- }
3992
-
3993
- .pf-v5-c-date-picker__calendar.pf-m-align-right {
3994
- --pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
3995
- --pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
3996
- }
3997
-
3998
- .pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
3999
- --pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
4000
- transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
4001
- }
4002
-
4003
- .pf-v5-c-date-picker__calendar.pf-m-static {
4004
- --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
4005
- position: static;
4006
- inset-block-start: auto;
4007
- inset-block-end: auto;
4008
- inset-inline-start: auto;
4009
- inset-inline-end: auto;
4010
- z-index: auto;
4011
- min-width: min-content;
4012
- }
4013
-
4014
- :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
4015
- --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
4016
- --pf-v5-c-date-picker__calendar--Top: 100%;
4017
- }
4018
-
4019
3956
  .pf-v5-c-description-list {
4020
3957
  --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
4021
3958
  --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
@@ -4336,25 +4273,168 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
4336
4273
  --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
4337
4274
  }
4338
4275
  }
4339
- @media (min-width: 1450px) {
4340
- .pf-v5-c-description-list.pf-m-1-col-on-2xl {
4341
- --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-1-col--GridTemplateColumns--count);
4342
- }
4343
- .pf-v5-c-description-list.pf-m-2-col-on-2xl {
4344
- --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-2-col--GridTemplateColumns--count);
4345
- }
4346
- .pf-v5-c-description-list.pf-m-3-col-on-2xl {
4347
- --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count);
4348
- }
4349
- .pf-v5-c-description-list.pf-m-horizontal-on-2xl {
4350
- --pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns);
4351
- --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateRows);
4352
- }
4353
- .pf-v5-c-description-list.pf-m-vertical-on-2xl {
4354
- --pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns);
4355
- --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
4356
- }
4276
+ @media (min-width: 1450px) {
4277
+ .pf-v5-c-description-list.pf-m-1-col-on-2xl {
4278
+ --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-1-col--GridTemplateColumns--count);
4279
+ }
4280
+ .pf-v5-c-description-list.pf-m-2-col-on-2xl {
4281
+ --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-2-col--GridTemplateColumns--count);
4282
+ }
4283
+ .pf-v5-c-description-list.pf-m-3-col-on-2xl {
4284
+ --pf-v5-c-description-list--GridTemplateColumns--count: var(--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count);
4285
+ }
4286
+ .pf-v5-c-description-list.pf-m-horizontal-on-2xl {
4287
+ --pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns);
4288
+ --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-horizontal__group--GridTemplateRows);
4289
+ }
4290
+ .pf-v5-c-description-list.pf-m-vertical-on-2xl {
4291
+ --pf-v5-c-description-list__group--GridTemplateColumns: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns);
4292
+ --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
4293
+ }
4294
+ }
4295
+ .pf-v5-c-date-picker {
4296
+ --pf-v5-c-date-picker--m-top__calendar--Top: 0;
4297
+ --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
4298
+ --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
4299
+ --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
4300
+ --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
4301
+ --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
4302
+ --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
4303
+ --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
4304
+ --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
4305
+ --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
4306
+ --pf-v5-c-date-picker__calendar--Right: auto;
4307
+ --pf-v5-c-date-picker__calendar--Left: 0;
4308
+ --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
4309
+ --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
4310
+ position: relative;
4311
+ display: inline-block;
4312
+ }
4313
+
4314
+ .pf-v5-c-date-picker__helper-text {
4315
+ margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
4316
+ }
4317
+
4318
+ .pf-v5-c-date-picker__input .pf-v5-c-form-control {
4319
+ width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
4320
+ }
4321
+
4322
+ .pf-v5-c-date-picker__calendar {
4323
+ position: absolute;
4324
+ inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
4325
+ inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
4326
+ inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
4327
+ z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
4328
+ background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
4329
+ box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
4330
+ }
4331
+
4332
+ .pf-v5-c-date-picker__calendar.pf-m-align-right {
4333
+ --pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
4334
+ --pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
4335
+ }
4336
+
4337
+ .pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
4338
+ --pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
4339
+ transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
4340
+ }
4341
+
4342
+ .pf-v5-c-date-picker__calendar.pf-m-static {
4343
+ --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
4344
+ position: static;
4345
+ inset-block-start: auto;
4346
+ inset-block-end: auto;
4347
+ inset-inline-start: auto;
4348
+ inset-inline-end: auto;
4349
+ z-index: auto;
4350
+ min-width: min-content;
4351
+ }
4352
+
4353
+ :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
4354
+ --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
4355
+ --pf-v5-c-date-picker__calendar--Top: 100%;
4356
+ }
4357
+
4358
+ .pf-v5-c-draggable {
4359
+ --pf-v5-c-draggable--Cursor: auto;
4360
+ --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
4361
+ --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
4362
+ --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
4363
+ --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
4364
+ --pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
4365
+ --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
4366
+ cursor: var(--pf-v5-c-draggable--Cursor);
4367
+ }
4368
+
4369
+ .pf-v5-c-draggable.pf-m-dragging {
4370
+ --pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
4371
+ position: relative;
4372
+ background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
4373
+ box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
4374
+ }
4375
+
4376
+ .pf-v5-c-draggable.pf-m-dragging::after {
4377
+ position: absolute;
4378
+ inset-block-start: 0;
4379
+ inset-block-end: 0;
4380
+ inset-inline-start: 0;
4381
+ inset-inline-end: 0;
4382
+ content: "";
4383
+ border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
4384
+ }
4385
+
4386
+ .pf-v5-c-draggable.pf-m-drag-outside {
4387
+ --pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
4388
+ --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
4389
+ }
4390
+
4391
+ .pf-v5-c-droppable {
4392
+ --pf-v5-c-droppable--before--BackgroundColor: transparent;
4393
+ --pf-v5-c-droppable--before--Opacity: 0;
4394
+ --pf-v5-c-droppable--after--BorderWidth: 0;
4395
+ --pf-v5-c-droppable--after--BorderColor: transparent;
4396
+ --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
4397
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
4398
+ --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
4399
+ --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
4400
+ --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
4401
+ }
4402
+
4403
+ .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
4404
+ position: absolute;
4405
+ inset-block-start: 0;
4406
+ inset-block-end: 0;
4407
+ inset-inline-start: 0;
4408
+ inset-inline-end: 0;
4409
+ pointer-events: none;
4410
+ content: "";
4411
+ }
4412
+
4413
+ .pf-v5-c-droppable::before {
4414
+ background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
4415
+ opacity: var(--pf-v5-c-droppable--before--Opacity);
4416
+ }
4417
+
4418
+ .pf-v5-c-droppable::after {
4419
+ border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
4420
+ }
4421
+
4422
+ .pf-v5-c-droppable.pf-m-dragging {
4423
+ --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
4424
+ --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
4425
+ --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
4426
+ --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
4427
+ position: relative;
4428
+ }
4429
+
4430
+ .pf-v5-c-droppable.pf-m-drag-outside {
4431
+ --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
4432
+ }
4433
+
4434
+ :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
4435
+ --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
4357
4436
  }
4437
+
4358
4438
  .pf-v5-c-divider {
4359
4439
  --pf-v5-hidden-visible--hidden--Display: none;
4360
4440
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -4755,86 +4835,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
4755
4835
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
4756
4836
  }
4757
4837
  }
4758
- .pf-v5-c-draggable {
4759
- --pf-v5-c-draggable--Cursor: auto;
4760
- --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
4761
- --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
4762
- --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
4763
- --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
4764
- --pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
4765
- --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
4766
- cursor: var(--pf-v5-c-draggable--Cursor);
4767
- }
4768
-
4769
- .pf-v5-c-draggable.pf-m-dragging {
4770
- --pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
4771
- position: relative;
4772
- background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
4773
- box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
4774
- }
4775
-
4776
- .pf-v5-c-draggable.pf-m-dragging::after {
4777
- position: absolute;
4778
- inset-block-start: 0;
4779
- inset-block-end: 0;
4780
- inset-inline-start: 0;
4781
- inset-inline-end: 0;
4782
- content: "";
4783
- border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
4784
- }
4785
-
4786
- .pf-v5-c-draggable.pf-m-drag-outside {
4787
- --pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
4788
- --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
4789
- }
4790
-
4791
- .pf-v5-c-droppable {
4792
- --pf-v5-c-droppable--before--BackgroundColor: transparent;
4793
- --pf-v5-c-droppable--before--Opacity: 0;
4794
- --pf-v5-c-droppable--after--BorderWidth: 0;
4795
- --pf-v5-c-droppable--after--BorderColor: transparent;
4796
- --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
4797
- --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
4798
- --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
4799
- --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
4800
- --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
4801
- }
4802
-
4803
- .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
4804
- position: absolute;
4805
- inset-block-start: 0;
4806
- inset-block-end: 0;
4807
- inset-inline-start: 0;
4808
- inset-inline-end: 0;
4809
- pointer-events: none;
4810
- content: "";
4811
- }
4812
-
4813
- .pf-v5-c-droppable::before {
4814
- background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
4815
- opacity: var(--pf-v5-c-droppable--before--Opacity);
4816
- }
4817
-
4818
- .pf-v5-c-droppable::after {
4819
- border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
4820
- }
4821
-
4822
- .pf-v5-c-droppable.pf-m-dragging {
4823
- --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
4824
- --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
4825
- --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
4826
- --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
4827
- position: relative;
4828
- }
4829
-
4830
- .pf-v5-c-droppable.pf-m-drag-outside {
4831
- --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
4832
- }
4833
-
4834
- :where(.pf-v5-theme-dark) .pf-v5-c-droppable {
4835
- --pf-v5-c-droppable--m-dragging--before--Opacity: .2;
4836
- }
4837
-
4838
4838
  .pf-v5-c-drawer {
4839
4839
  --pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
4840
4840
  --pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
@@ -5630,80 +5630,201 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
5630
5630
  display: none;
5631
5631
  }
5632
5632
  }
5633
- @media (min-width: 1450px) {
5634
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
5635
- .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
5636
- flex-shrink: 1;
5637
- }
5638
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
5639
- .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5640
- --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
5641
- }
5642
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
5643
- .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
5644
- background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
5645
- }
5646
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
5647
- overflow-x: auto;
5648
- }
5649
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5650
- margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5651
- transform: translateX(100%);
5652
- }
5653
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5654
- transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
5655
- }
5656
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5657
- margin-inline-start: 0;
5658
- transform: translateX(0);
5659
- }
5660
- .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5661
- display: unset;
5662
- }
5663
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5664
- margin-inline-start: 0;
5665
- margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5666
- transform: translateX(-100%);
5667
- }
5668
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5669
- transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
5670
- }
5671
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5672
- margin-inline-end: 0;
5673
- transform: translateX(0);
5674
- }
5675
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5676
- display: unset;
5677
- }
5678
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5679
- margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5680
- transform: translateY(100%);
5681
- }
5682
- .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5683
- margin-block-end: 0;
5684
- transform: translateY(0);
5685
- }
5686
- .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5687
- transform: translateX(0);
5688
- }
5689
- .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5690
- margin-inline-end: 0;
5691
- transform: translateX(0);
5692
- }
5693
- .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5694
- transform: translateX(0);
5695
- }
5696
- .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5697
- display: none;
5698
- }
5633
+ @media (min-width: 1450px) {
5634
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content,
5635
+ .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
5636
+ flex-shrink: 1;
5637
+ }
5638
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel,
5639
+ .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5640
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: none;
5641
+ }
5642
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after,
5643
+ .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border)::after {
5644
+ background-color: var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
5645
+ }
5646
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
5647
+ overflow-x: auto;
5648
+ }
5649
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5650
+ margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5651
+ transform: translateX(100%);
5652
+ }
5653
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5654
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
5655
+ }
5656
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5657
+ margin-inline-start: 0;
5658
+ transform: translateX(0);
5659
+ }
5660
+ .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5661
+ display: unset;
5662
+ }
5663
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5664
+ margin-inline-start: 0;
5665
+ margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5666
+ transform: translateX(-100%);
5667
+ }
5668
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5669
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
5670
+ }
5671
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5672
+ margin-inline-end: 0;
5673
+ transform: translateX(0);
5674
+ }
5675
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5676
+ display: unset;
5677
+ }
5678
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5679
+ margin-block-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
5680
+ transform: translateY(100%);
5681
+ }
5682
+ .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5683
+ margin-block-end: 0;
5684
+ transform: translateY(0);
5685
+ }
5686
+ .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5687
+ transform: translateX(0);
5688
+ }
5689
+ .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5690
+ margin-inline-end: 0;
5691
+ transform: translateX(0);
5692
+ }
5693
+ .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
5694
+ transform: translateX(0);
5695
+ }
5696
+ .pf-v5-c-drawer.pf-m-static-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel > .pf-v5-c-drawer__body > .pf-v5-c-drawer__head .pf-v5-c-drawer__close {
5697
+ display: none;
5698
+ }
5699
+ }
5700
+ :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
5701
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
5702
+ --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
5703
+ }
5704
+
5705
+ :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
5706
+ --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
5707
+ }
5708
+
5709
+ .pf-v5-c-empty-state {
5710
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
5711
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
5712
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
5713
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
5714
+ --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
5715
+ --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
5716
+ --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
5717
+ --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
5718
+ --pf-v5-c-empty-state__content--MaxWidth: none;
5719
+ --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
5720
+ --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
5721
+ --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
5722
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
5723
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
5724
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
5725
+ --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
5726
+ --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
5727
+ --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
5728
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
5729
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
5730
+ --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
5731
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
5732
+ --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
5733
+ --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
5734
+ --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
5735
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
5736
+ --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
5737
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
5738
+ --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
5739
+ --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
5740
+ --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
5741
+ --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
5742
+ --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
5743
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
5744
+ --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
5745
+ --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
5746
+ --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
5747
+ display: flex;
5748
+ align-items: center;
5749
+ justify-content: center;
5750
+ padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
5751
+ padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
5752
+ padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
5753
+ padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
5754
+ text-align: center;
5755
+ }
5756
+
5757
+ .pf-v5-c-empty-state.pf-m-xs {
5758
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
5759
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
5760
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
5761
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
5762
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
5763
+ --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
5764
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
5765
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
5766
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
5767
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
5768
+ }
5769
+
5770
+ .pf-v5-c-empty-state.pf-m-sm {
5771
+ --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
5772
+ }
5773
+
5774
+ .pf-v5-c-empty-state.pf-m-lg {
5775
+ --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
5776
+ }
5777
+
5778
+ .pf-v5-c-empty-state.pf-m-xl {
5779
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
5780
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
5781
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
5782
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
5783
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
5784
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
5785
+ }
5786
+
5787
+ .pf-v5-c-empty-state.pf-m-full-height {
5788
+ height: 100%;
5699
5789
  }
5700
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer {
5701
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
5702
- --pf-v5-c-drawer__splitter--BackgroundColor: transparent;
5790
+
5791
+ .pf-v5-c-empty-state__content {
5792
+ max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
5703
5793
  }
5704
5794
 
5705
- :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static {
5706
- --pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
5795
+ .pf-v5-c-empty-state__icon {
5796
+ margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
5797
+ font-size: var(--pf-v5-c-empty-state__icon--FontSize);
5798
+ line-height: 1;
5799
+ color: var(--pf-v5-c-empty-state__icon--Color);
5800
+ }
5801
+
5802
+ .pf-v5-c-empty-state__title-text {
5803
+ font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
5804
+ font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
5805
+ font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
5806
+ line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
5807
+ }
5808
+
5809
+ .pf-v5-c-empty-state__body {
5810
+ margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
5811
+ font-size: var(--pf-v5-c-empty-state--body--FontSize);
5812
+ color: var(--pf-v5-c-empty-state__body--Color);
5813
+ }
5814
+
5815
+ .pf-v5-c-empty-state__footer {
5816
+ display: flex;
5817
+ flex-direction: column;
5818
+ row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
5819
+ align-items: center;
5820
+ margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
5821
+ }
5822
+
5823
+ .pf-v5-c-empty-state__actions {
5824
+ display: flex;
5825
+ flex-wrap: wrap;
5826
+ gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
5827
+ justify-content: center;
5707
5828
  }
5708
5829
 
5709
5830
  .pf-v5-c-dual-list-selector {
@@ -6051,125 +6172,73 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
6051
6172
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
6052
6173
  }
6053
6174
 
6054
- .pf-v5-c-empty-state {
6055
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
6056
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
6057
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
6058
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
6059
- --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
6060
- --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
6061
- --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
6062
- --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
6063
- --pf-v5-c-empty-state__content--MaxWidth: none;
6064
- --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
6065
- --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
6066
- --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
6067
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
6068
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
6069
- --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
6070
- --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
6071
- --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
6072
- --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
6073
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
6074
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
6075
- --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
6076
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
6077
- --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
6078
- --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
6079
- --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
6080
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
6081
- --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
6082
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
6083
- --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
6084
- --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
6085
- --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
6086
- --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
6087
- --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
6088
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
6089
- --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
6090
- --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
6091
- --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
6175
+ .pf-v5-c-file-upload {
6176
+ --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6177
+ --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
6178
+ --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
6179
+ --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
6180
+ --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
6181
+ --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
6182
+ --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
6183
+ --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
6184
+ --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
6185
+ --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
6186
+ --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
6187
+ position: relative;
6092
6188
  display: flex;
6093
- align-items: center;
6094
- justify-content: center;
6095
- padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
6096
- padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
6097
- padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
6098
- padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
6099
- text-align: center;
6100
- }
6101
-
6102
- .pf-v5-c-empty-state.pf-m-xs {
6103
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
6104
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
6105
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
6106
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
6107
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
6108
- --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
6109
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
6110
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
6111
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
6112
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
6113
- }
6114
-
6115
- .pf-v5-c-empty-state.pf-m-sm {
6116
- --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
6117
- }
6118
-
6119
- .pf-v5-c-empty-state.pf-m-lg {
6120
- --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
6121
- }
6122
-
6123
- .pf-v5-c-empty-state.pf-m-xl {
6124
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
6125
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
6126
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
6127
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
6128
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
6129
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
6189
+ flex-direction: column;
6130
6190
  }
6131
6191
 
6132
- .pf-v5-c-empty-state.pf-m-full-height {
6133
- height: 100%;
6192
+ .pf-v5-c-file-upload.pf-m-drag-hover::before {
6193
+ position: absolute;
6194
+ inset: 0;
6195
+ z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
6196
+ content: "";
6197
+ border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
6134
6198
  }
6135
6199
 
6136
- .pf-v5-c-empty-state__content {
6137
- max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
6200
+ .pf-v5-c-file-upload.pf-m-drag-hover::after {
6201
+ position: absolute;
6202
+ inset: 0;
6203
+ content: "";
6204
+ background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
6205
+ opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
6138
6206
  }
6139
6207
 
6140
- .pf-v5-c-empty-state__icon {
6141
- margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
6142
- font-size: var(--pf-v5-c-empty-state__icon--FontSize);
6143
- line-height: 1;
6144
- color: var(--pf-v5-c-empty-state__icon--Color);
6208
+ .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
6209
+ position: relative;
6145
6210
  }
6146
6211
 
6147
- .pf-v5-c-empty-state__title-text {
6148
- font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
6149
- font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
6150
- font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
6151
- line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
6212
+ .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
6213
+ position: absolute;
6214
+ inset-block-start: 0;
6215
+ inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6216
+ inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6217
+ inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6218
+ content: "";
6219
+ background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
6152
6220
  }
6153
6221
 
6154
- .pf-v5-c-empty-state__body {
6155
- margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
6156
- font-size: var(--pf-v5-c-empty-state--body--FontSize);
6157
- color: var(--pf-v5-c-empty-state__body--Color);
6222
+ .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
6223
+ outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6158
6224
  }
6159
6225
 
6160
- .pf-v5-c-empty-state__footer {
6226
+ .pf-v5-c-file-upload__file-details {
6227
+ position: relative;
6161
6228
  display: flex;
6162
- flex-direction: column;
6163
- row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
6164
- align-items: center;
6165
- margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
6166
6229
  }
6167
6230
 
6168
- .pf-v5-c-empty-state__actions {
6169
- display: flex;
6170
- flex-wrap: wrap;
6171
- gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
6172
- justify-content: center;
6231
+ .pf-v5-c-file-upload__file-details .pf-v5-c-form-control {
6232
+ flex: 1 1 auto;
6233
+ min-height: var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight);
6234
+ border-block-start: 0;
6235
+ }
6236
+
6237
+ .pf-v5-c-file-upload__file-details-spinner {
6238
+ position: absolute;
6239
+ inset-block-start: 50%;
6240
+ inset-inline-start: 50%;
6241
+ transform: translate(-50%, -50%);
6173
6242
  }
6174
6243
 
6175
6244
  .pf-v5-c-expandable-section {
@@ -6324,75 +6393,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
6324
6393
  margin-block-start: var(--pf-v5-c-expandable-section__content--MarginTop);
6325
6394
  }
6326
6395
 
6327
- .pf-v5-c-file-upload {
6328
- --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
6329
- --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
6330
- --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
6331
- --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
6332
- --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
6333
- --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
6334
- --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
6335
- --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
6336
- --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
6337
- --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
6338
- --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
6339
- position: relative;
6340
- display: flex;
6341
- flex-direction: column;
6342
- }
6343
-
6344
- .pf-v5-c-file-upload.pf-m-drag-hover::before {
6345
- position: absolute;
6346
- inset: 0;
6347
- z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
6348
- content: "";
6349
- border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
6350
- }
6351
-
6352
- .pf-v5-c-file-upload.pf-m-drag-hover::after {
6353
- position: absolute;
6354
- inset: 0;
6355
- content: "";
6356
- background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
6357
- opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
6358
- }
6359
-
6360
- .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
6361
- position: relative;
6362
- }
6363
-
6364
- .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
6365
- position: absolute;
6366
- inset-block-start: 0;
6367
- inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6368
- inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6369
- inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
6370
- content: "";
6371
- background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
6372
- }
6373
-
6374
- .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
6375
- outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6376
- }
6377
-
6378
- .pf-v5-c-file-upload__file-details {
6379
- position: relative;
6380
- display: flex;
6381
- }
6382
-
6383
- .pf-v5-c-file-upload__file-details .pf-v5-c-form-control {
6384
- flex: 1 1 auto;
6385
- min-height: var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight);
6386
- border-block-start: 0;
6387
- }
6388
-
6389
- .pf-v5-c-file-upload__file-details-spinner {
6390
- position: absolute;
6391
- inset-block-start: 50%;
6392
- inset-inline-start: 50%;
6393
- transform: translate(-50%, -50%);
6394
- }
6395
-
6396
6396
  .pf-v5-c-form {
6397
6397
  --pf-v5-c-form--GridGap: var(--pf-v5-global--gutter--md);
6398
6398
  --pf-v5-c-form__group--m-action--MarginTop: var(--pf-v5-global--spacer--xl);
@@ -8257,184 +8257,34 @@ label.pf-v5-c-input-group__text {
8257
8257
  }
8258
8258
  .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
8259
8259
  --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8260
- }
8261
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
8262
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8263
- }
8264
- }
8265
- @media (min-width: 1450px) {
8266
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
8267
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8268
- }
8269
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
8270
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8271
- }
8272
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
8273
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8274
- }
8275
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
8276
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8277
- }
8278
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
8279
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8280
- }
8281
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
8282
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8283
- }
8284
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
8285
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8286
- }
8287
- }
8288
- .pf-v5-c-label-group {
8289
- --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8290
- --pf-v5-c-label-group--ColumnGap: 0;
8291
- --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8292
- --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8293
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8294
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8295
- --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8296
- --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8297
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8298
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8299
- --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8300
- --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8301
- --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8302
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8303
- --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8304
- --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8305
- --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8306
- --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8307
- --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8308
- --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8309
- --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8310
- --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8311
- --pf-v5-c-label-group__label--MaxWidth: 18ch;
8312
- --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8313
- --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8314
- --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8315
- --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8316
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8317
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8318
- --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8319
- --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8320
- --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8321
- --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8322
- --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8323
- display: inline-flex;
8324
- row-gap: var(--pf-v5-c-label-group--RowGap);
8325
- column-gap: var(--pf-v5-c-label-group--ColumnGap);
8326
- align-items: center;
8327
- }
8328
-
8329
- .pf-v5-c-label-group.pf-m-category {
8330
- padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8331
- padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8332
- padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8333
- padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8334
- background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8335
- border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8336
- border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
8337
- }
8338
-
8339
- .pf-v5-c-label-group.pf-m-vertical {
8340
- --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8341
- --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8342
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8343
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8344
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8345
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8346
- --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8347
- --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8348
- --pf-v5-c-label-group__close--MarginBottom: 0;
8349
- --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8350
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
8351
- }
8352
-
8353
- .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8354
- align-items: flex-start;
8355
- }
8356
-
8357
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8358
- flex-direction: column;
8359
- align-items: flex-start;
8360
- }
8361
-
8362
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
8363
- flex-direction: column;
8364
- }
8365
-
8366
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
8367
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
8368
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
8369
- }
8370
-
8371
- .pf-v5-c-label-group.pf-m-editable,
8372
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8373
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
8374
- display: flex;
8375
- }
8376
-
8377
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8378
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
8379
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
8380
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
8381
- flex: 1;
8382
- }
8383
-
8384
- .pf-v5-c-label-group__main {
8385
- display: flex;
8386
- flex: 1;
8387
- flex-wrap: wrap;
8388
- row-gap: var(--pf-v5-c-label-group__main--RowGap);
8389
- column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
8390
- align-items: baseline;
8391
- }
8392
-
8393
- .pf-v5-c-label-group__list {
8394
- display: inline-flex;
8395
- flex-wrap: wrap;
8396
- row-gap: var(--pf-v5-c-label-group__list--RowGap);
8397
- column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
8398
- }
8399
-
8400
- .pf-v5-c-label-group__list-item {
8401
- display: inline-flex;
8402
- }
8403
-
8404
- .pf-v5-c-label-group__label {
8405
- overflow: hidden;
8406
- text-overflow: ellipsis;
8407
- white-space: nowrap;
8408
- max-width: var(--pf-v5-c-label-group__label--MaxWidth);
8409
- font-size: var(--pf-v5-c-label-group__label--FontSize);
8410
- }
8411
-
8412
- .pf-v5-c-label-group__close {
8413
- display: flex;
8414
- align-self: flex-start;
8415
- margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
8416
- margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
8417
- margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
8418
- margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
8419
- }
8420
-
8421
- .pf-v5-c-label-group__textarea {
8422
- min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
8423
- padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
8424
- padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
8425
- padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
8426
- padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
8427
- white-space: nowrap;
8428
- resize: none;
8429
- border: 0;
8430
- -ms-overflow-style: none;
8431
- scrollbar-width: none;
8260
+ }
8261
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
8262
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8263
+ }
8432
8264
  }
8433
-
8434
- .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8435
- display: none;
8265
+ @media (min-width: 1450px) {
8266
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
8267
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8268
+ }
8269
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
8270
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8271
+ }
8272
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
8273
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8274
+ }
8275
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
8276
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8277
+ }
8278
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
8279
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8280
+ }
8281
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
8282
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8283
+ }
8284
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
8285
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8286
+ }
8436
8287
  }
8437
-
8438
8288
  .pf-v5-c-label {
8439
8289
  --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
8440
8290
  --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8929,6 +8779,156 @@ button.pf-v5-c-label__content:focus {
8929
8779
  --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8930
8780
  }
8931
8781
 
8782
+ .pf-v5-c-label-group {
8783
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8784
+ --pf-v5-c-label-group--ColumnGap: 0;
8785
+ --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8786
+ --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8787
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8788
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8789
+ --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8790
+ --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8791
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8792
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8793
+ --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8794
+ --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8795
+ --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8796
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8797
+ --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8798
+ --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8799
+ --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8800
+ --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8801
+ --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8802
+ --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8803
+ --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8804
+ --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8805
+ --pf-v5-c-label-group__label--MaxWidth: 18ch;
8806
+ --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8807
+ --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8808
+ --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8809
+ --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8810
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8811
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8812
+ --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8813
+ --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8814
+ --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8815
+ --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8816
+ --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8817
+ display: inline-flex;
8818
+ row-gap: var(--pf-v5-c-label-group--RowGap);
8819
+ column-gap: var(--pf-v5-c-label-group--ColumnGap);
8820
+ align-items: center;
8821
+ }
8822
+
8823
+ .pf-v5-c-label-group.pf-m-category {
8824
+ padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8825
+ padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8826
+ padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8827
+ padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8828
+ background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8829
+ border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8830
+ border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
8831
+ }
8832
+
8833
+ .pf-v5-c-label-group.pf-m-vertical {
8834
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8835
+ --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8836
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8837
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8838
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8839
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8840
+ --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8841
+ --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8842
+ --pf-v5-c-label-group__close--MarginBottom: 0;
8843
+ --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8844
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
8845
+ }
8846
+
8847
+ .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8848
+ align-items: flex-start;
8849
+ }
8850
+
8851
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8852
+ flex-direction: column;
8853
+ align-items: flex-start;
8854
+ }
8855
+
8856
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
8857
+ flex-direction: column;
8858
+ }
8859
+
8860
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
8861
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
8862
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
8863
+ }
8864
+
8865
+ .pf-v5-c-label-group.pf-m-editable,
8866
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8867
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
8868
+ display: flex;
8869
+ }
8870
+
8871
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8872
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
8873
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
8874
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
8875
+ flex: 1;
8876
+ }
8877
+
8878
+ .pf-v5-c-label-group__main {
8879
+ display: flex;
8880
+ flex: 1;
8881
+ flex-wrap: wrap;
8882
+ row-gap: var(--pf-v5-c-label-group__main--RowGap);
8883
+ column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
8884
+ align-items: baseline;
8885
+ }
8886
+
8887
+ .pf-v5-c-label-group__list {
8888
+ display: inline-flex;
8889
+ flex-wrap: wrap;
8890
+ row-gap: var(--pf-v5-c-label-group__list--RowGap);
8891
+ column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
8892
+ }
8893
+
8894
+ .pf-v5-c-label-group__list-item {
8895
+ display: inline-flex;
8896
+ }
8897
+
8898
+ .pf-v5-c-label-group__label {
8899
+ overflow: hidden;
8900
+ text-overflow: ellipsis;
8901
+ white-space: nowrap;
8902
+ max-width: var(--pf-v5-c-label-group__label--MaxWidth);
8903
+ font-size: var(--pf-v5-c-label-group__label--FontSize);
8904
+ }
8905
+
8906
+ .pf-v5-c-label-group__close {
8907
+ display: flex;
8908
+ align-self: flex-start;
8909
+ margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
8910
+ margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
8911
+ margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
8912
+ margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
8913
+ }
8914
+
8915
+ .pf-v5-c-label-group__textarea {
8916
+ min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
8917
+ padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
8918
+ padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
8919
+ padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
8920
+ padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
8921
+ white-space: nowrap;
8922
+ resize: none;
8923
+ border: 0;
8924
+ -ms-overflow-style: none;
8925
+ scrollbar-width: none;
8926
+ }
8927
+
8928
+ .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8929
+ display: none;
8930
+ }
8931
+
8932
8932
  .pf-v5-c-list {
8933
8933
  --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
8934
8934
  --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -13967,19 +13967,93 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
13967
13967
  scale: -1 1;
13968
13968
  }
13969
13969
 
13970
- .pf-v5-c-notification-drawer__group.pf-m-expanded .pf-v5-c-notification-drawer__group-toggle-icon {
13971
- transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
13970
+ .pf-v5-c-notification-drawer__group.pf-m-expanded .pf-v5-c-notification-drawer__group-toggle-icon {
13971
+ transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
13972
+ }
13973
+
13974
+ :where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
13975
+ --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13976
+ --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13977
+ --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13978
+ --pf-v5-c-notification-drawer__list-item--BoxShadow: none;
13979
+ --pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
13980
+ --pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13981
+ --pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
13982
+ --pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13983
+ }
13984
+
13985
+ .pf-v5-c-overflow-menu {
13986
+ --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
13987
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
13988
+ --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13989
+ --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13990
+ --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13991
+ --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13992
+ --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
13993
+ --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13994
+ --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
13995
+ display: inline-flex;
13996
+ align-items: center;
13997
+ }
13998
+
13999
+ .pf-v5-c-overflow-menu__content {
14000
+ display: flex;
14001
+ align-items: center;
14002
+ }
14003
+
14004
+ .pf-v5-c-overflow-menu__group {
14005
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
14006
+ display: flex;
14007
+ align-items: center;
14008
+ }
14009
+
14010
+ .pf-v5-c-overflow-menu__group.pf-m-button-group {
14011
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
14012
+ }
14013
+
14014
+ .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
14015
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
14016
+ }
14017
+
14018
+ .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
14019
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
14020
+ }
14021
+
14022
+ .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
14023
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
14024
+ }
14025
+
14026
+ .pf-v5-c-overflow-menu__item {
14027
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
14028
+ }
14029
+
14030
+ .pf-v5-c-overflow-menu__content,
14031
+ .pf-v5-c-overflow-menu__control,
14032
+ .pf-v5-c-overflow-menu__group,
14033
+ .pf-v5-c-overflow-menu__item {
14034
+ margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
14035
+ }
14036
+
14037
+ .pf-v5-c-overflow-menu__content:last-child,
14038
+ .pf-v5-c-overflow-menu__control:last-child,
14039
+ .pf-v5-c-overflow-menu__group:last-child,
14040
+ .pf-v5-c-overflow-menu__item:last-child {
14041
+ --pf-v5-c-overflow-menu--spacer: 0;
14042
+ }
14043
+
14044
+ .pf-v5-c-overflow-menu > .pf-v5-c-divider,
14045
+ .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
14046
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
14047
+ }
14048
+
14049
+ .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
14050
+ .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
14051
+ margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
13972
14052
  }
13973
14053
 
13974
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-drawer {
13975
- --pf-v5-c-notification-drawer--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13976
- --pf-v5-c-notification-drawer__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13977
- --pf-v5-c-notification-drawer__list-item--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13978
- --pf-v5-c-notification-drawer__list-item--BoxShadow: none;
13979
- --pf-v5-c-notification-drawer__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
13980
- --pf-v5-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
13981
- --pf-v5-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
13982
- --pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
14054
+ .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
14055
+ .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
14056
+ --pf-v5-c-overflow-menu--spacer: 0;
13983
14057
  }
13984
14058
 
13985
14059
  .pf-v5-c-page__sidebar.pf-m-light {
@@ -15109,80 +15183,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
15109
15183
  color: var(--pf-v5-global--Color--100);
15110
15184
  }
15111
15185
 
15112
- .pf-v5-c-overflow-menu {
15113
- --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
15114
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
15115
- --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
15116
- --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
15117
- --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
15118
- --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
15119
- --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
15120
- --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
15121
- --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
15122
- display: inline-flex;
15123
- align-items: center;
15124
- }
15125
-
15126
- .pf-v5-c-overflow-menu__content {
15127
- display: flex;
15128
- align-items: center;
15129
- }
15130
-
15131
- .pf-v5-c-overflow-menu__group {
15132
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
15133
- display: flex;
15134
- align-items: center;
15135
- }
15136
-
15137
- .pf-v5-c-overflow-menu__group.pf-m-button-group {
15138
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
15139
- }
15140
-
15141
- .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
15142
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
15143
- }
15144
-
15145
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
15146
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
15147
- }
15148
-
15149
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
15150
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
15151
- }
15152
-
15153
- .pf-v5-c-overflow-menu__item {
15154
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
15155
- }
15156
-
15157
- .pf-v5-c-overflow-menu__content,
15158
- .pf-v5-c-overflow-menu__control,
15159
- .pf-v5-c-overflow-menu__group,
15160
- .pf-v5-c-overflow-menu__item {
15161
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
15162
- }
15163
-
15164
- .pf-v5-c-overflow-menu__content:last-child,
15165
- .pf-v5-c-overflow-menu__control:last-child,
15166
- .pf-v5-c-overflow-menu__group:last-child,
15167
- .pf-v5-c-overflow-menu__item:last-child {
15168
- --pf-v5-c-overflow-menu--spacer: 0;
15169
- }
15170
-
15171
- .pf-v5-c-overflow-menu > .pf-v5-c-divider,
15172
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
15173
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
15174
- }
15175
-
15176
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
15177
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
15178
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
15179
- }
15180
-
15181
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
15182
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
15183
- --pf-v5-c-overflow-menu--spacer: 0;
15184
- }
15185
-
15186
15186
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
15187
15187
  appearance: textfield;
15188
15188
  }
@@ -22182,6 +22182,87 @@ label.pf-v5-c-tree-view__node-text {
22182
22182
  direction: rtl;
22183
22183
  }
22184
22184
  }
22185
+ .pf-v5-l-gallery {
22186
+ --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
22187
+ --pf-v5-l-gallery--GridTemplateColumns--min: 250px;
22188
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
22189
+ --pf-v5-l-gallery--GridTemplateColumns--max: 1fr;
22190
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
22191
+ --pf-v5-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v5-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v5-l-gallery--GridTemplateColumns--minmax--max)));
22192
+ --pf-v5-l-gallery--GridTemplateRows: auto;
22193
+ display: grid;
22194
+ grid-template-rows: var(--pf-v5-l-gallery--GridTemplateRows);
22195
+ grid-template-columns: var(--pf-v5-l-gallery--GridTemplateColumns);
22196
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
22197
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
22198
+ }
22199
+
22200
+ .pf-v5-l-gallery.pf-m-gutter {
22201
+ grid-gap: var(--pf-v5-l-gallery--m-gutter--GridGap);
22202
+ }
22203
+
22204
+ @media (min-width: 576px) {
22205
+ .pf-v5-l-gallery {
22206
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min));
22207
+ }
22208
+ }
22209
+ @media (min-width: 768px) {
22210
+ .pf-v5-l-gallery {
22211
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)));
22212
+ }
22213
+ }
22214
+ @media (min-width: 992px) {
22215
+ .pf-v5-l-gallery {
22216
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))));
22217
+ }
22218
+ }
22219
+ @media (min-width: 1200px) {
22220
+ .pf-v5-l-gallery {
22221
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)))));
22222
+ }
22223
+ }
22224
+ @media (min-width: 1450px) {
22225
+ .pf-v5-l-gallery {
22226
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))))));
22227
+ }
22228
+ }
22229
+ @media (min-width: 576px) {
22230
+ .pf-v5-l-gallery {
22231
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max));
22232
+ }
22233
+ }
22234
+ @media (min-width: 768px) {
22235
+ .pf-v5-l-gallery {
22236
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)));
22237
+ }
22238
+ }
22239
+ @media (min-width: 992px) {
22240
+ .pf-v5-l-gallery {
22241
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))));
22242
+ }
22243
+ }
22244
+ @media (min-width: 1200px) {
22245
+ .pf-v5-l-gallery {
22246
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)))));
22247
+ }
22248
+ }
22249
+ @media (min-width: 1450px) {
22250
+ .pf-v5-l-gallery {
22251
+ --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))))));
22252
+ }
22253
+ }
22254
+ .pf-v5-l-level {
22255
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
22256
+ display: flex;
22257
+ flex-wrap: wrap;
22258
+ align-items: center;
22259
+ justify-content: space-between;
22260
+ }
22261
+
22262
+ .pf-v5-l-level.pf-m-gutter {
22263
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
22264
+ }
22265
+
22185
22266
  .pf-v5-l-flex {
22186
22267
  --pf-v5-l-flex--Display: flex;
22187
22268
  --pf-v5-l-flex--FlexWrap: wrap;
@@ -24675,75 +24756,6 @@ label.pf-v5-c-tree-view__node-text {
24675
24756
  --pf-v5-l-flex--spacer--column: 0;
24676
24757
  }
24677
24758
  }
24678
- .pf-v5-l-gallery {
24679
- --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
24680
- --pf-v5-l-gallery--GridTemplateColumns--min: 250px;
24681
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
24682
- --pf-v5-l-gallery--GridTemplateColumns--max: 1fr;
24683
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
24684
- --pf-v5-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v5-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v5-l-gallery--GridTemplateColumns--minmax--max)));
24685
- --pf-v5-l-gallery--GridTemplateRows: auto;
24686
- display: grid;
24687
- grid-template-rows: var(--pf-v5-l-gallery--GridTemplateRows);
24688
- grid-template-columns: var(--pf-v5-l-gallery--GridTemplateColumns);
24689
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
24690
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
24691
- }
24692
-
24693
- .pf-v5-l-gallery.pf-m-gutter {
24694
- grid-gap: var(--pf-v5-l-gallery--m-gutter--GridGap);
24695
- }
24696
-
24697
- @media (min-width: 576px) {
24698
- .pf-v5-l-gallery {
24699
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min));
24700
- }
24701
- }
24702
- @media (min-width: 768px) {
24703
- .pf-v5-l-gallery {
24704
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)));
24705
- }
24706
- }
24707
- @media (min-width: 992px) {
24708
- .pf-v5-l-gallery {
24709
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))));
24710
- }
24711
- }
24712
- @media (min-width: 1200px) {
24713
- .pf-v5-l-gallery {
24714
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min)))));
24715
- }
24716
- }
24717
- @media (min-width: 1450px) {
24718
- .pf-v5-l-gallery {
24719
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min))))));
24720
- }
24721
- }
24722
- @media (min-width: 576px) {
24723
- .pf-v5-l-gallery {
24724
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max));
24725
- }
24726
- }
24727
- @media (min-width: 768px) {
24728
- .pf-v5-l-gallery {
24729
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)));
24730
- }
24731
- }
24732
- @media (min-width: 992px) {
24733
- .pf-v5-l-gallery {
24734
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))));
24735
- }
24736
- }
24737
- @media (min-width: 1200px) {
24738
- .pf-v5-l-gallery {
24739
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max)))));
24740
- }
24741
- }
24742
- @media (min-width: 1450px) {
24743
- .pf-v5-l-gallery {
24744
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max))))));
24745
- }
24746
- }
24747
24759
  .pf-v5-l-grid {
24748
24760
  --pf-v5-l-grid--m-gutter--GridGap: var(--pf-v5-global--gutter);
24749
24761
  --pf-v5-l-grid__item--GridColumnStart: auto;
@@ -25728,18 +25740,6 @@ label.pf-v5-c-tree-view__node-text {
25728
25740
  grid-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
25729
25741
  }
25730
25742
 
25731
- .pf-v5-l-level {
25732
- --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
25733
- display: flex;
25734
- flex-wrap: wrap;
25735
- align-items: center;
25736
- justify-content: space-between;
25737
- }
25738
-
25739
- .pf-v5-l-level.pf-m-gutter {
25740
- gap: var(--pf-v5-l-level--m-gutter--Gap);
25741
- }
25742
-
25743
25743
  .pf-v5-l-split {
25744
25744
  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
25745
25745
  display: flex;