@patternfly/react-core 4.225.4 → 4.225.5

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,14 @@
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.225.5 (2022-07-19)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.225.4 (2022-07-15)
7
15
 
8
16
 
@@ -3381,89 +3381,6 @@ label.pf-c-check, .pf-c-check__label,
3381
3381
  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--palette--black-600);
3382
3382
  }
3383
3383
 
3384
- .pf-c-chip-group {
3385
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
3386
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
3387
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
3388
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
3389
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
3390
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
3391
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
3392
- }
3393
-
3394
- .pf-c-chip-group {
3395
- color: var(--pf-global--Color--100);
3396
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
3397
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
3398
- --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
3399
- --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
3400
- --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
3401
- --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
3402
- --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
3403
- --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
3404
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
3405
- --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
3406
- --pf-c-chip-group__label--MaxWidth: 18ch;
3407
- --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
3408
- --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
3409
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
3410
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
3411
- max-width: 100%;
3412
- }
3413
-
3414
- .pf-c-chip-group.pf-m-category {
3415
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
3416
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
3417
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
3418
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
3419
- background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
3420
- border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
3421
- }
3422
-
3423
- .pf-c-chip-group__main {
3424
- display: flex;
3425
- flex: 1;
3426
- flex-wrap: wrap;
3427
- align-items: baseline;
3428
- min-width: 0;
3429
- }
3430
-
3431
- .pf-c-chip-group__list {
3432
- margin-right: var(--pf-c-chip-group__list--MarginRight);
3433
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
3434
- }
3435
-
3436
- .pf-c-chip-group,
3437
- .pf-c-chip-group__list {
3438
- display: inline-flex;
3439
- flex-wrap: wrap;
3440
- align-items: center;
3441
- min-width: 0;
3442
- }
3443
-
3444
- .pf-c-chip-group__list-item {
3445
- display: inline-flex;
3446
- min-width: 0;
3447
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
3448
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
3449
- }
3450
-
3451
- .pf-c-chip-group__label {
3452
- overflow: hidden;
3453
- text-overflow: ellipsis;
3454
- white-space: nowrap;
3455
- max-width: var(--pf-c-chip-group__label--MaxWidth);
3456
- margin-right: var(--pf-c-chip-group__label--MarginRight);
3457
- font-size: var(--pf-c-chip-group__label--FontSize);
3458
- }
3459
-
3460
- .pf-c-chip-group__close {
3461
- display: flex;
3462
- align-self: flex-start;
3463
- margin-top: var(--pf-c-chip-group__close--MarginTop);
3464
- margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
3465
- }
3466
-
3467
3384
  .pf-c-clipboard-copy {
3468
3385
  --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
3469
3386
  --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -3574,6 +3491,89 @@ label.pf-c-check, .pf-c-check__label,
3574
3491
  border: 0;
3575
3492
  }
3576
3493
 
3494
+ .pf-c-chip-group {
3495
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
3496
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
3497
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
3498
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
3499
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
3500
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
3501
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
3502
+ }
3503
+
3504
+ .pf-c-chip-group {
3505
+ color: var(--pf-global--Color--100);
3506
+ --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
3507
+ --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
3508
+ --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
3509
+ --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
3510
+ --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
3511
+ --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
3512
+ --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
3513
+ --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
3514
+ --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
3515
+ --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
3516
+ --pf-c-chip-group__label--MaxWidth: 18ch;
3517
+ --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
3518
+ --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
3519
+ --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
3520
+ --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
3521
+ max-width: 100%;
3522
+ }
3523
+
3524
+ .pf-c-chip-group.pf-m-category {
3525
+ padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
3526
+ padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
3527
+ padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
3528
+ padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
3529
+ background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
3530
+ border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
3531
+ }
3532
+
3533
+ .pf-c-chip-group__main {
3534
+ display: flex;
3535
+ flex: 1;
3536
+ flex-wrap: wrap;
3537
+ align-items: baseline;
3538
+ min-width: 0;
3539
+ }
3540
+
3541
+ .pf-c-chip-group__list {
3542
+ margin-right: var(--pf-c-chip-group__list--MarginRight);
3543
+ margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
3544
+ }
3545
+
3546
+ .pf-c-chip-group,
3547
+ .pf-c-chip-group__list {
3548
+ display: inline-flex;
3549
+ flex-wrap: wrap;
3550
+ align-items: center;
3551
+ min-width: 0;
3552
+ }
3553
+
3554
+ .pf-c-chip-group__list-item {
3555
+ display: inline-flex;
3556
+ min-width: 0;
3557
+ margin-right: var(--pf-c-chip-group__list-item--MarginRight);
3558
+ margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
3559
+ }
3560
+
3561
+ .pf-c-chip-group__label {
3562
+ overflow: hidden;
3563
+ text-overflow: ellipsis;
3564
+ white-space: nowrap;
3565
+ max-width: var(--pf-c-chip-group__label--MaxWidth);
3566
+ margin-right: var(--pf-c-chip-group__label--MarginRight);
3567
+ font-size: var(--pf-c-chip-group__label--FontSize);
3568
+ }
3569
+
3570
+ .pf-c-chip-group__close {
3571
+ display: flex;
3572
+ align-self: flex-start;
3573
+ margin-top: var(--pf-c-chip-group__close--MarginTop);
3574
+ margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
3575
+ }
3576
+
3577
3577
  .pf-c-code-block {
3578
3578
  --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
3579
3579
  --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -10081,6 +10081,150 @@ label.pf-c-input-group__text {
10081
10081
  --pf-c-sidebar__panel--FlexBasis: 100%;
10082
10082
  }
10083
10083
  }
10084
+ .pf-c-label-group {
10085
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10086
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10087
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10088
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10089
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10090
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10091
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10092
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10093
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10094
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10095
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10096
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10097
+ --pf-c-label-group__label--MarginBottom: 0;
10098
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10099
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10100
+ --pf-c-label-group__label--MaxWidth: 18ch;
10101
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10102
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10103
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10104
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10105
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10106
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10107
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10108
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10109
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10110
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10111
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10112
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10113
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10114
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10115
+ display: inline-flex;
10116
+ align-items: center;
10117
+ }
10118
+
10119
+ .pf-c-label-group.pf-m-category {
10120
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10121
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10122
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10123
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10124
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10125
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10126
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10127
+ }
10128
+
10129
+ .pf-c-label-group.pf-m-vertical {
10130
+ --pf-c-label-group__list--MarginRight: 0;
10131
+ --pf-c-label-group__list--MarginBottom: 0;
10132
+ --pf-c-label-group__list-item--MarginRight: 0;
10133
+ --pf-c-label-group__label--MarginRight: 0;
10134
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10135
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10136
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10137
+ --pf-c-label-group__close--MarginBottom: 0;
10138
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10139
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10140
+ }
10141
+
10142
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10143
+ align-items: flex-start;
10144
+ }
10145
+
10146
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10147
+ flex-direction: column;
10148
+ align-items: flex-start;
10149
+ }
10150
+
10151
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10152
+ flex-direction: column;
10153
+ }
10154
+
10155
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10156
+ --pf-c-label-group__list-item--MarginBottom: 0;
10157
+ }
10158
+
10159
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10160
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10161
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10162
+ }
10163
+
10164
+ .pf-c-label-group.pf-m-editable,
10165
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10166
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10167
+ display: flex;
10168
+ }
10169
+
10170
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10171
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10172
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10173
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10174
+ flex: 1;
10175
+ }
10176
+
10177
+ .pf-c-label-group__main {
10178
+ display: flex;
10179
+ flex: 1;
10180
+ flex-wrap: wrap;
10181
+ align-items: baseline;
10182
+ }
10183
+
10184
+ .pf-c-label-group__list {
10185
+ display: inline-flex;
10186
+ flex-wrap: wrap;
10187
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10188
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10189
+ }
10190
+
10191
+ .pf-c-label-group__list-item {
10192
+ display: inline-flex;
10193
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10194
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10195
+ }
10196
+
10197
+ .pf-c-label-group__label {
10198
+ overflow: hidden;
10199
+ text-overflow: ellipsis;
10200
+ white-space: nowrap;
10201
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10202
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10203
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10204
+ font-size: var(--pf-c-label-group__label--FontSize);
10205
+ }
10206
+
10207
+ .pf-c-label-group__close {
10208
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10209
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10210
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10211
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10212
+ }
10213
+
10214
+ .pf-c-label-group__textarea {
10215
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10216
+ 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);
10217
+ white-space: nowrap;
10218
+ resize: none;
10219
+ border: 0;
10220
+ -ms-overflow-style: none;
10221
+ scrollbar-width: none;
10222
+ }
10223
+
10224
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10225
+ display: none;
10226
+ }
10227
+
10084
10228
  .pf-c-label {
10085
10229
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10086
10230
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10544,150 +10688,6 @@ button.pf-c-label__content:focus {
10544
10688
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10545
10689
  }
10546
10690
 
10547
- .pf-c-label-group {
10548
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10549
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10550
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10551
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10552
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10553
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10554
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10555
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10556
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10557
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10558
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10559
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10560
- --pf-c-label-group__label--MarginBottom: 0;
10561
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10562
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10563
- --pf-c-label-group__label--MaxWidth: 18ch;
10564
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10565
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10566
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10567
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10568
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10569
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10570
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10571
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10572
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10573
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10574
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10575
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10576
- --pf-c-label-group__textarea--PaddingBottom: 0;
10577
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10578
- display: inline-flex;
10579
- align-items: center;
10580
- }
10581
-
10582
- .pf-c-label-group.pf-m-category {
10583
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10584
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10585
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10586
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10587
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10588
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10589
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10590
- }
10591
-
10592
- .pf-c-label-group.pf-m-vertical {
10593
- --pf-c-label-group__list--MarginRight: 0;
10594
- --pf-c-label-group__list--MarginBottom: 0;
10595
- --pf-c-label-group__list-item--MarginRight: 0;
10596
- --pf-c-label-group__label--MarginRight: 0;
10597
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10598
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10599
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10600
- --pf-c-label-group__close--MarginBottom: 0;
10601
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10602
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10603
- }
10604
-
10605
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10606
- align-items: flex-start;
10607
- }
10608
-
10609
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10610
- flex-direction: column;
10611
- align-items: flex-start;
10612
- }
10613
-
10614
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10615
- flex-direction: column;
10616
- }
10617
-
10618
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10619
- --pf-c-label-group__list-item--MarginBottom: 0;
10620
- }
10621
-
10622
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10623
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10624
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10625
- }
10626
-
10627
- .pf-c-label-group.pf-m-editable,
10628
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10629
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10630
- display: flex;
10631
- }
10632
-
10633
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10634
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10635
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10636
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10637
- flex: 1;
10638
- }
10639
-
10640
- .pf-c-label-group__main {
10641
- display: flex;
10642
- flex: 1;
10643
- flex-wrap: wrap;
10644
- align-items: baseline;
10645
- }
10646
-
10647
- .pf-c-label-group__list {
10648
- display: inline-flex;
10649
- flex-wrap: wrap;
10650
- margin-right: var(--pf-c-label-group__list--MarginRight);
10651
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10652
- }
10653
-
10654
- .pf-c-label-group__list-item {
10655
- display: inline-flex;
10656
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10657
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10658
- }
10659
-
10660
- .pf-c-label-group__label {
10661
- overflow: hidden;
10662
- text-overflow: ellipsis;
10663
- white-space: nowrap;
10664
- max-width: var(--pf-c-label-group__label--MaxWidth);
10665
- margin-right: var(--pf-c-label-group__label--MarginRight);
10666
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10667
- font-size: var(--pf-c-label-group__label--FontSize);
10668
- }
10669
-
10670
- .pf-c-label-group__close {
10671
- margin-top: var(--pf-c-label-group__close--MarginTop);
10672
- margin-right: var(--pf-c-label-group__close--MarginRight);
10673
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10674
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10675
- }
10676
-
10677
- .pf-c-label-group__textarea {
10678
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10679
- 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);
10680
- white-space: nowrap;
10681
- resize: none;
10682
- border: 0;
10683
- -ms-overflow-style: none;
10684
- scrollbar-width: none;
10685
- }
10686
-
10687
- .pf-c-label-group__textarea::-webkit-scrollbar {
10688
- display: none;
10689
- }
10690
-
10691
10691
  .pf-c-list {
10692
10692
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10693
10693
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.225.4",
3
+ "version": "4.225.5",
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",
@@ -34,9 +34,9 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.76.4",
38
- "@patternfly/react-styles": "^4.75.4",
39
- "@patternfly/react-tokens": "^4.77.4",
37
+ "@patternfly/react-icons": "^4.76.5",
38
+ "@patternfly/react-styles": "^4.75.5",
39
+ "@patternfly/react-tokens": "^4.77.5",
40
40
  "focus-trap": "6.9.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
60
60
  "react": "^16.8.0 || ^17.0.0",
61
61
  "react-dom": "^16.8.0 || ^17.0.0"
62
62
  },
63
- "gitHead": "b0a8f3bf5de76e77e098c65502f37cd11558dedc"
63
+ "gitHead": "0e9a76133e3b0be7462d4eb0dbb34c28bbf21f3c"
64
64
  }