@patternfly/react-core 4.232.3 → 4.232.6
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 +27 -0
- package/dist/umd/react-core.css +173 -93
- package/dist/umd/react-core.js +11 -1
- package/dist/umd/react-core.min.css +90 -10
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.232.6 (2022-08-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.232.5 (2022-08-17)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **charts:** add victory-cursor-container dependency ([#7803](https://github.com/patternfly/patternfly-react/issues/7803)) ([6f1f00d](https://github.com/patternfly/patternfly-react/commit/6f1f00d0d60d9f841a3204e9378ac93a4333c41b))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.232.4 (2022-08-17)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## 4.232.3 (2022-08-16)
|
|
7
34
|
|
|
8
35
|
|
package/dist/umd/react-core.css
CHANGED
|
@@ -2172,6 +2172,11 @@ button.pf-c-breadcrumb__link {
|
|
|
2172
2172
|
--pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
|
|
2173
2173
|
--pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
|
|
2174
2174
|
--pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
2175
|
+
--pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
|
|
2176
|
+
--pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
|
|
2177
|
+
--pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
2178
|
+
--pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
|
|
2179
|
+
--pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
2175
2180
|
position: relative;
|
|
2176
2181
|
display: inline-block;
|
|
2177
2182
|
padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
|
|
@@ -2248,6 +2253,10 @@ button.pf-c-breadcrumb__link {
|
|
|
2248
2253
|
--pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--active--BackgroundColor);
|
|
2249
2254
|
}
|
|
2250
2255
|
|
|
2256
|
+
.pf-c-button.pf-m-primary .pf-c-badge.pf-m-unread {
|
|
2257
|
+
border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-c-button--m-primary__c-badge--BorderColor);
|
|
2258
|
+
}
|
|
2259
|
+
|
|
2251
2260
|
.pf-c-button.pf-m-secondary {
|
|
2252
2261
|
--pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor);
|
|
2253
2262
|
color: var(--pf-c-button--m-secondary--Color);
|
|
@@ -2507,6 +2516,12 @@ button.pf-c-breadcrumb__link {
|
|
|
2507
2516
|
border-color: var(--pf-c-button--disabled--after--BorderColor);
|
|
2508
2517
|
}
|
|
2509
2518
|
|
|
2519
|
+
.pf-c-button:disabled .pf-c-badge, .pf-c-button.pf-m-disabled .pf-c-badge, .pf-c-button.pf-m-aria-disabled .pf-c-badge {
|
|
2520
|
+
--pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color);
|
|
2521
|
+
--pf-c-badge--m-unread--BackgroundColor: var(--pf-c-button--disabled__c-badge--BackgroundColor);
|
|
2522
|
+
--pf-c-button--m-primary__c-badge--BorderWidth: 0;
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2510
2525
|
.pf-c-button.pf-m-aria-disabled {
|
|
2511
2526
|
--pf-c-button--after--BorderWidth: 0;
|
|
2512
2527
|
--pf-c-button--m-link--m-inline--hover--TextDecoration: none;
|
|
@@ -2554,6 +2569,12 @@ button.pf-c-breadcrumb__link {
|
|
|
2554
2569
|
--pf-c-spinner--Color: currentcolor;
|
|
2555
2570
|
}
|
|
2556
2571
|
|
|
2572
|
+
.pf-c-button__count {
|
|
2573
|
+
display: inline-flex;
|
|
2574
|
+
align-items: center;
|
|
2575
|
+
margin-left: var(--pf-c-button__count--MarginLeft);
|
|
2576
|
+
}
|
|
2577
|
+
|
|
2557
2578
|
.pf-m-overpass-font .pf-c-button {
|
|
2558
2579
|
--pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
2559
2580
|
}
|
|
@@ -2590,6 +2611,7 @@ button.pf-c-breadcrumb__link {
|
|
|
2590
2611
|
--pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
2591
2612
|
--pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
2592
2613
|
--pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
2614
|
+
--pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);
|
|
2593
2615
|
}
|
|
2594
2616
|
|
|
2595
2617
|
:where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
|
|
@@ -3218,6 +3240,9 @@ button.pf-c-breadcrumb__link {
|
|
|
3218
3240
|
--pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
|
|
3219
3241
|
--pf-c-check__description--Color: var(--pf-global--Color--200);
|
|
3220
3242
|
--pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
|
|
3243
|
+
--pf-c-check__label-required--MarginLeft: var(--pf-global--spacer--xs);
|
|
3244
|
+
--pf-c-check__label-required--FontSize: var(--pf-global--FontSize--sm);
|
|
3245
|
+
--pf-c-check__label-required--Color: var(--pf-global--danger-color--100);
|
|
3221
3246
|
display: grid;
|
|
3222
3247
|
grid-template-columns: auto 1fr;
|
|
3223
3248
|
grid-gap: var(--pf-c-check--GridGap);
|
|
@@ -3268,6 +3293,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3268
3293
|
cursor: not-allowed;
|
|
3269
3294
|
}
|
|
3270
3295
|
|
|
3296
|
+
.pf-c-check__label-required {
|
|
3297
|
+
margin-left: var(--pf-c-check__label-required--MarginLeft);
|
|
3298
|
+
font-size: var(--pf-c-check__label-required--FontSize);
|
|
3299
|
+
color: var(--pf-c-check__label-required--Color);
|
|
3300
|
+
}
|
|
3301
|
+
|
|
3271
3302
|
.pf-c-chip {
|
|
3272
3303
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
3273
3304
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -3879,6 +3910,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3879
3910
|
box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
|
|
3880
3911
|
}
|
|
3881
3912
|
|
|
3913
|
+
.pf-c-context-selector__menu.pf-m-static {
|
|
3914
|
+
position: static;
|
|
3915
|
+
top: auto;
|
|
3916
|
+
z-index: auto;
|
|
3917
|
+
min-width: min-content;
|
|
3918
|
+
}
|
|
3919
|
+
|
|
3882
3920
|
.pf-c-context-selector__menu-search {
|
|
3883
3921
|
position: relative;
|
|
3884
3922
|
padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft);
|
|
@@ -7769,6 +7807,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
7769
7807
|
box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
|
|
7770
7808
|
}
|
|
7771
7809
|
|
|
7810
|
+
.pf-c-dropdown__menu.pf-m-static {
|
|
7811
|
+
position: static;
|
|
7812
|
+
top: auto;
|
|
7813
|
+
z-index: auto;
|
|
7814
|
+
min-width: min-content;
|
|
7815
|
+
}
|
|
7816
|
+
|
|
7772
7817
|
.pf-c-dropdown .pf-c-menu,
|
|
7773
7818
|
.pf-c-dropdown__menu {
|
|
7774
7819
|
min-width: 100%;
|
|
@@ -8424,6 +8469,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8424
8469
|
--pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8425
8470
|
--pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
8426
8471
|
--pf-c-expandable-section__toggle--PaddingLeft: 0;
|
|
8472
|
+
--pf-c-expandable-section__toggle--MarginTop: 0;
|
|
8427
8473
|
--pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
|
|
8428
8474
|
--pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
|
|
8429
8475
|
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
@@ -8453,6 +8499,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8453
8499
|
--pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
|
|
8454
8500
|
--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
8455
8501
|
--pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
|
|
8502
|
+
--pf-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
8503
|
+
--pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
|
|
8456
8504
|
}
|
|
8457
8505
|
|
|
8458
8506
|
.pf-c-expandable-section.pf-m-expanded {
|
|
@@ -8462,7 +8510,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8462
8510
|
--pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
|
|
8463
8511
|
}
|
|
8464
8512
|
|
|
8465
|
-
.pf-c-expandable-section.pf-m-detached {
|
|
8513
|
+
.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
|
|
8466
8514
|
--pf-c-expandable-section__content--MarginTop: 0;
|
|
8467
8515
|
}
|
|
8468
8516
|
|
|
@@ -8497,9 +8545,25 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8497
8545
|
--pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
|
|
8498
8546
|
}
|
|
8499
8547
|
|
|
8548
|
+
.pf-c-expandable-section.pf-m-truncate {
|
|
8549
|
+
--pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
|
|
8550
|
+
--pf-c-expandable-section__toggle--PaddingTop: 0;
|
|
8551
|
+
--pf-c-expandable-section__toggle--PaddingRight: 0;
|
|
8552
|
+
--pf-c-expandable-section__toggle--PaddingBottom: 0;
|
|
8553
|
+
--pf-c-expandable-section__toggle-text--MarginLeft: 0;
|
|
8554
|
+
}
|
|
8555
|
+
|
|
8556
|
+
.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
|
|
8557
|
+
display: -webkit-box;
|
|
8558
|
+
-webkit-box-orient: vertical;
|
|
8559
|
+
-webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
|
|
8560
|
+
overflow: hidden;
|
|
8561
|
+
}
|
|
8562
|
+
|
|
8500
8563
|
.pf-c-expandable-section__toggle {
|
|
8501
8564
|
display: flex;
|
|
8502
8565
|
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
8566
|
+
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
8503
8567
|
color: var(--pf-c-expandable-section__toggle--Color);
|
|
8504
8568
|
border: none;
|
|
8505
8569
|
}
|
|
@@ -9364,6 +9428,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9364
9428
|
background-color: var(--pf-c-input-group--BackgroundColor);
|
|
9365
9429
|
}
|
|
9366
9430
|
|
|
9431
|
+
.pf-c-input-group.pf-m-plain {
|
|
9432
|
+
--pf-c-input-group--BackgroundColor: transparent;
|
|
9433
|
+
}
|
|
9434
|
+
|
|
9367
9435
|
.pf-c-input-group > * + * {
|
|
9368
9436
|
margin-left: -1px;
|
|
9369
9437
|
}
|
|
@@ -11127,7 +11195,7 @@ ul.pf-c-list {
|
|
|
11127
11195
|
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
11128
11196
|
}
|
|
11129
11197
|
|
|
11130
|
-
.pf-c-masthead {
|
|
11198
|
+
.pf-c-masthead .pf-c-button.pf-m-plain, .pf-c-masthead {
|
|
11131
11199
|
--pf-global--Color--100: var(--pf-global--Color--light-100);
|
|
11132
11200
|
--pf-global--Color--200: var(--pf-global--Color--light-200);
|
|
11133
11201
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
|
|
@@ -11137,11 +11205,11 @@ ul.pf-c-list {
|
|
|
11137
11205
|
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
|
|
11138
11206
|
}
|
|
11139
11207
|
|
|
11140
|
-
.pf-c-masthead .pf-c-card {
|
|
11208
|
+
.pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card, .pf-c-masthead .pf-c-card {
|
|
11141
11209
|
--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
|
|
11142
11210
|
}
|
|
11143
11211
|
|
|
11144
|
-
.pf-c-masthead .pf-c-button {
|
|
11212
|
+
.pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button, .pf-c-masthead .pf-c-button {
|
|
11145
11213
|
--pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
|
|
11146
11214
|
--pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
|
|
11147
11215
|
--pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
|
|
@@ -11361,6 +11429,10 @@ ul.pf-c-list {
|
|
|
11361
11429
|
align-self: stretch;
|
|
11362
11430
|
}
|
|
11363
11431
|
|
|
11432
|
+
.pf-c-masthead .pf-c-button.pf-m-plain {
|
|
11433
|
+
color: var(--pf-global--Color--200);
|
|
11434
|
+
}
|
|
11435
|
+
|
|
11364
11436
|
.pf-c-masthead__main {
|
|
11365
11437
|
position: relative;
|
|
11366
11438
|
display: flex;
|
|
@@ -12070,8 +12142,6 @@ ul.pf-c-list {
|
|
|
12070
12142
|
--pf-c-menu__footer--BoxShadow: none;
|
|
12071
12143
|
--pf-c-menu__footer--after--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
12072
12144
|
--pf-c-menu__footer--after--BorderTopColor: var(--pf-global--BorderColor--100);
|
|
12073
|
-
--pf-c-menu__footer--after--BorderBottomWidth: 0;
|
|
12074
|
-
--pf-c-menu__footer--after--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
12075
12145
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
12076
12146
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
12077
12147
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -12227,7 +12297,6 @@ ul.pf-c-list {
|
|
|
12227
12297
|
--pf-c-menu__content--MaxHeight: var(--pf-c-menu--m-scrollable__content--MaxHeight);
|
|
12228
12298
|
--pf-c-menu__footer--BoxShadow: var(--pf-c-menu--m-scrollable__footer--BoxShadow);
|
|
12229
12299
|
--pf-c-menu__footer--after--BorderTopWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderTopWidth);
|
|
12230
|
-
--pf-c-menu__footer--after--BorderBottomWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth);
|
|
12231
12300
|
}
|
|
12232
12301
|
|
|
12233
12302
|
.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
|
|
@@ -12561,7 +12630,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
12561
12630
|
pointer-events: none;
|
|
12562
12631
|
content: "";
|
|
12563
12632
|
border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
|
|
12564
|
-
border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
|
|
12565
12633
|
}
|
|
12566
12634
|
|
|
12567
12635
|
:where(.pf-theme-dark) .pf-c-menu {
|
|
@@ -15518,6 +15586,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
15518
15586
|
grid-template-areas: "header header" "nav main";
|
|
15519
15587
|
}
|
|
15520
15588
|
}
|
|
15589
|
+
.pf-c-page.pf-m-full-height {
|
|
15590
|
+
height: 100vh;
|
|
15591
|
+
height: 100dvh;
|
|
15592
|
+
}
|
|
15593
|
+
|
|
15521
15594
|
.pf-c-page__header,
|
|
15522
15595
|
.pf-c-page > .pf-c-masthead {
|
|
15523
15596
|
grid-area: header;
|
|
@@ -18238,6 +18311,13 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
18238
18311
|
transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
|
|
18239
18312
|
}
|
|
18240
18313
|
|
|
18314
|
+
.pf-c-select__menu.pf-m-static {
|
|
18315
|
+
position: static;
|
|
18316
|
+
top: auto;
|
|
18317
|
+
z-index: auto;
|
|
18318
|
+
min-width: min-content;
|
|
18319
|
+
}
|
|
18320
|
+
|
|
18241
18321
|
.pf-c-select__menu-fieldset {
|
|
18242
18322
|
border: 0;
|
|
18243
18323
|
}
|
|
@@ -23599,10 +23679,10 @@ label.pf-c-tree-view__node-text {
|
|
|
23599
23679
|
}
|
|
23600
23680
|
|
|
23601
23681
|
:where(.pf-theme-dark) .pf-c-wizard {
|
|
23682
|
+
--pf-c-wizard__header--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
23683
|
+
--pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--palette--black-500);
|
|
23602
23684
|
--pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
|
|
23603
23685
|
--pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
|
|
23604
|
-
--pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23605
|
-
--pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23606
23686
|
}
|
|
23607
23687
|
|
|
23608
23688
|
:where(.pf-theme-dark) .pf-c-wizard__header {
|
|
@@ -23672,6 +23752,89 @@ label.pf-c-tree-view__node-text {
|
|
|
23672
23752
|
--pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
|
|
23673
23753
|
}
|
|
23674
23754
|
|
|
23755
|
+
.pf-c-panel {
|
|
23756
|
+
--pf-c-panel--Width: auto;
|
|
23757
|
+
--pf-c-panel--MinWidth: auto;
|
|
23758
|
+
--pf-c-panel--MaxWidth: none;
|
|
23759
|
+
--pf-c-panel--ZIndex: auto;
|
|
23760
|
+
--pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
23761
|
+
--pf-c-panel--BoxShadow: none;
|
|
23762
|
+
--pf-c-panel--before--BorderWidth: 0;
|
|
23763
|
+
--pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
23764
|
+
--pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
23765
|
+
--pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
23766
|
+
--pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
|
|
23767
|
+
--pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
|
|
23768
|
+
--pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
|
|
23769
|
+
--pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
|
|
23770
|
+
--pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
|
|
23771
|
+
--pf-c-panel__main--MaxHeight: none;
|
|
23772
|
+
--pf-c-panel__main--Overflow: visible;
|
|
23773
|
+
--pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
|
|
23774
|
+
--pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
|
|
23775
|
+
--pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
23776
|
+
--pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
23777
|
+
--pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
|
|
23778
|
+
--pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
|
|
23779
|
+
--pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
|
|
23780
|
+
--pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
23781
|
+
--pf-c-panel__footer--BoxShadow: none;
|
|
23782
|
+
--pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
23783
|
+
--pf-c-panel--m-scrollable__main--Overflow: auto;
|
|
23784
|
+
--pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
23785
|
+
position: relative;
|
|
23786
|
+
z-index: var(--pf-c-panel--ZIndex);
|
|
23787
|
+
width: var(--pf-c-panel--Width);
|
|
23788
|
+
min-width: var(--pf-c-panel--MinWidth);
|
|
23789
|
+
max-width: var(--pf-c-panel--MaxWidth);
|
|
23790
|
+
background-color: var(--pf-c-panel--BackgroundColor);
|
|
23791
|
+
box-shadow: var(--pf-c-panel--BoxShadow);
|
|
23792
|
+
}
|
|
23793
|
+
|
|
23794
|
+
.pf-c-panel::before {
|
|
23795
|
+
position: absolute;
|
|
23796
|
+
top: 0;
|
|
23797
|
+
right: 0;
|
|
23798
|
+
bottom: 0;
|
|
23799
|
+
left: 0;
|
|
23800
|
+
pointer-events: none;
|
|
23801
|
+
content: "";
|
|
23802
|
+
border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
|
|
23803
|
+
}
|
|
23804
|
+
|
|
23805
|
+
.pf-c-panel.pf-m-bordered {
|
|
23806
|
+
--pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
|
|
23807
|
+
}
|
|
23808
|
+
|
|
23809
|
+
.pf-c-panel.pf-m-raised {
|
|
23810
|
+
--pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
|
|
23811
|
+
--pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
|
|
23812
|
+
}
|
|
23813
|
+
|
|
23814
|
+
.pf-c-panel.pf-m-scrollable {
|
|
23815
|
+
--pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
|
|
23816
|
+
--pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
|
|
23817
|
+
--pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
|
|
23818
|
+
}
|
|
23819
|
+
|
|
23820
|
+
.pf-c-panel__header {
|
|
23821
|
+
padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
|
|
23822
|
+
}
|
|
23823
|
+
|
|
23824
|
+
.pf-c-panel__main {
|
|
23825
|
+
max-height: var(--pf-c-panel__main--MaxHeight);
|
|
23826
|
+
overflow: var(--pf-c-panel__main--Overflow);
|
|
23827
|
+
}
|
|
23828
|
+
|
|
23829
|
+
.pf-c-panel__main-body {
|
|
23830
|
+
padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
|
|
23831
|
+
}
|
|
23832
|
+
|
|
23833
|
+
.pf-c-panel__footer {
|
|
23834
|
+
padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
|
|
23835
|
+
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
23836
|
+
}
|
|
23837
|
+
|
|
23675
23838
|
.pf-c-text-input-group {
|
|
23676
23839
|
--pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
23677
23840
|
--pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -23844,89 +24007,6 @@ label.pf-c-tree-view__node-text {
|
|
|
23844
24007
|
display: flex;
|
|
23845
24008
|
}
|
|
23846
24009
|
|
|
23847
|
-
.pf-c-panel {
|
|
23848
|
-
--pf-c-panel--Width: auto;
|
|
23849
|
-
--pf-c-panel--MinWidth: auto;
|
|
23850
|
-
--pf-c-panel--MaxWidth: none;
|
|
23851
|
-
--pf-c-panel--ZIndex: auto;
|
|
23852
|
-
--pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
23853
|
-
--pf-c-panel--BoxShadow: none;
|
|
23854
|
-
--pf-c-panel--before--BorderWidth: 0;
|
|
23855
|
-
--pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
23856
|
-
--pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
23857
|
-
--pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
23858
|
-
--pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
|
|
23859
|
-
--pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
|
|
23860
|
-
--pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
|
|
23861
|
-
--pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
|
|
23862
|
-
--pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
|
|
23863
|
-
--pf-c-panel__main--MaxHeight: none;
|
|
23864
|
-
--pf-c-panel__main--Overflow: visible;
|
|
23865
|
-
--pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
|
|
23866
|
-
--pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
|
|
23867
|
-
--pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
23868
|
-
--pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
23869
|
-
--pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
|
|
23870
|
-
--pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
|
|
23871
|
-
--pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
|
|
23872
|
-
--pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
23873
|
-
--pf-c-panel__footer--BoxShadow: none;
|
|
23874
|
-
--pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
23875
|
-
--pf-c-panel--m-scrollable__main--Overflow: auto;
|
|
23876
|
-
--pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
23877
|
-
position: relative;
|
|
23878
|
-
z-index: var(--pf-c-panel--ZIndex);
|
|
23879
|
-
width: var(--pf-c-panel--Width);
|
|
23880
|
-
min-width: var(--pf-c-panel--MinWidth);
|
|
23881
|
-
max-width: var(--pf-c-panel--MaxWidth);
|
|
23882
|
-
background-color: var(--pf-c-panel--BackgroundColor);
|
|
23883
|
-
box-shadow: var(--pf-c-panel--BoxShadow);
|
|
23884
|
-
}
|
|
23885
|
-
|
|
23886
|
-
.pf-c-panel::before {
|
|
23887
|
-
position: absolute;
|
|
23888
|
-
top: 0;
|
|
23889
|
-
right: 0;
|
|
23890
|
-
bottom: 0;
|
|
23891
|
-
left: 0;
|
|
23892
|
-
pointer-events: none;
|
|
23893
|
-
content: "";
|
|
23894
|
-
border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
|
|
23895
|
-
}
|
|
23896
|
-
|
|
23897
|
-
.pf-c-panel.pf-m-bordered {
|
|
23898
|
-
--pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
|
|
23899
|
-
}
|
|
23900
|
-
|
|
23901
|
-
.pf-c-panel.pf-m-raised {
|
|
23902
|
-
--pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
|
|
23903
|
-
--pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
|
|
23904
|
-
}
|
|
23905
|
-
|
|
23906
|
-
.pf-c-panel.pf-m-scrollable {
|
|
23907
|
-
--pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
|
|
23908
|
-
--pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
|
|
23909
|
-
--pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
|
|
23910
|
-
}
|
|
23911
|
-
|
|
23912
|
-
.pf-c-panel__header {
|
|
23913
|
-
padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
|
|
23914
|
-
}
|
|
23915
|
-
|
|
23916
|
-
.pf-c-panel__main {
|
|
23917
|
-
max-height: var(--pf-c-panel__main--MaxHeight);
|
|
23918
|
-
overflow: var(--pf-c-panel__main--Overflow);
|
|
23919
|
-
}
|
|
23920
|
-
|
|
23921
|
-
.pf-c-panel__main-body {
|
|
23922
|
-
padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
|
|
23923
|
-
}
|
|
23924
|
-
|
|
23925
|
-
.pf-c-panel__footer {
|
|
23926
|
-
padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
|
|
23927
|
-
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
23928
|
-
}
|
|
23929
|
-
|
|
23930
24010
|
.pf-c-truncate {
|
|
23931
24011
|
--pf-c-truncate--MinWidth: 12ch;
|
|
23932
24012
|
--pf-c-truncate__start--MinWidth: 6ch;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -4312,7 +4312,9 @@
|
|
|
4312
4312
|
|
|
4313
4313
|
Promise.resolve().then(function () { return button; });
|
|
4314
4314
|
var buttonStyles = {
|
|
4315
|
+
"badge": "pf-c-badge",
|
|
4315
4316
|
"button": "pf-c-button",
|
|
4317
|
+
"buttonCount": "pf-c-button__count",
|
|
4316
4318
|
"buttonIcon": "pf-c-button__icon",
|
|
4317
4319
|
"buttonProgress": "pf-c-button__progress",
|
|
4318
4320
|
"modifiers": {
|
|
@@ -4324,6 +4326,7 @@
|
|
|
4324
4326
|
"secondary": "pf-m-secondary",
|
|
4325
4327
|
"tertiary": "pf-m-tertiary",
|
|
4326
4328
|
"link": "pf-m-link",
|
|
4329
|
+
"unread": "pf-m-unread",
|
|
4327
4330
|
"inline": "pf-m-inline",
|
|
4328
4331
|
"danger": "pf-m-danger",
|
|
4329
4332
|
"warning": "pf-m-warning",
|
|
@@ -5325,6 +5328,7 @@
|
|
|
5325
5328
|
"active": "pf-m-active",
|
|
5326
5329
|
"secondary": "pf-m-secondary",
|
|
5327
5330
|
"top": "pf-m-top",
|
|
5331
|
+
"static": "pf-m-static",
|
|
5328
5332
|
"alignRight": "pf-m-align-right",
|
|
5329
5333
|
"alignLeft": "pf-m-align-left",
|
|
5330
5334
|
"alignRightOnSm": "pf-m-align-right-on-sm",
|
|
@@ -6727,6 +6731,7 @@
|
|
|
6727
6731
|
"placeholder": "pf-m-placeholder",
|
|
6728
6732
|
"top": "pf-m-top",
|
|
6729
6733
|
"alignRight": "pf-m-align-right",
|
|
6734
|
+
"static": "pf-m-static",
|
|
6730
6735
|
"favorite": "pf-m-favorite",
|
|
6731
6736
|
"favoriteAction": "pf-m-favorite-action",
|
|
6732
6737
|
"focus": "pf-m-focus",
|
|
@@ -6843,6 +6848,7 @@
|
|
|
6843
6848
|
"checkDescription": "pf-c-check__description",
|
|
6844
6849
|
"checkInput": "pf-c-check__input",
|
|
6845
6850
|
"checkLabel": "pf-c-check__label",
|
|
6851
|
+
"checkLabelRequired": "pf-c-check__label-required",
|
|
6846
6852
|
"modifiers": {
|
|
6847
6853
|
"standalone": "pf-m-standalone",
|
|
6848
6854
|
"disabled": "pf-m-disabled"
|
|
@@ -9654,7 +9660,8 @@
|
|
|
9654
9660
|
"expanded": "pf-m-expanded",
|
|
9655
9661
|
"plain": "pf-m-plain",
|
|
9656
9662
|
"text": "pf-m-text",
|
|
9657
|
-
"disabled": "pf-m-disabled"
|
|
9663
|
+
"disabled": "pf-m-disabled",
|
|
9664
|
+
"static": "pf-m-static"
|
|
9658
9665
|
},
|
|
9659
9666
|
"themeDark": "pf-theme-dark"
|
|
9660
9667
|
};
|
|
@@ -11920,6 +11927,7 @@
|
|
|
11920
11927
|
"modifiers": {
|
|
11921
11928
|
"expanded": "pf-m-expanded",
|
|
11922
11929
|
"detached": "pf-m-detached",
|
|
11930
|
+
"truncate": "pf-m-truncate",
|
|
11923
11931
|
"limitWidth": "pf-m-limit-width",
|
|
11924
11932
|
"displayLg": "pf-m-display-lg",
|
|
11925
11933
|
"indented": "pf-m-indented",
|
|
@@ -15118,6 +15126,7 @@
|
|
|
15118
15126
|
"modifiers": {
|
|
15119
15127
|
"light_200": "pf-m-light-200",
|
|
15120
15128
|
"light": "pf-m-light",
|
|
15129
|
+
"plain": "pf-m-plain",
|
|
15121
15130
|
"resizeObserver": "pf-m-resize-observer",
|
|
15122
15131
|
"fullHeight": "pf-m-full-height",
|
|
15123
15132
|
"horizontal": "pf-m-horizontal",
|
|
@@ -15201,6 +15210,7 @@
|
|
|
15201
15210
|
"visibleOnXl": "pf-m-visible-on-xl",
|
|
15202
15211
|
"hiddenOn_2xl": "pf-m-hidden-on-2xl",
|
|
15203
15212
|
"visibleOn_2xl": "pf-m-visible-on-2xl",
|
|
15213
|
+
"fullHeight": "pf-m-full-height",
|
|
15204
15214
|
"read": "pf-m-read",
|
|
15205
15215
|
"selected": "pf-m-selected",
|
|
15206
15216
|
"unread": "pf-m-unread",
|