@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 +8 -0
- package/dist/umd/react-core.css +227 -227
- package/package.json +5 -5
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
|
|
package/dist/umd/react-core.css
CHANGED
|
@@ -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.
|
|
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.
|
|
38
|
-
"@patternfly/react-styles": "^4.75.
|
|
39
|
-
"@patternfly/react-tokens": "^4.77.
|
|
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": "
|
|
63
|
+
"gitHead": "0e9a76133e3b0be7462d4eb0dbb34c28bbf21f3c"
|
|
64
64
|
}
|