@patternfly/react-core 4.232.13 → 4.234.0

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 (119) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts +17 -3
  3. package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
  4. package/dist/esm/components/ExpandableSection/ExpandableSection.js +39 -8
  5. package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
  6. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
  7. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
  8. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
  9. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
  10. package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
  11. package/dist/esm/components/InputGroup/InputGroup.js +5 -3
  12. package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
  13. package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
  14. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  15. package/dist/esm/components/NumberInput/NumberInput.d.ts +5 -0
  16. package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
  17. package/dist/esm/components/NumberInput/NumberInput.js +5 -4
  18. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  19. package/dist/esm/components/TimePicker/TimePicker.d.ts +1 -0
  20. package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
  21. package/dist/esm/components/TimePicker/TimePicker.js +14 -2
  22. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  23. package/dist/esm/components/Timestamp/Timestamp.d.ts +72 -0
  24. package/dist/esm/components/Timestamp/Timestamp.d.ts.map +1 -0
  25. package/dist/esm/components/Timestamp/Timestamp.js +33 -0
  26. package/dist/esm/components/Timestamp/Timestamp.js.map +1 -0
  27. package/dist/esm/components/Timestamp/index.d.ts +2 -0
  28. package/dist/esm/components/Timestamp/index.d.ts.map +1 -0
  29. package/dist/esm/components/Timestamp/index.js +2 -0
  30. package/dist/esm/components/Timestamp/index.js.map +1 -0
  31. package/dist/esm/components/index.d.ts +1 -0
  32. package/dist/esm/components/index.d.ts.map +1 -1
  33. package/dist/esm/components/index.js +1 -0
  34. package/dist/esm/components/index.js.map +1 -1
  35. package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +17 -3
  36. package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
  37. package/dist/js/components/ExpandableSection/ExpandableSection.js +40 -9
  38. package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
  39. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
  40. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
  41. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +4 -4
  42. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
  43. package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
  44. package/dist/js/components/InputGroup/InputGroup.js +5 -3
  45. package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
  46. package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
  47. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  48. package/dist/js/components/NumberInput/NumberInput.d.ts +5 -0
  49. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  50. package/dist/js/components/NumberInput/NumberInput.js +4 -3
  51. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  52. package/dist/js/components/TimePicker/TimePicker.d.ts +1 -0
  53. package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
  54. package/dist/js/components/TimePicker/TimePicker.js +14 -2
  55. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  56. package/dist/js/components/Timestamp/Timestamp.d.ts +72 -0
  57. package/dist/js/components/Timestamp/Timestamp.d.ts.map +1 -0
  58. package/dist/js/components/Timestamp/Timestamp.js +37 -0
  59. package/dist/js/components/Timestamp/Timestamp.js.map +1 -0
  60. package/dist/js/components/Timestamp/index.d.ts +2 -0
  61. package/dist/js/components/Timestamp/index.d.ts.map +1 -0
  62. package/dist/js/components/Timestamp/index.js +5 -0
  63. package/dist/js/components/Timestamp/index.js.map +1 -0
  64. package/dist/js/components/index.d.ts +1 -0
  65. package/dist/js/components/index.d.ts.map +1 -1
  66. package/dist/js/components/index.js +1 -0
  67. package/dist/js/components/index.js.map +1 -1
  68. package/dist/styles/base-no-reset.css +2 -2
  69. package/dist/styles/base.css +2 -2
  70. package/dist/umd/react-core.css +58 -12
  71. package/dist/umd/react-core.js +861 -770
  72. package/dist/umd/react-core.min.css +312 -266
  73. package/dist/umd/react-core.min.js +5 -5
  74. package/package.json +6 -6
  75. package/src/components/Button/examples/Button.md +55 -24
  76. package/src/components/ContextSelector/examples/ContextSelectorBasic.tsx +4 -4
  77. package/src/components/ContextSelector/examples/ContextSelectorPlainText.tsx +3 -3
  78. package/src/components/ContextSelector/examples/ContextSelectorWithFooter.tsx +4 -4
  79. package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +8 -2
  80. package/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +3 -9
  81. package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +3 -3
  82. package/src/components/DualListSelector/examples/DualListSelectorTreeExample.tsx +8 -5
  83. package/src/components/ExpandableSection/ExpandableSection.tsx +73 -19
  84. package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +15 -9
  85. package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +27 -1
  86. package/src/components/ExpandableSection/examples/ExpandableSection.md +7 -0
  87. package/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx +27 -0
  88. package/src/components/InputGroup/InputGroup.tsx +5 -3
  89. package/src/components/InputGroup/__tests__/InputGroup.test.tsx +30 -0
  90. package/src/components/MenuToggle/MenuToggle.tsx +2 -2
  91. package/src/components/NumberInput/NumberInput.tsx +14 -8
  92. package/src/components/NumberInput/__tests__/NumberInput.test.tsx +16 -0
  93. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +292 -18
  94. package/src/components/NumberInput/examples/NumberInput.md +5 -0
  95. package/src/components/NumberInput/examples/WithStatus.tsx +59 -0
  96. package/src/components/TimePicker/TimePicker.tsx +19 -11
  97. package/src/components/Timestamp/Timestamp.tsx +134 -0
  98. package/src/components/Timestamp/__tests__/Timestamp.test.tsx +177 -0
  99. package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +17 -0
  100. package/src/components/Timestamp/examples/Timestamp.md +57 -0
  101. package/src/components/Timestamp/examples/TimestampBasicFormats.tsx +26 -0
  102. package/src/components/Timestamp/examples/TimestampCustomContent.tsx +20 -0
  103. package/src/components/Timestamp/examples/TimestampCustomFormat.tsx +6 -0
  104. package/src/components/Timestamp/examples/TimestampCustomTooltip.tsx +19 -0
  105. package/src/components/Timestamp/examples/TimestampDefault.tsx +4 -0
  106. package/src/components/Timestamp/examples/TimestampDefaultTooltip.tsx +18 -0
  107. package/src/components/Timestamp/index.ts +1 -0
  108. package/src/components/index.ts +1 -0
  109. package/src/demos/Button.md +5 -1
  110. package/src/demos/ComposableMenu/examples/ComposableActionsMenu.tsx +12 -8
  111. package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx +12 -11
  112. package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +10 -12
  113. package/src/demos/ComposableMenu/examples/ComposableDrilldownMenu.tsx +7 -7
  114. package/src/demos/ComposableMenu/examples/ComposableFlyout.tsx +8 -8
  115. package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx +11 -8
  116. package/src/demos/ComposableMenu/examples/ComposableSimpleDropdown.tsx +7 -7
  117. package/src/demos/ComposableMenu/examples/ComposableSimpleSelect.tsx +17 -8
  118. package/src/demos/ComposableMenu/examples/ComposableTreeViewMenu.tsx +11 -10
  119. package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +2 -2
@@ -2590,6 +2590,10 @@ button.pf-c-breadcrumb__link {
2590
2590
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
2591
2591
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
2592
2592
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
2593
+ --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
2594
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
2595
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
2596
+ --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
2593
2597
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
2594
2598
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
2595
2599
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
@@ -8464,6 +8468,153 @@ label.pf-c-check, .pf-c-check__label,
8464
8468
  font-size: var(--pf-global--FontSize--lg);
8465
8469
  }
8466
8470
 
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
+
8467
8618
  .pf-c-file-upload {
8468
8619
  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8469
8620
  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
@@ -9090,161 +9241,18 @@ label.pf-c-check, .pf-c-check__label,
9090
9241
  padding-top: var(--pf-c-form__field-group-body--PaddingTop);
9091
9242
  padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
9092
9243
  }
9093
-
9094
- .pf-c-form__field-group-body > .pf-c-form__field-group:first-child {
9095
- --pf-c-form__field-group-toggle--PaddingTop: 0;
9096
- --pf-c-form__field-group-header--PaddingTop: 0;
9097
- }
9098
-
9099
- .pf-c-form__field-group-body > .pf-c-form__field-group:last-child {
9100
- margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
9101
- }
9102
-
9103
- :where(.pf-theme-dark) .pf-c-form {
9104
- --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9105
- }
9106
-
9107
- .pf-c-expandable-section {
9108
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
9109
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
9110
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
9111
- --pf-c-expandable-section__toggle--PaddingLeft: 0;
9112
- --pf-c-expandable-section__toggle--MarginTop: 0;
9113
- --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
9114
- --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
9115
- --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
9116
- --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
9117
- --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
9118
- --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
9119
- --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
9120
- --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
9121
- --pf-c-expandable-section__toggle-icon--Rotate: 0;
9122
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
9123
- --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
9124
- --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
9125
- --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
9126
- --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
9127
- --pf-c-expandable-section__content--MaxWidth: auto;
9128
- --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
9129
- --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
9130
- --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
9131
- --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
9132
- --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
9133
- --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
9134
- --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
9135
- --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
9136
- --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
9137
- --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
9138
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
9139
- --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
9140
- --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
9141
- --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));
9142
- --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
9143
- --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
9144
- }
9145
-
9146
- .pf-c-expandable-section.pf-m-expanded {
9147
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
9148
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
9149
- --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
9150
- --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
9151
- }
9152
-
9153
- .pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
9154
- --pf-c-expandable-section__content--MarginTop: 0;
9155
- }
9156
-
9157
- .pf-c-expandable-section.pf-m-limit-width {
9158
- --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
9159
- }
9160
-
9161
- .pf-c-expandable-section.pf-m-display-lg {
9162
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
9163
- --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
9164
- --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
9165
- --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
9166
- --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
9167
- --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
9168
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
9169
- --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
9170
- position: relative;
9171
- box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
9172
- }
9173
-
9174
- .pf-c-expandable-section.pf-m-display-lg::after {
9175
- position: absolute;
9176
- top: 0;
9177
- bottom: 0;
9178
- left: 0;
9179
- width: var(--pf-c-expandable-section--m-display-lg--after--Width);
9180
- content: "";
9181
- background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
9182
- }
9183
-
9184
- .pf-c-expandable-section.pf-m-indented {
9185
- --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
9186
- }
9187
-
9188
- .pf-c-expandable-section.pf-m-truncate {
9189
- --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
9190
- --pf-c-expandable-section__toggle--PaddingTop: 0;
9191
- --pf-c-expandable-section__toggle--PaddingRight: 0;
9192
- --pf-c-expandable-section__toggle--PaddingBottom: 0;
9193
- --pf-c-expandable-section__toggle-text--MarginLeft: 0;
9194
- }
9195
-
9196
- .pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
9197
- display: -webkit-box;
9198
- -webkit-box-orient: vertical;
9199
- -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
9200
- overflow: hidden;
9201
- }
9202
-
9203
- .pf-c-expandable-section__toggle {
9204
- display: flex;
9205
- 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);
9206
- margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
9207
- color: var(--pf-c-expandable-section__toggle--Color);
9208
- border: none;
9209
- }
9210
-
9211
- .pf-c-expandable-section__toggle:hover {
9212
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
9213
- }
9214
-
9215
- .pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
9216
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
9217
- }
9218
-
9219
- .pf-c-expandable-section__toggle:focus {
9220
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
9221
- }
9222
-
9223
- .pf-c-expandable-section__toggle-icon {
9224
- min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
9225
- color: var(--pf-c-expandable-section__toggle-icon--Color);
9226
- transition: var(--pf-c-expandable-section__toggle-icon--Transition);
9227
- transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
9228
- }
9229
-
9230
- .pf-c-expandable-section__toggle-icon.pf-m-expand-top {
9231
- --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
9232
- }
9233
-
9234
- .pf-c-expandable-section__toggle-text {
9235
- margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
9244
+
9245
+ .pf-c-form__field-group-body > .pf-c-form__field-group:first-child {
9246
+ --pf-c-form__field-group-toggle--PaddingTop: 0;
9247
+ --pf-c-form__field-group-header--PaddingTop: 0;
9236
9248
  }
9237
9249
 
9238
- .pf-c-expandable-section__content {
9239
- max-width: var(--pf-c-expandable-section__content--MaxWidth);
9240
- padding-right: var(--pf-c-expandable-section__content--PaddingRight);
9241
- padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
9242
- padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
9243
- margin-top: var(--pf-c-expandable-section__content--MarginTop);
9250
+ .pf-c-form__field-group-body > .pf-c-form__field-group:last-child {
9251
+ margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
9244
9252
  }
9245
9253
 
9246
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
9247
- font-weight: var(--pf-global--FontWeight--semi-bold);
9254
+ :where(.pf-theme-dark) .pf-c-form {
9255
+ --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9248
9256
  }
9249
9257
 
9250
9258
  .pf-c-helper-text {
@@ -20886,6 +20894,44 @@ svg.pf-c-spinner.pf-m-xl {
20886
20894
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
20887
20895
  }
20888
20896
 
20897
+ .pf-c-timestamp {
20898
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
20899
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
20900
+ --pf-c-timestamp--OutlineOffset: 0.1875rem;
20901
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
20902
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
20903
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
20904
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
20905
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
20906
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
20907
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
20908
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
20909
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
20910
+ display: inline-block;
20911
+ font-size: var(--pf-c-timestamp--FontSize);
20912
+ color: var(--pf-c-timestamp--Color);
20913
+ outline-offset: var(--pf-c-timestamp--OutlineOffset);
20914
+ }
20915
+
20916
+ .pf-c-timestamp.pf-m-help-text {
20917
+ cursor: pointer;
20918
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
20919
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
20920
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
20921
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
20922
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
20923
+ }
20924
+
20925
+ .pf-c-timestamp.pf-m-help-text:hover {
20926
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
20927
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
20928
+ }
20929
+
20930
+ .pf-c-timestamp.pf-m-help-text:focus {
20931
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
20932
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
20933
+ }
20934
+
20889
20935
  .pf-c-title {
20890
20936
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
20891
20937
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -22452,6 +22498,52 @@ svg.pf-c-spinner.pf-m-xl {
22452
22498
  --pf-c-toolbar--spacer: 0;
22453
22499
  }
22454
22500
 
22501
+ .pf-c-number-input .pf-c-form-control {
22502
+ appearance: textfield;
22503
+ }
22504
+
22505
+ .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22506
+ appearance: none;
22507
+ margin: 0;
22508
+ }
22509
+
22510
+ .pf-c-number-input {
22511
+ --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22512
+ --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22513
+ --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22514
+ --pf-c-number-input--c-form-control--width-icon: 0px;
22515
+ --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22516
+ --pf-c-number-input--c-form-control--width-chars: 4;
22517
+ --pf-c-number-input--c-form-control--Width:
22518
+ calc(
22519
+ calc(
22520
+ var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22521
+ ) + var(--pf-c-number-input--c-form-control--width-icon)
22522
+ );
22523
+ display: inline-flex;
22524
+ align-items: center;
22525
+ }
22526
+
22527
+ .pf-c-number-input.pf-m-status {
22528
+ --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22529
+ }
22530
+
22531
+ .pf-c-number-input .pf-c-form-control {
22532
+ display: inline-flex;
22533
+ width: var(--pf-c-number-input--c-form-control--Width);
22534
+ text-align: right;
22535
+ }
22536
+
22537
+ .pf-c-input-group + .pf-c-number-input__unit,
22538
+ .pf-c-number-input__unit + .pf-c-input-group {
22539
+ margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22540
+ }
22541
+
22542
+ .pf-c-number-input__icon {
22543
+ display: flex;
22544
+ font-size: var(--pf-c-number-input__icon--FontSize);
22545
+ }
22546
+
22455
22547
  .pf-c-tooltip {
22456
22548
  --pf-c-tooltip--MaxWidth: 18.75rem;
22457
22549
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -22560,52 +22652,6 @@ svg.pf-c-spinner.pf-m-xl {
22560
22652
  --pf-c-tooltip__arrow--Height: 0.9375rem;
22561
22653
  }
22562
22654
 
22563
- .pf-c-number-input .pf-c-form-control {
22564
- appearance: textfield;
22565
- }
22566
-
22567
- .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22568
- appearance: none;
22569
- margin: 0;
22570
- }
22571
-
22572
- .pf-c-number-input {
22573
- --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22574
- --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22575
- --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22576
- --pf-c-number-input--c-form-control--width-icon: 0px;
22577
- --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22578
- --pf-c-number-input--c-form-control--width-chars: 4;
22579
- --pf-c-number-input--c-form-control--Width:
22580
- calc(
22581
- calc(
22582
- var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22583
- ) + var(--pf-c-number-input--c-form-control--width-icon)
22584
- );
22585
- display: inline-flex;
22586
- align-items: center;
22587
- }
22588
-
22589
- .pf-c-number-input.pf-m-status {
22590
- --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22591
- }
22592
-
22593
- .pf-c-number-input .pf-c-form-control {
22594
- display: inline-flex;
22595
- width: var(--pf-c-number-input--c-form-control--Width);
22596
- text-align: right;
22597
- }
22598
-
22599
- .pf-c-input-group + .pf-c-number-input__unit,
22600
- .pf-c-number-input__unit + .pf-c-input-group {
22601
- margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22602
- }
22603
-
22604
- .pf-c-number-input__icon {
22605
- display: flex;
22606
- font-size: var(--pf-c-number-input__icon--FontSize);
22607
- }
22608
-
22609
22655
  .pf-c-tree-view {
22610
22656
  --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
22611
22657
  --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -26117,75 +26163,6 @@ label.pf-c-tree-view__node-text {
26117
26163
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26118
26164
  }
26119
26165
  }
26120
- .pf-l-gallery {
26121
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26122
- --pf-l-gallery--GridTemplateColumns--min: 250px;
26123
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26124
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
26125
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26126
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26127
- --pf-l-gallery--GridTemplateRows: auto;
26128
- display: grid;
26129
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26130
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26131
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26132
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26133
- }
26134
-
26135
- .pf-l-gallery.pf-m-gutter {
26136
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26137
- }
26138
-
26139
- @media (min-width: 576px) {
26140
- .pf-l-gallery {
26141
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26142
- }
26143
- }
26144
- @media (min-width: 768px) {
26145
- .pf-l-gallery {
26146
- --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)));
26147
- }
26148
- }
26149
- @media (min-width: 992px) {
26150
- .pf-l-gallery {
26151
- --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))));
26152
- }
26153
- }
26154
- @media (min-width: 1200px) {
26155
- .pf-l-gallery {
26156
- --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)))));
26157
- }
26158
- }
26159
- @media (min-width: 1450px) {
26160
- .pf-l-gallery {
26161
- --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))))));
26162
- }
26163
- }
26164
- @media (min-width: 576px) {
26165
- .pf-l-gallery {
26166
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26167
- }
26168
- }
26169
- @media (min-width: 768px) {
26170
- .pf-l-gallery {
26171
- --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)));
26172
- }
26173
- }
26174
- @media (min-width: 992px) {
26175
- .pf-l-gallery {
26176
- --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))));
26177
- }
26178
- }
26179
- @media (min-width: 1200px) {
26180
- .pf-l-gallery {
26181
- --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)))));
26182
- }
26183
- }
26184
- @media (min-width: 1450px) {
26185
- .pf-l-gallery {
26186
- --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))))));
26187
- }
26188
- }
26189
26166
  .pf-l-grid {
26190
26167
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26191
26168
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27400,6 +27377,75 @@ label.pf-c-tree-view__node-text {
27400
27377
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27401
27378
  }
27402
27379
 
27380
+ .pf-l-gallery {
27381
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27382
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27383
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27384
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27385
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27386
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27387
+ --pf-l-gallery--GridTemplateRows: auto;
27388
+ display: grid;
27389
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27390
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27391
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27392
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27393
+ }
27394
+
27395
+ .pf-l-gallery.pf-m-gutter {
27396
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27397
+ }
27398
+
27399
+ @media (min-width: 576px) {
27400
+ .pf-l-gallery {
27401
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27402
+ }
27403
+ }
27404
+ @media (min-width: 768px) {
27405
+ .pf-l-gallery {
27406
+ --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)));
27407
+ }
27408
+ }
27409
+ @media (min-width: 992px) {
27410
+ .pf-l-gallery {
27411
+ --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))));
27412
+ }
27413
+ }
27414
+ @media (min-width: 1200px) {
27415
+ .pf-l-gallery {
27416
+ --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)))));
27417
+ }
27418
+ }
27419
+ @media (min-width: 1450px) {
27420
+ .pf-l-gallery {
27421
+ --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))))));
27422
+ }
27423
+ }
27424
+ @media (min-width: 576px) {
27425
+ .pf-l-gallery {
27426
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27427
+ }
27428
+ }
27429
+ @media (min-width: 768px) {
27430
+ .pf-l-gallery {
27431
+ --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)));
27432
+ }
27433
+ }
27434
+ @media (min-width: 992px) {
27435
+ .pf-l-gallery {
27436
+ --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))));
27437
+ }
27438
+ }
27439
+ @media (min-width: 1200px) {
27440
+ .pf-l-gallery {
27441
+ --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)))));
27442
+ }
27443
+ }
27444
+ @media (min-width: 1450px) {
27445
+ .pf-l-gallery {
27446
+ --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))))));
27447
+ }
27448
+ }
27403
27449
  .pf-l-level {
27404
27450
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27405
27451
  display: flex;