@patternfly/react-core 4.236.3 → 4.236.6

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 (126) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/AboutModal/AboutModal.js +2 -2
  3. package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
  4. package/dist/esm/components/ContextSelector/ContextSelector.js +2 -2
  5. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  6. package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelectorToggle.js +5 -7
  8. package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  9. package/dist/esm/components/Dropdown/Toggle.d.ts.map +1 -1
  10. package/dist/esm/components/Dropdown/Toggle.js +2 -3
  11. package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
  12. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  13. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  14. package/dist/esm/components/Modal/Modal.js +2 -2
  15. package/dist/esm/components/Modal/Modal.js.map +1 -1
  16. package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
  17. package/dist/esm/components/NumberInput/NumberInput.js +3 -3
  18. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  19. package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
  20. package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js +2 -3
  21. package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
  22. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  23. package/dist/esm/components/Page/Page.js +11 -2
  24. package/dist/esm/components/Page/Page.js.map +1 -1
  25. package/dist/esm/components/Pagination/Navigation.js +2 -2
  26. package/dist/esm/components/Pagination/Navigation.js.map +1 -1
  27. package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
  28. package/dist/esm/components/SearchInput/AdvancedSearchMenu.js +2 -3
  29. package/dist/esm/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
  30. package/dist/esm/components/Tooltip/Tooltip.js +3 -3
  31. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  32. package/dist/esm/components/Wizard/Wizard.js +2 -2
  33. package/dist/esm/components/Wizard/Wizard.js.map +1 -1
  34. package/dist/js/components/AboutModal/AboutModal.js +1 -1
  35. package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
  36. package/dist/js/components/ContextSelector/ContextSelector.js +1 -1
  37. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  38. package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  39. package/dist/js/components/ContextSelector/ContextSelectorToggle.js +4 -6
  40. package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  41. package/dist/js/components/Dropdown/Toggle.d.ts.map +1 -1
  42. package/dist/js/components/Dropdown/Toggle.js +1 -2
  43. package/dist/js/components/Dropdown/Toggle.js.map +1 -1
  44. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  45. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  46. package/dist/js/components/Modal/Modal.js +1 -1
  47. package/dist/js/components/Modal/Modal.js.map +1 -1
  48. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  49. package/dist/js/components/NumberInput/NumberInput.js +2 -2
  50. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  51. package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
  52. package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js +1 -2
  53. package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
  54. package/dist/js/components/Page/Page.d.ts.map +1 -1
  55. package/dist/js/components/Page/Page.js +11 -2
  56. package/dist/js/components/Page/Page.js.map +1 -1
  57. package/dist/js/components/Pagination/Navigation.js +1 -1
  58. package/dist/js/components/Pagination/Navigation.js.map +1 -1
  59. package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
  60. package/dist/js/components/SearchInput/AdvancedSearchMenu.js +1 -2
  61. package/dist/js/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
  62. package/dist/js/components/Tooltip/Tooltip.js +2 -2
  63. package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
  64. package/dist/js/components/Wizard/Wizard.js +1 -1
  65. package/dist/js/components/Wizard/Wizard.js.map +1 -1
  66. package/dist/umd/react-core.min.css +508 -507
  67. package/dist/umd/react-core.min.js +5 -5
  68. package/package.json +6 -6
  69. package/src/components/AboutModal/AboutModal.tsx +2 -2
  70. package/src/components/AboutModal/__tests__/AboutModal.test.tsx +5 -2
  71. package/src/components/Alert/__tests__/Alert.test.tsx +3 -2
  72. package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +6 -4
  73. package/src/components/Card/examples/CardLegacySelectable.tsx +1 -1
  74. package/src/components/Checkbox/__tests__/Checkbox.test.tsx +4 -2
  75. package/src/components/ChipGroup/__tests__/ChipGroup.test.tsx +4 -2
  76. package/src/components/ClipboardCopy/__tests__/ClipboardCopyButton.test.tsx +4 -2
  77. package/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx +4 -2
  78. package/src/components/ContextSelector/ContextSelector.tsx +2 -2
  79. package/src/components/ContextSelector/ContextSelectorToggle.tsx +5 -9
  80. package/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +4 -2
  81. package/src/components/ContextSelector/__tests__/ContextSelectorItem.test.tsx +3 -2
  82. package/src/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx +20 -10
  83. package/src/components/DataList/__tests__/DataList.test.tsx +3 -2
  84. package/src/components/DataList/__tests__/DataListCheck.test.tsx +3 -2
  85. package/src/components/Drawer/__tests__/Drawer.test.tsx +6 -3
  86. package/src/components/Dropdown/Toggle.tsx +2 -3
  87. package/src/components/Dropdown/__tests__/Dropdown.test.tsx +3 -2
  88. package/src/components/Dropdown/__tests__/DropdownToggle.test.tsx +6 -4
  89. package/src/components/Dropdown/__tests__/DropdownToggleAction.test.tsx +3 -2
  90. package/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx +4 -2
  91. package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +3 -2
  92. package/src/components/Form/__tests__/FormGroup.test.tsx +6 -4
  93. package/src/components/FormSelect/__tests__/FormSelect.test.tsx +3 -3
  94. package/src/components/Label/__tests__/Label.test.tsx +4 -2
  95. package/src/components/LabelGroup/__tests__/LabelGroup.test.tsx +4 -2
  96. package/src/components/LoginPage/__tests__/LoginForm.test.tsx +9 -6
  97. package/src/components/MenuToggle/MenuToggle.tsx +1 -1
  98. package/src/components/Modal/Modal.tsx +2 -2
  99. package/src/components/Modal/__tests__/Modal.test.tsx +5 -2
  100. package/src/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +3 -2
  101. package/src/components/Nav/__tests__/Nav.test.tsx +10 -6
  102. package/src/components/NumberInput/NumberInput.tsx +3 -3
  103. package/src/components/NumberInput/__tests__/NumberInput.test.tsx +42 -17
  104. package/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx +2 -3
  105. package/src/components/Page/Page.tsx +11 -2
  106. package/src/components/Pagination/Navigation.tsx +2 -2
  107. package/src/components/Pagination/__tests__/Pagination.test.tsx +83 -44
  108. package/src/components/Radio/__tests__/Radio.test.tsx +4 -2
  109. package/src/components/SearchInput/AdvancedSearchMenu.tsx +2 -3
  110. package/src/components/SearchInput/__tests__/SearchInput.test.tsx +32 -34
  111. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +4 -1
  112. package/src/components/Select/__tests__/Select.test.tsx +17 -9
  113. package/src/components/Select/__tests__/SelectToggle.test.tsx +14 -8
  114. package/src/components/SimpleList/__tests__/SimpleList.test.tsx +6 -4
  115. package/src/components/Switch/__tests__/Switch.test.tsx +4 -2
  116. package/src/components/Tabs/__tests__/OverflowTab.test.tsx +42 -23
  117. package/src/components/TextArea/__tests__/TextArea.test.tsx +4 -2
  118. package/src/components/TextInput/__tests__/TextInput.test.tsx +4 -2
  119. package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +13 -9
  120. package/src/components/TimePicker/__tests__/TimePicker.test.tsx +36 -26
  121. package/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx +4 -2
  122. package/src/components/Tooltip/Tooltip.tsx +3 -3
  123. package/src/components/Wizard/Wizard.tsx +2 -2
  124. package/src/components/Wizard/__tests__/Wizard.test.tsx +18 -14
  125. package/src/demos/PrimaryDetail.md +1 -1
  126. package/src/next/components/Wizard/__tests__/Wizard.test.tsx +21 -15
@@ -2870,6 +2870,7 @@ button.pf-c-breadcrumb__link {
2870
2870
  --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
2871
2871
  --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
2872
2872
  --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
2873
+ --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
2873
2874
  --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
2874
2875
  --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
2875
2876
  --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
@@ -8468,153 +8469,6 @@ label.pf-c-check, .pf-c-check__label,
8468
8469
  font-size: var(--pf-global--FontSize--lg);
8469
8470
  }
8470
8471
 
8471
- .pf-c-expandable-section {
8472
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
8473
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
8474
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
8475
- --pf-c-expandable-section__toggle--PaddingLeft: 0;
8476
- --pf-c-expandable-section__toggle--MarginTop: 0;
8477
- --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
8478
- --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
8479
- --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
8480
- --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
8481
- --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
8482
- --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
8483
- --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
8484
- --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
8485
- --pf-c-expandable-section__toggle-icon--Rotate: 0;
8486
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
8487
- --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
8488
- --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
8489
- --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
8490
- --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
8491
- --pf-c-expandable-section__content--MaxWidth: auto;
8492
- --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
8493
- --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
8494
- --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
8495
- --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
8496
- --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
8497
- --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
8498
- --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
8499
- --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
8500
- --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
8501
- --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
8502
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
8503
- --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
8504
- --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
8505
- --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));
8506
- --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
8507
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
8508
- }
8509
-
8510
- .pf-c-expandable-section.pf-m-expanded {
8511
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
8512
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
8513
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
8514
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
8515
- }
8516
-
8517
- .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
8518
- --pf-c-expandable-section__content--MarginTop: 0;
8519
- }
8520
-
8521
- .pf-c-expandable-section.pf-m-limit-width {
8522
- --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
8523
- }
8524
-
8525
- .pf-c-expandable-section.pf-m-display-lg {
8526
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
8527
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
8528
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
8529
- --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
8530
- --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
8531
- --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
8532
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
8533
- --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
8534
- position: relative;
8535
- box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
8536
- }
8537
-
8538
- .pf-c-expandable-section.pf-m-display-lg::after {
8539
- position: absolute;
8540
- top: 0;
8541
- bottom: 0;
8542
- left: 0;
8543
- width: var(--pf-c-expandable-section--m-display-lg--after--Width);
8544
- content: "";
8545
- background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
8546
- }
8547
-
8548
- .pf-c-expandable-section.pf-m-indented {
8549
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
8550
- }
8551
-
8552
- .pf-c-expandable-section.pf-m-truncate {
8553
- --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
8554
- --pf-c-expandable-section__toggle--PaddingTop: 0;
8555
- --pf-c-expandable-section__toggle--PaddingRight: 0;
8556
- --pf-c-expandable-section__toggle--PaddingBottom: 0;
8557
- --pf-c-expandable-section__toggle-text--MarginLeft: 0;
8558
- }
8559
-
8560
- .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
8561
- display: -webkit-box;
8562
- -webkit-box-orient: vertical;
8563
- -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
8564
- overflow: hidden;
8565
- }
8566
-
8567
- .pf-c-expandable-section.pf-m-detached {
8568
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
8569
- }
8570
-
8571
- .pf-c-expandable-section__toggle {
8572
- display: flex;
8573
- 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);
8574
- margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
8575
- color: var(--pf-c-expandable-section__toggle--Color);
8576
- border: none;
8577
- }
8578
-
8579
- .pf-c-expandable-section__toggle:hover {
8580
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
8581
- }
8582
-
8583
- .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
8584
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
8585
- }
8586
-
8587
- .pf-c-expandable-section__toggle:focus {
8588
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
8589
- }
8590
-
8591
- .pf-c-expandable-section__toggle-icon {
8592
- min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
8593
- color: var(--pf-c-expandable-section__toggle-icon--Color);
8594
- transition: var(--pf-c-expandable-section__toggle-icon--Transition);
8595
- transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
8596
- }
8597
-
8598
- .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
8599
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
8600
- }
8601
-
8602
- .pf-c-expandable-section__toggle-text {
8603
- margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
8604
- }
8605
-
8606
- .pf-c-expandable-section__content {
8607
- max-width: var(--pf-c-expandable-section__content--MaxWidth);
8608
- padding-right: var(--pf-c-expandable-section__content--PaddingRight);
8609
- padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
8610
- padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
8611
- margin-top: var(--pf-c-expandable-section__content--MarginTop);
8612
- }
8613
-
8614
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
8615
- font-weight: var(--pf-global--FontWeight--semi-bold);
8616
- }
8617
-
8618
8472
  .pf-c-file-upload {
8619
8473
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8620
8474
  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -9255,68 +9109,215 @@ label.pf-c-check, .pf-c-check__label,
9255
9109
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9256
9110
  }
9257
9111
 
9258
- .pf-c-helper-text {
9259
- --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9260
- --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
9261
- --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
9262
- --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
9263
- --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
9264
- --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
9265
- --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
9266
- --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
9267
- --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
9268
- --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
9269
- --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
9270
- --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
9271
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
9272
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
9273
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
9274
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
9275
- --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
9276
- --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
9277
- --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
9278
- --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
9279
- --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
9280
- --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
9281
- --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
9282
- display: grid;
9283
- gap: var(--pf-c-helper-text--Gap);
9284
- font-size: var(--pf-c-helper-text--FontSize);
9285
- }
9286
-
9287
- .pf-c-helper-text__item {
9288
- display: flex;
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);
9289
9149
  }
9290
9150
 
9291
- .pf-c-helper-text__item.pf-m-indeterminate {
9292
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
9293
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
9294
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
9295
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
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);
9296
9156
  }
9297
9157
 
9298
- .pf-c-helper-text__item.pf-m-warning {
9299
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
9300
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
9301
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
9302
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
9158
+ .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
9159
+ --pf-c-expandable-section__content--MarginTop: 0;
9303
9160
  }
9304
9161
 
9305
- .pf-c-helper-text__item.pf-m-success {
9306
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
9307
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
9308
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
9309
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
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);
9310
9164
  }
9311
9165
 
9312
- .pf-c-helper-text__item.pf-m-error {
9313
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
9314
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
9315
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
9316
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
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);
9317
9177
  }
9318
9178
 
9319
- .pf-c-helper-text__item.pf-m-dynamic {
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);
9311
+ }
9312
+
9313
+ .pf-c-helper-text__item.pf-m-error {
9314
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
9315
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
9316
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
9317
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
9318
+ }
9319
+
9320
+ .pf-c-helper-text__item.pf-m-dynamic {
9320
9321
  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
9321
9322
  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
9322
9323
  }
@@ -10154,6 +10155,150 @@ label.pf-c-input-group__text {
10154
10155
  --pf-c-sidebar__panel--FlexBasis: 100%;
10155
10156
  }
10156
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
+
10157
10302
  .pf-c-label {
10158
10303
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10159
10304
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10506,259 +10651,115 @@ label.pf-c-input-group__text {
10506
10651
  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
10507
10652
  --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
10508
10653
  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
10509
- --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
10510
- }
10511
-
10512
- .pf-c-label,
10513
- .pf-c-label__content {
10514
- display: inline-flex;
10515
- align-items: center;
10516
- }
10517
-
10518
- .pf-c-label__text {
10519
- overflow: hidden;
10520
- text-overflow: ellipsis;
10521
- white-space: nowrap;
10522
- max-width: var(--pf-c-label__text--MaxWidth);
10523
- }
10524
-
10525
- .pf-c-label__content {
10526
- overflow: hidden;
10527
- text-overflow: ellipsis;
10528
- white-space: nowrap;
10529
- max-width: var(--pf-c-label__content--MaxWidth);
10530
- color: var(--pf-c-label__content--Color);
10531
- border-width: 0;
10532
- }
10533
-
10534
- .pf-c-label__content::before {
10535
- position: absolute;
10536
- top: 0;
10537
- right: 0;
10538
- bottom: 0;
10539
- left: 0;
10540
- pointer-events: none;
10541
- content: "";
10542
- border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10543
- border-radius: var(--pf-c-label--BorderRadius);
10544
- }
10545
-
10546
- a.pf-c-label__content,
10547
- button.pf-c-label__content {
10548
- cursor: pointer;
10549
- border: none;
10550
- }
10551
-
10552
- a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10553
- button.pf-c-label__content,
10554
- button.pf-c-label__content:hover,
10555
- button.pf-c-label__content:focus {
10556
- text-decoration: none;
10557
- }
10558
-
10559
- a.pf-c-label__content:hover,
10560
- button.pf-c-label__content:hover {
10561
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10562
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10563
- }
10564
-
10565
- a.pf-c-label__content:focus,
10566
- button.pf-c-label__content:focus {
10567
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10568
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10569
- }
10570
-
10571
- .pf-c-label__icon {
10572
- margin-right: var(--pf-c-label__icon--MarginRight);
10573
- color: var(--pf-c-label__icon--Color);
10574
- }
10575
-
10576
- :where(.pf-theme-dark) .pf-c-label {
10577
- --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10578
- --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10579
- --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10580
- --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10581
- --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10582
- --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10583
- --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10584
- --pf-c-label__content--before--BorderWidth: 0;
10585
- --pf-c-label__content--before--BorderColor: transparent;
10586
- --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10587
- --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10588
- --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10589
- --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10590
- --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10591
- --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10592
- --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10593
- --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10594
- --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10595
- --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10596
- --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10597
- --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10598
- --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10599
- --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10600
- --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10601
- --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10602
- --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10603
- --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10604
- --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10605
- --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10606
- --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10607
- --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10608
- --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10609
- --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10610
- --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10611
- --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10612
- --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10613
- --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10614
- --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10615
- --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10616
- --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10617
- --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10618
- }
10619
-
10620
- .pf-c-label-group {
10621
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10622
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10623
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10624
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10625
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10626
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10627
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10628
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10629
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10630
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10631
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10632
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10633
- --pf-c-label-group__label--MarginBottom: 0;
10634
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10635
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10636
- --pf-c-label-group__label--MaxWidth: 18ch;
10637
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10638
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10639
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10640
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10641
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10642
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10643
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10644
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10645
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10646
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10647
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10648
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10649
- --pf-c-label-group__textarea--PaddingBottom: 0;
10650
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10651
- display: inline-flex;
10652
- align-items: center;
10653
- }
10654
-
10655
- .pf-c-label-group.pf-m-category {
10656
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10657
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10658
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10659
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10660
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10661
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10662
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10663
- }
10664
-
10665
- .pf-c-label-group.pf-m-vertical {
10666
- --pf-c-label-group__list--MarginRight: 0;
10667
- --pf-c-label-group__list--MarginBottom: 0;
10668
- --pf-c-label-group__list-item--MarginRight: 0;
10669
- --pf-c-label-group__label--MarginRight: 0;
10670
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10671
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10672
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10673
- --pf-c-label-group__close--MarginBottom: 0;
10674
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10675
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10676
- }
10677
-
10678
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10679
- align-items: flex-start;
10680
- }
10681
-
10682
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10683
- flex-direction: column;
10684
- align-items: flex-start;
10685
- }
10686
-
10687
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10688
- flex-direction: column;
10689
- }
10690
-
10691
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10692
- --pf-c-label-group__list-item--MarginBottom: 0;
10693
- }
10694
-
10695
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10696
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10697
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10698
- }
10699
-
10700
- .pf-c-label-group.pf-m-editable,
10701
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10702
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10703
- display: flex;
10704
- }
10705
-
10706
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10707
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10708
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10709
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10710
- flex: 1;
10711
- }
10712
-
10713
- .pf-c-label-group__main {
10714
- display: flex;
10715
- flex: 1;
10716
- flex-wrap: wrap;
10717
- align-items: baseline;
10718
- }
10719
-
10720
- .pf-c-label-group__list {
10721
- display: inline-flex;
10722
- flex-wrap: wrap;
10723
- margin-right: var(--pf-c-label-group__list--MarginRight);
10724
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10654
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
10725
10655
  }
10726
10656
 
10727
- .pf-c-label-group__list-item {
10657
+ .pf-c-label,
10658
+ .pf-c-label__content {
10728
10659
  display: inline-flex;
10729
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10730
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10660
+ align-items: center;
10731
10661
  }
10732
10662
 
10733
- .pf-c-label-group__label {
10663
+ .pf-c-label__text {
10734
10664
  overflow: hidden;
10735
10665
  text-overflow: ellipsis;
10736
10666
  white-space: nowrap;
10737
- max-width: var(--pf-c-label-group__label--MaxWidth);
10738
- margin-right: var(--pf-c-label-group__label--MarginRight);
10739
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10740
- font-size: var(--pf-c-label-group__label--FontSize);
10667
+ max-width: var(--pf-c-label__text--MaxWidth);
10741
10668
  }
10742
10669
 
10743
- .pf-c-label-group__close {
10744
- margin-top: var(--pf-c-label-group__close--MarginTop);
10745
- margin-right: var(--pf-c-label-group__close--MarginRight);
10746
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10747
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10670
+ .pf-c-label__content {
10671
+ overflow: hidden;
10672
+ text-overflow: ellipsis;
10673
+ white-space: nowrap;
10674
+ max-width: var(--pf-c-label__content--MaxWidth);
10675
+ color: var(--pf-c-label__content--Color);
10676
+ border-width: 0;
10748
10677
  }
10749
10678
 
10750
- .pf-c-label-group__textarea {
10751
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10752
- 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);
10753
- white-space: nowrap;
10754
- resize: none;
10755
- border: 0;
10756
- -ms-overflow-style: none;
10757
- scrollbar-width: none;
10679
+ .pf-c-label__content::before {
10680
+ position: absolute;
10681
+ top: 0;
10682
+ right: 0;
10683
+ bottom: 0;
10684
+ left: 0;
10685
+ pointer-events: none;
10686
+ content: "";
10687
+ border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10688
+ border-radius: var(--pf-c-label--BorderRadius);
10758
10689
  }
10759
10690
 
10760
- .pf-c-label-group__textarea::-webkit-scrollbar {
10761
- display: none;
10691
+ a.pf-c-label__content,
10692
+ button.pf-c-label__content {
10693
+ cursor: pointer;
10694
+ border: none;
10695
+ }
10696
+
10697
+ a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10698
+ button.pf-c-label__content,
10699
+ button.pf-c-label__content:hover,
10700
+ button.pf-c-label__content:focus {
10701
+ text-decoration: none;
10702
+ }
10703
+
10704
+ a.pf-c-label__content:hover,
10705
+ button.pf-c-label__content:hover {
10706
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10707
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10708
+ }
10709
+
10710
+ a.pf-c-label__content:focus,
10711
+ button.pf-c-label__content:focus {
10712
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10713
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10714
+ }
10715
+
10716
+ .pf-c-label__icon {
10717
+ margin-right: var(--pf-c-label__icon--MarginRight);
10718
+ color: var(--pf-c-label__icon--Color);
10719
+ }
10720
+
10721
+ :where(.pf-theme-dark) .pf-c-label {
10722
+ --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10723
+ --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10724
+ --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10725
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10726
+ --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10727
+ --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10728
+ --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10729
+ --pf-c-label__content--before--BorderWidth: 0;
10730
+ --pf-c-label__content--before--BorderColor: transparent;
10731
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10732
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10733
+ --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10734
+ --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10735
+ --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10736
+ --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10737
+ --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10738
+ --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10739
+ --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10740
+ --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10741
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10742
+ --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10743
+ --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10744
+ --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10745
+ --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10746
+ --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10747
+ --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10748
+ --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10749
+ --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10750
+ --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10751
+ --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10752
+ --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10753
+ --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10754
+ --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10755
+ --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10756
+ --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10757
+ --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10758
+ --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10759
+ --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10760
+ --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10761
+ --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10762
+ --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10762
10763
  }
10763
10764
 
10764
10765
  .pf-c-list {
@@ -26177,6 +26178,75 @@ label.pf-c-tree-view__node-text {
26177
26178
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26178
26179
  }
26179
26180
  }
26181
+ .pf-l-gallery {
26182
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26183
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26184
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26185
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26186
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26187
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26188
+ --pf-l-gallery--GridTemplateRows: auto;
26189
+ display: grid;
26190
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26191
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26192
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26193
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26194
+ }
26195
+
26196
+ .pf-l-gallery.pf-m-gutter {
26197
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26198
+ }
26199
+
26200
+ @media (min-width: 576px) {
26201
+ .pf-l-gallery {
26202
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26203
+ }
26204
+ }
26205
+ @media (min-width: 768px) {
26206
+ .pf-l-gallery {
26207
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
26208
+ }
26209
+ }
26210
+ @media (min-width: 992px) {
26211
+ .pf-l-gallery {
26212
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
26213
+ }
26214
+ }
26215
+ @media (min-width: 1200px) {
26216
+ .pf-l-gallery {
26217
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
26218
+ }
26219
+ }
26220
+ @media (min-width: 1450px) {
26221
+ .pf-l-gallery {
26222
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
26223
+ }
26224
+ }
26225
+ @media (min-width: 576px) {
26226
+ .pf-l-gallery {
26227
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26228
+ }
26229
+ }
26230
+ @media (min-width: 768px) {
26231
+ .pf-l-gallery {
26232
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
26233
+ }
26234
+ }
26235
+ @media (min-width: 992px) {
26236
+ .pf-l-gallery {
26237
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
26238
+ }
26239
+ }
26240
+ @media (min-width: 1200px) {
26241
+ .pf-l-gallery {
26242
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
26243
+ }
26244
+ }
26245
+ @media (min-width: 1450px) {
26246
+ .pf-l-gallery {
26247
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26248
+ }
26249
+ }
26180
26250
  .pf-l-grid {
26181
26251
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26182
26252
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27391,75 +27461,6 @@ label.pf-c-tree-view__node-text {
27391
27461
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27392
27462
  }
27393
27463
 
27394
- .pf-l-gallery {
27395
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27396
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27397
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27398
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27399
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27400
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27401
- --pf-l-gallery--GridTemplateRows: auto;
27402
- display: grid;
27403
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27404
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27405
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27406
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27407
- }
27408
-
27409
- .pf-l-gallery.pf-m-gutter {
27410
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27411
- }
27412
-
27413
- @media (min-width: 576px) {
27414
- .pf-l-gallery {
27415
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27416
- }
27417
- }
27418
- @media (min-width: 768px) {
27419
- .pf-l-gallery {
27420
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27421
- }
27422
- }
27423
- @media (min-width: 992px) {
27424
- .pf-l-gallery {
27425
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27426
- }
27427
- }
27428
- @media (min-width: 1200px) {
27429
- .pf-l-gallery {
27430
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27431
- }
27432
- }
27433
- @media (min-width: 1450px) {
27434
- .pf-l-gallery {
27435
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27436
- }
27437
- }
27438
- @media (min-width: 576px) {
27439
- .pf-l-gallery {
27440
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27441
- }
27442
- }
27443
- @media (min-width: 768px) {
27444
- .pf-l-gallery {
27445
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27446
- }
27447
- }
27448
- @media (min-width: 992px) {
27449
- .pf-l-gallery {
27450
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27451
- }
27452
- }
27453
- @media (min-width: 1200px) {
27454
- .pf-l-gallery {
27455
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27456
- }
27457
- }
27458
- @media (min-width: 1450px) {
27459
- .pf-l-gallery {
27460
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27461
- }
27462
- }
27463
27464
  .pf-l-level {
27464
27465
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27465
27466
  display: flex;