@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
@@ -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,40 @@ 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: var(--pf-global--spacer--sm);
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);
8636
+ --pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
8644
8637
  max-width: 100%;
8638
+ padding-top: var(--pf-c-chip-group--PaddingTop);
8639
+ padding-right: var(--pf-c-chip-group--PaddingRight);
8640
+ padding-bottom: var(--pf-c-chip-group--PaddingBottom);
8641
+ padding-left: var(--pf-c-chip-group--PaddingLeft);
8642
+ row-gap: var(--pf-c-chip-group--RowGap);
8643
+ column-gap: var(--pf-c-chip-group--ColumnGap);
8645
8644
  }
8646
8645
  .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);
8646
+ --pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
8647
+ --pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
8648
+ --pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8649
+ --pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
8651
8650
  background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8652
8651
  border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8653
8652
  }
@@ -8658,11 +8657,8 @@ label.pf-c-check, .pf-c-check__label,
8658
8657
  flex-wrap: wrap;
8659
8658
  align-items: baseline;
8660
8659
  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);
8660
+ row-gap: var(--pf-c-chip-group__main--RowGap);
8661
+ column-gap: var(--pf-c-chip-group__main--ColumnGap);
8666
8662
  }
8667
8663
 
8668
8664
  .pf-c-chip-group,
@@ -8673,11 +8669,14 @@ label.pf-c-check, .pf-c-check__label,
8673
8669
  min-width: 0;
8674
8670
  }
8675
8671
 
8672
+ .pf-c-chip-group__list {
8673
+ row-gap: var(--pf-c-chip-group__list--RowGap);
8674
+ column-gap: var(--pf-c-chip-group__list--ColumnGap);
8675
+ }
8676
+
8676
8677
  .pf-c-chip-group__list-item {
8677
8678
  display: inline-flex;
8678
8679
  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
8680
  }
8682
8681
 
8683
8682
  .pf-c-chip-group__label {
@@ -8685,7 +8684,6 @@ label.pf-c-check, .pf-c-check__label,
8685
8684
  text-overflow: ellipsis;
8686
8685
  white-space: nowrap;
8687
8686
  max-width: var(--pf-c-chip-group__label--MaxWidth);
8688
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8689
8687
  font-size: var(--pf-c-chip-group__label--FontSize);
8690
8688
  }
8691
8689
 
@@ -8694,6 +8692,7 @@ label.pf-c-check, .pf-c-check__label,
8694
8692
  align-self: flex-start;
8695
8693
  margin-top: var(--pf-c-chip-group__close--MarginTop);
8696
8694
  margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
8695
+ margin-left: var(--pf-c-chip-group__close--MarginLeft);
8697
8696
  }
8698
8697
 
8699
8698
  .pf-c-clipboard-copy {
@@ -11193,13 +11192,17 @@ label.pf-c-check, .pf-c-check__label,
11193
11192
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
11194
11193
  --pf-c-toolbar__item--Display: block;
11195
11194
  --pf-c-toolbar__item--MinWidth--base: auto;
11195
+ --pf-c-toolbar__item--AlignSelf: auto;
11196
11196
  --pf-c-toolbar__group--Display: flex;
11197
+ --pf-c-toolbar__group--AlignItems: baseline;
11198
+ --pf-c-toolbar__group--AlignSelf: auto;
11197
11199
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
11198
11200
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
11199
11201
  --pf-c-toolbar__content--Display: flex;
11200
11202
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
11201
11203
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
11202
11204
  --pf-c-toolbar__content-section--Display: flex;
11205
+ --pf-c-toolbar__content-section--AlignItems: baseline;
11203
11206
  --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
11204
11207
  --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
11205
11208
  --pf-c-toolbar__expandable-content--Display: grid;
@@ -11321,9 +11324,22 @@ label.pf-c-check, .pf-c-check__label,
11321
11324
  .pf-c-toolbar__group {
11322
11325
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
11323
11326
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
11324
- align-items: center;
11327
+ align-items: var(--pf-c-toolbar__group--AlignItems);
11328
+ align-self: var(--pf-c-toolbar__group--AlignSelf);
11325
11329
  margin-right: var(--pf-c-toolbar--spacer);
11326
11330
  }
11331
+ .pf-c-toolbar__group.pf-m-align-items-center {
11332
+ align-items: center;
11333
+ }
11334
+ .pf-c-toolbar__group.pf-m-align-items-baseline {
11335
+ align-items: baseline;
11336
+ }
11337
+ .pf-c-toolbar__group.pf-m-align-self-center {
11338
+ align-self: center;
11339
+ }
11340
+ .pf-c-toolbar__group.pf-m-align-self-baseline {
11341
+ align-self: baseline;
11342
+ }
11327
11343
  .pf-c-toolbar__group.pf-m-button-group {
11328
11344
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
11329
11345
  }
@@ -11364,6 +11380,7 @@ label.pf-c-check, .pf-c-check__label,
11364
11380
  --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
11365
11381
  --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
11366
11382
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
11383
+ align-self: var(--pf-c-toolbar__item--AlignSelf);
11367
11384
  width: var(--pf-c-toolbar__item--Width--base);
11368
11385
  min-width: var(--pf-c-toolbar__item--MinWidth--base);
11369
11386
  margin-right: var(--pf-c-toolbar--spacer);
@@ -11418,6 +11435,12 @@ label.pf-c-check, .pf-c-check__label,
11418
11435
  --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
11436
  }
11420
11437
  }
11438
+ .pf-c-toolbar__item.pf-m-align-self-center {
11439
+ align-self: center;
11440
+ }
11441
+ .pf-c-toolbar__item.pf-m-align-self-baseline {
11442
+ align-self: baseline;
11443
+ }
11421
11444
  .pf-c-toolbar__item.pf-m-overflow-menu {
11422
11445
  --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
11423
11446
  }
@@ -11462,20 +11485,24 @@ label.pf-c-check, .pf-c-check__label,
11462
11485
  .pf-c-toolbar__content,
11463
11486
  .pf-c-toolbar__content-section {
11464
11487
  flex-wrap: wrap;
11465
- align-items: center;
11466
11488
  }
11467
11489
 
11468
11490
  .pf-c-toolbar__content {
11469
11491
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
11470
11492
  position: relative;
11493
+ align-items: center;
11471
11494
  padding-right: var(--pf-c-toolbar__content--PaddingRight);
11472
11495
  padding-left: var(--pf-c-toolbar__content--PaddingLeft);
11473
11496
  }
11474
11497
 
11475
11498
  .pf-c-toolbar__content-section {
11476
11499
  --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
11500
+ align-items: var(--pf-c-toolbar__content-section--AlignItems);
11477
11501
  width: 100%;
11478
11502
  }
11503
+ .pf-c-toolbar__content-section.pf-m-align-items-center {
11504
+ align-items: center;
11505
+ }
11479
11506
 
11480
11507
  .pf-c-toolbar__expandable-content {
11481
11508
  position: absolute;
@@ -13010,7 +13037,6 @@ label.pf-c-check, .pf-c-check__label,
13010
13037
  }
13011
13038
 
13012
13039
  .pf-c-drawer__body {
13013
- min-height: 0;
13014
13040
  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
13041
  }
13016
13042
  .pf-c-drawer__body.pf-m-no-padding {
@@ -13599,6 +13625,8 @@ label.pf-c-check, .pf-c-check__label,
13599
13625
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13626
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13627
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13628
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13629
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13602
13630
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13603
13631
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13604
13632
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13810,9 +13838,14 @@ label.pf-c-check, .pf-c-check__label,
13810
13838
  align-items: center;
13811
13839
  cursor: pointer;
13812
13840
  }
13841
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13842
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13843
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13844
+ }
13813
13845
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13814
13846
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13815
13847
  cursor: pointer;
13848
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13816
13849
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13817
13850
  }
13818
13851
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14008,6 +14041,14 @@ label.pf-c-check, .pf-c-check__label,
14008
14041
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14009
14042
  }
14010
14043
 
14044
+ .pf-c-dropdown__toggle-progress {
14045
+ position: absolute;
14046
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14047
+ }
14048
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14049
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14050
+ }
14051
+
14011
14052
  .pf-c-dropdown__menu {
14012
14053
  position: absolute;
14013
14054
  top: var(--pf-c-dropdown__menu--Top);
@@ -14241,38 +14282,39 @@ label.pf-c-check, .pf-c-check__label,
14241
14282
  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
14242
14283
  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
14243
14284
  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
14285
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
14286
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
14287
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
14288
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
14244
14289
  --pf-c-empty-state__content--MaxWidth: none;
14290
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14291
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
14292
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14245
14293
  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
14246
14294
  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
14247
14295
  --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);
14296
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
14297
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
14298
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14299
+ --pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
14300
+ --pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
14301
+ --pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
14302
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
14303
+ --pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
14304
+ --pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
14305
+ --pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
14249
14306
  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
14250
14307
  --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;
14308
+ --pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
14259
14309
  --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
14310
  --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
14311
  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
14272
14312
  --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);
14313
+ --pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
14314
+ --pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
14315
+ --pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
14316
+ --pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
14317
+ --pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
14276
14318
  display: flex;
14277
14319
  align-items: center;
14278
14320
  justify-content: center;
@@ -14284,17 +14326,12 @@ label.pf-c-check, .pf-c-check__label,
14284
14326
  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
14285
14327
  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
14286
14328
  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
14329
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
14287
14330
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
14288
14331
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
14289
14332
  --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);
14333
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
14334
+ --pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
14298
14335
  }
14299
14336
  .pf-c-empty-state.pf-m-sm {
14300
14337
  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
@@ -14304,12 +14341,11 @@ label.pf-c-check, .pf-c-check__label,
14304
14341
  }
14305
14342
  .pf-c-empty-state.pf-m-xl {
14306
14343
  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
14344
+ --pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
14307
14345
  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
14308
14346
  --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);
14347
+ --pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
14348
+ --pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
14313
14349
  }
14314
14350
  .pf-c-empty-state.pf-m-full-height {
14315
14351
  height: 100%;
@@ -14318,41 +14354,40 @@ label.pf-c-check, .pf-c-check__label,
14318
14354
  .pf-c-empty-state__content {
14319
14355
  max-width: var(--pf-c-empty-state__content--MaxWidth);
14320
14356
  }
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
14357
 
14325
14358
  .pf-c-empty-state__icon {
14326
14359
  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
14327
14360
  font-size: var(--pf-c-empty-state__icon--FontSize);
14361
+ line-height: 1;
14328
14362
  color: var(--pf-c-empty-state__icon--Color);
14329
14363
  }
14330
14364
 
14365
+ .pf-c-empty-state__title-text {
14366
+ font-family: var(--pf-c-empty-state__title-text--FontFamily);
14367
+ font-size: var(--pf-c-empty-state__title-text--FontSize);
14368
+ font-weight: var(--pf-c-empty-state__title-text--FontWeight);
14369
+ line-height: var(--pf-c-empty-state__title-text--LineHeight);
14370
+ }
14371
+
14331
14372
  .pf-c-empty-state__body {
14332
14373
  margin-top: var(--pf-c-empty-state__body--MarginTop);
14374
+ font-size: var(--pf-c-empty-state--body--FontSize);
14333
14375
  color: var(--pf-c-empty-state__body--Color);
14334
14376
  }
14335
14377
 
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);
14378
+ .pf-c-empty-state__footer {
14379
+ display: flex;
14380
+ flex-direction: column;
14381
+ align-items: center;
14382
+ row-gap: var(--pf-c-empty-state__footer--RowGap);
14383
+ margin-top: var(--pf-c-empty-state__footer--MarginTop);
14343
14384
  }
14344
14385
 
14345
- .pf-c-empty-state__secondary {
14386
+ .pf-c-empty-state__actions {
14346
14387
  display: flex;
14347
14388
  flex-wrap: wrap;
14348
14389
  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);
14390
+ gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
14356
14391
  }
14357
14392
 
14358
14393
  .pf-c-expandable-section {
@@ -15453,7 +15488,7 @@ textarea.pf-c-form-control {
15453
15488
  }
15454
15489
 
15455
15490
  :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");
15491
+ --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
15492
  --pf-c-form-control--BorderTopColor: transparent;
15458
15493
  --pf-c-form-control--BorderRightColor: transparent;
15459
15494
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -15903,6 +15938,9 @@ textarea.pf-c-form-control {
15903
15938
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
15904
15939
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
15905
15940
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
15941
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
15942
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
15943
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
15906
15944
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
15907
15945
  --pf-c-input-group--c-form-control--MarginRight: 0;
15908
15946
  color: var(--pf-global--Color--100);
@@ -15952,6 +15990,11 @@ label.pf-c-input-group__text {
15952
15990
  --pf-c-input-group__text--BorderWidth: 0;
15953
15991
  margin-left: 0;
15954
15992
  }
15993
+ .pf-c-input-group__text.pf-m-disabled {
15994
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
15995
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
15996
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
15997
+ }
15955
15998
 
15956
15999
  :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
16000
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -15996,6 +16039,8 @@ label.pf-c-input-group__text {
15996
16039
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15997
16040
  --pf-c-input-group__text--BorderLeftColor: transparent;
15998
16041
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16042
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16043
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15999
16044
  }
16000
16045
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16001
16046
  margin-left: 0;
@@ -16010,6 +16055,10 @@ label.pf-c-input-group__text {
16010
16055
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16011
16056
  --pf-c-input-group__text--BackgroundColor: transparent;
16012
16057
  }
16058
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16059
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16060
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16061
+ }
16013
16062
 
16014
16063
  .pf-c-jump-links {
16015
16064
  --pf-c-jump-links__list--Display: flex;
@@ -16746,8 +16795,18 @@ button.pf-c-label__content:focus {
16746
16795
  }
16747
16796
 
16748
16797
  .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);
16798
+ --pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
16799
+ --pf-c-label-group--ColumnGap: 0;
16800
+ --pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
16801
+ --pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
16802
+ --pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
16803
+ --pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
16804
+ --pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
16805
+ --pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
16806
+ --pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
16807
+ --pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
16808
+ --pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
16809
+ --pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
16751
16810
  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
16752
16811
  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
16753
16812
  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
@@ -16757,20 +16816,14 @@ button.pf-c-label__content:focus {
16757
16816
  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
16758
16817
  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
16759
16818
  --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
16819
  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
16764
16820
  --pf-c-label-group__label--MaxWidth: 18ch;
16765
16821
  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
16766
16822
  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
16767
16823
  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
16768
16824
  --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
16825
  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
16771
16826
  --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
16827
  --pf-c-label-group__textarea--MinWidth: 12.5rem;
16775
16828
  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
16776
16829
  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
@@ -16778,6 +16831,8 @@ button.pf-c-label__content:focus {
16778
16831
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
16779
16832
  display: inline-flex;
16780
16833
  align-items: center;
16834
+ row-gap: var(--pf-c-label-group--RowGap);
16835
+ column-gap: var(--pf-c-label-group--ColumnGap);
16781
16836
  }
16782
16837
  .pf-c-label-group.pf-m-category {
16783
16838
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
@@ -16789,11 +16844,12 @@ button.pf-c-label__content:focus {
16789
16844
  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
16790
16845
  }
16791
16846
  .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);
16847
+ --pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
16848
+ --pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
16849
+ --pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
16850
+ --pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
16851
+ --pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
16852
+ --pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
16797
16853
  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
16798
16854
  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
16799
16855
  --pf-c-label-group__close--MarginBottom: 0;
@@ -16810,9 +16866,6 @@ button.pf-c-label__content:focus {
16810
16866
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
16811
16867
  flex-direction: column;
16812
16868
  }
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
16869
  .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
16817
16870
  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
16818
16871
  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
@@ -16834,19 +16887,19 @@ button.pf-c-label__content:focus {
16834
16887
  flex: 1;
16835
16888
  flex-wrap: wrap;
16836
16889
  align-items: baseline;
16890
+ row-gap: var(--pf-c-label-group__main--RowGap);
16891
+ column-gap: var(--pf-c-label-group__main--ColumnGap);
16837
16892
  }
16838
16893
 
16839
16894
  .pf-c-label-group__list {
16840
16895
  display: inline-flex;
16841
16896
  flex-wrap: wrap;
16842
- margin-right: var(--pf-c-label-group__list--MarginRight);
16843
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
16897
+ row-gap: var(--pf-c-label-group__list--RowGap);
16898
+ column-gap: var(--pf-c-label-group__list--ColumnGap);
16844
16899
  }
16845
16900
 
16846
16901
  .pf-c-label-group__list-item {
16847
16902
  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
16903
  }
16851
16904
 
16852
16905
  .pf-c-label-group__label {
@@ -16854,12 +16907,12 @@ button.pf-c-label__content:focus {
16854
16907
  text-overflow: ellipsis;
16855
16908
  white-space: nowrap;
16856
16909
  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
16910
  font-size: var(--pf-c-label-group__label--FontSize);
16860
16911
  }
16861
16912
 
16862
16913
  .pf-c-label-group__close {
16914
+ display: flex;
16915
+ align-self: start;
16863
16916
  margin-top: var(--pf-c-label-group__close--MarginTop);
16864
16917
  margin-right: var(--pf-c-label-group__close--MarginRight);
16865
16918
  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
@@ -18383,11 +18436,15 @@ ul.pf-c-list {
18383
18436
  }
18384
18437
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18385
18438
  overflow: visible;
18439
+ visibility: hidden;
18386
18440
  }
18387
18441
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18388
18442
  .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
18443
  display: none;
18390
18444
  }
18445
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18446
+ visibility: hidden;
18447
+ }
18391
18448
  .pf-c-menu.pf-m-plain {
18392
18449
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18393
18450
  }
@@ -22363,6 +22420,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22363
22420
  }
22364
22421
 
22365
22422
  .pf-c-pagination {
22423
+ --pf-c-pagination--inset: 0;
22424
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22425
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22426
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22427
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22366
22428
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22367
22429
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22368
22430
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22418,6 +22480,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22418
22480
  flex-wrap: wrap;
22419
22481
  align-items: center;
22420
22482
  justify-content: flex-end;
22483
+ padding-right: var(--pf-c-pagination--PaddingRight);
22484
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22421
22485
  }
22422
22486
  @media screen and (min-width: 768px) {
22423
22487
  .pf-c-pagination {
@@ -22437,6 +22501,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22437
22501
  .pf-c-pagination {
22438
22502
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22439
22503
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22504
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22505
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22440
22506
  }
22441
22507
  }
22442
22508
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22527,6 +22593,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22527
22593
  .pf-c-pagination.pf-m-compact {
22528
22594
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22529
22595
  }
22596
+ .pf-c-pagination.pf-m-page-insets {
22597
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22598
+ }
22530
22599
 
22531
22600
  .pf-c-pagination__nav {
22532
22601
  display: var(--pf-c-pagination__nav--Display);
@@ -22573,6 +22642,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22573
22642
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22574
22643
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22575
22644
  }
22645
+ .pf-c-pagination.pf-m-inset-none {
22646
+ --pf-c-pagination--inset: 0;
22647
+ }
22648
+ .pf-c-pagination.pf-m-inset-sm {
22649
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22650
+ }
22651
+ .pf-c-pagination.pf-m-inset-md {
22652
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22653
+ }
22654
+ .pf-c-pagination.pf-m-inset-lg {
22655
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22656
+ }
22657
+ .pf-c-pagination.pf-m-inset-xl {
22658
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22659
+ }
22660
+ .pf-c-pagination.pf-m-inset-2xl {
22661
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22662
+ }
22663
+ .pf-c-pagination.pf-m-inset-none {
22664
+ --pf-c-pagination--inset: 0;
22665
+ }
22666
+ .pf-c-pagination.pf-m-inset-sm {
22667
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22668
+ }
22669
+ .pf-c-pagination.pf-m-inset-md {
22670
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22671
+ }
22672
+ .pf-c-pagination.pf-m-inset-lg {
22673
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22674
+ }
22675
+ .pf-c-pagination.pf-m-inset-xl {
22676
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22677
+ }
22678
+ .pf-c-pagination.pf-m-inset-2xl {
22679
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22680
+ }
22576
22681
  @media (min-width: 576px) {
22577
22682
  .pf-c-pagination.pf-m-display-summary-on-sm {
22578
22683
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22584,6 +22689,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22584
22689
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22585
22690
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22586
22691
  }
22692
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22693
+ --pf-c-pagination--inset: 0;
22694
+ }
22695
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22696
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22697
+ }
22698
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22699
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22700
+ }
22701
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22702
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22703
+ }
22704
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22705
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22706
+ }
22707
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22708
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22709
+ }
22710
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22711
+ --pf-c-pagination--inset: 0;
22712
+ }
22713
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22714
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22715
+ }
22716
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22717
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22718
+ }
22719
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22720
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22721
+ }
22722
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22723
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22724
+ }
22725
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22726
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22727
+ }
22587
22728
  }
22588
22729
  @media (min-width: 768px) {
22589
22730
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22596,6 +22737,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22596
22737
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22597
22738
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22598
22739
  }
22740
+ .pf-c-pagination.pf-m-inset-none-on-md {
22741
+ --pf-c-pagination--inset: 0;
22742
+ }
22743
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22744
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22745
+ }
22746
+ .pf-c-pagination.pf-m-inset-md-on-md {
22747
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22748
+ }
22749
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22750
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22751
+ }
22752
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22753
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22754
+ }
22755
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22756
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22757
+ }
22758
+ .pf-c-pagination.pf-m-inset-none-on-md {
22759
+ --pf-c-pagination--inset: 0;
22760
+ }
22761
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22762
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22763
+ }
22764
+ .pf-c-pagination.pf-m-inset-md-on-md {
22765
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22766
+ }
22767
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22768
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22769
+ }
22770
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22771
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22772
+ }
22773
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22774
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22775
+ }
22599
22776
  }
22600
22777
  @media (min-width: 992px) {
22601
22778
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22608,6 +22785,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22608
22785
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22609
22786
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22610
22787
  }
22788
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22789
+ --pf-c-pagination--inset: 0;
22790
+ }
22791
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22792
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22793
+ }
22794
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22795
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22796
+ }
22797
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22798
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22799
+ }
22800
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22801
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22802
+ }
22803
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22804
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22805
+ }
22806
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22807
+ --pf-c-pagination--inset: 0;
22808
+ }
22809
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22810
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22811
+ }
22812
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22813
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22814
+ }
22815
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22816
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22817
+ }
22818
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22819
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22820
+ }
22821
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22822
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22823
+ }
22611
22824
  }
22612
22825
  @media (min-width: 1200px) {
22613
22826
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22620,6 +22833,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22620
22833
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22621
22834
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22622
22835
  }
22836
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22837
+ --pf-c-pagination--inset: 0;
22838
+ }
22839
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22840
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22841
+ }
22842
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22843
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22844
+ }
22845
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22846
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22847
+ }
22848
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22849
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22850
+ }
22851
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22852
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22853
+ }
22854
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22855
+ --pf-c-pagination--inset: 0;
22856
+ }
22857
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22858
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22859
+ }
22860
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22861
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22862
+ }
22863
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22864
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22865
+ }
22866
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22867
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22868
+ }
22869
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22870
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22871
+ }
22623
22872
  }
22624
22873
  @media (min-width: 1450px) {
22625
22874
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22632,6 +22881,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22632
22881
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22633
22882
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22634
22883
  }
22884
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22885
+ --pf-c-pagination--inset: 0;
22886
+ }
22887
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22888
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22889
+ }
22890
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22891
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22892
+ }
22893
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22894
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22895
+ }
22896
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22897
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22898
+ }
22899
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22900
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22901
+ }
22902
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22903
+ --pf-c-pagination--inset: 0;
22904
+ }
22905
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22906
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22907
+ }
22908
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22909
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22910
+ }
22911
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22912
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22913
+ }
22914
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22915
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22916
+ }
22917
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22918
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22919
+ }
22635
22920
  }
22636
22921
 
22637
22922
  :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 +23248,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22963
23248
  }
22964
23249
 
22965
23250
  :where(.pf-theme-dark) .pf-c-popover {
22966
- --pf-c-popover--BoxShadow: none;
22967
- --pf-c-popover__arrow--BoxShadow: none;
23251
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
22968
23252
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
22969
23253
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
22970
23254
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
22971
23255
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
22972
23256
  }
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
23257
 
22978
23258
  .pf-c-progress {
22979
23259
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -25517,13 +25797,6 @@ label.pf-c-radio, .pf-c-radio__label,
25517
25797
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25518
25798
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25519
25799
  }
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
25800
  .pf-c-slider__value .pf-c-form-control {
25528
25801
  width: var(--pf-c-slider__value--c-form-control--Width);
25529
25802
  }
@@ -31075,16 +31348,13 @@ svg.pf-c-spinner.pf-m-xl {
31075
31348
  }
31076
31349
 
31077
31350
  :where(.pf-theme-dark) .pf-c-tooltip {
31078
- --pf-c-tooltip--BoxShadow: none;
31079
31351
  --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);
31352
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
31084
31353
  }
31085
31354
  :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31086
31355
  --pf-c-tooltip__arrow--Width: 0.9375rem;
31087
31356
  --pf-c-tooltip__arrow--Height: 0.9375rem;
31357
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31088
31358
  }
31089
31359
 
31090
31360
  .pf-c-truncate {