@patternfly/react-core 4.236.6 → 4.236.9

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 (189) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -0
  3. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  4. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js +4 -3
  5. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  6. package/dist/esm/components/BackToTop/BackToTop.d.ts +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -0
  8. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  9. package/dist/esm/components/ContextSelector/ContextSelector.js +4 -3
  10. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  11. package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -0
  12. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  13. package/dist/esm/components/Dropdown/Dropdown.js +2 -2
  14. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  15. package/dist/esm/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
  16. package/dist/esm/components/Dropdown/DropdownWithContext.js +2 -2
  17. package/dist/esm/components/Dropdown/DropdownWithContext.js.map +1 -1
  18. package/dist/esm/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
  19. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  20. package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
  21. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
  22. package/dist/esm/components/Menu/MenuContent.d.ts +1 -1
  23. package/dist/esm/components/Menu/MenuGroup.d.ts +1 -1
  24. package/dist/esm/components/Menu/MenuInput.d.ts +1 -1
  25. package/dist/esm/components/Menu/MenuItem.d.ts +1 -1
  26. package/dist/esm/components/Nav/NavItem.d.ts +2 -0
  27. package/dist/esm/components/Nav/NavItem.d.ts.map +1 -1
  28. package/dist/esm/components/Nav/NavItem.js +2 -2
  29. package/dist/esm/components/Nav/NavItem.js.map +1 -1
  30. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
  31. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts +2 -0
  32. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  33. package/dist/esm/components/OptionsMenu/OptionsMenu.js +2 -2
  34. package/dist/esm/components/OptionsMenu/OptionsMenu.js.map +1 -1
  35. package/dist/esm/components/Panel/Panel.d.ts +1 -1
  36. package/dist/esm/components/Popover/Popover.d.ts +2 -0
  37. package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
  38. package/dist/esm/components/Popover/Popover.js +2 -2
  39. package/dist/esm/components/Popover/Popover.js.map +1 -1
  40. package/dist/esm/components/Popover/PopoverCloseButton.d.ts.map +1 -1
  41. package/dist/esm/components/Popover/PopoverCloseButton.js +2 -11
  42. package/dist/esm/components/Popover/PopoverCloseButton.js.map +1 -1
  43. package/dist/esm/components/SearchInput/SearchInput.d.ts +2 -0
  44. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  45. package/dist/esm/components/SearchInput/SearchInput.js +2 -2
  46. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  47. package/dist/esm/components/Select/Select.d.ts +2 -0
  48. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  49. package/dist/esm/components/Select/Select.js +4 -3
  50. package/dist/esm/components/Select/Select.js.map +1 -1
  51. package/dist/esm/components/Tabs/OverflowTab.d.ts +2 -0
  52. package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
  53. package/dist/esm/components/Tabs/OverflowTab.js +2 -2
  54. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
  55. package/dist/esm/components/Tabs/Tab.d.ts +1 -1
  56. package/dist/esm/components/TimePicker/TimePicker.d.ts +3 -0
  57. package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
  58. package/dist/esm/components/TimePicker/TimePicker.js +5 -4
  59. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  60. package/dist/esm/components/Tooltip/Tooltip.d.ts +2 -0
  61. package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
  62. package/dist/esm/components/Tooltip/Tooltip.js +2 -2
  63. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  64. package/dist/esm/helpers/FocusTrap/FocusTrap.d.ts +5 -19
  65. package/dist/esm/helpers/FocusTrap/FocusTrap.d.ts.map +1 -1
  66. package/dist/esm/helpers/FocusTrap/FocusTrap.js +10 -6
  67. package/dist/esm/helpers/FocusTrap/FocusTrap.js.map +1 -1
  68. package/dist/esm/helpers/Popper/Popper.d.ts +5 -0
  69. package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
  70. package/dist/esm/helpers/Popper/Popper.js +42 -7
  71. package/dist/esm/helpers/Popper/Popper.js.map +1 -1
  72. package/dist/esm/helpers/resizeObserver.d.ts +8 -1
  73. package/dist/esm/helpers/resizeObserver.d.ts.map +1 -1
  74. package/dist/esm/helpers/resizeObserver.js +18 -3
  75. package/dist/esm/helpers/resizeObserver.js.map +1 -1
  76. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -0
  77. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  78. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js +4 -3
  79. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  80. package/dist/js/components/BackToTop/BackToTop.d.ts +1 -1
  81. package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -0
  82. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  83. package/dist/js/components/ContextSelector/ContextSelector.js +4 -3
  84. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  85. package/dist/js/components/Dropdown/Dropdown.d.ts +2 -0
  86. package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
  87. package/dist/js/components/Dropdown/Dropdown.js +2 -2
  88. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  89. package/dist/js/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
  90. package/dist/js/components/Dropdown/DropdownWithContext.js +2 -2
  91. package/dist/js/components/Dropdown/DropdownWithContext.js.map +1 -1
  92. package/dist/js/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
  93. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  94. package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
  95. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
  96. package/dist/js/components/Menu/MenuContent.d.ts +1 -1
  97. package/dist/js/components/Menu/MenuGroup.d.ts +1 -1
  98. package/dist/js/components/Menu/MenuInput.d.ts +1 -1
  99. package/dist/js/components/Menu/MenuItem.d.ts +1 -1
  100. package/dist/js/components/Nav/NavItem.d.ts +2 -0
  101. package/dist/js/components/Nav/NavItem.d.ts.map +1 -1
  102. package/dist/js/components/Nav/NavItem.js +2 -2
  103. package/dist/js/components/Nav/NavItem.js.map +1 -1
  104. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
  105. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts +2 -0
  106. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  107. package/dist/js/components/OptionsMenu/OptionsMenu.js +2 -2
  108. package/dist/js/components/OptionsMenu/OptionsMenu.js.map +1 -1
  109. package/dist/js/components/Panel/Panel.d.ts +1 -1
  110. package/dist/js/components/Popover/Popover.d.ts +2 -0
  111. package/dist/js/components/Popover/Popover.d.ts.map +1 -1
  112. package/dist/js/components/Popover/Popover.js +2 -2
  113. package/dist/js/components/Popover/Popover.js.map +1 -1
  114. package/dist/js/components/Popover/PopoverCloseButton.d.ts.map +1 -1
  115. package/dist/js/components/Popover/PopoverCloseButton.js +2 -11
  116. package/dist/js/components/Popover/PopoverCloseButton.js.map +1 -1
  117. package/dist/js/components/SearchInput/SearchInput.d.ts +2 -0
  118. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  119. package/dist/js/components/SearchInput/SearchInput.js +2 -2
  120. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  121. package/dist/js/components/Select/Select.d.ts +2 -0
  122. package/dist/js/components/Select/Select.d.ts.map +1 -1
  123. package/dist/js/components/Select/Select.js +4 -3
  124. package/dist/js/components/Select/Select.js.map +1 -1
  125. package/dist/js/components/Tabs/OverflowTab.d.ts +2 -0
  126. package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
  127. package/dist/js/components/Tabs/OverflowTab.js +2 -2
  128. package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
  129. package/dist/js/components/Tabs/Tab.d.ts +1 -1
  130. package/dist/js/components/TimePicker/TimePicker.d.ts +3 -0
  131. package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
  132. package/dist/js/components/TimePicker/TimePicker.js +5 -4
  133. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  134. package/dist/js/components/Tooltip/Tooltip.d.ts +2 -0
  135. package/dist/js/components/Tooltip/Tooltip.d.ts.map +1 -1
  136. package/dist/js/components/Tooltip/Tooltip.js +2 -2
  137. package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
  138. package/dist/js/helpers/FocusTrap/FocusTrap.d.ts +5 -19
  139. package/dist/js/helpers/FocusTrap/FocusTrap.d.ts.map +1 -1
  140. package/dist/js/helpers/FocusTrap/FocusTrap.js +10 -7
  141. package/dist/js/helpers/FocusTrap/FocusTrap.js.map +1 -1
  142. package/dist/js/helpers/Popper/Popper.d.ts +5 -0
  143. package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
  144. package/dist/js/helpers/Popper/Popper.js +42 -7
  145. package/dist/js/helpers/Popper/Popper.js.map +1 -1
  146. package/dist/js/helpers/resizeObserver.d.ts +8 -1
  147. package/dist/js/helpers/resizeObserver.d.ts.map +1 -1
  148. package/dist/js/helpers/resizeObserver.js +18 -3
  149. package/dist/js/helpers/resizeObserver.js.map +1 -1
  150. package/dist/umd/react-core.min.css +335 -335
  151. package/dist/umd/react-core.min.js +5 -5
  152. package/package.json +5 -5
  153. package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +6 -1
  154. package/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx +10 -1
  155. package/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap +153 -7
  156. package/src/components/ContextSelector/ContextSelector.tsx +6 -1
  157. package/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +18 -1
  158. package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +144 -0
  159. package/src/components/Dropdown/Dropdown.tsx +9 -1
  160. package/src/components/Dropdown/DropdownWithContext.tsx +2 -0
  161. package/src/components/Dropdown/__tests__/Dropdown.test.tsx +16 -0
  162. package/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +131 -7
  163. package/src/components/Nav/NavItem.tsx +4 -0
  164. package/src/components/Nav/__tests__/Nav.test.tsx +19 -0
  165. package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +111 -42
  166. package/src/components/OptionsMenu/OptionsMenu.tsx +4 -0
  167. package/src/components/OptionsMenu/__tests__/OptionsMenu.test.tsx +17 -0
  168. package/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +216 -20
  169. package/src/components/Popover/Popover.tsx +4 -0
  170. package/src/components/Popover/PopoverCloseButton.tsx +6 -17
  171. package/src/components/Popover/__tests__/Popover.test.tsx +25 -0
  172. package/src/components/Popover/__tests__/__snapshots__/Popover.test.tsx.snap +10 -0
  173. package/src/components/SearchInput/SearchInput.tsx +4 -0
  174. package/src/components/SearchInput/__tests__/SearchInput.test.tsx +27 -1
  175. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +130 -6
  176. package/src/components/Select/Select.tsx +6 -1
  177. package/src/components/Select/__tests__/Select.test.tsx +23 -7
  178. package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +152 -46
  179. package/src/components/Tabs/OverflowTab.tsx +4 -0
  180. package/src/components/Tabs/__tests__/OverflowTab.test.tsx +31 -7
  181. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +89 -0
  182. package/src/components/TimePicker/TimePicker.tsx +6 -1
  183. package/src/components/TimePicker/__tests__/TimePicker.test.tsx +16 -1
  184. package/src/components/Tooltip/Tooltip.tsx +4 -0
  185. package/src/components/Tooltip/__tests__/Tooltip.test.tsx +21 -0
  186. package/src/components/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +10 -0
  187. package/src/helpers/FocusTrap/FocusTrap.tsx +21 -5
  188. package/src/helpers/Popper/Popper.tsx +54 -12
  189. package/src/helpers/resizeObserver.tsx +21 -3
@@ -8469,6 +8469,153 @@ label.pf-c-check, .pf-c-check__label,
8469
8469
  font-size: var(--pf-global--FontSize--lg);
8470
8470
  }
8471
8471
 
8472
+ .pf-c-expandable-section {
8473
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
8474
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
8475
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
8476
+ --pf-c-expandable-section__toggle--PaddingLeft: 0;
8477
+ --pf-c-expandable-section__toggle--MarginTop: 0;
8478
+ --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
8479
+ --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
8480
+ --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
8481
+ --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
8482
+ --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
8483
+ --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
8484
+ --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
8485
+ --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
8486
+ --pf-c-expandable-section__toggle-icon--Rotate: 0;
8487
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
8488
+ --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
8489
+ --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
8490
+ --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
8491
+ --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
8492
+ --pf-c-expandable-section__content--MaxWidth: auto;
8493
+ --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
8494
+ --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
8495
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
8496
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
8497
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
8498
+ --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
8499
+ --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
8500
+ --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
8501
+ --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
8502
+ --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
8503
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
8504
+ --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
8505
+ --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
8506
+ --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
8507
+ --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
8508
+ --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
8509
+ }
8510
+
8511
+ .pf-c-expandable-section.pf-m-expanded {
8512
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
8513
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
8514
+ --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
8515
+ --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
8516
+ }
8517
+
8518
+ .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
8519
+ --pf-c-expandable-section__content--MarginTop: 0;
8520
+ }
8521
+
8522
+ .pf-c-expandable-section.pf-m-limit-width {
8523
+ --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
8524
+ }
8525
+
8526
+ .pf-c-expandable-section.pf-m-display-lg {
8527
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
8528
+ --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
8529
+ --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
8530
+ --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
8531
+ --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
8532
+ --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
8533
+ --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
8534
+ --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
8535
+ position: relative;
8536
+ box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
8537
+ }
8538
+
8539
+ .pf-c-expandable-section.pf-m-display-lg::after {
8540
+ position: absolute;
8541
+ top: 0;
8542
+ bottom: 0;
8543
+ left: 0;
8544
+ width: var(--pf-c-expandable-section--m-display-lg--after--Width);
8545
+ content: "";
8546
+ background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
8547
+ }
8548
+
8549
+ .pf-c-expandable-section.pf-m-indented {
8550
+ --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
8551
+ }
8552
+
8553
+ .pf-c-expandable-section.pf-m-truncate {
8554
+ --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
8555
+ --pf-c-expandable-section__toggle--PaddingTop: 0;
8556
+ --pf-c-expandable-section__toggle--PaddingRight: 0;
8557
+ --pf-c-expandable-section__toggle--PaddingBottom: 0;
8558
+ --pf-c-expandable-section__toggle-text--MarginLeft: 0;
8559
+ }
8560
+
8561
+ .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
8562
+ display: -webkit-box;
8563
+ -webkit-box-orient: vertical;
8564
+ -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
8565
+ overflow: hidden;
8566
+ }
8567
+
8568
+ .pf-c-expandable-section.pf-m-detached {
8569
+ --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
8570
+ }
8571
+
8572
+ .pf-c-expandable-section__toggle {
8573
+ display: flex;
8574
+ padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
8575
+ margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
8576
+ color: var(--pf-c-expandable-section__toggle--Color);
8577
+ border: none;
8578
+ }
8579
+
8580
+ .pf-c-expandable-section__toggle:hover {
8581
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
8582
+ }
8583
+
8584
+ .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
8585
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
8586
+ }
8587
+
8588
+ .pf-c-expandable-section__toggle:focus {
8589
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
8590
+ }
8591
+
8592
+ .pf-c-expandable-section__toggle-icon {
8593
+ min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
8594
+ color: var(--pf-c-expandable-section__toggle-icon--Color);
8595
+ transition: var(--pf-c-expandable-section__toggle-icon--Transition);
8596
+ transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
8597
+ }
8598
+
8599
+ .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
8600
+ --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
8601
+ }
8602
+
8603
+ .pf-c-expandable-section__toggle-text {
8604
+ margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
8605
+ }
8606
+
8607
+ .pf-c-expandable-section__content {
8608
+ max-width: var(--pf-c-expandable-section__content--MaxWidth);
8609
+ padding-right: var(--pf-c-expandable-section__content--PaddingRight);
8610
+ padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
8611
+ padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
8612
+ margin-top: var(--pf-c-expandable-section__content--MarginTop);
8613
+ }
8614
+
8615
+ .pf-m-overpass-font .pf-c-expandable-section__toggle {
8616
+ font-weight: var(--pf-global--FontWeight--semi-bold);
8617
+ }
8618
+
8472
8619
  .pf-c-file-upload {
8473
8620
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8474
8621
  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -9109,205 +9256,58 @@ label.pf-c-check, .pf-c-check__label,
9109
9256
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9110
9257
  }
9111
9258
 
9112
- .pf-c-expandable-section {
9113
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
9114
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
9115
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
9116
- --pf-c-expandable-section__toggle--PaddingLeft: 0;
9117
- --pf-c-expandable-section__toggle--MarginTop: 0;
9118
- --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
9119
- --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
9120
- --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
9121
- --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
9122
- --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
9123
- --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
9124
- --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
9125
- --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
9126
- --pf-c-expandable-section__toggle-icon--Rotate: 0;
9127
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
9128
- --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
9129
- --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
9130
- --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
9131
- --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
9132
- --pf-c-expandable-section__content--MaxWidth: auto;
9133
- --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
9134
- --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
9135
- --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
9136
- --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
9137
- --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
9138
- --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
9139
- --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
9140
- --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
9141
- --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
9142
- --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
9143
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
9144
- --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
9145
- --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
9146
- --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
9147
- --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
9148
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
9259
+ .pf-c-helper-text {
9260
+ --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9261
+ --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
9262
+ --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
9263
+ --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
9264
+ --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
9265
+ --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
9266
+ --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
9267
+ --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
9268
+ --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
9269
+ --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
9270
+ --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
9271
+ --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
9272
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
9273
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
9274
+ --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
9275
+ --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
9276
+ --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
9277
+ --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
9278
+ --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
9279
+ --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
9280
+ --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
9281
+ --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
9282
+ --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
9283
+ display: grid;
9284
+ gap: var(--pf-c-helper-text--Gap);
9285
+ font-size: var(--pf-c-helper-text--FontSize);
9149
9286
  }
9150
9287
 
9151
- .pf-c-expandable-section.pf-m-expanded {
9152
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
9153
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
9154
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
9155
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
9288
+ .pf-c-helper-text__item {
9289
+ display: flex;
9156
9290
  }
9157
9291
 
9158
- .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
9159
- --pf-c-expandable-section__content--MarginTop: 0;
9292
+ .pf-c-helper-text__item.pf-m-indeterminate {
9293
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
9294
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
9295
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
9296
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
9160
9297
  }
9161
9298
 
9162
- .pf-c-expandable-section.pf-m-limit-width {
9163
- --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
9299
+ .pf-c-helper-text__item.pf-m-warning {
9300
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
9301
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
9302
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
9303
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
9164
9304
  }
9165
9305
 
9166
- .pf-c-expandable-section.pf-m-display-lg {
9167
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
9168
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
9169
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
9170
- --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
9171
- --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
9172
- --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
9173
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
9174
- --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
9175
- position: relative;
9176
- box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
9177
- }
9178
-
9179
- .pf-c-expandable-section.pf-m-display-lg::after {
9180
- position: absolute;
9181
- top: 0;
9182
- bottom: 0;
9183
- left: 0;
9184
- width: var(--pf-c-expandable-section--m-display-lg--after--Width);
9185
- content: "";
9186
- background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
9187
- }
9188
-
9189
- .pf-c-expandable-section.pf-m-indented {
9190
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
9191
- }
9192
-
9193
- .pf-c-expandable-section.pf-m-truncate {
9194
- --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
9195
- --pf-c-expandable-section__toggle--PaddingTop: 0;
9196
- --pf-c-expandable-section__toggle--PaddingRight: 0;
9197
- --pf-c-expandable-section__toggle--PaddingBottom: 0;
9198
- --pf-c-expandable-section__toggle-text--MarginLeft: 0;
9199
- }
9200
-
9201
- .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
9202
- display: -webkit-box;
9203
- -webkit-box-orient: vertical;
9204
- -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
9205
- overflow: hidden;
9206
- }
9207
-
9208
- .pf-c-expandable-section.pf-m-detached {
9209
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
9210
- }
9211
-
9212
- .pf-c-expandable-section__toggle {
9213
- display: flex;
9214
- padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
9215
- margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
9216
- color: var(--pf-c-expandable-section__toggle--Color);
9217
- border: none;
9218
- }
9219
-
9220
- .pf-c-expandable-section__toggle:hover {
9221
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
9222
- }
9223
-
9224
- .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
9225
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
9226
- }
9227
-
9228
- .pf-c-expandable-section__toggle:focus {
9229
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
9230
- }
9231
-
9232
- .pf-c-expandable-section__toggle-icon {
9233
- min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
9234
- color: var(--pf-c-expandable-section__toggle-icon--Color);
9235
- transition: var(--pf-c-expandable-section__toggle-icon--Transition);
9236
- transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
9237
- }
9238
-
9239
- .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
9240
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
9241
- }
9242
-
9243
- .pf-c-expandable-section__toggle-text {
9244
- margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
9245
- }
9246
-
9247
- .pf-c-expandable-section__content {
9248
- max-width: var(--pf-c-expandable-section__content--MaxWidth);
9249
- padding-right: var(--pf-c-expandable-section__content--PaddingRight);
9250
- padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
9251
- padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
9252
- margin-top: var(--pf-c-expandable-section__content--MarginTop);
9253
- }
9254
-
9255
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
9256
- font-weight: var(--pf-global--FontWeight--semi-bold);
9257
- }
9258
-
9259
- .pf-c-helper-text {
9260
- --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9261
- --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
9262
- --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
9263
- --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
9264
- --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
9265
- --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
9266
- --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
9267
- --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
9268
- --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
9269
- --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
9270
- --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
9271
- --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
9272
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
9273
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
9274
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
9275
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
9276
- --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
9277
- --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
9278
- --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
9279
- --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
9280
- --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
9281
- --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
9282
- --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
9283
- display: grid;
9284
- gap: var(--pf-c-helper-text--Gap);
9285
- font-size: var(--pf-c-helper-text--FontSize);
9286
- }
9287
-
9288
- .pf-c-helper-text__item {
9289
- display: flex;
9290
- }
9291
-
9292
- .pf-c-helper-text__item.pf-m-indeterminate {
9293
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
9294
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
9295
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
9296
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
9297
- }
9298
-
9299
- .pf-c-helper-text__item.pf-m-warning {
9300
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
9301
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
9302
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
9303
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
9304
- }
9305
-
9306
- .pf-c-helper-text__item.pf-m-success {
9307
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
9308
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
9309
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
9310
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
9306
+ .pf-c-helper-text__item.pf-m-success {
9307
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
9308
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
9309
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
9310
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
9311
9311
  }
9312
9312
 
9313
9313
  .pf-c-helper-text__item.pf-m-error {
@@ -10155,150 +10155,6 @@ label.pf-c-input-group__text {
10155
10155
  --pf-c-sidebar__panel--FlexBasis: 100%;
10156
10156
  }
10157
10157
  }
10158
- .pf-c-label-group {
10159
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10160
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10161
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10162
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10163
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10164
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10165
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10166
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10167
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10168
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10169
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10170
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10171
- --pf-c-label-group__label--MarginBottom: 0;
10172
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10173
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10174
- --pf-c-label-group__label--MaxWidth: 18ch;
10175
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10176
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10177
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10178
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10179
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10180
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10181
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10182
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10183
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10184
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10185
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10186
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10187
- --pf-c-label-group__textarea--PaddingBottom: 0;
10188
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10189
- display: inline-flex;
10190
- align-items: center;
10191
- }
10192
-
10193
- .pf-c-label-group.pf-m-category {
10194
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10195
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10196
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10197
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10198
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10199
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10200
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10201
- }
10202
-
10203
- .pf-c-label-group.pf-m-vertical {
10204
- --pf-c-label-group__list--MarginRight: 0;
10205
- --pf-c-label-group__list--MarginBottom: 0;
10206
- --pf-c-label-group__list-item--MarginRight: 0;
10207
- --pf-c-label-group__label--MarginRight: 0;
10208
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10209
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10210
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10211
- --pf-c-label-group__close--MarginBottom: 0;
10212
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10213
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10214
- }
10215
-
10216
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10217
- align-items: flex-start;
10218
- }
10219
-
10220
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10221
- flex-direction: column;
10222
- align-items: flex-start;
10223
- }
10224
-
10225
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10226
- flex-direction: column;
10227
- }
10228
-
10229
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10230
- --pf-c-label-group__list-item--MarginBottom: 0;
10231
- }
10232
-
10233
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10234
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10235
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10236
- }
10237
-
10238
- .pf-c-label-group.pf-m-editable,
10239
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10240
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10241
- display: flex;
10242
- }
10243
-
10244
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10245
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10246
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10247
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10248
- flex: 1;
10249
- }
10250
-
10251
- .pf-c-label-group__main {
10252
- display: flex;
10253
- flex: 1;
10254
- flex-wrap: wrap;
10255
- align-items: baseline;
10256
- }
10257
-
10258
- .pf-c-label-group__list {
10259
- display: inline-flex;
10260
- flex-wrap: wrap;
10261
- margin-right: var(--pf-c-label-group__list--MarginRight);
10262
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10263
- }
10264
-
10265
- .pf-c-label-group__list-item {
10266
- display: inline-flex;
10267
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10268
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10269
- }
10270
-
10271
- .pf-c-label-group__label {
10272
- overflow: hidden;
10273
- text-overflow: ellipsis;
10274
- white-space: nowrap;
10275
- max-width: var(--pf-c-label-group__label--MaxWidth);
10276
- margin-right: var(--pf-c-label-group__label--MarginRight);
10277
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10278
- font-size: var(--pf-c-label-group__label--FontSize);
10279
- }
10280
-
10281
- .pf-c-label-group__close {
10282
- margin-top: var(--pf-c-label-group__close--MarginTop);
10283
- margin-right: var(--pf-c-label-group__close--MarginRight);
10284
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10285
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10286
- }
10287
-
10288
- .pf-c-label-group__textarea {
10289
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10290
- padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10291
- white-space: nowrap;
10292
- resize: none;
10293
- border: 0;
10294
- -ms-overflow-style: none;
10295
- scrollbar-width: none;
10296
- }
10297
-
10298
- .pf-c-label-group__textarea::-webkit-scrollbar {
10299
- display: none;
10300
- }
10301
-
10302
10158
  .pf-c-label {
10303
10159
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10304
10160
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10762,6 +10618,150 @@ button.pf-c-label__content:focus {
10762
10618
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10763
10619
  }
10764
10620
 
10621
+ .pf-c-label-group {
10622
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10623
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10624
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10625
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10626
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10627
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10628
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10629
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10630
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10631
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10632
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10633
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10634
+ --pf-c-label-group__label--MarginBottom: 0;
10635
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10636
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10637
+ --pf-c-label-group__label--MaxWidth: 18ch;
10638
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10639
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10640
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10641
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10642
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10643
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10644
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10645
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10646
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10647
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10648
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10649
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10650
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10651
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10652
+ display: inline-flex;
10653
+ align-items: center;
10654
+ }
10655
+
10656
+ .pf-c-label-group.pf-m-category {
10657
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10658
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10659
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10660
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10661
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10662
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10663
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10664
+ }
10665
+
10666
+ .pf-c-label-group.pf-m-vertical {
10667
+ --pf-c-label-group__list--MarginRight: 0;
10668
+ --pf-c-label-group__list--MarginBottom: 0;
10669
+ --pf-c-label-group__list-item--MarginRight: 0;
10670
+ --pf-c-label-group__label--MarginRight: 0;
10671
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10672
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10673
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10674
+ --pf-c-label-group__close--MarginBottom: 0;
10675
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10676
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10677
+ }
10678
+
10679
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10680
+ align-items: flex-start;
10681
+ }
10682
+
10683
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10684
+ flex-direction: column;
10685
+ align-items: flex-start;
10686
+ }
10687
+
10688
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10689
+ flex-direction: column;
10690
+ }
10691
+
10692
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10693
+ --pf-c-label-group__list-item--MarginBottom: 0;
10694
+ }
10695
+
10696
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10697
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10698
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10699
+ }
10700
+
10701
+ .pf-c-label-group.pf-m-editable,
10702
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10703
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10704
+ display: flex;
10705
+ }
10706
+
10707
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10708
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10709
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10710
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10711
+ flex: 1;
10712
+ }
10713
+
10714
+ .pf-c-label-group__main {
10715
+ display: flex;
10716
+ flex: 1;
10717
+ flex-wrap: wrap;
10718
+ align-items: baseline;
10719
+ }
10720
+
10721
+ .pf-c-label-group__list {
10722
+ display: inline-flex;
10723
+ flex-wrap: wrap;
10724
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10725
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10726
+ }
10727
+
10728
+ .pf-c-label-group__list-item {
10729
+ display: inline-flex;
10730
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10731
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10732
+ }
10733
+
10734
+ .pf-c-label-group__label {
10735
+ overflow: hidden;
10736
+ text-overflow: ellipsis;
10737
+ white-space: nowrap;
10738
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10739
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10740
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10741
+ font-size: var(--pf-c-label-group__label--FontSize);
10742
+ }
10743
+
10744
+ .pf-c-label-group__close {
10745
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10746
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10747
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10748
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10749
+ }
10750
+
10751
+ .pf-c-label-group__textarea {
10752
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10753
+ padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10754
+ white-space: nowrap;
10755
+ resize: none;
10756
+ border: 0;
10757
+ -ms-overflow-style: none;
10758
+ scrollbar-width: none;
10759
+ }
10760
+
10761
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10762
+ display: none;
10763
+ }
10764
+
10765
10765
  .pf-c-list {
10766
10766
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10767
10767
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);