@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
@@ -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;
@@ -8066,7 +8056,9 @@ button.pf-c-breadcrumb__link {
8066
8056
  --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
8067
8057
  --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
8068
8058
  --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
8069
- --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
8059
+ --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
8060
+ --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8061
+ --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
8070
8062
  --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
8071
8063
  --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
8072
8064
  --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -8137,7 +8129,6 @@ button.pf-c-breadcrumb__link {
8137
8129
  --pf-c-card--m-plain--BackgroundColor: transparent;
8138
8130
  --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
8139
8131
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
8140
- --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
8141
8132
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
8142
8133
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
8143
8134
  display: flex;
@@ -8283,13 +8274,11 @@ button.pf-c-breadcrumb__link {
8283
8274
  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
8284
8275
  --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
8285
8276
  }
8286
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
8287
- --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
8288
- }
8289
8277
  .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
8290
8278
  order: 2;
8291
8279
  }
8292
- .pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
8280
+
8281
+ .pf-c-card__header-main {
8293
8282
  flex: 1;
8294
8283
  }
8295
8284
 
@@ -8315,10 +8304,8 @@ button.pf-c-breadcrumb__link {
8315
8304
  align-self: flex-start;
8316
8305
  order: 1;
8317
8306
  padding-left: var(--pf-c-card__actions--PaddingLeft);
8318
- margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
8319
- }
8320
- .pf-c-card__actions > * + * {
8321
- margin-left: var(--pf-c-card__actions--child--MarginLeft);
8307
+ margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
8308
+ gap: var(--pf-c-card__actions--Gap);
8322
8309
  }
8323
8310
  .pf-c-card__actions + .pf-c-card__title,
8324
8311
  .pf-c-card__actions + .pf-c-card__body,
@@ -8326,8 +8313,8 @@ button.pf-c-breadcrumb__link {
8326
8313
  padding: 0;
8327
8314
  }
8328
8315
  .pf-c-card__actions.pf-m-no-offset {
8329
- --pf-c-card__header-toggle--MarginTop: 0;
8330
- --pf-c-card__header-toggle--MarginBottom: 0;
8316
+ --pf-c-card__actions--MarginTop: 0;
8317
+ --pf-c-card__actions--MarginBottom: 0;
8331
8318
  }
8332
8319
 
8333
8320
  .pf-c-card__header,
@@ -8626,28 +8613,39 @@ label.pf-c-check, .pf-c-check__label,
8626
8613
 
8627
8614
  .pf-c-chip-group {
8628
8615
  color: var(--pf-global--Color--100);
8629
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8630
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8616
+ --pf-c-chip-group--PaddingTop: 0;
8617
+ --pf-c-chip-group--PaddingRight: 0;
8618
+ --pf-c-chip-group--PaddingBottom: 0;
8619
+ --pf-c-chip-group--PaddingLeft: 0;
8620
+ --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
8621
+ --pf-c-chip-group--ColumnGap: 0;
8622
+ --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
8623
+ --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
8624
+ --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
8625
+ --pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
8631
8626
  --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8632
8627
  --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8633
8628
  --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8634
8629
  --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8635
8630
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8636
8631
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8637
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8638
8632
  --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8639
8633
  --pf-c-chip-group__label--MaxWidth: 18ch;
8640
8634
  --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8641
8635
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8642
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8643
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8644
8636
  max-width: 100%;
8637
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8638
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8639
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8640
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8641
+ row-gap: var(--pf-c-chip-group--RowGap);
8642
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8645
8643
  }
8646
8644
  .pf-c-chip-group.pf-m-category {
8647
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8648
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8649
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8650
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8645
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8646
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8647
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8648
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8651
8649
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8652
8650
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8653
8651
  }
@@ -8658,11 +8656,8 @@ label.pf-c-check, .pf-c-check__label,
8658
8656
  flex-wrap: wrap;
8659
8657
  align-items: baseline;
8660
8658
  min-width: 0;
8661
- }
8662
-
8663
- .pf-c-chip-group__list {
8664
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8665
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8659
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8660
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8666
8661
  }
8667
8662
 
8668
8663
  .pf-c-chip-group,
@@ -8673,11 +8668,14 @@ label.pf-c-check, .pf-c-check__label,
8673
8668
  min-width: 0;
8674
8669
  }
8675
8670
 
8671
+ .pf-c-chip-group__list {
8672
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8673
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8674
+ }
8675
+
8676
8676
  .pf-c-chip-group__list-item {
8677
8677
  display: inline-flex;
8678
8678
  min-width: 0;
8679
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8680
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8681
8679
  }
8682
8680
 
8683
8681
  .pf-c-chip-group__label {
@@ -8685,7 +8683,6 @@ label.pf-c-check, .pf-c-check__label,
8685
8683
  text-overflow: ellipsis;
8686
8684
  white-space: nowrap;
8687
8685
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8688
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8689
8686
  font-size: var(--pf-c-chip-group__label--FontSize);
8690
8687
  }
8691
8688
 
@@ -11193,13 +11190,17 @@ label.pf-c-check, .pf-c-check__label,
11193
11190
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11194
11191
  --pf-c-toolbar__item--Display: block;
11195
11192
  --pf-c-toolbar__item--MinWidth--base: auto;
11193
+ --pf-c-toolbar__item--AlignSelf: auto;
11196
11194
  --pf-c-toolbar__group--Display: flex;
11195
+ --pf-c-toolbar__group--AlignItems: baseline;
11196
+ --pf-c-toolbar__group--AlignSelf: auto;
11197
11197
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11198
11198
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11199
11199
  --pf-c-toolbar__content--Display: flex;
11200
11200
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11201
11201
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11202
11202
  --pf-c-toolbar__content-section--Display: flex;
11203
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11203
11204
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11204
11205
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11205
11206
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11321,9 +11322,22 @@ label.pf-c-check, .pf-c-check__label,
11321
11322
  .pf-c-toolbar__group {
11322
11323
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11323
11324
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11324
- align-items: center;
11325
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11326
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11325
11327
  margin-right: var(--pf-c-toolbar--spacer);
11326
11328
  }
11329
+ .pf-c-toolbar__group.pf-m-align-items-center {
11330
+ align-items: center;
11331
+ }
11332
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11333
+ align-items: baseline;
11334
+ }
11335
+ .pf-c-toolbar__group.pf-m-align-self-center {
11336
+ align-self: center;
11337
+ }
11338
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11339
+ align-self: baseline;
11340
+ }
11327
11341
  .pf-c-toolbar__group.pf-m-button-group {
11328
11342
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11329
11343
  }
@@ -11364,6 +11378,7 @@ label.pf-c-check, .pf-c-check__label,
11364
11378
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11365
11379
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11366
11380
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11381
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11367
11382
  width: var(--pf-c-toolbar__item--Width--base);
11368
11383
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11369
11384
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11418,6 +11433,12 @@ label.pf-c-check, .pf-c-check__label,
11418
11433
  --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))))));
11419
11434
  }
11420
11435
  }
11436
+ .pf-c-toolbar__item.pf-m-align-self-center {
11437
+ align-self: center;
11438
+ }
11439
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11440
+ align-self: baseline;
11441
+ }
11421
11442
  .pf-c-toolbar__item.pf-m-overflow-menu {
11422
11443
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11423
11444
  }
@@ -11462,20 +11483,24 @@ label.pf-c-check, .pf-c-check__label,
11462
11483
  .pf-c-toolbar__content,
11463
11484
  .pf-c-toolbar__content-section {
11464
11485
  flex-wrap: wrap;
11465
- align-items: center;
11466
11486
  }
11467
11487
 
11468
11488
  .pf-c-toolbar__content {
11469
11489
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11470
11490
  position: relative;
11491
+ align-items: center;
11471
11492
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11472
11493
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11473
11494
  }
11474
11495
 
11475
11496
  .pf-c-toolbar__content-section {
11476
11497
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11498
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11477
11499
  width: 100%;
11478
11500
  }
11501
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11502
+ align-items: center;
11503
+ }
11479
11504
 
11480
11505
  .pf-c-toolbar__expandable-content {
11481
11506
  position: absolute;
@@ -13010,7 +13035,6 @@ label.pf-c-check, .pf-c-check__label,
13010
13035
  }
13011
13036
 
13012
13037
  .pf-c-drawer__body {
13013
- min-height: 0;
13014
13038
  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);
13015
13039
  }
13016
13040
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13599,6 +13623,8 @@ label.pf-c-check, .pf-c-check__label,
13599
13623
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13624
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13625
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13626
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13627
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13602
13628
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13603
13629
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13604
13630
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13810,9 +13836,14 @@ label.pf-c-check, .pf-c-check__label,
13810
13836
  align-items: center;
13811
13837
  cursor: pointer;
13812
13838
  }
13839
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13840
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13841
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13842
+ }
13813
13843
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13814
13844
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13815
13845
  cursor: pointer;
13846
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13816
13847
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13817
13848
  }
13818
13849
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14008,6 +14039,14 @@ label.pf-c-check, .pf-c-check__label,
14008
14039
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14009
14040
  }
14010
14041
 
14042
+ .pf-c-dropdown__toggle-progress {
14043
+ position: absolute;
14044
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14045
+ }
14046
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14047
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14048
+ }
14049
+
14011
14050
  .pf-c-dropdown__menu {
14012
14051
  position: absolute;
14013
14052
  top: var(--pf-c-dropdown__menu--Top);
@@ -14241,38 +14280,39 @@ label.pf-c-check, .pf-c-check__label,
14241
14280
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14242
14281
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14243
14282
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14283
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14284
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14285
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14286
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14244
14287
  --pf-c-empty-state__content--MaxWidth: none;
14288
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14289
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14290
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14245
14291
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14246
14292
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14247
14293
  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
14248
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
14294
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14295
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14296
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14297
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14298
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14299
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14300
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14301
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14302
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14303
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14249
14304
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14250
14305
  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
14251
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
14252
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
14253
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
14254
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
14255
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
14256
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
14257
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
14258
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14306
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14259
14307
  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
14260
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
14261
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14262
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14263
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14264
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14265
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14266
14308
  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
14267
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
14268
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
14269
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14270
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14271
14309
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14272
14310
  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
14273
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14274
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14275
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
14311
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14312
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14313
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14314
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14315
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14276
14316
  display: flex;
14277
14317
  align-items: center;
14278
14318
  justify-content: center;
@@ -14284,17 +14324,12 @@ label.pf-c-check, .pf-c-check__label,
14284
14324
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14285
14325
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14286
14326
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14327
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14287
14328
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14288
14329
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14289
14330
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
14290
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
14291
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
14292
- }
14293
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
14294
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
14295
- }
14296
- .pf-c-empty-state.pf-m-xs .pf-c-button {
14297
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
14331
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14332
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14298
14333
  }
14299
14334
  .pf-c-empty-state.pf-m-sm {
14300
14335
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14304,12 +14339,11 @@ label.pf-c-check, .pf-c-check__label,
14304
14339
  }
14305
14340
  .pf-c-empty-state.pf-m-xl {
14306
14341
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14342
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14307
14343
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14308
14344
  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
14309
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
14310
- }
14311
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
14312
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
14345
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14346
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14313
14347
  }
14314
14348
  .pf-c-empty-state.pf-m-full-height {
14315
14349
  height: 100%;
@@ -14318,41 +14352,40 @@ label.pf-c-check, .pf-c-check__label,
14318
14352
  .pf-c-empty-state__content {
14319
14353
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14320
14354
  }
14321
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
14322
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
14323
- }
14324
14355
 
14325
14356
  .pf-c-empty-state__icon {
14326
14357
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14327
14358
  font-size: var(--pf-c-empty-state__icon--FontSize);
14359
+ line-height: 1;
14328
14360
  color: var(--pf-c-empty-state__icon--Color);
14329
14361
  }
14330
14362
 
14363
+ .pf-c-empty-state__title-text {
14364
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14365
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14366
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14367
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14368
+ }
14369
+
14331
14370
  .pf-c-empty-state__body {
14332
14371
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14372
+ font-size: var(--pf-c-empty-state--body--FontSize);
14333
14373
  color: var(--pf-c-empty-state__body--Color);
14334
14374
  }
14335
14375
 
14336
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
14337
- .pf-c-empty-state__primary {
14338
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
14339
- }
14340
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
14341
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
14342
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
14376
+ .pf-c-empty-state__footer {
14377
+ display: flex;
14378
+ flex-direction: column;
14379
+ align-items: center;
14380
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14381
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14343
14382
  }
14344
14383
 
14345
- .pf-c-empty-state__secondary {
14384
+ .pf-c-empty-state__actions {
14346
14385
  display: flex;
14347
14386
  flex-wrap: wrap;
14348
14387
  justify-content: center;
14349
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
14350
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
14351
- }
14352
- .pf-c-empty-state__secondary > * {
14353
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
14354
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
14355
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
14388
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14356
14389
  }
14357
14390
 
14358
14391
  .pf-c-expandable-section {
@@ -15453,7 +15486,7 @@ textarea.pf-c-form-control {
15453
15486
  }
15454
15487
 
15455
15488
  :where(.pf-theme-dark) .pf-c-form-control {
15456
- --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");
15489
+ --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");
15457
15490
  --pf-c-form-control--BorderTopColor: transparent;
15458
15491
  --pf-c-form-control--BorderRightColor: transparent;
15459
15492
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -15903,6 +15936,9 @@ textarea.pf-c-form-control {
15903
15936
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
15904
15937
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
15905
15938
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
15939
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
15940
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
15941
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
15906
15942
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
15907
15943
  --pf-c-input-group--c-form-control--MarginRight: 0;
15908
15944
  color: var(--pf-global--Color--100);
@@ -15952,6 +15988,11 @@ label.pf-c-input-group__text {
15952
15988
  --pf-c-input-group__text--BorderWidth: 0;
15953
15989
  margin-left: 0;
15954
15990
  }
15991
+ .pf-c-input-group__text.pf-m-disabled {
15992
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
15993
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
15994
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
15995
+ }
15955
15996
 
15956
15997
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15957
15998
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -15996,6 +16037,8 @@ label.pf-c-input-group__text {
15996
16037
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15997
16038
  --pf-c-input-group__text--BorderLeftColor: transparent;
15998
16039
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16040
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16041
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15999
16042
  }
16000
16043
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16001
16044
  margin-left: 0;
@@ -16010,6 +16053,10 @@ label.pf-c-input-group__text {
16010
16053
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16011
16054
  --pf-c-input-group__text--BackgroundColor: transparent;
16012
16055
  }
16056
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16057
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16058
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16059
+ }
16013
16060
 
16014
16061
  .pf-c-jump-links {
16015
16062
  --pf-c-jump-links__list--Display: flex;
@@ -16746,8 +16793,18 @@ button.pf-c-label__content:focus {
16746
16793
  }
16747
16794
 
16748
16795
  .pf-c-label-group {
16749
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16750
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
16796
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16797
+ --pf-c-label-group--ColumnGap: 0;
16798
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16799
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16800
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16801
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16802
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16803
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16804
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16805
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16806
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16807
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16751
16808
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16752
16809
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16753
16810
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16757,20 +16814,14 @@ button.pf-c-label__content:focus {
16757
16814
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16758
16815
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16759
16816
  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
16760
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
16761
- --pf-c-label-group__label--MarginBottom: 0;
16762
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
16763
16817
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16764
16818
  --pf-c-label-group__label--MaxWidth: 18ch;
16765
16819
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16766
16820
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16767
16821
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16768
16822
  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
16769
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
16770
16823
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16771
16824
  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
16772
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
16773
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
16774
16825
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16775
16826
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16776
16827
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16778,6 +16829,8 @@ button.pf-c-label__content:focus {
16778
16829
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16779
16830
  display: inline-flex;
16780
16831
  align-items: center;
16832
+ row-gap: var(--pf-c-label-group--RowGap);
16833
+ column-gap: var(--pf-c-label-group--ColumnGap);
16781
16834
  }
16782
16835
  .pf-c-label-group.pf-m-category {
16783
16836
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16789,11 +16842,12 @@ button.pf-c-label__content:focus {
16789
16842
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16790
16843
  }
16791
16844
  .pf-c-label-group.pf-m-vertical {
16792
- --pf-c-label-group__list--MarginRight: 0;
16793
- --pf-c-label-group__list--MarginBottom: 0;
16794
- --pf-c-label-group__list-item--MarginRight: 0;
16795
- --pf-c-label-group__label--MarginRight: 0;
16796
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
16845
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16846
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16847
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16848
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16849
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16850
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16797
16851
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16798
16852
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16799
16853
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16810,9 +16864,6 @@ button.pf-c-label__content:focus {
16810
16864
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16811
16865
  flex-direction: column;
16812
16866
  }
16813
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
16814
- --pf-c-label-group__list-item--MarginBottom: 0;
16815
- }
16816
16867
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16817
16868
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16818
16869
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16834,19 +16885,19 @@ button.pf-c-label__content:focus {
16834
16885
  flex: 1;
16835
16886
  flex-wrap: wrap;
16836
16887
  align-items: baseline;
16888
+ row-gap: var(--pf-c-label-group__main--RowGap);
16889
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16837
16890
  }
16838
16891
 
16839
16892
  .pf-c-label-group__list {
16840
16893
  display: inline-flex;
16841
16894
  flex-wrap: wrap;
16842
- margin-right: var(--pf-c-label-group__list--MarginRight);
16843
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
16895
+ row-gap: var(--pf-c-label-group__list--RowGap);
16896
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16844
16897
  }
16845
16898
 
16846
16899
  .pf-c-label-group__list-item {
16847
16900
  display: inline-flex;
16848
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
16849
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
16850
16901
  }
16851
16902
 
16852
16903
  .pf-c-label-group__label {
@@ -16854,12 +16905,12 @@ button.pf-c-label__content:focus {
16854
16905
  text-overflow: ellipsis;
16855
16906
  white-space: nowrap;
16856
16907
  max-width: var(--pf-c-label-group__label--MaxWidth);
16857
- margin-right: var(--pf-c-label-group__label--MarginRight);
16858
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
16859
16908
  font-size: var(--pf-c-label-group__label--FontSize);
16860
16909
  }
16861
16910
 
16862
16911
  .pf-c-label-group__close {
16912
+ display: flex;
16913
+ align-self: start;
16863
16914
  margin-top: var(--pf-c-label-group__close--MarginTop);
16864
16915
  margin-right: var(--pf-c-label-group__close--MarginRight);
16865
16916
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -18383,11 +18434,15 @@ ul.pf-c-list {
18383
18434
  }
18384
18435
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18385
18436
  overflow: visible;
18437
+ visibility: hidden;
18386
18438
  }
18387
18439
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18388
18440
  .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) {
18389
18441
  display: none;
18390
18442
  }
18443
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18444
+ visibility: hidden;
18445
+ }
18391
18446
  .pf-c-menu.pf-m-plain {
18392
18447
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18393
18448
  }
@@ -22363,6 +22418,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22363
22418
  }
22364
22419
 
22365
22420
  .pf-c-pagination {
22421
+ --pf-c-pagination--inset: 0;
22422
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22423
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22424
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22425
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22366
22426
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22367
22427
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22368
22428
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22418,6 +22478,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22418
22478
  flex-wrap: wrap;
22419
22479
  align-items: center;
22420
22480
  justify-content: flex-end;
22481
+ padding-right: var(--pf-c-pagination--PaddingRight);
22482
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22421
22483
  }
22422
22484
  @media screen and (min-width: 768px) {
22423
22485
  .pf-c-pagination {
@@ -22437,6 +22499,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22437
22499
  .pf-c-pagination {
22438
22500
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22439
22501
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22502
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22503
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22440
22504
  }
22441
22505
  }
22442
22506
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22527,6 +22591,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22527
22591
  .pf-c-pagination.pf-m-compact {
22528
22592
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22529
22593
  }
22594
+ .pf-c-pagination.pf-m-page-insets {
22595
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22596
+ }
22530
22597
 
22531
22598
  .pf-c-pagination__nav {
22532
22599
  display: var(--pf-c-pagination__nav--Display);
@@ -22573,6 +22640,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22573
22640
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22574
22641
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22575
22642
  }
22643
+ .pf-c-pagination.pf-m-inset-none {
22644
+ --pf-c-pagination--inset: 0;
22645
+ }
22646
+ .pf-c-pagination.pf-m-inset-sm {
22647
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22648
+ }
22649
+ .pf-c-pagination.pf-m-inset-md {
22650
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22651
+ }
22652
+ .pf-c-pagination.pf-m-inset-lg {
22653
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22654
+ }
22655
+ .pf-c-pagination.pf-m-inset-xl {
22656
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22657
+ }
22658
+ .pf-c-pagination.pf-m-inset-2xl {
22659
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22660
+ }
22661
+ .pf-c-pagination.pf-m-inset-none {
22662
+ --pf-c-pagination--inset: 0;
22663
+ }
22664
+ .pf-c-pagination.pf-m-inset-sm {
22665
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22666
+ }
22667
+ .pf-c-pagination.pf-m-inset-md {
22668
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22669
+ }
22670
+ .pf-c-pagination.pf-m-inset-lg {
22671
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22672
+ }
22673
+ .pf-c-pagination.pf-m-inset-xl {
22674
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22675
+ }
22676
+ .pf-c-pagination.pf-m-inset-2xl {
22677
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22678
+ }
22576
22679
  @media (min-width: 576px) {
22577
22680
  .pf-c-pagination.pf-m-display-summary-on-sm {
22578
22681
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22584,6 +22687,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22584
22687
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22585
22688
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22586
22689
  }
22690
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22691
+ --pf-c-pagination--inset: 0;
22692
+ }
22693
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22694
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22695
+ }
22696
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22697
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22698
+ }
22699
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22700
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22701
+ }
22702
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22703
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22704
+ }
22705
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22706
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22707
+ }
22708
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22709
+ --pf-c-pagination--inset: 0;
22710
+ }
22711
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22712
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22713
+ }
22714
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22715
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22716
+ }
22717
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22718
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22719
+ }
22720
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22721
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22722
+ }
22723
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22724
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22725
+ }
22587
22726
  }
22588
22727
  @media (min-width: 768px) {
22589
22728
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22596,6 +22735,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22596
22735
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22597
22736
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22598
22737
  }
22738
+ .pf-c-pagination.pf-m-inset-none-on-md {
22739
+ --pf-c-pagination--inset: 0;
22740
+ }
22741
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22742
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22743
+ }
22744
+ .pf-c-pagination.pf-m-inset-md-on-md {
22745
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22746
+ }
22747
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22748
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22749
+ }
22750
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22751
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22752
+ }
22753
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22754
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22755
+ }
22756
+ .pf-c-pagination.pf-m-inset-none-on-md {
22757
+ --pf-c-pagination--inset: 0;
22758
+ }
22759
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22760
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22761
+ }
22762
+ .pf-c-pagination.pf-m-inset-md-on-md {
22763
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22764
+ }
22765
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22766
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22767
+ }
22768
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22769
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22770
+ }
22771
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22772
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22773
+ }
22599
22774
  }
22600
22775
  @media (min-width: 992px) {
22601
22776
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22608,6 +22783,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22608
22783
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22609
22784
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22610
22785
  }
22786
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22787
+ --pf-c-pagination--inset: 0;
22788
+ }
22789
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22790
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22791
+ }
22792
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22793
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22794
+ }
22795
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22796
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22797
+ }
22798
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22799
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22800
+ }
22801
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22802
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22803
+ }
22804
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22805
+ --pf-c-pagination--inset: 0;
22806
+ }
22807
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22808
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22809
+ }
22810
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22811
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22812
+ }
22813
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22814
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22815
+ }
22816
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22817
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22818
+ }
22819
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22820
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22821
+ }
22611
22822
  }
22612
22823
  @media (min-width: 1200px) {
22613
22824
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22620,6 +22831,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22620
22831
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22621
22832
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22622
22833
  }
22834
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22835
+ --pf-c-pagination--inset: 0;
22836
+ }
22837
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22838
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22839
+ }
22840
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22841
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22842
+ }
22843
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22844
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22845
+ }
22846
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22847
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22848
+ }
22849
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22850
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22851
+ }
22852
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22853
+ --pf-c-pagination--inset: 0;
22854
+ }
22855
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22856
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22857
+ }
22858
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22859
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22860
+ }
22861
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22862
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22863
+ }
22864
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22865
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22866
+ }
22867
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22868
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22869
+ }
22623
22870
  }
22624
22871
  @media (min-width: 1450px) {
22625
22872
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22632,6 +22879,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22632
22879
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22633
22880
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22634
22881
  }
22882
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22883
+ --pf-c-pagination--inset: 0;
22884
+ }
22885
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22886
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22887
+ }
22888
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22889
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22890
+ }
22891
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22892
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22893
+ }
22894
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22895
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22896
+ }
22897
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22898
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22899
+ }
22900
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22901
+ --pf-c-pagination--inset: 0;
22902
+ }
22903
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22904
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22905
+ }
22906
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22907
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22908
+ }
22909
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22910
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22911
+ }
22912
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22913
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22914
+ }
22915
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22916
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22917
+ }
22635
22918
  }
22636
22919
 
22637
22920
  :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,
@@ -22963,17 +23246,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22963
23246
  }
22964
23247
 
22965
23248
  :where(.pf-theme-dark) .pf-c-popover {
22966
- --pf-c-popover--BoxShadow: none;
22967
- --pf-c-popover__arrow--BoxShadow: none;
22968
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23249
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23250
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
22969
23251
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
22970
23252
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
22971
23253
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
22972
23254
  }
22973
- :where(.pf-theme-dark) .pf-c-popover,
22974
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
22975
- border: 4px solid var(--pf-global--BorderColor--400);
22976
- }
22977
23255
 
22978
23256
  .pf-c-progress {
22979
23257
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -25517,13 +25795,6 @@ label.pf-c-radio, .pf-c-radio__label,
25517
25795
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25518
25796
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25519
25797
  }
25520
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25521
- align-items: center;
25522
- }
25523
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25524
- position: absolute;
25525
- left: 100%;
25526
- }
25527
25798
  .pf-c-slider__value .pf-c-form-control {
25528
25799
  width: var(--pf-c-slider__value--c-form-control--Width);
25529
25800
  }
@@ -30964,8 +31235,10 @@ svg.pf-c-spinner.pf-m-xl {
30964
31235
  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
30965
31236
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
30966
31237
  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
30967
- --pf-c-tooltip__arrow--Width: 0.5rem;
30968
- --pf-c-tooltip__arrow--Height: 0.5rem;
31238
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
31239
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
31240
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
31241
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
30969
31242
  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
30970
31243
  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
30971
31244
  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -31035,7 +31308,8 @@ svg.pf-c-spinner.pf-m-xl {
31035
31308
  width: var(--pf-c-tooltip__arrow--Width);
31036
31309
  height: var(--pf-c-tooltip__arrow--Height);
31037
31310
  pointer-events: none;
31038
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
31311
+ background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
31312
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31039
31313
  }
31040
31314
 
31041
31315
  :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,
@@ -31075,16 +31349,8 @@ svg.pf-c-spinner.pf-m-xl {
31075
31349
  }
31076
31350
 
31077
31351
  :where(.pf-theme-dark) .pf-c-tooltip {
31078
- --pf-c-tooltip--BoxShadow: none;
31079
31352
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31080
- }
31081
- :where(.pf-theme-dark) .pf-c-tooltip,
31082
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31083
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31084
- }
31085
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31086
- --pf-c-tooltip__arrow--Width: 0.9375rem;
31087
- --pf-c-tooltip__arrow--Height: 0.9375rem;
31353
+ --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
31088
31354
  }
31089
31355
 
31090
31356
  .pf-c-truncate {