@patternfly/react-core 4.250.0 → 4.250.2

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.250.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.1...@patternfly/react-core@4.250.2) (2022-10-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Menu:** fixed height issue with drilldown examples ([#8033](https://github.com/patternfly/patternfly-react/issues/8033)) ([c0583b5](https://github.com/patternfly/patternfly-react/commit/c0583b530310b3d89be222e58fe926ecc6dd8d99))
12
+
13
+
14
+
15
+
16
+
17
+ ## [4.250.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.0...@patternfly/react-core@4.250.1) (2022-10-05)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-core
20
+
21
+
22
+
23
+
24
+
6
25
  # 4.250.0 (2022-10-05)
7
26
 
8
27
 
@@ -9276,85 +9276,6 @@ label.pf-c-check, .pf-c-check__label,
9276
9276
  --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
9277
9277
  }
9278
9278
 
9279
- .pf-c-helper-text {
9280
- --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9281
- --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
9282
- --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
9283
- --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
9284
- --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
9285
- --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
9286
- --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
9287
- --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
9288
- --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
9289
- --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
9290
- --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
9291
- --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
9292
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
9293
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
9294
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
9295
- --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
9296
- --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
9297
- --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
9298
- --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
9299
- --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
9300
- --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
9301
- --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
9302
- --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
9303
- display: grid;
9304
- gap: var(--pf-c-helper-text--Gap);
9305
- font-size: var(--pf-c-helper-text--FontSize);
9306
- }
9307
-
9308
- .pf-c-helper-text__item {
9309
- display: flex;
9310
- }
9311
-
9312
- .pf-c-helper-text__item.pf-m-indeterminate {
9313
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
9314
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
9315
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
9316
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
9317
- }
9318
-
9319
- .pf-c-helper-text__item.pf-m-warning {
9320
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
9321
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
9322
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
9323
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
9324
- }
9325
-
9326
- .pf-c-helper-text__item.pf-m-success {
9327
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
9328
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
9329
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
9330
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
9331
- }
9332
-
9333
- .pf-c-helper-text__item.pf-m-error {
9334
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
9335
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
9336
- --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
9337
- --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
9338
- }
9339
-
9340
- .pf-c-helper-text__item.pf-m-dynamic {
9341
- --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
9342
- --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
9343
- }
9344
-
9345
- .pf-c-helper-text__item-icon {
9346
- margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
9347
- color: var(--pf-c-helper-text__item-icon--Color);
9348
- }
9349
-
9350
- .pf-c-helper-text__item-text {
9351
- color: var(--pf-c-helper-text__item-text--Color);
9352
- }
9353
-
9354
- :where(.pf-theme-dark) .pf-c-helper-text {
9355
- --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
9356
- }
9357
-
9358
9279
  .pf-c-hint {
9359
9280
  --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
9360
9281
  --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
@@ -9668,6 +9589,85 @@ label.pf-c-input-group__text {
9668
9589
  --pf-c-input-group__text--BackgroundColor: transparent;
9669
9590
  }
9670
9591
 
9592
+ .pf-c-helper-text {
9593
+ --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
9594
+ --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
9595
+ --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
9596
+ --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
9597
+ --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
9598
+ --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
9599
+ --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
9600
+ --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
9601
+ --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
9602
+ --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
9603
+ --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
9604
+ --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
9605
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
9606
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
9607
+ --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
9608
+ --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
9609
+ --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
9610
+ --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
9611
+ --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
9612
+ --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
9613
+ --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
9614
+ --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
9615
+ --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
9616
+ display: grid;
9617
+ gap: var(--pf-c-helper-text--Gap);
9618
+ font-size: var(--pf-c-helper-text--FontSize);
9619
+ }
9620
+
9621
+ .pf-c-helper-text__item {
9622
+ display: flex;
9623
+ }
9624
+
9625
+ .pf-c-helper-text__item.pf-m-indeterminate {
9626
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
9627
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
9628
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
9629
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
9630
+ }
9631
+
9632
+ .pf-c-helper-text__item.pf-m-warning {
9633
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
9634
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
9635
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
9636
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
9637
+ }
9638
+
9639
+ .pf-c-helper-text__item.pf-m-success {
9640
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
9641
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
9642
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
9643
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
9644
+ }
9645
+
9646
+ .pf-c-helper-text__item.pf-m-error {
9647
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
9648
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
9649
+ --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
9650
+ --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
9651
+ }
9652
+
9653
+ .pf-c-helper-text__item.pf-m-dynamic {
9654
+ --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
9655
+ --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
9656
+ }
9657
+
9658
+ .pf-c-helper-text__item-icon {
9659
+ margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
9660
+ color: var(--pf-c-helper-text__item-icon--Color);
9661
+ }
9662
+
9663
+ .pf-c-helper-text__item-text {
9664
+ color: var(--pf-c-helper-text__item-text--Color);
9665
+ }
9666
+
9667
+ :where(.pf-theme-dark) .pf-c-helper-text {
9668
+ --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
9669
+ }
9670
+
9671
9671
  .pf-c-jump-links {
9672
9672
  --pf-c-jump-links__list--Display: flex;
9673
9673
  --pf-c-jump-links__list--Visibility: visible;
@@ -10312,150 +10312,6 @@ label.pf-c-input-group__text {
10312
10312
  --pf-c-sidebar__panel--FlexBasis: 100%;
10313
10313
  }
10314
10314
  }
10315
- .pf-c-label-group {
10316
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10317
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10318
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10319
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10320
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10321
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10322
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10323
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10324
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10325
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10326
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10327
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10328
- --pf-c-label-group__label--MarginBottom: 0;
10329
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10330
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10331
- --pf-c-label-group__label--MaxWidth: 18ch;
10332
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10333
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10334
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10335
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10336
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10337
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10338
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10339
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10340
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10341
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10342
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10343
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10344
- --pf-c-label-group__textarea--PaddingBottom: 0;
10345
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10346
- display: inline-flex;
10347
- align-items: center;
10348
- }
10349
-
10350
- .pf-c-label-group.pf-m-category {
10351
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10352
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10353
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10354
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10355
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10356
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10357
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10358
- }
10359
-
10360
- .pf-c-label-group.pf-m-vertical {
10361
- --pf-c-label-group__list--MarginRight: 0;
10362
- --pf-c-label-group__list--MarginBottom: 0;
10363
- --pf-c-label-group__list-item--MarginRight: 0;
10364
- --pf-c-label-group__label--MarginRight: 0;
10365
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10366
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10367
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10368
- --pf-c-label-group__close--MarginBottom: 0;
10369
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10370
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10371
- }
10372
-
10373
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10374
- align-items: flex-start;
10375
- }
10376
-
10377
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10378
- flex-direction: column;
10379
- align-items: flex-start;
10380
- }
10381
-
10382
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10383
- flex-direction: column;
10384
- }
10385
-
10386
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10387
- --pf-c-label-group__list-item--MarginBottom: 0;
10388
- }
10389
-
10390
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10391
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10392
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10393
- }
10394
-
10395
- .pf-c-label-group.pf-m-editable,
10396
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10397
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10398
- display: flex;
10399
- }
10400
-
10401
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10402
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10403
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10404
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10405
- flex: 1;
10406
- }
10407
-
10408
- .pf-c-label-group__main {
10409
- display: flex;
10410
- flex: 1;
10411
- flex-wrap: wrap;
10412
- align-items: baseline;
10413
- }
10414
-
10415
- .pf-c-label-group__list {
10416
- display: inline-flex;
10417
- flex-wrap: wrap;
10418
- margin-right: var(--pf-c-label-group__list--MarginRight);
10419
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10420
- }
10421
-
10422
- .pf-c-label-group__list-item {
10423
- display: inline-flex;
10424
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10425
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10426
- }
10427
-
10428
- .pf-c-label-group__label {
10429
- overflow: hidden;
10430
- text-overflow: ellipsis;
10431
- white-space: nowrap;
10432
- max-width: var(--pf-c-label-group__label--MaxWidth);
10433
- margin-right: var(--pf-c-label-group__label--MarginRight);
10434
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10435
- font-size: var(--pf-c-label-group__label--FontSize);
10436
- }
10437
-
10438
- .pf-c-label-group__close {
10439
- margin-top: var(--pf-c-label-group__close--MarginTop);
10440
- margin-right: var(--pf-c-label-group__close--MarginRight);
10441
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10442
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10443
- }
10444
-
10445
- .pf-c-label-group__textarea {
10446
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10447
- padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10448
- white-space: nowrap;
10449
- resize: none;
10450
- border: 0;
10451
- -ms-overflow-style: none;
10452
- scrollbar-width: none;
10453
- }
10454
-
10455
- .pf-c-label-group__textarea::-webkit-scrollbar {
10456
- display: none;
10457
- }
10458
-
10459
10315
  .pf-c-label {
10460
10316
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10461
10317
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10919,6 +10775,150 @@ button.pf-c-label__content:focus {
10919
10775
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10920
10776
  }
10921
10777
 
10778
+ .pf-c-label-group {
10779
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10780
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10781
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10782
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10783
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10784
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10785
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10786
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10787
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10788
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10789
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10790
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10791
+ --pf-c-label-group__label--MarginBottom: 0;
10792
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10793
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10794
+ --pf-c-label-group__label--MaxWidth: 18ch;
10795
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10796
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10797
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10798
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10799
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10800
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10801
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10802
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10803
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10804
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10805
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10806
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10807
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10808
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10809
+ display: inline-flex;
10810
+ align-items: center;
10811
+ }
10812
+
10813
+ .pf-c-label-group.pf-m-category {
10814
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10815
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10816
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10817
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10818
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10819
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10820
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10821
+ }
10822
+
10823
+ .pf-c-label-group.pf-m-vertical {
10824
+ --pf-c-label-group__list--MarginRight: 0;
10825
+ --pf-c-label-group__list--MarginBottom: 0;
10826
+ --pf-c-label-group__list-item--MarginRight: 0;
10827
+ --pf-c-label-group__label--MarginRight: 0;
10828
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10829
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10830
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10831
+ --pf-c-label-group__close--MarginBottom: 0;
10832
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10833
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10834
+ }
10835
+
10836
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10837
+ align-items: flex-start;
10838
+ }
10839
+
10840
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10841
+ flex-direction: column;
10842
+ align-items: flex-start;
10843
+ }
10844
+
10845
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10846
+ flex-direction: column;
10847
+ }
10848
+
10849
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10850
+ --pf-c-label-group__list-item--MarginBottom: 0;
10851
+ }
10852
+
10853
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10854
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10855
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10856
+ }
10857
+
10858
+ .pf-c-label-group.pf-m-editable,
10859
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10860
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10861
+ display: flex;
10862
+ }
10863
+
10864
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10865
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10866
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10867
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10868
+ flex: 1;
10869
+ }
10870
+
10871
+ .pf-c-label-group__main {
10872
+ display: flex;
10873
+ flex: 1;
10874
+ flex-wrap: wrap;
10875
+ align-items: baseline;
10876
+ }
10877
+
10878
+ .pf-c-label-group__list {
10879
+ display: inline-flex;
10880
+ flex-wrap: wrap;
10881
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10882
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10883
+ }
10884
+
10885
+ .pf-c-label-group__list-item {
10886
+ display: inline-flex;
10887
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10888
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10889
+ }
10890
+
10891
+ .pf-c-label-group__label {
10892
+ overflow: hidden;
10893
+ text-overflow: ellipsis;
10894
+ white-space: nowrap;
10895
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10896
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10897
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10898
+ font-size: var(--pf-c-label-group__label--FontSize);
10899
+ }
10900
+
10901
+ .pf-c-label-group__close {
10902
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10903
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10904
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10905
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10906
+ }
10907
+
10908
+ .pf-c-label-group__textarea {
10909
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10910
+ padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10911
+ white-space: nowrap;
10912
+ resize: none;
10913
+ border: 0;
10914
+ -ms-overflow-style: none;
10915
+ scrollbar-width: none;
10916
+ }
10917
+
10918
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10919
+ display: none;
10920
+ }
10921
+
10922
10922
  .pf-c-list {
10923
10923
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10924
10924
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
@@ -21183,126 +21183,6 @@ svg.pf-c-spinner.pf-m-xl {
21183
21183
  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
21184
21184
  }
21185
21185
 
21186
- .pf-c-toggle-group {
21187
- --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
21188
- --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
21189
- --pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
21190
- --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
21191
- --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
21192
- --pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
21193
- --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
21194
- --pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
21195
- --pf-c-toggle-group__button--ZIndex: auto;
21196
- --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
21197
- --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
21198
- --pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
21199
- --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
21200
- --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
21201
- --pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
21202
- --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
21203
- --pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
21204
- --pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
21205
- --pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
21206
- --pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
21207
- --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
21208
- --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
21209
- --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
21210
- --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
21211
- --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
21212
- --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
21213
- --pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
21214
- --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
21215
- --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
21216
- --pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
21217
- --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
21218
- --pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
21219
- --pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
21220
- display: flex;
21221
- }
21222
-
21223
- .pf-c-toggle-group.pf-m-compact {
21224
- --pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
21225
- --pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
21226
- --pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
21227
- --pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
21228
- --pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
21229
- }
21230
-
21231
- .pf-c-toggle-group__item + .pf-c-toggle-group__item {
21232
- margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
21233
- }
21234
-
21235
- .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
21236
- border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
21237
- border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
21238
- }
21239
-
21240
- .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
21241
- border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
21242
- border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
21243
- }
21244
-
21245
- .pf-c-toggle-group__button {
21246
- position: relative;
21247
- z-index: var(--pf-c-toggle-group__button--ZIndex);
21248
- display: inline-flex;
21249
- padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
21250
- font-size: var(--pf-c-toggle-group__button--FontSize);
21251
- line-height: var(--pf-c-toggle-group__button--LineHeight);
21252
- color: var(--pf-c-toggle-group__button--Color);
21253
- background-color: var(--pf-c-toggle-group__button--BackgroundColor);
21254
- border: 0;
21255
- }
21256
-
21257
- .pf-c-toggle-group__button::before {
21258
- position: absolute;
21259
- top: 0;
21260
- right: 0;
21261
- bottom: 0;
21262
- left: 0;
21263
- pointer-events: none;
21264
- content: "";
21265
- border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
21266
- }
21267
-
21268
- .pf-c-toggle-group__button:hover {
21269
- --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
21270
- --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
21271
- --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
21272
- text-decoration: none;
21273
- }
21274
-
21275
- .pf-c-toggle-group__button:focus {
21276
- --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
21277
- --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
21278
- --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
21279
- }
21280
-
21281
- .pf-c-toggle-group__button.pf-m-selected {
21282
- --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
21283
- --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
21284
- --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
21285
- }
21286
-
21287
- .pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
21288
- --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
21289
- --pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
21290
- pointer-events: none;
21291
- }
21292
-
21293
- .pf-c-toggle-group__icon + .pf-c-toggle-group__text,
21294
- .pf-c-toggle-group__text + .pf-c-toggle-group__icon {
21295
- margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
21296
- }
21297
-
21298
- :where(.pf-theme-dark) .pf-c-toggle-group {
21299
- --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
21300
- --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
21301
- --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
21302
- --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
21303
- --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
21304
- }
21305
-
21306
21186
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
21307
21187
  --pf-hidden-visible--visible--Visibility: visible;
21308
21188
  --pf-hidden-visible--hidden--Display: none;
@@ -22619,69 +22499,189 @@ svg.pf-c-spinner.pf-m-xl {
22619
22499
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22620
22500
  }
22621
22501
 
22622
- .pf-c-toolbar.pf-m-inset-md-on-xl {
22623
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
22624
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22625
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22626
- }
22502
+ .pf-c-toolbar.pf-m-inset-md-on-xl {
22503
+ --pf-c-toolbar--inset: var(--pf-global--spacer--md);
22504
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22505
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22506
+ }
22507
+
22508
+ .pf-c-toolbar.pf-m-inset-lg-on-xl {
22509
+ --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
22510
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22511
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22512
+ }
22513
+
22514
+ .pf-c-toolbar.pf-m-inset-xl-on-xl {
22515
+ --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
22516
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22517
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22518
+ }
22519
+
22520
+ .pf-c-toolbar.pf-m-inset-2xl-on-xl {
22521
+ --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
22522
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22523
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22524
+ }
22525
+ }
22526
+ @media (min-width: 1450px) {
22527
+ .pf-c-toolbar.pf-m-inset-none-on-2xl {
22528
+ --pf-c-toolbar--inset: 0;
22529
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22530
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22531
+ }
22532
+
22533
+ .pf-c-toolbar.pf-m-inset-sm-on-2xl {
22534
+ --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
22535
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22536
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22537
+ }
22538
+
22539
+ .pf-c-toolbar.pf-m-inset-md-on-2xl {
22540
+ --pf-c-toolbar--inset: var(--pf-global--spacer--md);
22541
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22542
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22543
+ }
22544
+
22545
+ .pf-c-toolbar.pf-m-inset-lg-on-2xl {
22546
+ --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
22547
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22548
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22549
+ }
22550
+
22551
+ .pf-c-toolbar.pf-m-inset-xl-on-2xl {
22552
+ --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
22553
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22554
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22555
+ }
22556
+
22557
+ .pf-c-toolbar.pf-m-inset-2xl-on-2xl {
22558
+ --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
22559
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22560
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22561
+ }
22562
+ }
22563
+ .pf-c-toolbar__content-section > :last-child {
22564
+ --pf-c-toolbar--spacer: 0;
22565
+ }
22566
+
22567
+ .pf-c-toggle-group {
22568
+ --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
22569
+ --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
22570
+ --pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
22571
+ --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
22572
+ --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
22573
+ --pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
22574
+ --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
22575
+ --pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
22576
+ --pf-c-toggle-group__button--ZIndex: auto;
22577
+ --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
22578
+ --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
22579
+ --pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
22580
+ --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
22581
+ --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
22582
+ --pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
22583
+ --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
22584
+ --pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
22585
+ --pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
22586
+ --pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
22587
+ --pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
22588
+ --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
22589
+ --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
22590
+ --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
22591
+ --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
22592
+ --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
22593
+ --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
22594
+ --pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
22595
+ --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
22596
+ --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
22597
+ --pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
22598
+ --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
22599
+ --pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
22600
+ --pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
22601
+ display: flex;
22602
+ }
22603
+
22604
+ .pf-c-toggle-group.pf-m-compact {
22605
+ --pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
22606
+ --pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
22607
+ --pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
22608
+ --pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
22609
+ --pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
22610
+ }
22611
+
22612
+ .pf-c-toggle-group__item + .pf-c-toggle-group__item {
22613
+ margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
22614
+ }
22627
22615
 
22628
- .pf-c-toolbar.pf-m-inset-lg-on-xl {
22629
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
22630
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22631
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22632
- }
22616
+ .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
22617
+ border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
22618
+ border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
22619
+ }
22633
22620
 
22634
- .pf-c-toolbar.pf-m-inset-xl-on-xl {
22635
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
22636
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22637
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22638
- }
22621
+ .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
22622
+ border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
22623
+ border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
22624
+ }
22639
22625
 
22640
- .pf-c-toolbar.pf-m-inset-2xl-on-xl {
22641
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
22642
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22643
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22644
- }
22626
+ .pf-c-toggle-group__button {
22627
+ position: relative;
22628
+ z-index: var(--pf-c-toggle-group__button--ZIndex);
22629
+ display: inline-flex;
22630
+ padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
22631
+ font-size: var(--pf-c-toggle-group__button--FontSize);
22632
+ line-height: var(--pf-c-toggle-group__button--LineHeight);
22633
+ color: var(--pf-c-toggle-group__button--Color);
22634
+ background-color: var(--pf-c-toggle-group__button--BackgroundColor);
22635
+ border: 0;
22645
22636
  }
22646
- @media (min-width: 1450px) {
22647
- .pf-c-toolbar.pf-m-inset-none-on-2xl {
22648
- --pf-c-toolbar--inset: 0;
22649
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22650
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22651
- }
22652
22637
 
22653
- .pf-c-toolbar.pf-m-inset-sm-on-2xl {
22654
- --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
22655
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22656
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22657
- }
22638
+ .pf-c-toggle-group__button::before {
22639
+ position: absolute;
22640
+ top: 0;
22641
+ right: 0;
22642
+ bottom: 0;
22643
+ left: 0;
22644
+ pointer-events: none;
22645
+ content: "";
22646
+ border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
22647
+ }
22658
22648
 
22659
- .pf-c-toolbar.pf-m-inset-md-on-2xl {
22660
- --pf-c-toolbar--inset: var(--pf-global--spacer--md);
22661
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22662
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22663
- }
22649
+ .pf-c-toggle-group__button:hover {
22650
+ --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
22651
+ --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
22652
+ --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
22653
+ text-decoration: none;
22654
+ }
22664
22655
 
22665
- .pf-c-toolbar.pf-m-inset-lg-on-2xl {
22666
- --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
22667
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22668
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22669
- }
22656
+ .pf-c-toggle-group__button:focus {
22657
+ --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
22658
+ --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
22659
+ --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
22660
+ }
22670
22661
 
22671
- .pf-c-toolbar.pf-m-inset-xl-on-2xl {
22672
- --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
22673
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22674
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22675
- }
22662
+ .pf-c-toggle-group__button.pf-m-selected {
22663
+ --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
22664
+ --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
22665
+ --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
22666
+ }
22676
22667
 
22677
- .pf-c-toolbar.pf-m-inset-2xl-on-2xl {
22678
- --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
22679
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
22680
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset);
22681
- }
22668
+ .pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
22669
+ --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
22670
+ --pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
22671
+ pointer-events: none;
22682
22672
  }
22683
- .pf-c-toolbar__content-section > :last-child {
22684
- --pf-c-toolbar--spacer: 0;
22673
+
22674
+ .pf-c-toggle-group__icon + .pf-c-toggle-group__text,
22675
+ .pf-c-toggle-group__text + .pf-c-toggle-group__icon {
22676
+ margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
22677
+ }
22678
+
22679
+ :where(.pf-theme-dark) .pf-c-toggle-group {
22680
+ --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
22681
+ --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
22682
+ --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
22683
+ --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
22684
+ --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
22685
22685
  }
22686
22686
 
22687
22687
  .pf-c-tooltip {
@@ -26353,75 +26353,6 @@ label.pf-c-tree-view__node-text {
26353
26353
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26354
26354
  }
26355
26355
  }
26356
- .pf-l-gallery {
26357
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26358
- --pf-l-gallery--GridTemplateColumns--min: 250px;
26359
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26360
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
26361
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26362
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26363
- --pf-l-gallery--GridTemplateRows: auto;
26364
- display: grid;
26365
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26366
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26367
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26368
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26369
- }
26370
-
26371
- .pf-l-gallery.pf-m-gutter {
26372
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26373
- }
26374
-
26375
- @media (min-width: 576px) {
26376
- .pf-l-gallery {
26377
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26378
- }
26379
- }
26380
- @media (min-width: 768px) {
26381
- .pf-l-gallery {
26382
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
26383
- }
26384
- }
26385
- @media (min-width: 992px) {
26386
- .pf-l-gallery {
26387
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
26388
- }
26389
- }
26390
- @media (min-width: 1200px) {
26391
- .pf-l-gallery {
26392
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
26393
- }
26394
- }
26395
- @media (min-width: 1450px) {
26396
- .pf-l-gallery {
26397
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
26398
- }
26399
- }
26400
- @media (min-width: 576px) {
26401
- .pf-l-gallery {
26402
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26403
- }
26404
- }
26405
- @media (min-width: 768px) {
26406
- .pf-l-gallery {
26407
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
26408
- }
26409
- }
26410
- @media (min-width: 992px) {
26411
- .pf-l-gallery {
26412
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
26413
- }
26414
- }
26415
- @media (min-width: 1200px) {
26416
- .pf-l-gallery {
26417
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
26418
- }
26419
- }
26420
- @media (min-width: 1450px) {
26421
- .pf-l-gallery {
26422
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26423
- }
26424
- }
26425
26356
  .pf-l-grid {
26426
26357
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26427
26358
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27636,6 +27567,75 @@ label.pf-c-tree-view__node-text {
27636
27567
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27637
27568
  }
27638
27569
 
27570
+ .pf-l-gallery {
27571
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27572
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27573
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27574
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27575
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27576
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27577
+ --pf-l-gallery--GridTemplateRows: auto;
27578
+ display: grid;
27579
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27580
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27581
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27582
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27583
+ }
27584
+
27585
+ .pf-l-gallery.pf-m-gutter {
27586
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27587
+ }
27588
+
27589
+ @media (min-width: 576px) {
27590
+ .pf-l-gallery {
27591
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27592
+ }
27593
+ }
27594
+ @media (min-width: 768px) {
27595
+ .pf-l-gallery {
27596
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27597
+ }
27598
+ }
27599
+ @media (min-width: 992px) {
27600
+ .pf-l-gallery {
27601
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27602
+ }
27603
+ }
27604
+ @media (min-width: 1200px) {
27605
+ .pf-l-gallery {
27606
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27607
+ }
27608
+ }
27609
+ @media (min-width: 1450px) {
27610
+ .pf-l-gallery {
27611
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27612
+ }
27613
+ }
27614
+ @media (min-width: 576px) {
27615
+ .pf-l-gallery {
27616
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27617
+ }
27618
+ }
27619
+ @media (min-width: 768px) {
27620
+ .pf-l-gallery {
27621
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27622
+ }
27623
+ }
27624
+ @media (min-width: 992px) {
27625
+ .pf-l-gallery {
27626
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27627
+ }
27628
+ }
27629
+ @media (min-width: 1200px) {
27630
+ .pf-l-gallery {
27631
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27632
+ }
27633
+ }
27634
+ @media (min-width: 1450px) {
27635
+ .pf-l-gallery {
27636
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27637
+ }
27638
+ }
27639
27639
  .pf-l-level {
27640
27640
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27641
27641
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.250.0",
3
+ "version": "4.250.2",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -44,16 +44,16 @@
44
44
  "generate": "node scripts/copyStyles.js"
45
45
  },
46
46
  "dependencies": {
47
- "@patternfly/react-icons": "^4.92.5",
48
- "@patternfly/react-styles": "^4.91.5",
49
- "@patternfly/react-tokens": "^4.93.5",
47
+ "@patternfly/react-icons": "^4.92.6",
48
+ "@patternfly/react-styles": "^4.91.6",
49
+ "@patternfly/react-tokens": "^4.93.6",
50
50
  "focus-trap": "6.9.2",
51
51
  "react-dropzone": "9.0.0",
52
52
  "tippy.js": "5.1.2",
53
53
  "tslib": "^2.0.0"
54
54
  },
55
55
  "devDependencies": {
56
- "@patternfly/patternfly": "4.217.0",
56
+ "@patternfly/patternfly": "4.217.1",
57
57
  "@rollup/plugin-commonjs": "^21.0.0",
58
58
  "@rollup/plugin-node-resolve": "^13.0.0",
59
59
  "@rollup/plugin-replace": "^3.0.0",
@@ -70,5 +70,5 @@
70
70
  "react": "^16.8 || ^17 || ^18",
71
71
  "react-dom": "^16.8 || ^17 || ^18"
72
72
  },
73
- "gitHead": "50c13d9abd3516bedbf2dbef4390784ef25cf035"
73
+ "gitHead": "44af73002bdeb1048be9b326abf7ffd4fcd474be"
74
74
  }
@@ -26,7 +26,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
26
26
  };
27
27
 
28
28
  const setHeight = (menuId: string, height: number) => {
29
- if (menuHeights[menuId] === undefined) {
29
+ if (menuHeights[menuId] === undefined || (menuId !== 'drilldown-rootMenu' && menuHeights[menuId] !== height)) {
30
30
  setMenuHeights({ ...menuHeights, [menuId]: height });
31
31
  }
32
32
  };
@@ -55,11 +55,13 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
55
55
  setDrilldownPath(pathSansLast);
56
56
  setActiveMenu(toMenuId);
57
57
  };
58
+
58
59
  const setHeight = (menuId: string, height: number) => {
59
- if (!menuHeights[menuId]) {
60
+ if (menuHeights[menuId] === undefined || (menuId !== 'breadcrumbs-rootMenu' && menuHeights[menuId] !== height)) {
60
61
  setMenuHeights({ ...menuHeights, [menuId]: height });
61
62
  }
62
63
  };
64
+
63
65
  const drillIn = (fromMenuId: string, toMenuId: string, pathId: string) => {
64
66
  setMenuDrilledIn([...menuDrilledIn, fromMenuId]);
65
67
  setDrilldownPath([...drilldownPath, pathId]);
@@ -26,7 +26,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () =>
26
26
  };
27
27
 
28
28
  const setHeight = (menuId: string, height: number) => {
29
- if (menuHeights[menuId] === undefined) {
29
+ if (menuHeights[menuId] === undefined || (menuId !== 'functions-rootMenu' && menuHeights[menuId] !== height)) {
30
30
  setMenuHeights({ ...menuHeights, [menuId]: height });
31
31
  }
32
32
  };