@patternfly/patternfly 6.0.0-alpha.129 → 6.0.0-alpha.130

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 (19) hide show
  1. package/components/TextInputGroup/text-input-group.css +1 -1
  2. package/components/TextInputGroup/text-input-group.scss +1 -1
  3. package/components/Toolbar/toolbar.css +26 -26
  4. package/components/Toolbar/toolbar.scss +7 -7
  5. package/components/_index.css +27 -212
  6. package/components/_index.scss +0 -2
  7. package/docs/components/Toolbar/examples/Toolbar.md +5 -5
  8. package/docs/demos/Toolbar/examples/Toolbar.md +3 -3
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +27 -212
  11. package/patternfly.css +27 -212
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
  14. package/sass-utilities/namespaces-components.scss +0 -6
  15. package/components/Chip/chip-group.css +0 -80
  16. package/components/Chip/chip-group.scss +0 -96
  17. package/components/Chip/chip.css +0 -103
  18. package/components/Chip/chip.scss +0 -131
  19. package/docs/components/Chip/examples/Chip.md +0 -846
package/patternfly-no-globals.css CHANGED
@@ -8456,191 +8456,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8456
8456
  color: var(--pf-v6-c-check__label-required--Color);
8457
8457
  }
8458
8458
 
8459
- .pf-v6-c-chip {
8460
- --pf-v6-c-chip--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8461
- --pf-v6-c-chip--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
8462
- --pf-v6-c-chip--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8463
- --pf-v6-c-chip--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8464
- --pf-v6-c-chip--BackgroundColor: var(--pf-v6-global--Color--light-100);
8465
- --pf-v6-c-chip--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
8466
- --pf-v6-c-chip--before--BorderColor: var(--pf-v6-global--BorderColor--300);
8467
- --pf-v6-c-chip--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
8468
- --pf-v6-c-chip--before--BorderRadius: var(--pf-v6-c-chip--BorderRadius);
8469
- --pf-v6-c-chip--m-overflow__text--Color: var(--pf-v6-global--primary-color--100);
8470
- --pf-v6-c-chip--m-draggable--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
8471
- --pf-v6-c-chip--m-draggable--BoxShadow: var(--pf-v6-global--BoxShadow--sm);
8472
- --pf-v6-c-chip--m-draggable__icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
8473
- --pf-v6-c-chip__content--FontSize: var(--pf-v6-global--FontSize--xs);
8474
- --pf-v6-c-chip__content--ColumnGap: var(--pf-v6-global--spacer--xs);
8475
- --pf-v6-c-chip__text--Color: var(--pf-v6-global--Color--100);
8476
- --pf-v6-c-chip__text--MaxWidth: 16ch;
8477
- --pf-v6-c-chip__c-badge--MarginInlineStart: var(--pf-v6-global--spacer--xs);
8478
- --pf-v6-c-chip__actions--FontSize: var(--pf-v6-global--FontSize--xs);
8479
- --pf-v6-c-chip__actions--c-button--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8480
- --pf-v6-c-chip__actions--c-button--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
8481
- --pf-v6-c-chip__actions--c-button--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8482
- --pf-v6-c-chip__actions--c-button--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8483
- --pf-v6-c-chip__actions--c-button--MarginBlockStart: calc(var(--pf-v6-c-chip--PaddingBlockStart) * -1);
8484
- --pf-v6-c-chip__actions--c-button--MarginInlineEnd: calc(var(--pf-v6-c-chip--PaddingInlineEnd) / 2 * -1);
8485
- --pf-v6-c-chip__actions--c-button--MarginBlockEnd: calc(var(--pf-v6-c-chip--PaddingBlockEnd) * -1);
8486
- --pf-v6-c-chip__actions--c-button--FontSize: var(--pf-v6-global--FontSize--xs);
8487
- --pf-v6-c-chip__icon--MarginInlineStart: var(--pf-v6-global--spacer--sm);
8488
- position: relative;
8489
- display: inline-flex;
8490
- align-items: center;
8491
- min-width: 0;
8492
- padding-block-start: var(--pf-v6-c-chip--PaddingBlockStart);
8493
- padding-block-end: var(--pf-v6-c-chip--PaddingBlockEnd);
8494
- padding-inline-start: var(--pf-v6-c-chip--PaddingInlineStart);
8495
- padding-inline-end: var(--pf-v6-c-chip--PaddingInlineEnd);
8496
- list-style: none;
8497
- background-color: var(--pf-v6-c-chip--BackgroundColor);
8498
- border-radius: var(--pf-v6-c-chip--BorderRadius);
8499
- }
8500
- .pf-v6-c-chip::before {
8501
- position: absolute;
8502
- inset-block-start: 0;
8503
- inset-block-end: 0;
8504
- inset-inline-start: 0;
8505
- inset-inline-end: 0;
8506
- content: "";
8507
- border: var(--pf-v6-c-chip--before--BorderWidth) solid var(--pf-v6-c-chip--before--BorderColor);
8508
- border-radius: var(--pf-v6-c-chip--before--BorderRadius);
8509
- }
8510
- .pf-v6-c-chip.pf-m-overflow {
8511
- border: 0;
8512
- }
8513
- .pf-v6-c-chip.pf-m-overflow .pf-v6-c-chip__text {
8514
- color: var(--pf-v6-c-chip--m-overflow__text--Color);
8515
- }
8516
- .pf-v6-c-chip.pf-m-draggable {
8517
- --pf-v6-c-chip--BackgroundColor: var(--pf-v6-c-chip--m-draggable--BackgroundColor);
8518
- box-shadow: var(--pf-v6-c-chip--m-draggable--BoxShadow);
8519
- }
8520
- .pf-v6-c-chip.pf-m-draggable .pf-v6-c-chip__icon {
8521
- font-size: var(--pf-v6-c-chip--m-draggable__icon--FontSize);
8522
- }
8523
-
8524
- .pf-v6-c-chip__text {
8525
- overflow: hidden;
8526
- text-overflow: ellipsis;
8527
- white-space: nowrap;
8528
- position: relative;
8529
- max-width: var(--pf-v6-c-chip__text--MaxWidth);
8530
- color: var(--pf-v6-c-chip__text--Color);
8531
- }
8532
- .pf-v6-c-chip__text .pf-v6-c-badge {
8533
- margin-inline-start: var(--pf-v6-c-chip__c-badge--MarginInlineStart);
8534
- }
8535
-
8536
- .pf-v6-c-chip__icon + .pf-v6-c-chip__text,
8537
- .pf-v6-c-chip__text + .pf-v6-c-chip__icon {
8538
- margin-inline-start: var(--pf-v6-c-chip__icon--MarginInlineStart);
8539
- }
8540
-
8541
- .pf-v6-c-chip__content {
8542
- display: flex;
8543
- column-gap: var(--pf-v6-c-chip__content--ColumnGap);
8544
- align-items: center;
8545
- font-size: var(--pf-v6-c-chip__content--FontSize);
8546
- }
8547
-
8548
- .pf-v6-c-chip__actions {
8549
- font-size: var(--pf-v6-c-chip__actions--FontSize);
8550
- }
8551
- .pf-v6-c-chip__actions .pf-v6-c-button {
8552
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-chip__actions--c-button--PaddingBlockStart);
8553
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-chip__actions--c-button--PaddingInlineEnd);
8554
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-chip__actions--c-button--PaddingBlockEnd);
8555
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-chip__actions--c-button--PaddingInlineStart);
8556
- --pf-v6-c-button--FontSize: var(--pf-v6-c-chip__actions--c-button--FontSize);
8557
- margin-block-start: var(--pf-v6-c-chip__actions--c-button--MarginBlockStart);
8558
- margin-block-end: var(--pf-v6-c-chip__actions--c-button--MarginBlockEnd);
8559
- margin-inline-end: var(--pf-v6-c-chip__actions--c-button--MarginInlineEnd);
8560
- line-height: 1;
8561
- }
8562
-
8563
- .pf-v6-c-chip-group {
8564
- --pf-v6-c-chip-group--PaddingBlockStart: 0;
8565
- --pf-v6-c-chip-group--PaddingInlineEnd: 0;
8566
- --pf-v6-c-chip-group--PaddingBlockEnd: 0;
8567
- --pf-v6-c-chip-group--PaddingInlineStart: 0;
8568
- --pf-v6-c-chip-group--RowGap: var(--pf-v6-global--spacer--sm);
8569
- --pf-v6-c-chip-group--ColumnGap: 0;
8570
- --pf-v6-c-chip-group__main--RowGap: var(--pf-v6-global--spacer--xs);
8571
- --pf-v6-c-chip-group__main--ColumnGap: var(--pf-v6-global--spacer--sm);
8572
- --pf-v6-c-chip-group__list--RowGap: var(--pf-v6-global--spacer--xs);
8573
- --pf-v6-c-chip-group__list--ColumnGap: var(--pf-v6-global--spacer--xs);
8574
- --pf-v6-c-chip-group--m-category--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8575
- --pf-v6-c-chip-group--m-category--PaddingInlineEnd: var(--pf-v6-global--spacer--xs);
8576
- --pf-v6-c-chip-group--m-category--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8577
- --pf-v6-c-chip-group--m-category--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8578
- --pf-v6-c-chip-group--m-category--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
8579
- --pf-v6-c-chip-group--m-category--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
8580
- --pf-v6-c-chip-group__label--FontSize: var(--pf-v6-global--FontSize--sm);
8581
- --pf-v6-c-chip-group__label--MaxWidth: 18ch;
8582
- --pf-v6-c-chip-group__close--MarginBlockStart: calc(var(--pf-v6-global--spacer--xs) * -1);
8583
- --pf-v6-c-chip-group__close--MarginBlockEnd: calc(var(--pf-v6-global--spacer--xs) * -1);
8584
- row-gap: var(--pf-v6-c-chip-group--RowGap);
8585
- column-gap: var(--pf-v6-c-chip-group--ColumnGap);
8586
- max-width: 100%;
8587
- padding-block-start: var(--pf-v6-c-chip-group--PaddingBlockStart);
8588
- padding-block-end: var(--pf-v6-c-chip-group--PaddingBlockEnd);
8589
- padding-inline-start: var(--pf-v6-c-chip-group--PaddingInlineStart);
8590
- padding-inline-end: var(--pf-v6-c-chip-group--PaddingInlineEnd);
8591
- }
8592
- .pf-v6-c-chip-group.pf-m-category {
8593
- --pf-v6-c-chip-group--PaddingBlockStart: var(--pf-v6-c-chip-group--m-category--PaddingBlockStart);
8594
- --pf-v6-c-chip-group--PaddingInlineEnd: var(--pf-v6-c-chip-group--m-category--PaddingInlineEnd);
8595
- --pf-v6-c-chip-group--PaddingBlockEnd: var(--pf-v6-c-chip-group--m-category--PaddingBlockEnd);
8596
- --pf-v6-c-chip-group--PaddingInlineStart: var(--pf-v6-c-chip-group--m-category--PaddingInlineStart);
8597
- background-color: var(--pf-v6-c-chip-group--m-category--BackgroundColor);
8598
- border-radius: var(--pf-v6-c-chip-group--m-category--BorderRadius);
8599
- }
8600
-
8601
- .pf-v6-c-chip-group__main {
8602
- display: flex;
8603
- flex: 1;
8604
- flex-wrap: wrap;
8605
- row-gap: var(--pf-v6-c-chip-group__main--RowGap);
8606
- column-gap: var(--pf-v6-c-chip-group__main--ColumnGap);
8607
- align-items: baseline;
8608
- min-width: 0;
8609
- }
8610
-
8611
- .pf-v6-c-chip-group,
8612
- .pf-v6-c-chip-group__list {
8613
- display: inline-flex;
8614
- flex-wrap: wrap;
8615
- align-items: center;
8616
- min-width: 0;
8617
- }
8618
-
8619
- .pf-v6-c-chip-group__list {
8620
- row-gap: var(--pf-v6-c-chip-group__list--RowGap);
8621
- column-gap: var(--pf-v6-c-chip-group__list--ColumnGap);
8622
- }
8623
-
8624
- .pf-v6-c-chip-group__list-item {
8625
- display: inline-flex;
8626
- min-width: 0;
8627
- }
8628
-
8629
- .pf-v6-c-chip-group__label {
8630
- overflow: hidden;
8631
- text-overflow: ellipsis;
8632
- white-space: nowrap;
8633
- max-width: var(--pf-v6-c-chip-group__label--MaxWidth);
8634
- font-size: var(--pf-v6-c-chip-group__label--FontSize);
8635
- }
8636
-
8637
- .pf-v6-c-chip-group__close {
8638
- display: flex;
8639
- align-self: flex-start;
8640
- margin-block-start: var(--pf-v6-c-chip-group__close--MarginBlockStart);
8641
- margin-block-end: var(--pf-v6-c-chip-group__close--MarginBlockEnd);
8642
- }
8643
-
8644
8459
  :where(:root, .pf-v6-c-clipboard-copy) {
8645
8460
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8646
8461
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -25140,7 +24955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25140
24955
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
25141
24956
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
25142
24957
  }
25143
- .pf-v6-c-text-input-group__main .pf-v6-c-chip-group__main {
24958
+ .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
25144
24959
  padding-block-start: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockStart);
25145
24960
  padding-block-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockEnd);
25146
24961
  padding-inline-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingInlineEnd);
@@ -25611,8 +25426,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25611
25426
  .pf-v6-c-toolbar__content-section,
25612
25427
  .pf-v6-c-toolbar__group,
25613
25428
  .pf-v6-c-toolbar__item,
25614
- .pf-v6-c-toolbar__group.pf-m-chip-group-container,
25615
- .pf-v6-c-toolbar__group.pf-m-chip-group {
25429
+ .pf-v6-c-toolbar__group.pf-m-label-group-container,
25430
+ .pf-v6-c-toolbar__group.pf-m-label-group {
25616
25431
  --pf-v6-hidden-visible--visible--Display: flex;
25617
25432
  --pf-v6-hidden-visible--hidden--Display: none;
25618
25433
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -25622,23 +25437,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25622
25437
  .pf-v6-c-toolbar__content-section.pf-m-hidden,
25623
25438
  .pf-v6-c-toolbar__group.pf-m-hidden,
25624
25439
  .pf-v6-c-toolbar__item.pf-m-hidden,
25625
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden,
25626
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden {
25440
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden,
25441
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden {
25627
25442
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25628
25443
  }
25629
25444
  @media screen and (min-width: 576px) {
25630
25445
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
25631
25446
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
25632
25447
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm,
25633
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-sm,
25634
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-sm {
25448
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-sm,
25449
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-sm {
25635
25450
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25636
25451
  }
25637
25452
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
25638
25453
  .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
25639
25454
  .pf-v6-c-toolbar__item.pf-m-visible-on-sm,
25640
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-sm,
25641
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-sm {
25455
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-sm,
25456
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-sm {
25642
25457
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25643
25458
  }
25644
25459
  }
@@ -25646,15 +25461,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25646
25461
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
25647
25462
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
25648
25463
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md,
25649
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-md,
25650
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-md {
25464
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-md,
25465
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-md {
25651
25466
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25652
25467
  }
25653
25468
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
25654
25469
  .pf-v6-c-toolbar__group.pf-m-visible-on-md,
25655
25470
  .pf-v6-c-toolbar__item.pf-m-visible-on-md,
25656
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-md,
25657
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-md {
25471
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-md,
25472
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-md {
25658
25473
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25659
25474
  }
25660
25475
  }
@@ -25662,15 +25477,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25662
25477
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
25663
25478
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
25664
25479
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg,
25665
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-lg,
25666
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-lg {
25480
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-lg,
25481
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-lg {
25667
25482
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25668
25483
  }
25669
25484
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
25670
25485
  .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
25671
25486
  .pf-v6-c-toolbar__item.pf-m-visible-on-lg,
25672
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-lg,
25673
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-lg {
25487
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-lg,
25488
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-lg {
25674
25489
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25675
25490
  }
25676
25491
  }
@@ -25678,15 +25493,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25678
25493
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
25679
25494
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
25680
25495
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl,
25681
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-xl,
25682
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-xl {
25496
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-xl,
25497
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-xl {
25683
25498
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25684
25499
  }
25685
25500
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
25686
25501
  .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
25687
25502
  .pf-v6-c-toolbar__item.pf-m-visible-on-xl,
25688
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-xl,
25689
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-xl {
25503
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-xl,
25504
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-xl {
25690
25505
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25691
25506
  }
25692
25507
  }
@@ -25694,15 +25509,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25694
25509
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
25695
25510
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
25696
25511
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl,
25697
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-2xl,
25698
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-2xl {
25512
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-2xl,
25513
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-2xl {
25699
25514
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25700
25515
  }
25701
25516
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
25702
25517
  .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
25703
25518
  .pf-v6-c-toolbar__item.pf-m-visible-on-2xl,
25704
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-2xl,
25705
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-2xl {
25519
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-2xl,
25520
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-2xl {
25706
25521
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25707
25522
  }
25708
25523
  }
@@ -25866,10 +25681,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25866
25681
  .pf-v6-c-toolbar__group.pf-m-filter-group {
25867
25682
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
25868
25683
  }
25869
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-chip-group-container {
25684
+ .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
25870
25685
  flex-wrap: nowrap;
25871
25686
  }
25872
- .pf-v6-c-toolbar__group.pf-m-chip-group {
25687
+ .pf-v6-c-toolbar__group.pf-m-label-group {
25873
25688
  flex: 1;
25874
25689
  }
25875
25690
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
package/patternfly.css CHANGED
@@ -8573,191 +8573,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8573
8573
  color: var(--pf-v6-c-check__label-required--Color);
8574
8574
  }
8575
8575
 
8576
- .pf-v6-c-chip {
8577
- --pf-v6-c-chip--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8578
- --pf-v6-c-chip--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
8579
- --pf-v6-c-chip--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8580
- --pf-v6-c-chip--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8581
- --pf-v6-c-chip--BackgroundColor: var(--pf-v6-global--Color--light-100);
8582
- --pf-v6-c-chip--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
8583
- --pf-v6-c-chip--before--BorderColor: var(--pf-v6-global--BorderColor--300);
8584
- --pf-v6-c-chip--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
8585
- --pf-v6-c-chip--before--BorderRadius: var(--pf-v6-c-chip--BorderRadius);
8586
- --pf-v6-c-chip--m-overflow__text--Color: var(--pf-v6-global--primary-color--100);
8587
- --pf-v6-c-chip--m-draggable--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
8588
- --pf-v6-c-chip--m-draggable--BoxShadow: var(--pf-v6-global--BoxShadow--sm);
8589
- --pf-v6-c-chip--m-draggable__icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
8590
- --pf-v6-c-chip__content--FontSize: var(--pf-v6-global--FontSize--xs);
8591
- --pf-v6-c-chip__content--ColumnGap: var(--pf-v6-global--spacer--xs);
8592
- --pf-v6-c-chip__text--Color: var(--pf-v6-global--Color--100);
8593
- --pf-v6-c-chip__text--MaxWidth: 16ch;
8594
- --pf-v6-c-chip__c-badge--MarginInlineStart: var(--pf-v6-global--spacer--xs);
8595
- --pf-v6-c-chip__actions--FontSize: var(--pf-v6-global--FontSize--xs);
8596
- --pf-v6-c-chip__actions--c-button--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8597
- --pf-v6-c-chip__actions--c-button--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
8598
- --pf-v6-c-chip__actions--c-button--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8599
- --pf-v6-c-chip__actions--c-button--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8600
- --pf-v6-c-chip__actions--c-button--MarginBlockStart: calc(var(--pf-v6-c-chip--PaddingBlockStart) * -1);
8601
- --pf-v6-c-chip__actions--c-button--MarginInlineEnd: calc(var(--pf-v6-c-chip--PaddingInlineEnd) / 2 * -1);
8602
- --pf-v6-c-chip__actions--c-button--MarginBlockEnd: calc(var(--pf-v6-c-chip--PaddingBlockEnd) * -1);
8603
- --pf-v6-c-chip__actions--c-button--FontSize: var(--pf-v6-global--FontSize--xs);
8604
- --pf-v6-c-chip__icon--MarginInlineStart: var(--pf-v6-global--spacer--sm);
8605
- position: relative;
8606
- display: inline-flex;
8607
- align-items: center;
8608
- min-width: 0;
8609
- padding-block-start: var(--pf-v6-c-chip--PaddingBlockStart);
8610
- padding-block-end: var(--pf-v6-c-chip--PaddingBlockEnd);
8611
- padding-inline-start: var(--pf-v6-c-chip--PaddingInlineStart);
8612
- padding-inline-end: var(--pf-v6-c-chip--PaddingInlineEnd);
8613
- list-style: none;
8614
- background-color: var(--pf-v6-c-chip--BackgroundColor);
8615
- border-radius: var(--pf-v6-c-chip--BorderRadius);
8616
- }
8617
- .pf-v6-c-chip::before {
8618
- position: absolute;
8619
- inset-block-start: 0;
8620
- inset-block-end: 0;
8621
- inset-inline-start: 0;
8622
- inset-inline-end: 0;
8623
- content: "";
8624
- border: var(--pf-v6-c-chip--before--BorderWidth) solid var(--pf-v6-c-chip--before--BorderColor);
8625
- border-radius: var(--pf-v6-c-chip--before--BorderRadius);
8626
- }
8627
- .pf-v6-c-chip.pf-m-overflow {
8628
- border: 0;
8629
- }
8630
- .pf-v6-c-chip.pf-m-overflow .pf-v6-c-chip__text {
8631
- color: var(--pf-v6-c-chip--m-overflow__text--Color);
8632
- }
8633
- .pf-v6-c-chip.pf-m-draggable {
8634
- --pf-v6-c-chip--BackgroundColor: var(--pf-v6-c-chip--m-draggable--BackgroundColor);
8635
- box-shadow: var(--pf-v6-c-chip--m-draggable--BoxShadow);
8636
- }
8637
- .pf-v6-c-chip.pf-m-draggable .pf-v6-c-chip__icon {
8638
- font-size: var(--pf-v6-c-chip--m-draggable__icon--FontSize);
8639
- }
8640
-
8641
- .pf-v6-c-chip__text {
8642
- overflow: hidden;
8643
- text-overflow: ellipsis;
8644
- white-space: nowrap;
8645
- position: relative;
8646
- max-width: var(--pf-v6-c-chip__text--MaxWidth);
8647
- color: var(--pf-v6-c-chip__text--Color);
8648
- }
8649
- .pf-v6-c-chip__text .pf-v6-c-badge {
8650
- margin-inline-start: var(--pf-v6-c-chip__c-badge--MarginInlineStart);
8651
- }
8652
-
8653
- .pf-v6-c-chip__icon + .pf-v6-c-chip__text,
8654
- .pf-v6-c-chip__text + .pf-v6-c-chip__icon {
8655
- margin-inline-start: var(--pf-v6-c-chip__icon--MarginInlineStart);
8656
- }
8657
-
8658
- .pf-v6-c-chip__content {
8659
- display: flex;
8660
- column-gap: var(--pf-v6-c-chip__content--ColumnGap);
8661
- align-items: center;
8662
- font-size: var(--pf-v6-c-chip__content--FontSize);
8663
- }
8664
-
8665
- .pf-v6-c-chip__actions {
8666
- font-size: var(--pf-v6-c-chip__actions--FontSize);
8667
- }
8668
- .pf-v6-c-chip__actions .pf-v6-c-button {
8669
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-chip__actions--c-button--PaddingBlockStart);
8670
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-chip__actions--c-button--PaddingInlineEnd);
8671
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-chip__actions--c-button--PaddingBlockEnd);
8672
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-chip__actions--c-button--PaddingInlineStart);
8673
- --pf-v6-c-button--FontSize: var(--pf-v6-c-chip__actions--c-button--FontSize);
8674
- margin-block-start: var(--pf-v6-c-chip__actions--c-button--MarginBlockStart);
8675
- margin-block-end: var(--pf-v6-c-chip__actions--c-button--MarginBlockEnd);
8676
- margin-inline-end: var(--pf-v6-c-chip__actions--c-button--MarginInlineEnd);
8677
- line-height: 1;
8678
- }
8679
-
8680
- .pf-v6-c-chip-group {
8681
- --pf-v6-c-chip-group--PaddingBlockStart: 0;
8682
- --pf-v6-c-chip-group--PaddingInlineEnd: 0;
8683
- --pf-v6-c-chip-group--PaddingBlockEnd: 0;
8684
- --pf-v6-c-chip-group--PaddingInlineStart: 0;
8685
- --pf-v6-c-chip-group--RowGap: var(--pf-v6-global--spacer--sm);
8686
- --pf-v6-c-chip-group--ColumnGap: 0;
8687
- --pf-v6-c-chip-group__main--RowGap: var(--pf-v6-global--spacer--xs);
8688
- --pf-v6-c-chip-group__main--ColumnGap: var(--pf-v6-global--spacer--sm);
8689
- --pf-v6-c-chip-group__list--RowGap: var(--pf-v6-global--spacer--xs);
8690
- --pf-v6-c-chip-group__list--ColumnGap: var(--pf-v6-global--spacer--xs);
8691
- --pf-v6-c-chip-group--m-category--PaddingBlockStart: var(--pf-v6-global--spacer--xs);
8692
- --pf-v6-c-chip-group--m-category--PaddingInlineEnd: var(--pf-v6-global--spacer--xs);
8693
- --pf-v6-c-chip-group--m-category--PaddingBlockEnd: var(--pf-v6-global--spacer--xs);
8694
- --pf-v6-c-chip-group--m-category--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
8695
- --pf-v6-c-chip-group--m-category--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
8696
- --pf-v6-c-chip-group--m-category--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
8697
- --pf-v6-c-chip-group__label--FontSize: var(--pf-v6-global--FontSize--sm);
8698
- --pf-v6-c-chip-group__label--MaxWidth: 18ch;
8699
- --pf-v6-c-chip-group__close--MarginBlockStart: calc(var(--pf-v6-global--spacer--xs) * -1);
8700
- --pf-v6-c-chip-group__close--MarginBlockEnd: calc(var(--pf-v6-global--spacer--xs) * -1);
8701
- row-gap: var(--pf-v6-c-chip-group--RowGap);
8702
- column-gap: var(--pf-v6-c-chip-group--ColumnGap);
8703
- max-width: 100%;
8704
- padding-block-start: var(--pf-v6-c-chip-group--PaddingBlockStart);
8705
- padding-block-end: var(--pf-v6-c-chip-group--PaddingBlockEnd);
8706
- padding-inline-start: var(--pf-v6-c-chip-group--PaddingInlineStart);
8707
- padding-inline-end: var(--pf-v6-c-chip-group--PaddingInlineEnd);
8708
- }
8709
- .pf-v6-c-chip-group.pf-m-category {
8710
- --pf-v6-c-chip-group--PaddingBlockStart: var(--pf-v6-c-chip-group--m-category--PaddingBlockStart);
8711
- --pf-v6-c-chip-group--PaddingInlineEnd: var(--pf-v6-c-chip-group--m-category--PaddingInlineEnd);
8712
- --pf-v6-c-chip-group--PaddingBlockEnd: var(--pf-v6-c-chip-group--m-category--PaddingBlockEnd);
8713
- --pf-v6-c-chip-group--PaddingInlineStart: var(--pf-v6-c-chip-group--m-category--PaddingInlineStart);
8714
- background-color: var(--pf-v6-c-chip-group--m-category--BackgroundColor);
8715
- border-radius: var(--pf-v6-c-chip-group--m-category--BorderRadius);
8716
- }
8717
-
8718
- .pf-v6-c-chip-group__main {
8719
- display: flex;
8720
- flex: 1;
8721
- flex-wrap: wrap;
8722
- row-gap: var(--pf-v6-c-chip-group__main--RowGap);
8723
- column-gap: var(--pf-v6-c-chip-group__main--ColumnGap);
8724
- align-items: baseline;
8725
- min-width: 0;
8726
- }
8727
-
8728
- .pf-v6-c-chip-group,
8729
- .pf-v6-c-chip-group__list {
8730
- display: inline-flex;
8731
- flex-wrap: wrap;
8732
- align-items: center;
8733
- min-width: 0;
8734
- }
8735
-
8736
- .pf-v6-c-chip-group__list {
8737
- row-gap: var(--pf-v6-c-chip-group__list--RowGap);
8738
- column-gap: var(--pf-v6-c-chip-group__list--ColumnGap);
8739
- }
8740
-
8741
- .pf-v6-c-chip-group__list-item {
8742
- display: inline-flex;
8743
- min-width: 0;
8744
- }
8745
-
8746
- .pf-v6-c-chip-group__label {
8747
- overflow: hidden;
8748
- text-overflow: ellipsis;
8749
- white-space: nowrap;
8750
- max-width: var(--pf-v6-c-chip-group__label--MaxWidth);
8751
- font-size: var(--pf-v6-c-chip-group__label--FontSize);
8752
- }
8753
-
8754
- .pf-v6-c-chip-group__close {
8755
- display: flex;
8756
- align-self: flex-start;
8757
- margin-block-start: var(--pf-v6-c-chip-group__close--MarginBlockStart);
8758
- margin-block-end: var(--pf-v6-c-chip-group__close--MarginBlockEnd);
8759
- }
8760
-
8761
8576
  :where(:root, .pf-v6-c-clipboard-copy) {
8762
8577
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8763
8578
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -25257,7 +25072,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25257
25072
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
25258
25073
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
25259
25074
  }
25260
- .pf-v6-c-text-input-group__main .pf-v6-c-chip-group__main {
25075
+ .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
25261
25076
  padding-block-start: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockStart);
25262
25077
  padding-block-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockEnd);
25263
25078
  padding-inline-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingInlineEnd);
@@ -25728,8 +25543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25728
25543
  .pf-v6-c-toolbar__content-section,
25729
25544
  .pf-v6-c-toolbar__group,
25730
25545
  .pf-v6-c-toolbar__item,
25731
- .pf-v6-c-toolbar__group.pf-m-chip-group-container,
25732
- .pf-v6-c-toolbar__group.pf-m-chip-group {
25546
+ .pf-v6-c-toolbar__group.pf-m-label-group-container,
25547
+ .pf-v6-c-toolbar__group.pf-m-label-group {
25733
25548
  --pf-v6-hidden-visible--visible--Display: flex;
25734
25549
  --pf-v6-hidden-visible--hidden--Display: none;
25735
25550
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -25739,23 +25554,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25739
25554
  .pf-v6-c-toolbar__content-section.pf-m-hidden,
25740
25555
  .pf-v6-c-toolbar__group.pf-m-hidden,
25741
25556
  .pf-v6-c-toolbar__item.pf-m-hidden,
25742
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden,
25743
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden {
25557
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden,
25558
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden {
25744
25559
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25745
25560
  }
25746
25561
  @media screen and (min-width: 576px) {
25747
25562
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
25748
25563
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
25749
25564
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm,
25750
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-sm,
25751
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-sm {
25565
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-sm,
25566
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-sm {
25752
25567
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25753
25568
  }
25754
25569
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
25755
25570
  .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
25756
25571
  .pf-v6-c-toolbar__item.pf-m-visible-on-sm,
25757
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-sm,
25758
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-sm {
25572
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-sm,
25573
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-sm {
25759
25574
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25760
25575
  }
25761
25576
  }
@@ -25763,15 +25578,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25763
25578
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
25764
25579
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
25765
25580
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md,
25766
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-md,
25767
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-md {
25581
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-md,
25582
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-md {
25768
25583
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25769
25584
  }
25770
25585
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
25771
25586
  .pf-v6-c-toolbar__group.pf-m-visible-on-md,
25772
25587
  .pf-v6-c-toolbar__item.pf-m-visible-on-md,
25773
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-md,
25774
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-md {
25588
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-md,
25589
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-md {
25775
25590
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25776
25591
  }
25777
25592
  }
@@ -25779,15 +25594,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25779
25594
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
25780
25595
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
25781
25596
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg,
25782
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-lg,
25783
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-lg {
25597
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-lg,
25598
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-lg {
25784
25599
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25785
25600
  }
25786
25601
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
25787
25602
  .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
25788
25603
  .pf-v6-c-toolbar__item.pf-m-visible-on-lg,
25789
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-lg,
25790
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-lg {
25604
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-lg,
25605
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-lg {
25791
25606
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25792
25607
  }
25793
25608
  }
@@ -25795,15 +25610,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25795
25610
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
25796
25611
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
25797
25612
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl,
25798
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-xl,
25799
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-xl {
25613
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-xl,
25614
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-xl {
25800
25615
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25801
25616
  }
25802
25617
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
25803
25618
  .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
25804
25619
  .pf-v6-c-toolbar__item.pf-m-visible-on-xl,
25805
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-xl,
25806
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-xl {
25620
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-xl,
25621
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-xl {
25807
25622
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25808
25623
  }
25809
25624
  }
@@ -25811,15 +25626,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25811
25626
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
25812
25627
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
25813
25628
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl,
25814
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-hidden-on-2xl,
25815
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-hidden-on-2xl {
25629
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-2xl,
25630
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-2xl {
25816
25631
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25817
25632
  }
25818
25633
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
25819
25634
  .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
25820
25635
  .pf-v6-c-toolbar__item.pf-m-visible-on-2xl,
25821
- .pf-v6-c-toolbar__group.pf-m-chip-group-container.pf-m-visible-on-2xl,
25822
- .pf-v6-c-toolbar__group.pf-m-chip-group.pf-m-visible-on-2xl {
25636
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-2xl,
25637
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-2xl {
25823
25638
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25824
25639
  }
25825
25640
  }
@@ -25983,10 +25798,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25983
25798
  .pf-v6-c-toolbar__group.pf-m-filter-group {
25984
25799
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
25985
25800
  }
25986
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-chip-group-container {
25801
+ .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
25987
25802
  flex-wrap: nowrap;
25988
25803
  }
25989
- .pf-v6-c-toolbar__group.pf-m-chip-group {
25804
+ .pf-v6-c-toolbar__group.pf-m-label-group {
25990
25805
  flex: 1;
25991
25806
  }
25992
25807
  .pf-v6-c-toolbar__group.pf-m-overflow-container {