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

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 (130) hide show
  1. package/CHANGELOG.md +8 -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/styles/assets/pficon/pf-v5-pficon.woff2 +0 -0
  123. package/dist/styles/assets/pficon/pficon.scss +36 -0
  124. package/dist/styles/base-no-reset.css +30 -0
  125. package/dist/styles/base.css +30 -0
  126. package/dist/umd/assets/{output-DNUPDqza.css → output-Dp_mSukU.css} +1325 -1316
  127. package/helpers/package.json +1 -1
  128. package/layouts/package.json +1 -1
  129. package/next/package.json +1 -1
  130. package/package.json +6 -6
@@ -279,37 +279,6 @@
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
-
313
282
  .pf-v5-c-alert {
314
283
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
315
284
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -557,6 +526,37 @@
557
526
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
558
527
  }
559
528
 
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;
@@ -811,23 +811,6 @@
811
811
  --pf-v5-c-avatar--Height: var(--pf-v5-c-avatar--m-xl--Height-on-2xl, var(--pf-v5-c-avatar--m-xl--Height-on-xl, var(--pf-v5-c-avatar--m-xl--Height-on-lg, var(--pf-v5-c-avatar--m-xl--Height-on-md, var(--pf-v5-c-avatar--m-xl--Height-on-sm, var(--pf-v5-c-avatar--m-xl--Height))))));
812
812
  }
813
813
  }
814
- .pf-v5-c-backdrop {
815
- --pf-v5-c-backdrop--Position: fixed;
816
- --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
817
- --pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
818
- position: var(--pf-v5-c-backdrop--Position);
819
- inset-block-start: 0;
820
- inset-inline-start: 0;
821
- z-index: var(--pf-v5-c-backdrop--ZIndex);
822
- width: 100%;
823
- height: 100%;
824
- background-color: var(--pf-v5-c-backdrop--BackgroundColor);
825
- }
826
-
827
- .pf-v5-c-backdrop__open {
828
- overflow: hidden;
829
- }
830
-
831
814
  .pf-v5-c-back-to-top {
832
815
  --pf-v5-c-back-to-top--Right: var(--pf-v5-global--spacer--2xl);
833
816
  --pf-v5-c-back-to-top--Bottom: var(--pf-v5-global--spacer--lg);
@@ -888,45 +871,21 @@
888
871
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
889
872
  }
890
873
 
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);
914
- }
915
-
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);
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);
924
885
  }
925
886
 
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);
887
+ .pf-v5-c-backdrop__open {
888
+ overflow: hidden;
930
889
  }
931
890
 
932
891
  .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue {
@@ -1064,6 +1023,47 @@
1064
1023
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
1065
1024
  }
1066
1025
 
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
1067
  .pf-v5-c-brand {
1068
1068
  --pf-v5-c-brand--Width: auto;
1069
1069
  --pf-v5-c-brand--Height: auto;
@@ -1864,92 +1864,346 @@ button.pf-v5-c-breadcrumb__link {
1864
1864
  border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
1865
1865
  }
1866
1866
 
1867
- .pf-v5-c-card {
1868
- --pf-v5-c-card--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
1869
- --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
1870
- --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-global--spacer--lg);
1871
- --pf-v5-c-card--child--PaddingRight: var(--pf-v5-global--spacer--lg);
1872
- --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-global--spacer--lg);
1873
- --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
1874
- --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
1875
- --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
1876
- --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
1877
- --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
1878
- --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
1879
- --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
1880
- --pf-v5-c-card__body--FontSize: var(--pf-v5-global--FontSize--md);
1881
- --pf-v5-c-card__footer--FontSize: var(--pf-v5-global--FontSize--md);
1882
- --pf-v5-c-card__actions--PaddingLeft: var(--pf-v5-global--spacer--md);
1883
- --pf-v5-c-card__actions--Gap: var(--pf-v5-global--spacer--sm);
1884
- --pf-v5-c-card__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
1885
- --pf-v5-c-card__actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
1886
- --pf-v5-c-card__header-toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
1887
- --pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-global--spacer--xs);
1888
- --pf-v5-c-card__header-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
1889
- --pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
1890
- --pf-v5-c-card__header-toggle-icon--Transition: var(--pf-v5-global--Transition);
1891
- --pf-v5-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
1892
- --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
1893
- --pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1894
- --pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-v5-global--active-color--100);
1895
- --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--palette--black-150);
1896
- --pf-v5-c-card--m-selectable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1897
- --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
1898
- --pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-v5-global--active-color--100);
1899
- --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-v5-global--active-color--100);
1900
- --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-100);
1901
- --pf-v5-c-card--m-selectable--m-disabled--BorderColor: var(--pf-v5-global--BorderColor--100);
1902
- --pf-v5-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
1903
- --pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
1904
- --pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
1905
- --pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor: transparent;
1906
- --pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
1907
- --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--palette--black-150);
1908
- --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-v5-global--active-color--100);
1909
- --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1910
- --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
1911
- --pf-v5-c-card--m-selectable-raised--before--Right: 0;
1912
- --pf-v5-c-card--m-selectable-raised--before--Bottom: 0;
1913
- --pf-v5-c-card--m-selectable-raised--before--Left: 0;
1914
- --pf-v5-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
1915
- --pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
1916
- --pf-v5-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
1917
- --pf-v5-c-card--m-selectable-raised--before--Height: var(--pf-v5-global--BorderWidth--xl);
1918
- --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: transparent;
1919
- --pf-v5-c-card--m-selectable-raised--before--Transition: none;
1920
- --pf-v5-c-card--m-selectable-raised--before--ScaleY: 1;
1921
- --pf-v5-c-card--m-selectable-raised--before--TranslateY: 0;
1922
- --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1923
- --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
1924
- --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1925
- --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-v5-global--active-color--400);
1926
- --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1927
- --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-v5-global--active-color--400);
1928
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-v5-global--active-color--100);
1929
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1930
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
1931
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
1932
- --pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth));
1933
- --pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius));
1934
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-v5-global--ZIndex--xs);
1935
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
1936
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
1937
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
1938
- --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
1939
- --pf-v5-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
1940
- --pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-v5-global--disabled-color--200);
1941
- --pf-v5-c-card--m-non-selectable-raised--before--ScaleY: 2;
1942
- --pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-v5-global--disabled-color--200);
1943
- --pf-v5-c-card--m-compact__body--FontSize: var(--pf-v5-global--FontSize--sm);
1944
- --pf-v5-c-card--m-compact__footer--FontSize: var(--pf-v5-global--FontSize--sm);
1945
- --pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-v5-global--spacer--md);
1946
- --pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-v5-global--spacer--md);
1947
- --pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-v5-global--spacer--md);
1948
- --pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-v5-global--spacer--md);
1949
- --pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--md);
1950
- --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--sm);
1951
- --pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
1952
- --pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-v5-global--spacer--xl);
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);
1877
+ }
1878
+
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);
1942
+ }
1943
+
1944
+ .pf-v5-c-calendar-month__header {
1945
+ display: flex;
1946
+ margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
1947
+ }
1948
+
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);
1952
+ }
1953
+
1954
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
1955
+ scale: -1 1;
1956
+ }
1957
+
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);
1961
+ }
1962
+
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);
1966
+ }
1967
+
1968
+ .pf-v5-c-calendar-month__header-month {
1969
+ flex-grow: 1;
1970
+ }
1971
+
1972
+ .pf-v5-c-calendar-month__header-year {
1973
+ width: var(--pf-v5-c-calendar-month__header-year--Width);
1974
+ }
1975
+
1976
+ .pf-v5-c-calendar-month__calendar {
1977
+ table-layout: fixed;
1978
+ }
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);
1982
+ }
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;
1988
+ }
1989
+
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);
1992
+ }
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;
2002
+ }
2003
+
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);
2012
+ }
2013
+
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);
2016
+ }
2017
+
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);
2022
+ }
2023
+
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);
2026
+ }
2027
+
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);
2030
+ }
2031
+
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);
2034
+ }
2035
+
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);
2043
+ }
2044
+
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;
2048
+ }
2049
+
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;
2061
+ }
2062
+
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);
2071
+ }
2072
+
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);
2075
+ }
2076
+
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);
2079
+ }
2080
+
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);
2086
+ }
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;
2092
+ }
2093
+
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;
2107
+ }
2108
+
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);
2112
+ }
2113
+
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);
2119
+ }
2120
+
2121
+ .pf-v5-c-card {
2122
+ --pf-v5-c-card--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2123
+ --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
2124
+ --pf-v5-c-card--first-child--PaddingTop: var(--pf-v5-global--spacer--lg);
2125
+ --pf-v5-c-card--child--PaddingRight: var(--pf-v5-global--spacer--lg);
2126
+ --pf-v5-c-card--child--PaddingBottom: var(--pf-v5-global--spacer--lg);
2127
+ --pf-v5-c-card--child--PaddingLeft: var(--pf-v5-global--spacer--lg);
2128
+ --pf-v5-c-card--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--lg);
2129
+ --pf-v5-c-card__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--md);
2130
+ --pf-v5-c-card__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
2131
+ --pf-v5-c-card__title-text--FontSize: var(--pf-v5-global--FontSize--md);
2132
+ --pf-v5-c-card__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
2133
+ --pf-v5-c-card__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
2134
+ --pf-v5-c-card__body--FontSize: var(--pf-v5-global--FontSize--md);
2135
+ --pf-v5-c-card__footer--FontSize: var(--pf-v5-global--FontSize--md);
2136
+ --pf-v5-c-card__actions--PaddingLeft: var(--pf-v5-global--spacer--md);
2137
+ --pf-v5-c-card__actions--Gap: var(--pf-v5-global--spacer--sm);
2138
+ --pf-v5-c-card__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
2139
+ --pf-v5-c-card__actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
2140
+ --pf-v5-c-card__header-toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
2141
+ --pf-v5-c-card__header-toggle--MarginRight: var(--pf-v5-global--spacer--xs);
2142
+ --pf-v5-c-card__header-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
2143
+ --pf-v5-c-card__header-toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
2144
+ --pf-v5-c-card__header-toggle-icon--Transition: var(--pf-v5-global--Transition);
2145
+ --pf-v5-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2146
+ --pf-v5-c-card--m-selectable--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
2147
+ --pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2148
+ --pf-v5-c-card--m-selectable--m-selected--BorderColor: var(--pf-v5-global--active-color--100);
2149
+ --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--palette--black-150);
2150
+ --pf-v5-c-card--m-selectable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2151
+ --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
2152
+ --pf-v5-c-card--m-selectable--focus--BorderColor: var(--pf-v5-global--active-color--100);
2153
+ --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-v5-global--active-color--100);
2154
+ --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-100);
2155
+ --pf-v5-c-card--m-selectable--m-disabled--BorderColor: var(--pf-v5-global--BorderColor--100);
2156
+ --pf-v5-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
2157
+ --pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2158
+ --pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
2159
+ --pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor: transparent;
2160
+ --pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2161
+ --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--palette--black-150);
2162
+ --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-v5-global--active-color--100);
2163
+ --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2164
+ --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
2165
+ --pf-v5-c-card--m-selectable-raised--before--Right: 0;
2166
+ --pf-v5-c-card--m-selectable-raised--before--Bottom: 0;
2167
+ --pf-v5-c-card--m-selectable-raised--before--Left: 0;
2168
+ --pf-v5-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
2169
+ --pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
2170
+ --pf-v5-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-v5-c-card--m-flat--BorderWidth));
2171
+ --pf-v5-c-card--m-selectable-raised--before--Height: var(--pf-v5-global--BorderWidth--xl);
2172
+ --pf-v5-c-card--m-selectable-raised--before--BackgroundColor: transparent;
2173
+ --pf-v5-c-card--m-selectable-raised--before--Transition: none;
2174
+ --pf-v5-c-card--m-selectable-raised--before--ScaleY: 1;
2175
+ --pf-v5-c-card--m-selectable-raised--before--TranslateY: 0;
2176
+ --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2177
+ --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-v5-global--active-color--400);
2178
+ --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2179
+ --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-v5-global--active-color--400);
2180
+ --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2181
+ --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-v5-global--active-color--400);
2182
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-v5-global--active-color--100);
2183
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2184
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
2185
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
2186
+ --pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth));
2187
+ --pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius));
2188
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-v5-global--ZIndex--xs);
2189
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
2190
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
2191
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
2192
+ --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
2193
+ --pf-v5-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
2194
+ --pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-v5-global--disabled-color--200);
2195
+ --pf-v5-c-card--m-non-selectable-raised--before--ScaleY: 2;
2196
+ --pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-v5-global--disabled-color--200);
2197
+ --pf-v5-c-card--m-compact__body--FontSize: var(--pf-v5-global--FontSize--sm);
2198
+ --pf-v5-c-card--m-compact__footer--FontSize: var(--pf-v5-global--FontSize--sm);
2199
+ --pf-v5-c-card--m-compact--first-child--PaddingTop: var(--pf-v5-global--spacer--md);
2200
+ --pf-v5-c-card--m-compact--child--PaddingRight: var(--pf-v5-global--spacer--md);
2201
+ --pf-v5-c-card--m-compact--child--PaddingBottom: var(--pf-v5-global--spacer--md);
2202
+ --pf-v5-c-card--m-compact--child--PaddingLeft: var(--pf-v5-global--spacer--md);
2203
+ --pf-v5-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-v5-global--spacer--md);
2204
+ --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-v5-global--spacer--sm);
2205
+ --pf-v5-c-card--m-display-lg__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
2206
+ --pf-v5-c-card--m-display-lg--first-child--PaddingTop: var(--pf-v5-global--spacer--xl);
1953
2207
  --pf-v5-c-card--m-display-lg--child--PaddingRight: var(--pf-v5-global--spacer--xl);
1954
2208
  --pf-v5-c-card--m-display-lg--child--PaddingBottom: var(--pf-v5-global--spacer--xl);
1955
2209
  --pf-v5-c-card--m-display-lg--child--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -2258,313 +2512,59 @@ button.pf-v5-c-breadcrumb__link {
2258
2512
  .pf-v5-c-card__body,
2259
2513
  .pf-v5-c-card__footer {
2260
2514
  padding-block-end: var(--pf-v5-c-card--child--PaddingBottom);
2261
- padding-inline-start: var(--pf-v5-c-card--child--PaddingLeft);
2262
- padding-inline-end: var(--pf-v5-c-card--child--PaddingRight);
2263
- }
2264
-
2265
- .pf-v5-c-card__header:first-child,
2266
- .pf-v5-c-card__title:first-child,
2267
- .pf-v5-c-card__body:first-child,
2268
- .pf-v5-c-card__footer:first-child {
2269
- padding-block-start: var(--pf-v5-c-card--first-child--PaddingTop);
2270
- }
2271
-
2272
- .pf-v5-c-card__header:not(:last-child),
2273
- .pf-v5-c-card__title:not(:last-child) {
2274
- padding-block-end: var(--pf-v5-c-card__title--not--last-child--PaddingBottom);
2275
- }
2276
-
2277
- .pf-v5-c-card__expandable-content {
2278
- --pf-v5-c-card--first-child--PaddingTop: 0;
2279
- }
2280
-
2281
- .pf-v5-c-card__body:not(.pf-m-no-fill) {
2282
- flex: 1 1 auto;
2283
- }
2284
-
2285
- .pf-v5-c-card__body {
2286
- font-size: var(--pf-v5-c-card__body--FontSize);
2287
- }
2288
-
2289
- .pf-v5-c-card__footer {
2290
- font-size: var(--pf-v5-c-card__footer--FontSize);
2291
- }
2292
-
2293
- .pf-v5-c-card__sr-input:focus + .pf-v5-c-card::after {
2294
- position: absolute;
2295
- inset-block-start: 0;
2296
- inset-block-end: 0;
2297
- inset-inline-start: 0;
2298
- inset-inline-end: 0;
2299
- content: "";
2300
- border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
2301
- }
2302
-
2303
- :where(.pf-v5-theme-dark) .pf-v5-c-card,
2304
- :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
2305
- --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2306
- --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-700);
2307
- --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
2308
- --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
2309
- --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-600);
2310
- --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2311
- --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2312
- --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2313
- --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2314
- }
2315
-
2316
- .pf-v5-c-calendar-month {
2317
- --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
2318
- --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
2319
- --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
2320
- --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
2321
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
2322
- --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
2323
- --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
2324
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
2325
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
2326
- }
2327
-
2328
- .pf-v5-c-calendar-month {
2329
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
2330
- --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
2331
- --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
2332
- --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
2333
- --pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
2334
- --pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
2335
- --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
2336
- --pf-v5-c-calendar-month__header-year--Width: 8.5ch;
2337
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
2338
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
2339
- --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
2340
- --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
2341
- --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
2342
- --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
2343
- --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
2344
- --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
2345
- --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
2346
- --pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
2347
- --pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
2348
- --pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
2349
- --pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
2350
- --pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
2351
- --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
2352
- --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2353
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
2354
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
2355
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
2356
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
2357
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
2358
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
2359
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2360
- --pf-v5-c-calendar-month__dates-cell--before--Top: 0;
2361
- --pf-v5-c-calendar-month__dates-cell--before--Right: 0;
2362
- --pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
2363
- --pf-v5-c-calendar-month__dates-cell--before--Left: 0;
2364
- --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
2365
- --pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
2366
- --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
2367
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
2368
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
2369
- --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
2370
- --pf-v5-c-calendar-month__date--Width: 4ch;
2371
- --pf-v5-c-calendar-month__date--Height: 4ch;
2372
- --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
2373
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
2374
- --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
2375
- --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
2376
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
2377
- --pf-v5-c-calendar-month__date--after--BorderColor: transparent;
2378
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
2379
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
2380
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
2381
- --pf-v5-c-calendar-month__date--focus--BoxShadow: none;
2382
- color: var(--pf-v5-global--Color--100);
2383
- display: inline-flex;
2384
- flex-direction: column;
2385
- padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
2386
- padding-block-end: var(--pf-v5-c-calendar-month--PaddingBottom);
2387
- padding-inline-start: var(--pf-v5-c-calendar-month--PaddingLeft);
2388
- padding-inline-end: var(--pf-v5-c-calendar-month--PaddingRight);
2389
- font-size: var(--pf-v5-c-calendar-month--FontSize);
2390
- background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
2391
- }
2392
-
2393
- .pf-v5-c-calendar-month__header {
2394
- display: flex;
2395
- margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
2396
- }
2397
-
2398
- .pf-v5-c-calendar-month__header-nav-control {
2399
- margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
2400
- margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
2401
- }
2402
-
2403
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
2404
- scale: -1 1;
2405
- }
2406
-
2407
- .pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
2408
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
2409
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
2410
- }
2411
-
2412
- .pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
2413
- --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
2414
- --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
2415
- }
2416
-
2417
- .pf-v5-c-calendar-month__header-month {
2418
- flex-grow: 1;
2419
- }
2420
-
2421
- .pf-v5-c-calendar-month__header-year {
2422
- width: var(--pf-v5-c-calendar-month__header-year--Width);
2423
- }
2424
-
2425
- .pf-v5-c-calendar-month__calendar {
2426
- table-layout: fixed;
2427
- }
2428
-
2429
- .pf-v5-c-calendar-month__days {
2430
- border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
2431
- }
2432
-
2433
- .pf-v5-c-calendar-month__day {
2434
- padding-block-end: var(--pf-v5-c-calendar-month__day--PaddingBottom);
2435
- font-weight: var(--pf-v5-c-calendar-month__day--FontWeight);
2436
- text-align: center;
2437
- }
2438
-
2439
- .pf-v5-c-calendar-month__dates-row:first-child {
2440
- --pf-v5-c-calendar-month__dates-cell--PaddingTop: var(--pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
2441
- }
2442
-
2443
- .pf-v5-c-calendar-month__dates-cell {
2444
- --pf-v5-c-calendar-month__dates-cell--before--Top: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
2445
- position: relative;
2446
- padding-block-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingTop);
2447
- padding-block-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
2448
- padding-inline-start: var(--pf-v5-c-calendar-month__dates-cell--PaddingLeft);
2449
- padding-inline-end: var(--pf-v5-c-calendar-month__dates-cell--PaddingRight);
2450
- text-align: center;
2451
- }
2452
-
2453
- .pf-v5-c-calendar-month__dates-cell::before {
2454
- position: absolute;
2455
- inset-block-start: var(--pf-v5-c-calendar-month__dates-cell--before--Top);
2456
- inset-block-end: var(--pf-v5-c-calendar-month__dates-cell--before--Bottom);
2457
- inset-inline-start: var(--pf-v5-c-calendar-month__dates-cell--before--Left);
2458
- inset-inline-end: var(--pf-v5-c-calendar-month__dates-cell--before--Right);
2459
- content: "";
2460
- background-color: var(--pf-v5-c-calendar-month__dates-cell--before--BackgroundColor);
2461
- }
2462
-
2463
- .pf-v5-c-calendar-month__dates-cell.pf-m-current {
2464
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2465
- }
2466
-
2467
- .pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
2468
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2469
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2470
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2471
- }
2472
-
2473
- .pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
2474
- --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);
2475
- }
2476
-
2477
- .pf-v5-c-calendar-month__dates-cell.pf-m-end-range {
2478
- --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);
2479
- }
2480
-
2481
- .pf-v5-c-calendar-month__dates-cell.pf-m-adjacent-month {
2482
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2483
- }
2484
-
2485
- .pf-v5-c-calendar-month__dates-cell.pf-m-selected {
2486
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2487
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2488
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2489
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2490
- --pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
2491
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
2492
- }
2493
-
2494
- .pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
2495
- --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2496
- --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
2497
- }
2498
-
2499
- .pf-v5-c-calendar-month__date {
2500
- position: relative;
2501
- display: inline-flex;
2502
- align-items: center;
2503
- justify-content: center;
2504
- width: var(--pf-v5-c-calendar-month__date--Width);
2505
- height: var(--pf-v5-c-calendar-month__date--Height);
2506
- line-height: 1;
2507
- color: var(--pf-v5-c-calendar-month__date--Color);
2508
- background-color: var(--pf-v5-c-calendar-month__date--BackgroundColor);
2509
- border: 0;
2515
+ padding-inline-start: var(--pf-v5-c-card--child--PaddingLeft);
2516
+ padding-inline-end: var(--pf-v5-c-card--child--PaddingRight);
2510
2517
  }
2511
2518
 
2512
- .pf-v5-c-calendar-month__date::after {
2513
- position: absolute;
2514
- inset-block-start: 0;
2515
- inset-block-end: 0;
2516
- inset-inline-start: 0;
2517
- inset-inline-end: 0;
2518
- content: "";
2519
- border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
2519
+ .pf-v5-c-card__header:first-child,
2520
+ .pf-v5-c-card__title:first-child,
2521
+ .pf-v5-c-card__body:first-child,
2522
+ .pf-v5-c-card__footer:first-child {
2523
+ padding-block-start: var(--pf-v5-c-card--first-child--PaddingTop);
2520
2524
  }
2521
2525
 
2522
- .pf-v5-c-calendar-month__date, .pf-v5-c-calendar-month__date::after {
2523
- border-radius: var(--pf-v5-c-calendar-month__date--BorderRadius);
2526
+ .pf-v5-c-card__header:not(:last-child),
2527
+ .pf-v5-c-card__title:not(:last-child) {
2528
+ padding-block-end: var(--pf-v5-c-card__title--not--last-child--PaddingBottom);
2524
2529
  }
2525
2530
 
2526
- .pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
2527
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
2531
+ .pf-v5-c-card__expandable-content {
2532
+ --pf-v5-c-card--first-child--PaddingTop: 0;
2528
2533
  }
2529
2534
 
2530
- .pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
2531
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
2532
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
2533
- outline: 0;
2534
- box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
2535
+ .pf-v5-c-card__body:not(.pf-m-no-fill) {
2536
+ flex: 1 1 auto;
2535
2537
  }
2536
2538
 
2537
- .pf-v5-c-calendar-month__date:disabled {
2538
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
2539
- --pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
2540
- pointer-events: none;
2539
+ .pf-v5-c-card__body {
2540
+ font-size: var(--pf-v5-c-card__body--FontSize);
2541
2541
  }
2542
2542
 
2543
- :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
2544
- --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
2545
- --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
2546
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
2547
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
2548
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
2549
- --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
2550
- --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2551
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2552
- --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2553
- --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2554
- --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2555
- --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
2543
+ .pf-v5-c-card__footer {
2544
+ font-size: var(--pf-v5-c-card__footer--FontSize);
2556
2545
  }
2557
2546
 
2558
- :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 {
2559
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
2560
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
2547
+ .pf-v5-c-card__sr-input:focus + .pf-v5-c-card::after {
2548
+ position: absolute;
2549
+ inset-block-start: 0;
2550
+ inset-block-end: 0;
2551
+ inset-inline-start: 0;
2552
+ inset-inline-end: 0;
2553
+ content: "";
2554
+ border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
2561
2555
  }
2562
2556
 
2563
- :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 {
2564
- --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
2565
- --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
2566
- --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
2567
- --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
2557
+ :where(.pf-v5-theme-dark) .pf-v5-c-card,
2558
+ :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
2559
+ --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
2560
+ --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-700);
2561
+ --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
2562
+ --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
2563
+ --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-600);
2564
+ --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2565
+ --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2566
+ --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2567
+ --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
2568
2568
  }
2569
2569
 
2570
2570
  .pf-v5-c-check {
@@ -8239,52 +8239,202 @@ label.pf-v5-c-input-group__text {
8239
8239
  --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8240
8240
  }
8241
8241
  }
8242
- @media (min-width: 1200px) {
8243
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
8244
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8245
- }
8246
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
8247
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8248
- }
8249
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
8250
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8251
- }
8252
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
8253
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8254
- }
8255
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
8256
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8257
- }
8258
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
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
- }
8242
+ @media (min-width: 1200px) {
8243
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
8244
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8245
+ }
8246
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
8247
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8248
+ }
8249
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
8250
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8251
+ }
8252
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
8253
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8254
+ }
8255
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
8256
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8257
+ }
8258
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
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;
8264
8432
  }
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
- }
8433
+
8434
+ .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8435
+ display: none;
8287
8436
  }
8437
+
8288
8438
  .pf-v5-c-label {
8289
8439
  --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
8290
8440
  --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8687,246 +8837,96 @@ button.pf-v5-c-label__content {
8687
8837
  padding: 0;
8688
8838
  cursor: pointer;
8689
8839
  background-color: transparent;
8690
- border: none;
8691
- }
8692
-
8693
- a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
8694
- button.pf-v5-c-label__content,
8695
- button.pf-v5-c-label__content:hover,
8696
- button.pf-v5-c-label__content:focus {
8697
- text-decoration: none;
8698
- }
8699
-
8700
- a.pf-v5-c-label__content:hover,
8701
- button.pf-v5-c-label__content:hover {
8702
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
8703
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
8704
- }
8705
-
8706
- a.pf-v5-c-label__content:focus,
8707
- button.pf-v5-c-label__content:focus {
8708
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
8709
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
8710
- }
8711
-
8712
- .pf-v5-c-label__icon {
8713
- margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
8714
- color: var(--pf-v5-c-label__icon--Color);
8715
- }
8716
-
8717
- .pf-v5-c-label__actions {
8718
- margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
8719
- font-size: var(--pf-v5-c-label__actions--FontSize);
8720
- }
8721
-
8722
- .pf-v5-c-label__actions .pf-v5-c-button {
8723
- --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
8724
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
8725
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
8726
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
8727
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
8728
- margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
8729
- margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
8730
- }
8731
-
8732
- :where(.pf-v5-theme-dark) .pf-v5-c-label {
8733
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8734
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8735
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8736
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8737
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8738
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8739
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8740
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8741
- --pf-v5-c-label__content--before--BorderWidth: 0;
8742
- --pf-v5-c-label__content--before--BorderColor: transparent;
8743
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8744
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8745
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
8746
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
8747
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
8748
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
8749
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
8750
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
8751
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
8752
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
8753
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8754
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8755
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8756
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8757
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8758
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
8759
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
8760
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
8761
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
8762
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8763
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
8764
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8765
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8766
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8767
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8768
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8769
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8770
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8771
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8772
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8773
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8774
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8775
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8776
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8777
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8778
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8779
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8780
- }
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;
8840
+ border: none;
8885
8841
  }
8886
8842
 
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);
8843
+ a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
8844
+ button.pf-v5-c-label__content,
8845
+ button.pf-v5-c-label__content:hover,
8846
+ button.pf-v5-c-label__content:focus {
8847
+ text-decoration: none;
8892
8848
  }
8893
8849
 
8894
- .pf-v5-c-label-group__list-item {
8895
- display: inline-flex;
8850
+ a.pf-v5-c-label__content:hover,
8851
+ button.pf-v5-c-label__content:hover {
8852
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
8853
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
8896
8854
  }
8897
8855
 
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);
8856
+ a.pf-v5-c-label__content:focus,
8857
+ button.pf-v5-c-label__content:focus {
8858
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
8859
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
8904
8860
  }
8905
8861
 
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);
8862
+ .pf-v5-c-label__icon {
8863
+ margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
8864
+ color: var(--pf-v5-c-label__icon--Color);
8913
8865
  }
8914
8866
 
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;
8867
+ .pf-v5-c-label__actions {
8868
+ margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
8869
+ font-size: var(--pf-v5-c-label__actions--FontSize);
8926
8870
  }
8927
8871
 
8928
- .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8929
- display: none;
8872
+ .pf-v5-c-label__actions .pf-v5-c-button {
8873
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
8874
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
8875
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
8876
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
8877
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
8878
+ margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
8879
+ margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
8880
+ }
8881
+
8882
+ :where(.pf-v5-theme-dark) .pf-v5-c-label {
8883
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8884
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8885
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8886
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8887
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8888
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8889
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8890
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8891
+ --pf-v5-c-label__content--before--BorderWidth: 0;
8892
+ --pf-v5-c-label__content--before--BorderColor: transparent;
8893
+ --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8894
+ --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8895
+ --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
8896
+ --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
8897
+ --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
8898
+ --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
8899
+ --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
8900
+ --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
8901
+ --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
8902
+ --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
8903
+ --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8904
+ --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8905
+ --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8906
+ --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8907
+ --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8908
+ --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
8909
+ --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
8910
+ --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
8911
+ --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
8912
+ --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8913
+ --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
8914
+ --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8915
+ --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8916
+ --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8917
+ --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8918
+ --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8919
+ --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8920
+ --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8921
+ --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8922
+ --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8923
+ --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8924
+ --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8925
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8926
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8927
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8928
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8929
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8930
8930
  }
8931
8931
 
8932
8932
  .pf-v5-c-list {
@@ -11630,6 +11630,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
11630
11630
  --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
11631
11631
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
11632
11632
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
11633
+ --pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-v5-global--spacer--xs);
11633
11634
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
11634
11635
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
11635
11636
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -11987,6 +11988,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
11987
11988
  border: 0;
11988
11989
  }
11989
11990
 
11991
+ .pf-v5-c-menu-toggle__button.pf-m-text {
11992
+ --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
11993
+ display: inline-flex;
11994
+ align-items: baseline;
11995
+ padding-inline-start: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
11996
+ }
11997
+
11990
11998
  .pf-v5-c-menu-toggle__icon {
11991
11999
  flex-shrink: 0;
11992
12000
  align-self: center;
@@ -13455,96 +13463,220 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
13455
13463
 
13456
13464
  .pf-v5-c-nav__scroll-button::before {
13457
13465
  position: absolute;
13458
- inset-block-start: 0;
13466
+ inset-block-start: 0;
13467
+ inset-block-end: 0;
13468
+ content: "";
13469
+ border: 0 solid var(--pf-v5-c-nav__scroll-button--before--BorderColor);
13470
+ border-inline-start-width: var(--pf-v5-c-nav__scroll-button--before--BorderLeftWidth);
13471
+ border-inline-end-width: var(--pf-v5-c-nav__scroll-button--before--BorderRightWidth);
13472
+ }
13473
+
13474
+ .pf-v5-c-nav__scroll-button:hover {
13475
+ color: var(--pf-v5-c-nav__scroll-button--hover--Color);
13476
+ }
13477
+
13478
+ .pf-v5-c-nav__scroll-button:focus {
13479
+ color: var(--pf-v5-c-nav__scroll-button--focus--Color);
13480
+ }
13481
+
13482
+ .pf-v5-c-nav__scroll-button:active {
13483
+ color: var(--pf-v5-c-nav__scroll-button--active--Color);
13484
+ }
13485
+
13486
+ .pf-v5-c-nav__scroll-button:disabled {
13487
+ color: var(--pf-v5-c-nav__scroll-button--disabled--Color);
13488
+ border-color: var(--pf-v5-c-nav__scroll-button--disabled--before--BorderColor);
13489
+ }
13490
+
13491
+ .pf-v5-c-nav__scroll-button:nth-of-type(1) {
13492
+ --pf-v5-c-nav__scroll-button--before--BorderRightWidth: var(--pf-v5-c-nav__scroll-button--before--BorderWidth);
13493
+ margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
13494
+ transform: translateX(-100%);
13495
+ }
13496
+
13497
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
13498
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13499
+ }
13500
+
13501
+ .pf-v5-c-nav__scroll-button:nth-of-type(1)::before {
13502
+ inset-inline-end: 0;
13503
+ }
13504
+
13505
+ .pf-v5-c-nav__scroll-button:nth-of-type(2) {
13506
+ --pf-v5-c-nav__scroll-button--before--BorderLeftWidth: var(--pf-v5-c-nav__scroll-button--before--BorderWidth);
13507
+ margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
13508
+ transform: translateX(100%);
13509
+ }
13510
+
13511
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
13512
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13513
+ }
13514
+
13515
+ .pf-v5-c-nav__scroll-button:nth-of-type(2)::before {
13516
+ inset-inline-start: 0;
13517
+ }
13518
+
13519
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav {
13520
+ --pf-v5-c-nav__item--item__link--after--Top: -1px;
13521
+ --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13522
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13523
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13524
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13525
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13526
+ --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13527
+ --pf-v5-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13528
+ --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--200);
13529
+ --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
13530
+ --pf-v5-c-nav__scroll-button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13531
+ --pf-v5-c-nav--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
13532
+ --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
13533
+ --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
13534
+ --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
13535
+ --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
13536
+ }
13537
+
13538
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
13539
+ inset-block-end: 0;
13540
+ }
13541
+
13542
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
13543
+ inset-block-start: var(--pf-v5-c-nav__item--item__link--after--Top);
13544
+ }
13545
+
13546
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
13547
+ --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
13548
+ }
13549
+
13550
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
13551
+ --pf-v5-c-nav__item--item__link--after--Top: 0;
13552
+ }
13553
+
13554
+ :where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
13555
+ --pf-v5-c-nav__item--item__link--after--Top: 0;
13556
+ }
13557
+
13558
+ .pf-v5-c-notification-badge {
13559
+ --pf-v5-c-notification-badge--PaddingTop: var(--pf-v5-global--spacer--form-element);
13560
+ --pf-v5-c-notification-badge--PaddingRight: var(--pf-v5-global--spacer--md);
13561
+ --pf-v5-c-notification-badge--PaddingBottom: var(--pf-v5-global--spacer--form-element);
13562
+ --pf-v5-c-notification-badge--PaddingLeft: var(--pf-v5-global--spacer--md);
13563
+ --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
13564
+ --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-v5-global--spacer--md));
13565
+ --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
13566
+ --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
13567
+ --pf-v5-c-notification-badge--after--BorderColor: transparent;
13568
+ --pf-v5-c-notification-badge--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
13569
+ --pf-v5-c-notification-badge--after--BorderWidth: 0;
13570
+ --pf-v5-c-notification-badge--after--Top: 0;
13571
+ --pf-v5-c-notification-badge--after--Right: 0;
13572
+ --pf-v5-c-notification-badge--after--Width: auto;
13573
+ --pf-v5-c-notification-badge--after--Height: auto;
13574
+ --pf-v5-c-notification-badge--after--BackgroundColor: transparent;
13575
+ --pf-v5-c-notification-badge--after--TranslateX: 0;
13576
+ --pf-v5-c-notification-badge--after--TranslateY: 0;
13577
+ --pf-v5-c-notification-badge__i--Width: auto;
13578
+ --pf-v5-c-notification-badge__i--Height: auto;
13579
+ --pf-v5-c-notification-badge--m-read--after--BorderColor: transparent;
13580
+ --pf-v5-c-notification-badge--m-read--after--BackgroundColor: transparent;
13581
+ --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
13582
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
13583
+ --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--active-color--100);
13584
+ --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
13585
+ --pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
13586
+ --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--Color--light-100);
13587
+ --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--100);
13588
+ --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
13589
+ --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
13590
+ --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
13591
+ --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
13592
+ position: relative;
13593
+ display: inline-block;
13594
+ padding-block-start: var(--pf-v5-c-notification-badge--PaddingTop);
13595
+ padding-block-end: var(--pf-v5-c-notification-badge--PaddingBottom);
13596
+ padding-inline-start: var(--pf-v5-c-notification-badge--PaddingLeft);
13597
+ padding-inline-end: var(--pf-v5-c-notification-badge--PaddingRight);
13598
+ margin-block-start: var(--pf-v5-c-notification-badge--MarginTop);
13599
+ margin-block-end: var(--pf-v5-c-notification-badge--MarginBottom);
13600
+ margin-inline-start: var(--pf-v5-c-notification-badge--MarginLeft);
13601
+ margin-inline-end: var(--pf-v5-c-notification-badge--MarginRight);
13602
+ background-color: var(--pf-v5-c-notification-badge--after--BackgroundColor);
13603
+ border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
13604
+ }
13605
+
13606
+ .pf-v5-c-notification-badge::before {
13607
+ position: absolute;
13608
+ inset-block-start: var(--pf-v5-c-notification-badge--after--Top);
13459
13609
  inset-block-end: 0;
13610
+ inset-inline-start: 0;
13611
+ inset-inline-end: var(--pf-v5-c-notification-badge--after--Right);
13612
+ width: var(--pf-v5-c-notification-badge--after--Width);
13613
+ height: var(--pf-v5-c-notification-badge--after--Height);
13460
13614
  content: "";
13461
- border: 0 solid var(--pf-v5-c-nav__scroll-button--before--BorderColor);
13462
- border-inline-start-width: var(--pf-v5-c-nav__scroll-button--before--BorderLeftWidth);
13463
- border-inline-end-width: var(--pf-v5-c-nav__scroll-button--before--BorderRightWidth);
13464
- }
13465
-
13466
- .pf-v5-c-nav__scroll-button:hover {
13467
- color: var(--pf-v5-c-nav__scroll-button--hover--Color);
13468
- }
13469
-
13470
- .pf-v5-c-nav__scroll-button:focus {
13471
- color: var(--pf-v5-c-nav__scroll-button--focus--Color);
13472
- }
13473
-
13474
- .pf-v5-c-nav__scroll-button:active {
13475
- color: var(--pf-v5-c-nav__scroll-button--active--Color);
13476
- }
13477
-
13478
- .pf-v5-c-nav__scroll-button:disabled {
13479
- color: var(--pf-v5-c-nav__scroll-button--disabled--Color);
13480
- border-color: var(--pf-v5-c-nav__scroll-button--disabled--before--BorderColor);
13615
+ border: var(--pf-v5-c-notification-badge--after--BorderWidth) solid var(--pf-v5-c-notification-badge--after--BorderColor);
13616
+ border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
13617
+ transform: translate(var(--pf-v5-c-notification-badge--after--TranslateX), var(--pf-v5-c-notification-badge--after--TranslateY));
13481
13618
  }
13482
13619
 
13483
- .pf-v5-c-nav__scroll-button:nth-of-type(1) {
13484
- --pf-v5-c-nav__scroll-button--before--BorderRightWidth: var(--pf-v5-c-nav__scroll-button--before--BorderWidth);
13485
- margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
13486
- transform: translateX(-100%);
13620
+ .pf-v5-c-notification-badge > i {
13621
+ width: var(--pf-v5-c-notification-badge__i--Width);
13622
+ height: var(--pf-v5-c-notification-badge__i--Height);
13487
13623
  }
13488
13624
 
13489
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
13490
- transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13625
+ .pf-v5-c-notification-badge > * {
13626
+ position: relative;
13491
13627
  }
13492
13628
 
13493
- .pf-v5-c-nav__scroll-button:nth-of-type(1)::before {
13494
- inset-inline-end: 0;
13629
+ .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
13630
+ .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
13631
+ display: inline-block;
13632
+ line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
13495
13633
  }
13496
13634
 
13497
- .pf-v5-c-nav__scroll-button:nth-of-type(2) {
13498
- --pf-v5-c-nav__scroll-button--before--BorderLeftWidth: var(--pf-v5-c-nav__scroll-button--before--BorderWidth);
13499
- margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
13500
- transform: translateX(100%);
13635
+ .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
13636
+ .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
13637
+ vertical-align: bottom;
13501
13638
  }
13502
13639
 
13503
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
13504
- transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13640
+ .pf-v5-c-notification-badge.pf-m-read {
13641
+ --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--after--BackgroundColor);
13642
+ --pf-v5-c-notification-badge--after--BorderColor: var(--pf-v5-c-notification-badge--m-read--after--BorderColor);
13643
+ color: var(--pf-v5-c-notification-badge--m-read--Color, inherit);
13505
13644
  }
13506
13645
 
13507
- .pf-v5-c-nav__scroll-button:nth-of-type(2)::before {
13508
- inset-inline-start: 0;
13646
+ .pf-v5-c-notification-badge.pf-m-unread {
13647
+ --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--after--BackgroundColor);
13648
+ color: var(--pf-v5-c-notification-badge--m-unread--Color);
13509
13649
  }
13510
13650
 
13511
- :where(.pf-v5-theme-dark) .pf-v5-c-nav {
13512
- --pf-v5-c-nav__item--item__link--after--Top: -1px;
13513
- --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13514
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13515
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13516
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13517
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13518
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13519
- --pf-v5-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13520
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--200);
13521
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
13522
- --pf-v5-c-nav__scroll-button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
13523
- --pf-v5-c-nav--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--100);
13524
- --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
13525
- --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
13526
- --pf-v5-c-nav__link--active--before--BorderBottomWidth: 0;
13527
- --pf-v5-c-nav__link--m-current--before--BorderBottomWidth: 0;
13651
+ .pf-v5-c-notification-badge.pf-m-unread:hover {
13652
+ --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor);
13528
13653
  }
13529
13654
 
13530
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::before {
13531
- inset-block-end: 0;
13655
+ .pf-v5-c-notification-badge.pf-m-attention {
13656
+ --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--after--BackgroundColor);
13657
+ color: var(--pf-v5-c-notification-badge--m-attention--Color);
13532
13658
  }
13533
13659
 
13534
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__link::after {
13535
- inset-block-start: var(--pf-v5-c-nav__item--item__link--after--Top);
13660
+ .pf-v5-c-notification-badge.pf-m-attention:hover {
13661
+ --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor);
13536
13662
  }
13537
13663
 
13538
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__item + .pf-v5-c-nav__item {
13539
- --pf-v5-c-nav__link--after--Top: var(--pf-v5-c-nav__item--item__link--after--Top);
13664
+ .pf-v5-c-notification-badge.pf-m-expanded {
13665
+ --pf-v5-c-notification-badge--m-read--Color: var(--pf-v5-global--Color--light-100);
13666
+ --pf-v5-c-notification-badge--m-read--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
13667
+ --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
13668
+ --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
13540
13669
  }
13541
13670
 
13542
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav {
13543
- --pf-v5-c-nav__item--item__link--after--Top: 0;
13671
+ .pf-v5-c-notification-badge__count {
13672
+ margin-inline-start: var(--pf-v5-c-notification-badge__count--MarginLeft);
13544
13673
  }
13545
13674
 
13546
- :where(.pf-v5-theme-dark) .pf-v5-c-nav__section {
13547
- --pf-v5-c-nav__item--item__link--after--Top: 0;
13675
+ :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
13676
+ --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
13677
+ --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
13678
+ --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
13679
+ --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
13548
13680
  }
13549
13681
 
13550
13682
  .pf-v5-c-notification-drawer {
@@ -13850,80 +13982,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
13850
13982
  --pf-v5-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
13851
13983
  }
13852
13984
 
13853
- .pf-v5-c-overflow-menu {
13854
- --pf-v5-c-overflow-menu--spacer--base: var(--pf-v5-global--spacer--md);
13855
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-global--spacer--sm);
13856
- --pf-v5-c-overflow-menu__group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13857
- --pf-v5-c-overflow-menu__item--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13858
- --pf-v5-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13859
- --pf-v5-c-overflow-menu__group--m-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13860
- --pf-v5-c-overflow-menu__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm);
13861
- --pf-v5-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-v5-c-overflow-menu--spacer--base);
13862
- --pf-v5-c-overflow-menu__group--m-icon-button-group--space-items: 0;
13863
- display: inline-flex;
13864
- align-items: center;
13865
- }
13866
-
13867
- .pf-v5-c-overflow-menu__content {
13868
- display: flex;
13869
- align-items: center;
13870
- }
13871
-
13872
- .pf-v5-c-overflow-menu__group {
13873
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--spacer);
13874
- display: flex;
13875
- align-items: center;
13876
- }
13877
-
13878
- .pf-v5-c-overflow-menu__group.pf-m-button-group {
13879
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--spacer);
13880
- }
13881
-
13882
- .pf-v5-c-overflow-menu__group.pf-m-button-group > * {
13883
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-button-group--space-items);
13884
- }
13885
-
13886
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group {
13887
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer);
13888
- }
13889
-
13890
- .pf-v5-c-overflow-menu__group.pf-m-icon-button-group > * {
13891
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items);
13892
- }
13893
-
13894
- .pf-v5-c-overflow-menu__item {
13895
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
13896
- }
13897
-
13898
- .pf-v5-c-overflow-menu__content,
13899
- .pf-v5-c-overflow-menu__control,
13900
- .pf-v5-c-overflow-menu__group,
13901
- .pf-v5-c-overflow-menu__item {
13902
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
13903
- }
13904
-
13905
- .pf-v5-c-overflow-menu__content:last-child,
13906
- .pf-v5-c-overflow-menu__control:last-child,
13907
- .pf-v5-c-overflow-menu__group:last-child,
13908
- .pf-v5-c-overflow-menu__item:last-child {
13909
- --pf-v5-c-overflow-menu--spacer: 0;
13910
- }
13911
-
13912
- .pf-v5-c-overflow-menu > .pf-v5-c-divider,
13913
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider {
13914
- --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer);
13915
- }
13916
-
13917
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical,
13918
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical {
13919
- margin-inline-end: var(--pf-v5-c-overflow-menu--spacer);
13920
- }
13921
-
13922
- .pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child,
13923
- .pf-v5-c-overflow-menu__group > .pf-v5-c-divider.pf-m-vertical:last-child {
13924
- --pf-v5-c-overflow-menu--spacer: 0;
13925
- }
13926
-
13927
13985
  .pf-v5-c-page__sidebar.pf-m-light {
13928
13986
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
13929
13987
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -15001,54 +15059,128 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
15001
15059
  flex: 1 0 auto;
15002
15060
  }
15003
15061
 
15004
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15005
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15006
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
15007
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15062
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
15063
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
15064
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button {
15065
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15066
+ }
15067
+
15068
+ :where(.pf-v5-theme-dark):root {
15069
+ --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
15070
+ --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15071
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
15072
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
15073
+ }
15074
+
15075
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
15076
+ color: var(--pf-v5-global--Color--100);
15077
+ }
15078
+
15079
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
15080
+ background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
15081
+ }
15082
+
15083
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
15084
+ border-inline-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
15085
+ }
15086
+
15087
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
15088
+ --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15089
+ }
15090
+
15091
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
15092
+ --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15093
+ }
15094
+
15095
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
15096
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15097
+ --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15098
+ --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15099
+ --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15100
+ }
15101
+
15102
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
15103
+ --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15104
+ }
15105
+
15106
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15107
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15108
+ :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
15109
+ color: var(--pf-v5-global--Color--100);
15110
+ }
15111
+
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);
15008
15139
  }
15009
15140
 
15010
- :where(.pf-v5-theme-dark):root {
15011
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
15012
- --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15013
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
15014
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
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);
15015
15143
  }
15016
15144
 
15017
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button {
15018
- color: var(--pf-v5-global--Color--100);
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);
15019
15147
  }
15020
15148
 
15021
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover::before {
15022
- background-color: var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
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);
15023
15151
  }
15024
15152
 
15025
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
15026
- border-inline-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
15153
+ .pf-v5-c-overflow-menu__item {
15154
+ --pf-v5-c-overflow-menu--spacer: var(--pf-v5-c-overflow-menu__item--spacer);
15027
15155
  }
15028
15156
 
15029
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom {
15030
- --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
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);
15031
15162
  }
15032
15163
 
15033
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom {
15034
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
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;
15035
15169
  }
15036
15170
 
15037
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom {
15038
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15039
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15040
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
15041
- --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
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);
15042
15174
  }
15043
15175
 
15044
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom {
15045
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
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);
15046
15179
  }
15047
15180
 
15048
- :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
15049
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
15050
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header {
15051
- color: var(--pf-v5-global--Color--100);
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;
15052
15184
  }
15053
15185
 
15054
15186
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
@@ -15718,6 +15850,202 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
15718
15850
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
15719
15851
  }
15720
15852
 
15853
+ .pf-v5-c-progress {
15854
+ --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
15855
+ --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
15856
+ --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
15857
+ --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
15858
+ --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
15859
+ --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
15860
+ --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
15861
+ --pf-v5-c-progress__bar--before--Opacity: .2;
15862
+ --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
15863
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
15864
+ --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
15865
+ --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
15866
+ --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
15867
+ --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
15868
+ --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
15869
+ --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
15870
+ --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
15871
+ --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
15872
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
15873
+ --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
15874
+ --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
15875
+ --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
15876
+ --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
15877
+ --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
15878
+ --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
15879
+ --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
15880
+ --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
15881
+ display: grid;
15882
+ grid-template-rows: 1fr auto;
15883
+ grid-template-columns: auto auto;
15884
+ grid-gap: var(--pf-v5-c-progress--GridGap);
15885
+ align-items: end;
15886
+ }
15887
+
15888
+ .pf-v5-c-progress.pf-m-sm {
15889
+ --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
15890
+ }
15891
+
15892
+ .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
15893
+ font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
15894
+ }
15895
+
15896
+ .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
15897
+ font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
15898
+ }
15899
+
15900
+ .pf-v5-c-progress.pf-m-lg {
15901
+ --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-lg__bar--Height);
15902
+ }
15903
+
15904
+ .pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__indicator {
15905
+ display: flex;
15906
+ align-items: center;
15907
+ justify-content: center;
15908
+ min-width: var(--pf-v5-c-progress--m-inside__indicator--MinWidth);
15909
+ }
15910
+
15911
+ .pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__measure {
15912
+ font-size: var(--pf-v5-c-progress--m-inside__measure--FontSize);
15913
+ color: var(--pf-v5-c-progress--m-inside__measure--Color);
15914
+ text-align: center;
15915
+ }
15916
+
15917
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__description {
15918
+ grid-column: 1/3;
15919
+ }
15920
+
15921
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__status {
15922
+ grid-row: 2/3;
15923
+ grid-column: 2/3;
15924
+ align-self: center;
15925
+ }
15926
+
15927
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure {
15928
+ display: inline-block;
15929
+ font-size: var(--pf-v5-c-progress--m-outside__measure--FontSize);
15930
+ }
15931
+
15932
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
15933
+ min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
15934
+ text-align: start;
15935
+ }
15936
+
15937
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
15938
+ .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
15939
+ grid-column: 1/2;
15940
+ }
15941
+
15942
+ .pf-v5-c-progress.pf-m-singleline {
15943
+ grid-template-rows: 1fr;
15944
+ }
15945
+
15946
+ .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__description {
15947
+ display: none;
15948
+ }
15949
+
15950
+ .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__bar {
15951
+ grid-row: 1/2;
15952
+ grid-column: 1/2;
15953
+ }
15954
+
15955
+ .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__status {
15956
+ grid-row: 1/2;
15957
+ grid-column: 2/3;
15958
+ }
15959
+
15960
+ .pf-v5-c-progress.pf-m-outside, .pf-v5-c-progress.pf-m-singleline {
15961
+ grid-template-columns: 1fr fit-content(50%);
15962
+ }
15963
+
15964
+ .pf-v5-c-progress.pf-m-success {
15965
+ --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
15966
+ --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
15967
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
15968
+ }
15969
+
15970
+ .pf-v5-c-progress.pf-m-warning {
15971
+ --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
15972
+ --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
15973
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
15974
+ }
15975
+
15976
+ .pf-v5-c-progress.pf-m-danger {
15977
+ --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
15978
+ --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
15979
+ }
15980
+
15981
+ .pf-v5-c-progress__description {
15982
+ grid-column: 1/2;
15983
+ word-break: break-word;
15984
+ }
15985
+
15986
+ .pf-v5-c-progress__description.pf-m-truncate {
15987
+ overflow: hidden;
15988
+ text-overflow: ellipsis;
15989
+ white-space: nowrap;
15990
+ }
15991
+
15992
+ .pf-v5-c-progress__status {
15993
+ display: flex;
15994
+ grid-row: 1/2;
15995
+ grid-column: 2/3;
15996
+ gap: var(--pf-v5-c-progress__status--Gap);
15997
+ align-items: flex-start;
15998
+ justify-content: flex-end;
15999
+ text-align: end;
16000
+ word-break: break-word;
16001
+ }
16002
+
16003
+ .pf-v5-c-progress__status-icon {
16004
+ color: var(--pf-v5-c-progress__status-icon--Color);
16005
+ }
16006
+
16007
+ .pf-v5-c-progress__bar::before,
16008
+ .pf-v5-c-progress__indicator {
16009
+ top: 0;
16010
+ left: 0;
16011
+ }
16012
+
16013
+ .pf-v5-c-progress__bar {
16014
+ position: relative;
16015
+ grid-row: 2/3;
16016
+ grid-column: 1/3;
16017
+ align-self: center;
16018
+ height: var(--pf-v5-c-progress__bar--Height);
16019
+ background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
16020
+ }
16021
+
16022
+ .pf-v5-c-progress__bar::before {
16023
+ position: absolute;
16024
+ width: 100%;
16025
+ height: 100%;
16026
+ content: "";
16027
+ background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
16028
+ opacity: var(--pf-v5-c-progress__bar--before--Opacity);
16029
+ }
16030
+
16031
+ .pf-v5-c-progress__indicator {
16032
+ position: absolute;
16033
+ height: var(--pf-v5-c-progress__indicator--Height);
16034
+ background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
16035
+ }
16036
+
16037
+ .pf-v5-c-progress__helper-text {
16038
+ grid-row: 3/4;
16039
+ grid-column: 1/3;
16040
+ margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
16041
+ }
16042
+
16043
+ :where(.pf-v5-theme-dark) .pf-v5-c-progress {
16044
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16045
+ --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16046
+ --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16047
+ }
16048
+
15721
16049
  .pf-v5-c-progress-stepper {
15722
16050
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
15723
16051
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -16051,6 +16379,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
16051
16379
  }
16052
16380
 
16053
16381
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
16382
+ padding: 0;
16054
16383
  text-decoration: underline;
16055
16384
  text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
16056
16385
  text-decoration-style: dashed;
@@ -16352,202 +16681,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
16352
16681
  --pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
16353
16682
  }
16354
16683
  }
16355
- .pf-v5-c-progress {
16356
- --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
16357
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
16358
- --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
16359
- --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
16360
- --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
16361
- --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
16362
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
16363
- --pf-v5-c-progress__bar--before--Opacity: .2;
16364
- --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
16365
- --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
16366
- --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
16367
- --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
16368
- --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
16369
- --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
16370
- --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
16371
- --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
16372
- --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
16373
- --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
16374
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
16375
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
16376
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
16377
- --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
16378
- --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
16379
- --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
16380
- --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
16381
- --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
16382
- --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
16383
- display: grid;
16384
- grid-template-rows: 1fr auto;
16385
- grid-template-columns: auto auto;
16386
- grid-gap: var(--pf-v5-c-progress--GridGap);
16387
- align-items: end;
16388
- }
16389
-
16390
- .pf-v5-c-progress.pf-m-sm {
16391
- --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
16392
- }
16393
-
16394
- .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
16395
- font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
16396
- }
16397
-
16398
- .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
16399
- font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
16400
- }
16401
-
16402
- .pf-v5-c-progress.pf-m-lg {
16403
- --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-lg__bar--Height);
16404
- }
16405
-
16406
- .pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__indicator {
16407
- display: flex;
16408
- align-items: center;
16409
- justify-content: center;
16410
- min-width: var(--pf-v5-c-progress--m-inside__indicator--MinWidth);
16411
- }
16412
-
16413
- .pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__measure {
16414
- font-size: var(--pf-v5-c-progress--m-inside__measure--FontSize);
16415
- color: var(--pf-v5-c-progress--m-inside__measure--Color);
16416
- text-align: center;
16417
- }
16418
-
16419
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__description {
16420
- grid-column: 1/3;
16421
- }
16422
-
16423
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__status {
16424
- grid-row: 2/3;
16425
- grid-column: 2/3;
16426
- align-self: center;
16427
- }
16428
-
16429
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure {
16430
- display: inline-block;
16431
- font-size: var(--pf-v5-c-progress--m-outside__measure--FontSize);
16432
- }
16433
-
16434
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
16435
- min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
16436
- text-align: start;
16437
- }
16438
-
16439
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
16440
- .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
16441
- grid-column: 1/2;
16442
- }
16443
-
16444
- .pf-v5-c-progress.pf-m-singleline {
16445
- grid-template-rows: 1fr;
16446
- }
16447
-
16448
- .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__description {
16449
- display: none;
16450
- }
16451
-
16452
- .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__bar {
16453
- grid-row: 1/2;
16454
- grid-column: 1/2;
16455
- }
16456
-
16457
- .pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__status {
16458
- grid-row: 1/2;
16459
- grid-column: 2/3;
16460
- }
16461
-
16462
- .pf-v5-c-progress.pf-m-outside, .pf-v5-c-progress.pf-m-singleline {
16463
- grid-template-columns: 1fr fit-content(50%);
16464
- }
16465
-
16466
- .pf-v5-c-progress.pf-m-success {
16467
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
16468
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
16469
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
16470
- }
16471
-
16472
- .pf-v5-c-progress.pf-m-warning {
16473
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
16474
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
16475
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
16476
- }
16477
-
16478
- .pf-v5-c-progress.pf-m-danger {
16479
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
16480
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
16481
- }
16482
-
16483
- .pf-v5-c-progress__description {
16484
- grid-column: 1/2;
16485
- word-break: break-word;
16486
- }
16487
-
16488
- .pf-v5-c-progress__description.pf-m-truncate {
16489
- overflow: hidden;
16490
- text-overflow: ellipsis;
16491
- white-space: nowrap;
16492
- }
16493
-
16494
- .pf-v5-c-progress__status {
16495
- display: flex;
16496
- grid-row: 1/2;
16497
- grid-column: 2/3;
16498
- gap: var(--pf-v5-c-progress__status--Gap);
16499
- align-items: flex-start;
16500
- justify-content: flex-end;
16501
- text-align: end;
16502
- word-break: break-word;
16503
- }
16504
-
16505
- .pf-v5-c-progress__status-icon {
16506
- color: var(--pf-v5-c-progress__status-icon--Color);
16507
- }
16508
-
16509
- .pf-v5-c-progress__bar::before,
16510
- .pf-v5-c-progress__indicator {
16511
- top: 0;
16512
- left: 0;
16513
- }
16514
-
16515
- .pf-v5-c-progress__bar {
16516
- position: relative;
16517
- grid-row: 2/3;
16518
- grid-column: 1/3;
16519
- align-self: center;
16520
- height: var(--pf-v5-c-progress__bar--Height);
16521
- background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
16522
- }
16523
-
16524
- .pf-v5-c-progress__bar::before {
16525
- position: absolute;
16526
- width: 100%;
16527
- height: 100%;
16528
- content: "";
16529
- background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
16530
- opacity: var(--pf-v5-c-progress__bar--before--Opacity);
16531
- }
16532
-
16533
- .pf-v5-c-progress__indicator {
16534
- position: absolute;
16535
- height: var(--pf-v5-c-progress__indicator--Height);
16536
- background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
16537
- }
16538
-
16539
- .pf-v5-c-progress__helper-text {
16540
- grid-row: 3/4;
16541
- grid-column: 1/3;
16542
- margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
16543
- }
16544
-
16545
- :where(.pf-v5-theme-dark) .pf-v5-c-progress {
16546
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16547
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16548
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
16549
- }
16550
-
16551
16684
  .pf-v5-c-radio {
16552
16685
  --pf-v5-c-radio--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
16553
16686
  --pf-v5-c-radio__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
@@ -24507,39 +24640,108 @@ label.pf-v5-c-tree-view__node-text {
24507
24640
  --pf-v5-l-flex--spacer--column: 0;
24508
24641
  }
24509
24642
  }
24510
- @media (min-width: 1450px) {
24511
- .pf-v5-l-flex.pf-m-column-gap-on-2xl {
24512
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
24513
- }
24514
- .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
24515
- --pf-v5-l-flex--ColumnGap: 0;
24516
- }
24517
- .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
24518
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
24643
+ @media (min-width: 1450px) {
24644
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
24645
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
24646
+ }
24647
+ .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
24648
+ --pf-v5-l-flex--ColumnGap: 0;
24649
+ }
24650
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
24651
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
24652
+ }
24653
+ .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
24654
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
24655
+ }
24656
+ .pf-v5-l-flex.pf-m-column-gap-md-on-2xl {
24657
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
24658
+ }
24659
+ .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl {
24660
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
24661
+ }
24662
+ .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl {
24663
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
24664
+ }
24665
+ .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl {
24666
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
24667
+ }
24668
+ .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl {
24669
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
24670
+ }
24671
+ .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
24672
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
24673
+ }
24674
+ .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
24675
+ --pf-v5-l-flex--spacer--column: 0;
24676
+ }
24677
+ }
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)));
24519
24705
  }
24520
- .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
24521
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
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))));
24522
24710
  }
24523
- .pf-v5-l-flex.pf-m-column-gap-md-on-2xl {
24524
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--md);
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)))));
24525
24715
  }
24526
- .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl {
24527
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--lg);
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))))));
24528
24720
  }
24529
- .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl {
24530
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xl);
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));
24531
24725
  }
24532
- .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl {
24533
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--2xl);
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)));
24534
24730
  }
24535
- .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl {
24536
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--3xl);
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))));
24537
24735
  }
24538
- .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
24539
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
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)))));
24540
24740
  }
24541
- .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
24542
- --pf-v5-l-flex--spacer--column: 0;
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))))));
24543
24745
  }
24544
24746
  }
24545
24747
  .pf-v5-l-grid {
@@ -25538,75 +25740,6 @@ label.pf-v5-c-tree-view__node-text {
25538
25740
  gap: var(--pf-v5-l-level--m-gutter--Gap);
25539
25741
  }
25540
25742
 
25541
- .pf-v5-l-gallery {
25542
- --pf-v5-l-gallery--m-gutter--GridGap: var(--pf-v5-global--gutter);
25543
- --pf-v5-l-gallery--GridTemplateColumns--min: 250px;
25544
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
25545
- --pf-v5-l-gallery--GridTemplateColumns--max: 1fr;
25546
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
25547
- --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)));
25548
- --pf-v5-l-gallery--GridTemplateRows: auto;
25549
- display: grid;
25550
- grid-template-rows: var(--pf-v5-l-gallery--GridTemplateRows);
25551
- grid-template-columns: var(--pf-v5-l-gallery--GridTemplateColumns);
25552
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min);
25553
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max);
25554
- }
25555
-
25556
- .pf-v5-l-gallery.pf-m-gutter {
25557
- grid-gap: var(--pf-v5-l-gallery--m-gutter--GridGap);
25558
- }
25559
-
25560
- @media (min-width: 576px) {
25561
- .pf-v5-l-gallery {
25562
- --pf-v5-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v5-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--min));
25563
- }
25564
- }
25565
- @media (min-width: 768px) {
25566
- .pf-v5-l-gallery {
25567
- --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)));
25568
- }
25569
- }
25570
- @media (min-width: 992px) {
25571
- .pf-v5-l-gallery {
25572
- --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))));
25573
- }
25574
- }
25575
- @media (min-width: 1200px) {
25576
- .pf-v5-l-gallery {
25577
- --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)))));
25578
- }
25579
- }
25580
- @media (min-width: 1450px) {
25581
- .pf-v5-l-gallery {
25582
- --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))))));
25583
- }
25584
- }
25585
- @media (min-width: 576px) {
25586
- .pf-v5-l-gallery {
25587
- --pf-v5-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v5-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v5-l-gallery--GridTemplateColumns--max));
25588
- }
25589
- }
25590
- @media (min-width: 768px) {
25591
- .pf-v5-l-gallery {
25592
- --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)));
25593
- }
25594
- }
25595
- @media (min-width: 992px) {
25596
- .pf-v5-l-gallery {
25597
- --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))));
25598
- }
25599
- }
25600
- @media (min-width: 1200px) {
25601
- .pf-v5-l-gallery {
25602
- --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)))));
25603
- }
25604
- }
25605
- @media (min-width: 1450px) {
25606
- .pf-v5-l-gallery {
25607
- --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))))));
25608
- }
25609
- }
25610
25743
  .pf-v5-l-split {
25611
25744
  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
25612
25745
  display: flex;
@@ -25641,130 +25774,6 @@ label.pf-v5-c-tree-view__node-text {
25641
25774
  gap: var(--pf-v5-l-stack--m-gutter--Gap);
25642
25775
  }
25643
25776
 
25644
- .pf-v5-c-notification-badge {
25645
- --pf-v5-c-notification-badge--PaddingTop: var(--pf-v5-global--spacer--form-element);
25646
- --pf-v5-c-notification-badge--PaddingRight: var(--pf-v5-global--spacer--md);
25647
- --pf-v5-c-notification-badge--PaddingBottom: var(--pf-v5-global--spacer--form-element);
25648
- --pf-v5-c-notification-badge--PaddingLeft: var(--pf-v5-global--spacer--md);
25649
- --pf-v5-c-notification-badge--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
25650
- --pf-v5-c-notification-badge--MarginRight: calc(-1 * var(--pf-v5-global--spacer--md));
25651
- --pf-v5-c-notification-badge--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
25652
- --pf-v5-c-notification-badge--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
25653
- --pf-v5-c-notification-badge--after--BorderColor: transparent;
25654
- --pf-v5-c-notification-badge--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
25655
- --pf-v5-c-notification-badge--after--BorderWidth: 0;
25656
- --pf-v5-c-notification-badge--after--Top: 0;
25657
- --pf-v5-c-notification-badge--after--Right: 0;
25658
- --pf-v5-c-notification-badge--after--Width: auto;
25659
- --pf-v5-c-notification-badge--after--Height: auto;
25660
- --pf-v5-c-notification-badge--after--BackgroundColor: transparent;
25661
- --pf-v5-c-notification-badge--after--TranslateX: 0;
25662
- --pf-v5-c-notification-badge--after--TranslateY: 0;
25663
- --pf-v5-c-notification-badge__i--Width: auto;
25664
- --pf-v5-c-notification-badge__i--Height: auto;
25665
- --pf-v5-c-notification-badge--m-read--after--BorderColor: transparent;
25666
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: transparent;
25667
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
25668
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
25669
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--active-color--100);
25670
- --pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
25671
- --pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--200);
25672
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--Color--light-100);
25673
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--100);
25674
- --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
25675
- --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
25676
- --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
25677
- --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
25678
- position: relative;
25679
- display: inline-block;
25680
- padding-block-start: var(--pf-v5-c-notification-badge--PaddingTop);
25681
- padding-block-end: var(--pf-v5-c-notification-badge--PaddingBottom);
25682
- padding-inline-start: var(--pf-v5-c-notification-badge--PaddingLeft);
25683
- padding-inline-end: var(--pf-v5-c-notification-badge--PaddingRight);
25684
- margin-block-start: var(--pf-v5-c-notification-badge--MarginTop);
25685
- margin-block-end: var(--pf-v5-c-notification-badge--MarginBottom);
25686
- margin-inline-start: var(--pf-v5-c-notification-badge--MarginLeft);
25687
- margin-inline-end: var(--pf-v5-c-notification-badge--MarginRight);
25688
- background-color: var(--pf-v5-c-notification-badge--after--BackgroundColor);
25689
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
25690
- }
25691
-
25692
- .pf-v5-c-notification-badge::before {
25693
- position: absolute;
25694
- inset-block-start: var(--pf-v5-c-notification-badge--after--Top);
25695
- inset-block-end: 0;
25696
- inset-inline-start: 0;
25697
- inset-inline-end: var(--pf-v5-c-notification-badge--after--Right);
25698
- width: var(--pf-v5-c-notification-badge--after--Width);
25699
- height: var(--pf-v5-c-notification-badge--after--Height);
25700
- content: "";
25701
- border: var(--pf-v5-c-notification-badge--after--BorderWidth) solid var(--pf-v5-c-notification-badge--after--BorderColor);
25702
- border-radius: var(--pf-v5-c-notification-badge--after--BorderRadius);
25703
- transform: translate(var(--pf-v5-c-notification-badge--after--TranslateX), var(--pf-v5-c-notification-badge--after--TranslateY));
25704
- }
25705
-
25706
- .pf-v5-c-notification-badge > i {
25707
- width: var(--pf-v5-c-notification-badge__i--Width);
25708
- height: var(--pf-v5-c-notification-badge__i--Height);
25709
- }
25710
-
25711
- .pf-v5-c-notification-badge > * {
25712
- position: relative;
25713
- }
25714
-
25715
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
25716
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
25717
- display: inline-block;
25718
- line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
25719
- }
25720
-
25721
- .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
25722
- .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
25723
- vertical-align: bottom;
25724
- }
25725
-
25726
- .pf-v5-c-notification-badge.pf-m-read {
25727
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--after--BackgroundColor);
25728
- --pf-v5-c-notification-badge--after--BorderColor: var(--pf-v5-c-notification-badge--m-read--after--BorderColor);
25729
- color: var(--pf-v5-c-notification-badge--m-read--Color, inherit);
25730
- }
25731
-
25732
- .pf-v5-c-notification-badge.pf-m-unread {
25733
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--after--BackgroundColor);
25734
- color: var(--pf-v5-c-notification-badge--m-unread--Color);
25735
- }
25736
-
25737
- .pf-v5-c-notification-badge.pf-m-unread:hover {
25738
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--hover--after--BackgroundColor);
25739
- }
25740
-
25741
- .pf-v5-c-notification-badge.pf-m-attention {
25742
- --pf-v5-c-notification-badge--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--after--BackgroundColor);
25743
- color: var(--pf-v5-c-notification-badge--m-attention--Color);
25744
- }
25745
-
25746
- .pf-v5-c-notification-badge.pf-m-attention:hover {
25747
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor);
25748
- }
25749
-
25750
- .pf-v5-c-notification-badge.pf-m-expanded {
25751
- --pf-v5-c-notification-badge--m-read--Color: var(--pf-v5-global--Color--light-100);
25752
- --pf-v5-c-notification-badge--m-read--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
25753
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
25754
- --pf-v5-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
25755
- }
25756
-
25757
- .pf-v5-c-notification-badge__count {
25758
- margin-inline-start: var(--pf-v5-c-notification-badge__count--MarginLeft);
25759
- }
25760
-
25761
- :where(.pf-v5-theme-dark) .pf-v5-c-notification-badge {
25762
- --pf-v5-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
25763
- --pf-v5-c-notification-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
25764
- --pf-v5-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--300);
25765
- --pf-v5-c-notification-badge--m-attention--Color: var(--pf-v5-global--palette--black-900);
25766
- }
25767
-
25768
25777
  .pf-v5-c-about-modal-box {
25769
25778
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
25770
25779
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);