@patternfly/patternfly 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (71) hide show
  1. package/RELEASE-NOTES.md +30 -0
  2. package/base/_common.scss +0 -22
  3. package/base/patternfly-common.css +0 -10
  4. package/components/Card/card.css +9 -12
  5. package/components/Card/card.scss +11 -17
  6. package/components/ChipGroup/chip-group.css +27 -17
  7. package/components/ChipGroup/chip-group.scss +36 -22
  8. package/components/Drawer/drawer.css +0 -1
  9. package/components/Drawer/drawer.scss +0 -1
  10. package/components/Dropdown/dropdown.css +15 -0
  11. package/components/Dropdown/dropdown.scss +20 -0
  12. package/components/EmptyState/empty-state.css +46 -52
  13. package/components/EmptyState/empty-state.scss +58 -57
  14. package/components/FormControl/form-control.css +1 -1
  15. package/components/FormControl/themes/dark/form-control.scss +1 -1
  16. package/components/InputGroup/input-group.css +14 -0
  17. package/components/InputGroup/input-group.scss +9 -0
  18. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  19. package/components/LabelGroup/label-group.css +26 -22
  20. package/components/LabelGroup/label-group.scss +31 -26
  21. package/components/Menu/menu.css +4 -0
  22. package/components/Menu/menu.scss +5 -0
  23. package/components/Pagination/pagination.css +228 -0
  24. package/components/Pagination/pagination.scss +30 -1
  25. package/components/Popover/popover.css +2 -7
  26. package/components/Popover/themes/dark/popover.scss +2 -8
  27. package/components/Slider/slider.css +0 -7
  28. package/components/Slider/slider.scss +0 -9
  29. package/components/Toolbar/toolbar.css +30 -2
  30. package/components/Toolbar/toolbar.scss +37 -3
  31. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  32. package/components/Tooltip/tooltip.css +7 -12
  33. package/components/Tooltip/tooltip.scss +6 -3
  34. package/docs/components/Card/examples/Card.md +61 -44
  35. package/docs/components/Check/examples/Check.md +2 -6
  36. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  38. package/docs/components/CodeEditor/examples/CodeEditor.md +2 -6
  39. package/docs/components/DataList/examples/DataList.md +104 -65
  40. package/docs/components/Dropdown/examples/Dropdown.md +263 -23
  41. package/docs/components/EmptyState/examples/EmptyState.md +127 -79
  42. package/docs/components/InputGroup/examples/InputGroup.md +1 -0
  43. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  44. package/docs/components/Menu/examples/Menu.md +1 -1
  45. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  46. package/docs/components/Pagination/examples/Pagination.md +129 -30
  47. package/docs/components/Slider/examples/Slider.md +6 -6
  48. package/docs/components/Table/examples/Table.md +1117 -700
  49. package/docs/components/Tabs/examples/Tabs.md +1 -1
  50. package/docs/components/Toolbar/examples/Toolbar.md +67 -46
  51. package/docs/components/Wizard/examples/Wizard.md +4 -7
  52. package/docs/demos/Banner/examples/Banner.md +2 -2
  53. package/docs/demos/Card/examples/Card.md +144 -109
  54. package/docs/demos/CardView/examples/CardView.md +9 -8
  55. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  56. package/docs/demos/DataList/examples/DataList.md +138 -89
  57. package/docs/demos/Masthead/examples/Masthead.md +3 -6
  58. package/docs/demos/Nav/examples/Nav.md +671 -718
  59. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +17 -13
  60. package/docs/demos/Table/examples/Table.md +439 -297
  61. package/docs/demos/Tabs/examples/Tabs.md +90 -569
  62. package/docs/demos/Toolbar/examples/Toolbar.md +1773 -163
  63. package/docs/demos/Wizard/examples/Wizard.md +0 -4
  64. package/package.json +5 -5
  65. package/patternfly-base-no-reset.css +0 -10
  66. package/patternfly-base.css +0 -10
  67. package/patternfly-no-reset.css +409 -143
  68. package/patternfly.css +409 -143
  69. package/patternfly.min.css +1 -1
  70. package/patternfly.min.css.map +1 -1
  71. package/sass-utilities/scss-variables.scss +0 -1
package/patternfly.css CHANGED
@@ -587,16 +587,6 @@
587
587
  font-weight: 300 700;
588
588
  font-display: fallback;
589
589
  }
590
- [class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
591
- padding: 0;
592
- margin: 0;
593
- background-color: transparent;
594
- }
595
-
596
- html {
597
- font-size: var(--pf-global--root--FontSize, unset) !important;
598
- }
599
-
600
590
  .pf-screen-reader {
601
591
  position: fixed;
602
592
  top: 0;
@@ -8189,7 +8179,9 @@ button.pf-c-breadcrumb__link {
8189
8179
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8190
8180
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8191
8181
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8192
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8182
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8183
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8184
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8193
8185
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8194
8186
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8195
8187
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8260,7 +8252,6 @@ button.pf-c-breadcrumb__link {
8260
8252
  --pf-c-card--m-plain--BackgroundColor: transparent;
8261
8253
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8262
8254
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8263
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8264
8255
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8265
8256
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8266
8257
  display: flex;
@@ -8406,13 +8397,11 @@ button.pf-c-breadcrumb__link {
8406
8397
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8407
8398
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8408
8399
  }
8409
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8410
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8411
- }
8412
8400
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8413
8401
  order: 2;
8414
8402
  }
8415
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8403
+
8404
+ .pf-c-card__header-main {
8416
8405
  flex: 1;
8417
8406
  }
8418
8407
 
@@ -8438,10 +8427,8 @@ button.pf-c-breadcrumb__link {
8438
8427
  align-self: flex-start;
8439
8428
  order: 1;
8440
8429
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8441
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8442
- }
8443
- .pf-c-card__actions > * + * {
8444
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8430
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8431
+ gap: var(--pf-c-card__actions--Gap);
8445
8432
  }
8446
8433
  .pf-c-card__actions + .pf-c-card__title,
8447
8434
  .pf-c-card__actions + .pf-c-card__body,
@@ -8449,8 +8436,8 @@ button.pf-c-breadcrumb__link {
8449
8436
  padding: 0;
8450
8437
  }
8451
8438
  .pf-c-card__actions.pf-m-no-offset {
8452
- --pf-c-card__header-toggle--MarginTop: 0;
8453
- --pf-c-card__header-toggle--MarginBottom: 0;
8439
+ --pf-c-card__actions--MarginTop: 0;
8440
+ --pf-c-card__actions--MarginBottom: 0;
8454
8441
  }
8455
8442
 
8456
8443
  .pf-c-card__header,
@@ -8749,28 +8736,39 @@ label.pf-c-check, .pf-c-check__label,
8749
8736
 
8750
8737
  .pf-c-chip-group {
8751
8738
  color: var(--pf-global--Color--100);
8752
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8753
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8739
+ --pf-c-chip-group--PaddingTop: 0;
8740
+ --pf-c-chip-group--PaddingRight: 0;
8741
+ --pf-c-chip-group--PaddingBottom: 0;
8742
+ --pf-c-chip-group--PaddingLeft: 0;
8743
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8744
+ --pf-c-chip-group--ColumnGap: 0;
8745
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8746
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8747
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8748
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8754
8749
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8755
8750
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8756
8751
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8757
8752
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8758
8753
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8759
8754
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8760
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8761
8755
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8762
8756
  --pf-c-chip-group__label--MaxWidth: 18ch;
8763
8757
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8764
8758
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8765
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8766
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8767
8759
  max-width: 100%;
8760
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8761
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8762
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8763
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8764
+ row-gap: var(--pf-c-chip-group--RowGap);
8765
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8768
8766
  }
8769
8767
  .pf-c-chip-group.pf-m-category {
8770
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8771
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8772
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8773
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8768
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8769
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8770
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8771
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8774
8772
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8775
8773
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8776
8774
  }
@@ -8781,11 +8779,8 @@ label.pf-c-check, .pf-c-check__label,
8781
8779
  flex-wrap: wrap;
8782
8780
  align-items: baseline;
8783
8781
  min-width: 0;
8784
- }
8785
-
8786
- .pf-c-chip-group__list {
8787
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8788
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8782
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8783
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8789
8784
  }
8790
8785
 
8791
8786
  .pf-c-chip-group,
@@ -8796,11 +8791,14 @@ label.pf-c-check, .pf-c-check__label,
8796
8791
  min-width: 0;
8797
8792
  }
8798
8793
 
8794
+ .pf-c-chip-group__list {
8795
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8796
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8797
+ }
8798
+
8799
8799
  .pf-c-chip-group__list-item {
8800
8800
  display: inline-flex;
8801
8801
  min-width: 0;
8802
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8803
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8804
8802
  }
8805
8803
 
8806
8804
  .pf-c-chip-group__label {
@@ -8808,7 +8806,6 @@ label.pf-c-check, .pf-c-check__label,
8808
8806
  text-overflow: ellipsis;
8809
8807
  white-space: nowrap;
8810
8808
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8811
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8812
8809
  font-size: var(--pf-c-chip-group__label--FontSize);
8813
8810
  }
8814
8811
 
@@ -11316,13 +11313,17 @@ label.pf-c-check, .pf-c-check__label,
11316
11313
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11317
11314
  --pf-c-toolbar__item--Display: block;
11318
11315
  --pf-c-toolbar__item--MinWidth--base: auto;
11316
+ --pf-c-toolbar__item--AlignSelf: auto;
11319
11317
  --pf-c-toolbar__group--Display: flex;
11318
+ --pf-c-toolbar__group--AlignItems: baseline;
11319
+ --pf-c-toolbar__group--AlignSelf: auto;
11320
11320
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11321
11321
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11322
11322
  --pf-c-toolbar__content--Display: flex;
11323
11323
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11324
11324
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11325
11325
  --pf-c-toolbar__content-section--Display: flex;
11326
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11326
11327
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11327
11328
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11328
11329
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11444,9 +11445,22 @@ label.pf-c-check, .pf-c-check__label,
11444
11445
  .pf-c-toolbar__group {
11445
11446
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11446
11447
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11447
- align-items: center;
11448
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11449
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11448
11450
  margin-right: var(--pf-c-toolbar--spacer);
11449
11451
  }
11452
+ .pf-c-toolbar__group.pf-m-align-items-center {
11453
+ align-items: center;
11454
+ }
11455
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11456
+ align-items: baseline;
11457
+ }
11458
+ .pf-c-toolbar__group.pf-m-align-self-center {
11459
+ align-self: center;
11460
+ }
11461
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11462
+ align-self: baseline;
11463
+ }
11450
11464
  .pf-c-toolbar__group.pf-m-button-group {
11451
11465
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11452
11466
  }
@@ -11487,6 +11501,7 @@ label.pf-c-check, .pf-c-check__label,
11487
11501
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11488
11502
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11489
11503
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11504
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11490
11505
  width: var(--pf-c-toolbar__item--Width--base);
11491
11506
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11492
11507
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11541,6 +11556,12 @@ label.pf-c-check, .pf-c-check__label,
11541
11556
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
11542
11557
  }
11543
11558
  }
11559
+ .pf-c-toolbar__item.pf-m-align-self-center {
11560
+ align-self: center;
11561
+ }
11562
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11563
+ align-self: baseline;
11564
+ }
11544
11565
  .pf-c-toolbar__item.pf-m-overflow-menu {
11545
11566
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11546
11567
  }
@@ -11585,20 +11606,24 @@ label.pf-c-check, .pf-c-check__label,
11585
11606
  .pf-c-toolbar__content,
11586
11607
  .pf-c-toolbar__content-section {
11587
11608
  flex-wrap: wrap;
11588
- align-items: center;
11589
11609
  }
11590
11610
 
11591
11611
  .pf-c-toolbar__content {
11592
11612
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11593
11613
  position: relative;
11614
+ align-items: center;
11594
11615
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11595
11616
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11596
11617
  }
11597
11618
 
11598
11619
  .pf-c-toolbar__content-section {
11599
11620
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11621
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11600
11622
  width: 100%;
11601
11623
  }
11624
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11625
+ align-items: center;
11626
+ }
11602
11627
 
11603
11628
  .pf-c-toolbar__expandable-content {
11604
11629
  position: absolute;
@@ -13133,7 +13158,6 @@ label.pf-c-check, .pf-c-check__label,
13133
13158
  }
13134
13159
 
13135
13160
  .pf-c-drawer__body {
13136
- min-height: 0;
13137
13161
  padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
13138
13162
  }
13139
13163
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13722,6 +13746,8 @@ label.pf-c-check, .pf-c-check__label,
13722
13746
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13747
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13748
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13749
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13750
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13725
13751
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13726
13752
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13727
13753
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13933,9 +13959,14 @@ label.pf-c-check, .pf-c-check__label,
13933
13959
  align-items: center;
13934
13960
  cursor: pointer;
13935
13961
  }
13962
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13963
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13964
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13965
+ }
13936
13966
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13937
13967
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13938
13968
  cursor: pointer;
13969
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13939
13970
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13940
13971
  }
13941
13972
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14131,6 +14162,14 @@ label.pf-c-check, .pf-c-check__label,
14131
14162
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14132
14163
  }
14133
14164
 
14165
+ .pf-c-dropdown__toggle-progress {
14166
+ position: absolute;
14167
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14168
+ }
14169
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14170
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14171
+ }
14172
+
14134
14173
  .pf-c-dropdown__menu {
14135
14174
  position: absolute;
14136
14175
  top: var(--pf-c-dropdown__menu--Top);
@@ -14364,38 +14403,39 @@ label.pf-c-check, .pf-c-check__label,
14364
14403
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14365
14404
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14366
14405
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14406
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14407
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14408
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14409
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14367
14410
  --pf-c-empty-state__content--MaxWidth: none;
14411
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14412
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14413
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14368
14414
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14369
14415
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14370
14416
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14371
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14417
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14418
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14419
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14420
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14421
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14422
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14423
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14424
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14425
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14426
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14372
14427
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14373
14428
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14374
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14375
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14376
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14377
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14378
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14379
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14380
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14381
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14429
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14382
14430
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14383
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14384
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14385
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14386
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14387
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14388
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14389
14431
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14390
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14391
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14392
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14393
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14394
14432
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14395
14433
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14396
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14397
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14398
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14434
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14435
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14436
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14437
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14438
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14399
14439
  display: flex;
14400
14440
  align-items: center;
14401
14441
  justify-content: center;
@@ -14407,17 +14447,12 @@ label.pf-c-check, .pf-c-check__label,
14407
14447
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14408
14448
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14409
14449
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14450
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14410
14451
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14411
14452
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14412
14453
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14413
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14414
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14415
- }
14416
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14417
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14418
- }
14419
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14420
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14454
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14455
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14421
14456
  }
14422
14457
  .pf-c-empty-state.pf-m-sm {
14423
14458
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14427,12 +14462,11 @@ label.pf-c-check, .pf-c-check__label,
14427
14462
  }
14428
14463
  .pf-c-empty-state.pf-m-xl {
14429
14464
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14465
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14430
14466
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14431
14467
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14432
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14433
- }
14434
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14435
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14468
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14469
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14436
14470
  }
14437
14471
  .pf-c-empty-state.pf-m-full-height {
14438
14472
  height: 100%;
@@ -14441,41 +14475,40 @@ label.pf-c-check, .pf-c-check__label,
14441
14475
  .pf-c-empty-state__content {
14442
14476
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14443
14477
  }
14444
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14445
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14446
- }
14447
14478
 
14448
14479
  .pf-c-empty-state__icon {
14449
14480
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14450
14481
  font-size: var(--pf-c-empty-state__icon--FontSize);
14482
+ line-height: 1;
14451
14483
  color: var(--pf-c-empty-state__icon--Color);
14452
14484
  }
14453
14485
 
14486
+ .pf-c-empty-state__title-text {
14487
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14488
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14489
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14490
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14491
+ }
14492
+
14454
14493
  .pf-c-empty-state__body {
14455
14494
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14495
+ font-size: var(--pf-c-empty-state--body--FontSize);
14456
14496
  color: var(--pf-c-empty-state__body--Color);
14457
14497
  }
14458
14498
 
14459
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14460
- .pf-c-empty-state__primary {
14461
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14462
- }
14463
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14464
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14465
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14499
+ .pf-c-empty-state__footer {
14500
+ display: flex;
14501
+ flex-direction: column;
14502
+ align-items: center;
14503
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14504
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14466
14505
  }
14467
14506
 
14468
- .pf-c-empty-state__secondary {
14507
+ .pf-c-empty-state__actions {
14469
14508
  display: flex;
14470
14509
  flex-wrap: wrap;
14471
14510
  justify-content: center;
14472
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14473
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14474
- }
14475
- .pf-c-empty-state__secondary > * {
14476
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14477
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14478
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14511
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14479
14512
  }
14480
14513
 
14481
14514
  .pf-c-expandable-section {
@@ -15576,7 +15609,7 @@ textarea.pf-c-form-control {
15576
15609
  }
15577
15610
 
15578
15611
  :where(.pf-theme-dark) .pf-c-form-control {
15579
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
15612
+ --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
15580
15613
  --pf-c-form-control--BorderTopColor: transparent;
15581
15614
  --pf-c-form-control--BorderRightColor: transparent;
15582
15615
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -16026,6 +16059,9 @@ textarea.pf-c-form-control {
16026
16059
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
16027
16060
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
16028
16061
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
16062
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
16063
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16064
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
16029
16065
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
16030
16066
  --pf-c-input-group--c-form-control--MarginRight: 0;
16031
16067
  color: var(--pf-global--Color--100);
@@ -16075,6 +16111,11 @@ label.pf-c-input-group__text {
16075
16111
  --pf-c-input-group__text--BorderWidth: 0;
16076
16112
  margin-left: 0;
16077
16113
  }
16114
+ .pf-c-input-group__text.pf-m-disabled {
16115
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
16116
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16117
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
16118
+ }
16078
16119
 
16079
16120
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16080
16121
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -16119,6 +16160,8 @@ label.pf-c-input-group__text {
16119
16160
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
16120
16161
  --pf-c-input-group__text--BorderLeftColor: transparent;
16121
16162
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16163
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16164
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
16122
16165
  }
16123
16166
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16124
16167
  margin-left: 0;
@@ -16133,6 +16176,10 @@ label.pf-c-input-group__text {
16133
16176
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16134
16177
  --pf-c-input-group__text--BackgroundColor: transparent;
16135
16178
  }
16179
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16180
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16181
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16182
+ }
16136
16183
 
16137
16184
  .pf-c-jump-links {
16138
16185
  --pf-c-jump-links__list--Display: flex;
@@ -16869,8 +16916,18 @@ button.pf-c-label__content:focus {
16869
16916
  }
16870
16917
 
16871
16918
  .pf-c-label-group {
16872
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16873
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16919
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16920
+ --pf-c-label-group--ColumnGap: 0;
16921
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16922
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16923
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16924
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16925
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16926
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16927
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16928
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16929
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16930
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16874
16931
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16875
16932
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16876
16933
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16880,20 +16937,14 @@ button.pf-c-label__content:focus {
16880
16937
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16881
16938
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16882
16939
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16883
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16884
- --pf-c-label-group__label--MarginBottom: 0;
16885
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16886
16940
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16887
16941
  --pf-c-label-group__label--MaxWidth: 18ch;
16888
16942
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16889
16943
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16890
16944
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16891
16945
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16892
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16893
16946
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16894
16947
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16895
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16896
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16897
16948
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16898
16949
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16899
16950
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16901,6 +16952,8 @@ button.pf-c-label__content:focus {
16901
16952
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16902
16953
  display: inline-flex;
16903
16954
  align-items: center;
16955
+ row-gap: var(--pf-c-label-group--RowGap);
16956
+ column-gap: var(--pf-c-label-group--ColumnGap);
16904
16957
  }
16905
16958
  .pf-c-label-group.pf-m-category {
16906
16959
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16912,11 +16965,12 @@ button.pf-c-label__content:focus {
16912
16965
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16913
16966
  }
16914
16967
  .pf-c-label-group.pf-m-vertical {
16915
- --pf-c-label-group__list--MarginRight: 0;
16916
- --pf-c-label-group__list--MarginBottom: 0;
16917
- --pf-c-label-group__list-item--MarginRight: 0;
16918
- --pf-c-label-group__label--MarginRight: 0;
16919
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16968
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16969
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16970
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16971
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16972
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16973
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16920
16974
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16921
16975
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16922
16976
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16933,9 +16987,6 @@ button.pf-c-label__content:focus {
16933
16987
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16934
16988
  flex-direction: column;
16935
16989
  }
16936
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16937
- --pf-c-label-group__list-item--MarginBottom: 0;
16938
- }
16939
16990
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16940
16991
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16941
16992
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16957,19 +17008,19 @@ button.pf-c-label__content:focus {
16957
17008
  flex: 1;
16958
17009
  flex-wrap: wrap;
16959
17010
  align-items: baseline;
17011
+ row-gap: var(--pf-c-label-group__main--RowGap);
17012
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16960
17013
  }
16961
17014
 
16962
17015
  .pf-c-label-group__list {
16963
17016
  display: inline-flex;
16964
17017
  flex-wrap: wrap;
16965
- margin-right: var(--pf-c-label-group__list--MarginRight);
16966
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
17018
+ row-gap: var(--pf-c-label-group__list--RowGap);
17019
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16967
17020
  }
16968
17021
 
16969
17022
  .pf-c-label-group__list-item {
16970
17023
  display: inline-flex;
16971
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16972
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16973
17024
  }
16974
17025
 
16975
17026
  .pf-c-label-group__label {
@@ -16977,12 +17028,12 @@ button.pf-c-label__content:focus {
16977
17028
  text-overflow: ellipsis;
16978
17029
  white-space: nowrap;
16979
17030
  max-width: var(--pf-c-label-group__label--MaxWidth);
16980
- margin-right: var(--pf-c-label-group__label--MarginRight);
16981
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16982
17031
  font-size: var(--pf-c-label-group__label--FontSize);
16983
17032
  }
16984
17033
 
16985
17034
  .pf-c-label-group__close {
17035
+ display: flex;
17036
+ align-self: start;
16986
17037
  margin-top: var(--pf-c-label-group__close--MarginTop);
16987
17038
  margin-right: var(--pf-c-label-group__close--MarginRight);
16988
17039
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -18506,11 +18557,15 @@ ul.pf-c-list {
18506
18557
  }
18507
18558
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18508
18559
  overflow: visible;
18560
+ visibility: hidden;
18509
18561
  }
18510
18562
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18511
18563
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
18512
18564
  display: none;
18513
18565
  }
18566
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18567
+ visibility: hidden;
18568
+ }
18514
18569
  .pf-c-menu.pf-m-plain {
18515
18570
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18516
18571
  }
@@ -22486,6 +22541,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22486
22541
  }
22487
22542
 
22488
22543
  .pf-c-pagination {
22544
+ --pf-c-pagination--inset: 0;
22545
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22546
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22547
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22548
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22489
22549
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22490
22550
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22491
22551
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22541,6 +22601,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22541
22601
  flex-wrap: wrap;
22542
22602
  align-items: center;
22543
22603
  justify-content: flex-end;
22604
+ padding-right: var(--pf-c-pagination--PaddingRight);
22605
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22544
22606
  }
22545
22607
  @media screen and (min-width: 768px) {
22546
22608
  .pf-c-pagination {
@@ -22560,6 +22622,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22560
22622
  .pf-c-pagination {
22561
22623
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22562
22624
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22625
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22626
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22563
22627
  }
22564
22628
  }
22565
22629
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22650,6 +22714,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22650
22714
  .pf-c-pagination.pf-m-compact {
22651
22715
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22652
22716
  }
22717
+ .pf-c-pagination.pf-m-page-insets {
22718
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22719
+ }
22653
22720
 
22654
22721
  .pf-c-pagination__nav {
22655
22722
  display: var(--pf-c-pagination__nav--Display);
@@ -22696,6 +22763,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22696
22763
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22697
22764
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22698
22765
  }
22766
+ .pf-c-pagination.pf-m-inset-none {
22767
+ --pf-c-pagination--inset: 0;
22768
+ }
22769
+ .pf-c-pagination.pf-m-inset-sm {
22770
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22771
+ }
22772
+ .pf-c-pagination.pf-m-inset-md {
22773
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22774
+ }
22775
+ .pf-c-pagination.pf-m-inset-lg {
22776
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22777
+ }
22778
+ .pf-c-pagination.pf-m-inset-xl {
22779
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22780
+ }
22781
+ .pf-c-pagination.pf-m-inset-2xl {
22782
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22783
+ }
22784
+ .pf-c-pagination.pf-m-inset-none {
22785
+ --pf-c-pagination--inset: 0;
22786
+ }
22787
+ .pf-c-pagination.pf-m-inset-sm {
22788
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22789
+ }
22790
+ .pf-c-pagination.pf-m-inset-md {
22791
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22792
+ }
22793
+ .pf-c-pagination.pf-m-inset-lg {
22794
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22795
+ }
22796
+ .pf-c-pagination.pf-m-inset-xl {
22797
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22798
+ }
22799
+ .pf-c-pagination.pf-m-inset-2xl {
22800
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22801
+ }
22699
22802
  @media (min-width: 576px) {
22700
22803
  .pf-c-pagination.pf-m-display-summary-on-sm {
22701
22804
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22707,6 +22810,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22707
22810
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22708
22811
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22709
22812
  }
22813
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22814
+ --pf-c-pagination--inset: 0;
22815
+ }
22816
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22817
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22818
+ }
22819
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22820
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22821
+ }
22822
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22823
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22824
+ }
22825
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22826
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22827
+ }
22828
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22829
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22830
+ }
22831
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22832
+ --pf-c-pagination--inset: 0;
22833
+ }
22834
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22835
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22836
+ }
22837
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22838
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22839
+ }
22840
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22841
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22842
+ }
22843
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22844
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22845
+ }
22846
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22847
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22848
+ }
22710
22849
  }
22711
22850
  @media (min-width: 768px) {
22712
22851
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22719,6 +22858,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22719
22858
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22720
22859
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22721
22860
  }
22861
+ .pf-c-pagination.pf-m-inset-none-on-md {
22862
+ --pf-c-pagination--inset: 0;
22863
+ }
22864
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22865
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22866
+ }
22867
+ .pf-c-pagination.pf-m-inset-md-on-md {
22868
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22869
+ }
22870
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22871
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22872
+ }
22873
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22874
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22875
+ }
22876
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22877
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22878
+ }
22879
+ .pf-c-pagination.pf-m-inset-none-on-md {
22880
+ --pf-c-pagination--inset: 0;
22881
+ }
22882
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22883
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22884
+ }
22885
+ .pf-c-pagination.pf-m-inset-md-on-md {
22886
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22887
+ }
22888
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22889
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22890
+ }
22891
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22892
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22893
+ }
22894
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22895
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22896
+ }
22722
22897
  }
22723
22898
  @media (min-width: 992px) {
22724
22899
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22731,6 +22906,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22731
22906
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22732
22907
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22733
22908
  }
22909
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22910
+ --pf-c-pagination--inset: 0;
22911
+ }
22912
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22913
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22914
+ }
22915
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22916
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22917
+ }
22918
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22919
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22920
+ }
22921
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22922
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22923
+ }
22924
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22925
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22926
+ }
22927
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22928
+ --pf-c-pagination--inset: 0;
22929
+ }
22930
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22931
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22932
+ }
22933
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22934
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22935
+ }
22936
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22937
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22938
+ }
22939
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22940
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22941
+ }
22942
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22943
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22944
+ }
22734
22945
  }
22735
22946
  @media (min-width: 1200px) {
22736
22947
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22743,6 +22954,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22743
22954
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22744
22955
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22745
22956
  }
22957
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22958
+ --pf-c-pagination--inset: 0;
22959
+ }
22960
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22961
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22962
+ }
22963
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22964
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22965
+ }
22966
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22967
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22968
+ }
22969
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22970
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22971
+ }
22972
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22973
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22974
+ }
22975
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22976
+ --pf-c-pagination--inset: 0;
22977
+ }
22978
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22979
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22980
+ }
22981
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22982
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22983
+ }
22984
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22985
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22986
+ }
22987
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22988
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22989
+ }
22990
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22991
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22992
+ }
22746
22993
  }
22747
22994
  @media (min-width: 1450px) {
22748
22995
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22755,6 +23002,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22755
23002
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22756
23003
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22757
23004
  }
23005
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23006
+ --pf-c-pagination--inset: 0;
23007
+ }
23008
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23009
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23010
+ }
23011
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23012
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23013
+ }
23014
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23015
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23016
+ }
23017
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23018
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23019
+ }
23020
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23021
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23022
+ }
23023
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23024
+ --pf-c-pagination--inset: 0;
23025
+ }
23026
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23027
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23028
+ }
23029
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23030
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23031
+ }
23032
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23033
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23034
+ }
23035
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23036
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23037
+ }
23038
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23039
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23040
+ }
22758
23041
  }
22759
23042
 
22760
23043
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -23086,17 +23369,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23086
23369
  }
23087
23370
 
23088
23371
  :where(.pf-theme-dark) .pf-c-popover {
23089
- --pf-c-popover--BoxShadow: none;
23090
- --pf-c-popover__arrow--BoxShadow: none;
23091
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23372
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23373
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
23092
23374
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23093
23375
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23094
23376
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23095
23377
  }
23096
- :where(.pf-theme-dark) .pf-c-popover,
23097
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23098
- border: 4px solid var(--pf-global--BorderColor--400);
23099
- }
23100
23378
 
23101
23379
  .pf-c-progress {
23102
23380
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -25640,13 +25918,6 @@ label.pf-c-radio, .pf-c-radio__label,
25640
25918
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25641
25919
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25642
25920
  }
25643
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25644
- align-items: center;
25645
- }
25646
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25647
- position: absolute;
25648
- left: 100%;
25649
- }
25650
25921
  .pf-c-slider__value .pf-c-form-control {
25651
25922
  width: var(--pf-c-slider__value--c-form-control--Width);
25652
25923
  }
@@ -31087,8 +31358,10 @@ svg.pf-c-spinner.pf-m-xl {
31087
31358
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
31088
31359
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31089
31360
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
31090
- --pf-c-tooltip__arrow--Width: 0.5rem;
31091
- --pf-c-tooltip__arrow--Height: 0.5rem;
31361
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31362
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31363
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31364
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
31092
31365
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
31093
31366
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
31094
31367
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31158,7 +31431,8 @@ svg.pf-c-spinner.pf-m-xl {
31158
31431
  width: var(--pf-c-tooltip__arrow--Width);
31159
31432
  height: var(--pf-c-tooltip__arrow--Height);
31160
31433
  pointer-events: none;
31161
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31434
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31435
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31162
31436
  }
31163
31437
 
31164
31438
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -31198,16 +31472,8 @@ svg.pf-c-spinner.pf-m-xl {
31198
31472
  }
31199
31473
 
31200
31474
  :where(.pf-theme-dark) .pf-c-tooltip {
31201
- --pf-c-tooltip--BoxShadow: none;
31202
31475
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31203
- }
31204
- :where(.pf-theme-dark) .pf-c-tooltip,
31205
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31206
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31207
- }
31208
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31209
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31210
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31476
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31211
31477
  }
31212
31478
 
31213
31479
  .pf-c-truncate {