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

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 (63) 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 +29 -17
  7. package/components/ChipGroup/chip-group.scss +39 -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 +1 -6
  26. package/components/Popover/themes/dark/popover.scss +1 -7
  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 +3 -6
  32. package/components/Tooltip/tooltip.css +2 -5
  33. package/docs/components/Card/examples/Card.md +61 -44
  34. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  35. package/docs/components/CodeEditor/examples/CodeEditor.md +2 -6
  36. package/docs/components/Dropdown/examples/Dropdown.md +216 -0
  37. package/docs/components/EmptyState/examples/EmptyState.md +127 -79
  38. package/docs/components/InputGroup/examples/InputGroup.md +1 -0
  39. package/docs/components/Pagination/examples/Pagination.md +129 -30
  40. package/docs/components/Slider/examples/Slider.md +6 -6
  41. package/docs/components/Tabs/examples/Tabs.md +1 -1
  42. package/docs/components/Toolbar/examples/Toolbar.md +19 -16
  43. package/docs/components/Wizard/examples/Wizard.md +4 -7
  44. package/docs/demos/Banner/examples/Banner.md +2 -2
  45. package/docs/demos/Card/examples/Card.md +144 -109
  46. package/docs/demos/CardView/examples/CardView.md +1 -3
  47. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  48. package/docs/demos/DataList/examples/DataList.md +2 -4
  49. package/docs/demos/Masthead/examples/Masthead.md +3 -6
  50. package/docs/demos/Nav/examples/Nav.md +671 -718
  51. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +9 -8
  52. package/docs/demos/Table/examples/Table.md +18 -32
  53. package/docs/demos/Tabs/examples/Tabs.md +42 -539
  54. package/docs/demos/Toolbar/examples/Toolbar.md +1589 -9
  55. package/docs/demos/Wizard/examples/Wizard.md +0 -4
  56. package/package.json +5 -5
  57. package/patternfly-base-no-reset.css +0 -10
  58. package/patternfly-base.css +0 -10
  59. package/patternfly-no-reset.css +405 -135
  60. package/patternfly.css +405 -135
  61. package/patternfly.min.css +1 -1
  62. package/patternfly.min.css.map +1 -1
  63. 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,40 @@ 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: var(--pf-global--spacer--sm);
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);
8759
+ --pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
8767
8760
  max-width: 100%;
8761
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8762
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8763
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8764
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8765
+ row-gap: var(--pf-c-chip-group--RowGap);
8766
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8768
8767
  }
8769
8768
  .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);
8769
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8770
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8771
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8772
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8774
8773
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8775
8774
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8776
8775
  }
@@ -8781,11 +8780,8 @@ label.pf-c-check, .pf-c-check__label,
8781
8780
  flex-wrap: wrap;
8782
8781
  align-items: baseline;
8783
8782
  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);
8783
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8784
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8789
8785
  }
8790
8786
 
8791
8787
  .pf-c-chip-group,
@@ -8796,11 +8792,14 @@ label.pf-c-check, .pf-c-check__label,
8796
8792
  min-width: 0;
8797
8793
  }
8798
8794
 
8795
+ .pf-c-chip-group__list {
8796
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8797
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8798
+ }
8799
+
8799
8800
  .pf-c-chip-group__list-item {
8800
8801
  display: inline-flex;
8801
8802
  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
8803
  }
8805
8804
 
8806
8805
  .pf-c-chip-group__label {
@@ -8808,7 +8807,6 @@ label.pf-c-check, .pf-c-check__label,
8808
8807
  text-overflow: ellipsis;
8809
8808
  white-space: nowrap;
8810
8809
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8811
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8812
8810
  font-size: var(--pf-c-chip-group__label--FontSize);
8813
8811
  }
8814
8812
 
@@ -8817,6 +8815,7 @@ label.pf-c-check, .pf-c-check__label,
8817
8815
  align-self: flex-start;
8818
8816
  margin-top: var(--pf-c-chip-group__close--MarginTop);
8819
8817
  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
8818
+ margin-left: var(--pf-c-chip-group__close--MarginLeft);
8820
8819
  }
8821
8820
 
8822
8821
  .pf-c-clipboard-copy {
@@ -11316,13 +11315,17 @@ label.pf-c-check, .pf-c-check__label,
11316
11315
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11317
11316
  --pf-c-toolbar__item--Display: block;
11318
11317
  --pf-c-toolbar__item--MinWidth--base: auto;
11318
+ --pf-c-toolbar__item--AlignSelf: auto;
11319
11319
  --pf-c-toolbar__group--Display: flex;
11320
+ --pf-c-toolbar__group--AlignItems: baseline;
11321
+ --pf-c-toolbar__group--AlignSelf: auto;
11320
11322
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11321
11323
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11322
11324
  --pf-c-toolbar__content--Display: flex;
11323
11325
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11324
11326
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11325
11327
  --pf-c-toolbar__content-section--Display: flex;
11328
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11326
11329
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11327
11330
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11328
11331
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11444,9 +11447,22 @@ label.pf-c-check, .pf-c-check__label,
11444
11447
  .pf-c-toolbar__group {
11445
11448
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11446
11449
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11447
- align-items: center;
11450
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11451
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11448
11452
  margin-right: var(--pf-c-toolbar--spacer);
11449
11453
  }
11454
+ .pf-c-toolbar__group.pf-m-align-items-center {
11455
+ align-items: center;
11456
+ }
11457
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11458
+ align-items: baseline;
11459
+ }
11460
+ .pf-c-toolbar__group.pf-m-align-self-center {
11461
+ align-self: center;
11462
+ }
11463
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11464
+ align-self: baseline;
11465
+ }
11450
11466
  .pf-c-toolbar__group.pf-m-button-group {
11451
11467
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11452
11468
  }
@@ -11487,6 +11503,7 @@ label.pf-c-check, .pf-c-check__label,
11487
11503
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11488
11504
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11489
11505
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11506
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11490
11507
  width: var(--pf-c-toolbar__item--Width--base);
11491
11508
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11492
11509
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11541,6 +11558,12 @@ label.pf-c-check, .pf-c-check__label,
11541
11558
  --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
11559
  }
11543
11560
  }
11561
+ .pf-c-toolbar__item.pf-m-align-self-center {
11562
+ align-self: center;
11563
+ }
11564
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11565
+ align-self: baseline;
11566
+ }
11544
11567
  .pf-c-toolbar__item.pf-m-overflow-menu {
11545
11568
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11546
11569
  }
@@ -11585,20 +11608,24 @@ label.pf-c-check, .pf-c-check__label,
11585
11608
  .pf-c-toolbar__content,
11586
11609
  .pf-c-toolbar__content-section {
11587
11610
  flex-wrap: wrap;
11588
- align-items: center;
11589
11611
  }
11590
11612
 
11591
11613
  .pf-c-toolbar__content {
11592
11614
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11593
11615
  position: relative;
11616
+ align-items: center;
11594
11617
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11595
11618
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11596
11619
  }
11597
11620
 
11598
11621
  .pf-c-toolbar__content-section {
11599
11622
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11623
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11600
11624
  width: 100%;
11601
11625
  }
11626
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11627
+ align-items: center;
11628
+ }
11602
11629
 
11603
11630
  .pf-c-toolbar__expandable-content {
11604
11631
  position: absolute;
@@ -13133,7 +13160,6 @@ label.pf-c-check, .pf-c-check__label,
13133
13160
  }
13134
13161
 
13135
13162
  .pf-c-drawer__body {
13136
- min-height: 0;
13137
13163
  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
13164
  }
13139
13165
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13722,6 +13748,8 @@ label.pf-c-check, .pf-c-check__label,
13722
13748
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13749
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13750
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13751
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13752
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13725
13753
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13726
13754
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13727
13755
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13933,9 +13961,14 @@ label.pf-c-check, .pf-c-check__label,
13933
13961
  align-items: center;
13934
13962
  cursor: pointer;
13935
13963
  }
13964
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13965
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13966
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13967
+ }
13936
13968
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13937
13969
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13938
13970
  cursor: pointer;
13971
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13939
13972
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13940
13973
  }
13941
13974
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14131,6 +14164,14 @@ label.pf-c-check, .pf-c-check__label,
14131
14164
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14132
14165
  }
14133
14166
 
14167
+ .pf-c-dropdown__toggle-progress {
14168
+ position: absolute;
14169
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14170
+ }
14171
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14172
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14173
+ }
14174
+
14134
14175
  .pf-c-dropdown__menu {
14135
14176
  position: absolute;
14136
14177
  top: var(--pf-c-dropdown__menu--Top);
@@ -14364,38 +14405,39 @@ label.pf-c-check, .pf-c-check__label,
14364
14405
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14365
14406
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14366
14407
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14408
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14409
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14410
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14411
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14367
14412
  --pf-c-empty-state__content--MaxWidth: none;
14413
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14414
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14415
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14368
14416
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14369
14417
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14370
14418
  --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);
14419
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14420
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14421
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14422
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14423
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14424
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14425
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14426
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14427
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14428
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14372
14429
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14373
14430
  --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;
14431
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14382
14432
  --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
14433
  --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
14434
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14395
14435
  --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);
14436
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14437
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14438
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14439
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14440
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14399
14441
  display: flex;
14400
14442
  align-items: center;
14401
14443
  justify-content: center;
@@ -14407,17 +14449,12 @@ label.pf-c-check, .pf-c-check__label,
14407
14449
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14408
14450
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14409
14451
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14452
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14410
14453
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14411
14454
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14412
14455
  --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);
14456
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14457
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14421
14458
  }
14422
14459
  .pf-c-empty-state.pf-m-sm {
14423
14460
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14427,12 +14464,11 @@ label.pf-c-check, .pf-c-check__label,
14427
14464
  }
14428
14465
  .pf-c-empty-state.pf-m-xl {
14429
14466
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14467
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14430
14468
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14431
14469
  --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);
14470
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14471
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14436
14472
  }
14437
14473
  .pf-c-empty-state.pf-m-full-height {
14438
14474
  height: 100%;
@@ -14441,41 +14477,40 @@ label.pf-c-check, .pf-c-check__label,
14441
14477
  .pf-c-empty-state__content {
14442
14478
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14443
14479
  }
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
14480
 
14448
14481
  .pf-c-empty-state__icon {
14449
14482
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14450
14483
  font-size: var(--pf-c-empty-state__icon--FontSize);
14484
+ line-height: 1;
14451
14485
  color: var(--pf-c-empty-state__icon--Color);
14452
14486
  }
14453
14487
 
14488
+ .pf-c-empty-state__title-text {
14489
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14490
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14491
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14492
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14493
+ }
14494
+
14454
14495
  .pf-c-empty-state__body {
14455
14496
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14497
+ font-size: var(--pf-c-empty-state--body--FontSize);
14456
14498
  color: var(--pf-c-empty-state__body--Color);
14457
14499
  }
14458
14500
 
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);
14501
+ .pf-c-empty-state__footer {
14502
+ display: flex;
14503
+ flex-direction: column;
14504
+ align-items: center;
14505
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14506
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14466
14507
  }
14467
14508
 
14468
- .pf-c-empty-state__secondary {
14509
+ .pf-c-empty-state__actions {
14469
14510
  display: flex;
14470
14511
  flex-wrap: wrap;
14471
14512
  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);
14513
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14479
14514
  }
14480
14515
 
14481
14516
  .pf-c-expandable-section {
@@ -15576,7 +15611,7 @@ textarea.pf-c-form-control {
15576
15611
  }
15577
15612
 
15578
15613
  :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");
15614
+ --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
15615
  --pf-c-form-control--BorderTopColor: transparent;
15581
15616
  --pf-c-form-control--BorderRightColor: transparent;
15582
15617
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -16026,6 +16061,9 @@ textarea.pf-c-form-control {
16026
16061
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
16027
16062
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
16028
16063
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
16064
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
16065
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16066
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
16029
16067
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
16030
16068
  --pf-c-input-group--c-form-control--MarginRight: 0;
16031
16069
  color: var(--pf-global--Color--100);
@@ -16075,6 +16113,11 @@ label.pf-c-input-group__text {
16075
16113
  --pf-c-input-group__text--BorderWidth: 0;
16076
16114
  margin-left: 0;
16077
16115
  }
16116
+ .pf-c-input-group__text.pf-m-disabled {
16117
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
16118
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16119
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
16120
+ }
16078
16121
 
16079
16122
  :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
16123
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -16119,6 +16162,8 @@ label.pf-c-input-group__text {
16119
16162
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
16120
16163
  --pf-c-input-group__text--BorderLeftColor: transparent;
16121
16164
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16165
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16166
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
16122
16167
  }
16123
16168
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16124
16169
  margin-left: 0;
@@ -16133,6 +16178,10 @@ label.pf-c-input-group__text {
16133
16178
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16134
16179
  --pf-c-input-group__text--BackgroundColor: transparent;
16135
16180
  }
16181
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16182
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16183
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16184
+ }
16136
16185
 
16137
16186
  .pf-c-jump-links {
16138
16187
  --pf-c-jump-links__list--Display: flex;
@@ -16869,8 +16918,18 @@ button.pf-c-label__content:focus {
16869
16918
  }
16870
16919
 
16871
16920
  .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);
16921
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16922
+ --pf-c-label-group--ColumnGap: 0;
16923
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16924
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16925
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16926
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16927
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16928
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16929
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16930
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16931
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16932
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16874
16933
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16875
16934
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16876
16935
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16880,20 +16939,14 @@ button.pf-c-label__content:focus {
16880
16939
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16881
16940
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16882
16941
  --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
16942
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16887
16943
  --pf-c-label-group__label--MaxWidth: 18ch;
16888
16944
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16889
16945
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16890
16946
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16891
16947
  --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
16948
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16894
16949
  --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
16950
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16898
16951
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16899
16952
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16901,6 +16954,8 @@ button.pf-c-label__content:focus {
16901
16954
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16902
16955
  display: inline-flex;
16903
16956
  align-items: center;
16957
+ row-gap: var(--pf-c-label-group--RowGap);
16958
+ column-gap: var(--pf-c-label-group--ColumnGap);
16904
16959
  }
16905
16960
  .pf-c-label-group.pf-m-category {
16906
16961
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16912,11 +16967,12 @@ button.pf-c-label__content:focus {
16912
16967
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16913
16968
  }
16914
16969
  .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);
16970
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16971
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16972
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16973
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16974
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16975
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16920
16976
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16921
16977
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16922
16978
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16933,9 +16989,6 @@ button.pf-c-label__content:focus {
16933
16989
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16934
16990
  flex-direction: column;
16935
16991
  }
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
16992
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16940
16993
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16941
16994
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16957,19 +17010,19 @@ button.pf-c-label__content:focus {
16957
17010
  flex: 1;
16958
17011
  flex-wrap: wrap;
16959
17012
  align-items: baseline;
17013
+ row-gap: var(--pf-c-label-group__main--RowGap);
17014
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16960
17015
  }
16961
17016
 
16962
17017
  .pf-c-label-group__list {
16963
17018
  display: inline-flex;
16964
17019
  flex-wrap: wrap;
16965
- margin-right: var(--pf-c-label-group__list--MarginRight);
16966
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
17020
+ row-gap: var(--pf-c-label-group__list--RowGap);
17021
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16967
17022
  }
16968
17023
 
16969
17024
  .pf-c-label-group__list-item {
16970
17025
  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
17026
  }
16974
17027
 
16975
17028
  .pf-c-label-group__label {
@@ -16977,12 +17030,12 @@ button.pf-c-label__content:focus {
16977
17030
  text-overflow: ellipsis;
16978
17031
  white-space: nowrap;
16979
17032
  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
17033
  font-size: var(--pf-c-label-group__label--FontSize);
16983
17034
  }
16984
17035
 
16985
17036
  .pf-c-label-group__close {
17037
+ display: flex;
17038
+ align-self: start;
16986
17039
  margin-top: var(--pf-c-label-group__close--MarginTop);
16987
17040
  margin-right: var(--pf-c-label-group__close--MarginRight);
16988
17041
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -18506,11 +18559,15 @@ ul.pf-c-list {
18506
18559
  }
18507
18560
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18508
18561
  overflow: visible;
18562
+ visibility: hidden;
18509
18563
  }
18510
18564
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18511
18565
  .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
18566
  display: none;
18513
18567
  }
18568
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18569
+ visibility: hidden;
18570
+ }
18514
18571
  .pf-c-menu.pf-m-plain {
18515
18572
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18516
18573
  }
@@ -22486,6 +22543,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22486
22543
  }
22487
22544
 
22488
22545
  .pf-c-pagination {
22546
+ --pf-c-pagination--inset: 0;
22547
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22548
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22549
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22550
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22489
22551
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22490
22552
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22491
22553
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22541,6 +22603,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22541
22603
  flex-wrap: wrap;
22542
22604
  align-items: center;
22543
22605
  justify-content: flex-end;
22606
+ padding-right: var(--pf-c-pagination--PaddingRight);
22607
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22544
22608
  }
22545
22609
  @media screen and (min-width: 768px) {
22546
22610
  .pf-c-pagination {
@@ -22560,6 +22624,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22560
22624
  .pf-c-pagination {
22561
22625
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22562
22626
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22627
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22628
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22563
22629
  }
22564
22630
  }
22565
22631
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22650,6 +22716,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22650
22716
  .pf-c-pagination.pf-m-compact {
22651
22717
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22652
22718
  }
22719
+ .pf-c-pagination.pf-m-page-insets {
22720
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22721
+ }
22653
22722
 
22654
22723
  .pf-c-pagination__nav {
22655
22724
  display: var(--pf-c-pagination__nav--Display);
@@ -22696,6 +22765,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22696
22765
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22697
22766
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22698
22767
  }
22768
+ .pf-c-pagination.pf-m-inset-none {
22769
+ --pf-c-pagination--inset: 0;
22770
+ }
22771
+ .pf-c-pagination.pf-m-inset-sm {
22772
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22773
+ }
22774
+ .pf-c-pagination.pf-m-inset-md {
22775
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22776
+ }
22777
+ .pf-c-pagination.pf-m-inset-lg {
22778
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22779
+ }
22780
+ .pf-c-pagination.pf-m-inset-xl {
22781
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22782
+ }
22783
+ .pf-c-pagination.pf-m-inset-2xl {
22784
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22785
+ }
22786
+ .pf-c-pagination.pf-m-inset-none {
22787
+ --pf-c-pagination--inset: 0;
22788
+ }
22789
+ .pf-c-pagination.pf-m-inset-sm {
22790
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22791
+ }
22792
+ .pf-c-pagination.pf-m-inset-md {
22793
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22794
+ }
22795
+ .pf-c-pagination.pf-m-inset-lg {
22796
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22797
+ }
22798
+ .pf-c-pagination.pf-m-inset-xl {
22799
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22800
+ }
22801
+ .pf-c-pagination.pf-m-inset-2xl {
22802
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22803
+ }
22699
22804
  @media (min-width: 576px) {
22700
22805
  .pf-c-pagination.pf-m-display-summary-on-sm {
22701
22806
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22707,6 +22812,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22707
22812
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22708
22813
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22709
22814
  }
22815
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22816
+ --pf-c-pagination--inset: 0;
22817
+ }
22818
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22819
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22820
+ }
22821
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22822
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22823
+ }
22824
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22825
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22826
+ }
22827
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22828
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22829
+ }
22830
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22831
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22832
+ }
22833
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22834
+ --pf-c-pagination--inset: 0;
22835
+ }
22836
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22837
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22838
+ }
22839
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22840
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22841
+ }
22842
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22843
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22844
+ }
22845
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22846
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22847
+ }
22848
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22849
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22850
+ }
22710
22851
  }
22711
22852
  @media (min-width: 768px) {
22712
22853
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22719,6 +22860,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22719
22860
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22720
22861
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22721
22862
  }
22863
+ .pf-c-pagination.pf-m-inset-none-on-md {
22864
+ --pf-c-pagination--inset: 0;
22865
+ }
22866
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22867
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22868
+ }
22869
+ .pf-c-pagination.pf-m-inset-md-on-md {
22870
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22871
+ }
22872
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22873
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22874
+ }
22875
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22876
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22877
+ }
22878
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22879
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22880
+ }
22881
+ .pf-c-pagination.pf-m-inset-none-on-md {
22882
+ --pf-c-pagination--inset: 0;
22883
+ }
22884
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22885
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22886
+ }
22887
+ .pf-c-pagination.pf-m-inset-md-on-md {
22888
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22889
+ }
22890
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22891
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22892
+ }
22893
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22894
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22895
+ }
22896
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22897
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22898
+ }
22722
22899
  }
22723
22900
  @media (min-width: 992px) {
22724
22901
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22731,6 +22908,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22731
22908
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22732
22909
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22733
22910
  }
22911
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22912
+ --pf-c-pagination--inset: 0;
22913
+ }
22914
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22915
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22916
+ }
22917
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22918
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22919
+ }
22920
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22921
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22922
+ }
22923
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22924
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22925
+ }
22926
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22927
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22928
+ }
22929
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22930
+ --pf-c-pagination--inset: 0;
22931
+ }
22932
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22933
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22934
+ }
22935
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22936
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22937
+ }
22938
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22939
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22940
+ }
22941
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22942
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22943
+ }
22944
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22945
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22946
+ }
22734
22947
  }
22735
22948
  @media (min-width: 1200px) {
22736
22949
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22743,6 +22956,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22743
22956
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22744
22957
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22745
22958
  }
22959
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22960
+ --pf-c-pagination--inset: 0;
22961
+ }
22962
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22963
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22964
+ }
22965
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22966
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22967
+ }
22968
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22969
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22970
+ }
22971
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22972
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22973
+ }
22974
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22975
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22976
+ }
22977
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22978
+ --pf-c-pagination--inset: 0;
22979
+ }
22980
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22981
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22982
+ }
22983
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22984
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22985
+ }
22986
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22987
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22988
+ }
22989
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22990
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22991
+ }
22992
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22993
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22994
+ }
22746
22995
  }
22747
22996
  @media (min-width: 1450px) {
22748
22997
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22755,6 +23004,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22755
23004
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22756
23005
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22757
23006
  }
23007
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23008
+ --pf-c-pagination--inset: 0;
23009
+ }
23010
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23011
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23012
+ }
23013
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23014
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23015
+ }
23016
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23017
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23018
+ }
23019
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23020
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23021
+ }
23022
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23023
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23024
+ }
23025
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23026
+ --pf-c-pagination--inset: 0;
23027
+ }
23028
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23029
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23030
+ }
23031
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23032
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23033
+ }
23034
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23035
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23036
+ }
23037
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23038
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23039
+ }
23040
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23041
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23042
+ }
22758
23043
  }
22759
23044
 
22760
23045
  :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 +23371,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23086
23371
  }
23087
23372
 
23088
23373
  :where(.pf-theme-dark) .pf-c-popover {
23089
- --pf-c-popover--BoxShadow: none;
23090
- --pf-c-popover__arrow--BoxShadow: none;
23374
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23091
23375
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23092
23376
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23093
23377
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23094
23378
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23095
23379
  }
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
23380
 
23101
23381
  .pf-c-progress {
23102
23382
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -25640,13 +25920,6 @@ label.pf-c-radio, .pf-c-radio__label,
25640
25920
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25641
25921
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25642
25922
  }
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
25923
  .pf-c-slider__value .pf-c-form-control {
25651
25924
  width: var(--pf-c-slider__value--c-form-control--Width);
25652
25925
  }
@@ -31198,16 +31471,13 @@ svg.pf-c-spinner.pf-m-xl {
31198
31471
  }
31199
31472
 
31200
31473
  :where(.pf-theme-dark) .pf-c-tooltip {
31201
- --pf-c-tooltip--BoxShadow: none;
31202
31474
  --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);
31475
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
31207
31476
  }
31208
31477
  :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31209
31478
  --pf-c-tooltip__arrow--Width: 0.9375rem;
31210
31479
  --pf-c-tooltip__arrow--Height: 0.9375rem;
31480
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31211
31481
  }
31212
31482
 
31213
31483
  .pf-c-truncate {