@patternfly/react-core 4.198.16 → 4.198.19
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 +24 -0
- package/dist/esm/components/AlertGroup/AlertGroup.d.ts +4 -0
- package/dist/esm/components/AlertGroup/AlertGroup.d.ts.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroup.js +2 -2
- package/dist/esm/components/AlertGroup/AlertGroup.js.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroupInline.js +5 -2
- package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/index.d.ts +0 -6
- package/dist/esm/components/MultipleFileUpload/index.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/index.js +0 -6
- package/dist/esm/components/MultipleFileUpload/index.js.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.js +2 -2
- package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroup.d.ts +4 -0
- package/dist/js/components/AlertGroup/AlertGroup.d.ts.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroup.js +2 -2
- package/dist/js/components/AlertGroup/AlertGroup.js.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroupInline.js +5 -2
- package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/index.d.ts +0 -6
- package/dist/js/components/MultipleFileUpload/index.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/index.js +0 -6
- package/dist/js/components/MultipleFileUpload/index.js.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.js +2 -2
- package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/styles/assets/images/img_pie-chart-with-legend.png +0 -0
- package/dist/styles/assets/images/status-icon-sprite.svg +38 -0
- package/dist/umd/react-core.css +244 -47
- package/dist/umd/react-core.js +77 -49
- package/dist/umd/react-core.min.css +316 -119
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/AlertGroup/AlertGroup.tsx +13 -2
- package/src/components/AlertGroup/AlertGroupInline.tsx +9 -0
- package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +15 -0
- package/src/components/AlertGroup/__tests__/__snapshots__/AlertGroup.test.tsx.snap +93 -1
- package/src/components/AlertGroup/examples/AlertGroup.md +147 -0
- package/src/components/MultipleFileUpload/MultipleFileUploadMain.tsx +29 -8
- package/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +24 -4
- package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +1 -1
- package/src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx +19 -5
- package/src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx +4 -3
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +19 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +17 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +1 -1
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +198 -2
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +62 -4
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +2 -50
- package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +7 -60
- package/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx +48 -74
- package/src/components/MultipleFileUpload/index.ts +0 -6
- package/src/components/NumberInput/NumberInput.tsx +3 -2
- package/src/components/NumberInput/examples/NumberInput.md +78 -5
- package/src/demos/MultipleFileUploadDemos.md +16 -0
- package/src/{components/MultipleFileUpload/examples/MultipleFileUploadHorizontal.tsx → demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx} +60 -64
|
@@ -857,6 +857,18 @@
|
|
|
857
857
|
--pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
|
|
858
858
|
--pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
|
|
859
859
|
--pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
|
|
860
|
+
--pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#success");
|
|
861
|
+
--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#warning");
|
|
862
|
+
--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
|
|
863
|
+
--pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#select");
|
|
864
|
+
--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#search");
|
|
865
|
+
--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#calendar");
|
|
866
|
+
--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#clock");
|
|
867
|
+
--pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
|
|
868
|
+
--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
|
|
869
|
+
--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
|
|
870
|
+
--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
|
|
871
|
+
--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
|
|
860
872
|
color: var(--pf-global--Color--100);
|
|
861
873
|
width: var(--pf-c-form-control--Width);
|
|
862
874
|
padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
|
|
@@ -990,6 +1002,21 @@
|
|
|
990
1002
|
--pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
|
|
991
1003
|
}
|
|
992
1004
|
|
|
1005
|
+
.pf-c-form-control.pf-m-icon-sprite {
|
|
1006
|
+
--pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
|
|
1007
|
+
--pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
|
|
1008
|
+
--pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
|
|
1009
|
+
--pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
|
|
1010
|
+
--pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
|
|
1011
|
+
--pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
|
|
1012
|
+
--pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
|
|
1013
|
+
--pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
|
|
1014
|
+
--pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
|
|
1015
|
+
--pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
|
|
1016
|
+
--pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
|
|
1017
|
+
--pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
|
|
1018
|
+
}
|
|
1019
|
+
|
|
993
1020
|
select.pf-c-form-control {
|
|
994
1021
|
--pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
|
|
995
1022
|
--pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
|
|
@@ -6783,8 +6810,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
6783
6810
|
--pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
|
|
6784
6811
|
--pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
6785
6812
|
--pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
|
|
6786
|
-
--pf-c-dropdown__toggle-image--MarginTop:
|
|
6787
|
-
--pf-c-dropdown__toggle-image--MarginBottom:
|
|
6813
|
+
--pf-c-dropdown__toggle-image--MarginTop: 0;
|
|
6814
|
+
--pf-c-dropdown__toggle-image--MarginBottom: 0;
|
|
6788
6815
|
--pf-c-dropdown__toggle-image--MarginRight: var(--pf-global--spacer--sm);
|
|
6789
6816
|
--pf-c-dropdown--c-divider--MarginTop: var(--pf-global--spacer--sm);
|
|
6790
6817
|
--pf-c-dropdown--c-divider--MarginBottom: var(--pf-global--spacer--sm);
|
|
@@ -7126,9 +7153,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
7126
7153
|
.pf-c-dropdown__toggle-image {
|
|
7127
7154
|
display: inline-flex;
|
|
7128
7155
|
flex-shrink: 0;
|
|
7156
|
+
align-self: center;
|
|
7129
7157
|
margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
|
|
7130
7158
|
margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
|
|
7131
7159
|
margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
|
|
7160
|
+
line-height: 1;
|
|
7132
7161
|
}
|
|
7133
7162
|
|
|
7134
7163
|
.pf-c-dropdown__toggle-image:last-child {
|
|
@@ -10414,24 +10443,21 @@ ul.pf-c-list {
|
|
|
10414
10443
|
--pf-c-masthead--c-toolbar__item--Display: flex;
|
|
10415
10444
|
--pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
|
|
10416
10445
|
--pf-c-masthead--c-context-selector--Width: auto;
|
|
10417
|
-
--pf-c-masthead--c-context-selector__toggle--BorderTopColor:
|
|
10418
|
-
--pf-c-masthead--c-context-selector__toggle--BorderRightColor:
|
|
10419
|
-
--pf-c-masthead--c-context-selector__toggle--
|
|
10420
|
-
--pf-c-masthead--c-context-
|
|
10421
|
-
--pf-c-masthead--c-context-selector--m-full-height__toggle--
|
|
10422
|
-
--pf-c-masthead--c-
|
|
10423
|
-
--pf-c-masthead--c-dropdown__toggle--before--
|
|
10424
|
-
--pf-c-masthead--c-dropdown__toggle--before--
|
|
10425
|
-
--pf-c-masthead--c-
|
|
10426
|
-
--pf-c-masthead--c-
|
|
10427
|
-
--pf-c-masthead--c-
|
|
10428
|
-
--pf-c-masthead--c-
|
|
10429
|
-
--pf-c-masthead--c-menu-toggle--before--
|
|
10430
|
-
--pf-c-masthead--c-menu-toggle--before--
|
|
10431
|
-
--pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
|
|
10432
|
-
--pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
|
|
10433
|
-
--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
|
|
10434
|
-
--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
|
|
10446
|
+
--pf-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
|
|
10447
|
+
--pf-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
|
|
10448
|
+
--pf-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
|
|
10449
|
+
--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
|
|
10450
|
+
--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
|
|
10451
|
+
--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
|
|
10452
|
+
--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
|
|
10453
|
+
--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
|
|
10454
|
+
--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
|
|
10455
|
+
--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
|
|
10456
|
+
--pf-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
|
|
10457
|
+
--pf-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
|
|
10458
|
+
--pf-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
|
|
10459
|
+
--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
|
|
10460
|
+
--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
|
|
10435
10461
|
--pf-c-masthead--c-toolbar__content--PaddingRight: 0;
|
|
10436
10462
|
--pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
|
|
10437
10463
|
--pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
|
|
@@ -10531,38 +10557,35 @@ ul.pf-c-list {
|
|
|
10531
10557
|
.pf-c-masthead .pf-c-menu-toggle {
|
|
10532
10558
|
--pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
|
|
10533
10559
|
--pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
|
|
10534
|
-
--pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
|
|
10535
10560
|
--pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
|
|
10536
10561
|
}
|
|
10537
10562
|
|
|
10538
10563
|
.pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
|
|
10539
|
-
--pf-c-menu-toggle--before--
|
|
10540
|
-
--pf-c-menu-toggle--before--
|
|
10564
|
+
--pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
|
|
10565
|
+
--pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor);
|
|
10541
10566
|
}
|
|
10542
10567
|
|
|
10543
10568
|
.pf-c-masthead .pf-c-context-selector {
|
|
10544
10569
|
--pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
|
|
10545
10570
|
--pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
|
|
10546
10571
|
--pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
|
|
10547
|
-
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
|
|
10548
10572
|
--pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
|
|
10549
10573
|
}
|
|
10550
10574
|
|
|
10551
10575
|
.pf-c-masthead .pf-c-context-selector.pf-m-full-height {
|
|
10552
|
-
--pf-c-context-selector__toggle--
|
|
10553
|
-
--pf-c-context-selector__toggle--
|
|
10576
|
+
--pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
|
|
10577
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
|
|
10554
10578
|
}
|
|
10555
10579
|
|
|
10556
10580
|
.pf-c-masthead .pf-c-dropdown {
|
|
10557
10581
|
--pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
|
|
10558
10582
|
--pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
|
|
10559
|
-
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
|
|
10560
10583
|
--pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
|
|
10561
10584
|
}
|
|
10562
10585
|
|
|
10563
10586
|
.pf-c-masthead .pf-c-dropdown.pf-m-full-height {
|
|
10564
|
-
--pf-c-dropdown__toggle--before--
|
|
10565
|
-
--pf-c-dropdown__toggle--before--
|
|
10587
|
+
--pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
|
|
10588
|
+
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
|
|
10566
10589
|
}
|
|
10567
10590
|
|
|
10568
10591
|
.pf-c-masthead .pf-c-nav {
|
|
@@ -11194,6 +11217,7 @@ ul.pf-c-list {
|
|
|
11194
11217
|
--pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
|
|
11195
11218
|
--pf-c-menu__item-description--Color: var(--pf-global--Color--200);
|
|
11196
11219
|
--pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
11220
|
+
--pf-c-menu__item-check--MarginRight: var(--pf-global--spacer--sm);
|
|
11197
11221
|
--pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
|
|
11198
11222
|
--pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
|
|
11199
11223
|
--pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
|
|
@@ -11607,6 +11631,10 @@ ul.pf-c-list {
|
|
|
11607
11631
|
opacity: 1;
|
|
11608
11632
|
}
|
|
11609
11633
|
|
|
11634
|
+
label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
11635
|
+
cursor: pointer;
|
|
11636
|
+
}
|
|
11637
|
+
|
|
11610
11638
|
.pf-c-menu__item-main {
|
|
11611
11639
|
display: flex;
|
|
11612
11640
|
align-items: center;
|
|
@@ -11650,6 +11678,12 @@ ul.pf-c-list {
|
|
|
11650
11678
|
margin-right: var(--pf-c-menu__item-icon--MarginRight);
|
|
11651
11679
|
}
|
|
11652
11680
|
|
|
11681
|
+
.pf-c-menu__item-check {
|
|
11682
|
+
display: flex;
|
|
11683
|
+
align-items: center;
|
|
11684
|
+
margin-right: var(--pf-c-menu__item-check--MarginRight);
|
|
11685
|
+
}
|
|
11686
|
+
|
|
11653
11687
|
.pf-c-menu__item-toggle-icon {
|
|
11654
11688
|
padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
|
|
11655
11689
|
padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
|
|
@@ -11788,7 +11822,6 @@ ul.pf-c-list {
|
|
|
11788
11822
|
--pf-c-menu-toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
11789
11823
|
--pf-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-global--Color--100);
|
|
11790
11824
|
--pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
|
|
11791
|
-
--pf-c-menu-toggle__image--MarginRight: var(--pf-global--spacer--sm);
|
|
11792
11825
|
--pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
|
|
11793
11826
|
--pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
|
|
11794
11827
|
--pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
@@ -11804,6 +11837,33 @@ ul.pf-c-list {
|
|
|
11804
11837
|
--pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
11805
11838
|
--pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
11806
11839
|
--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
11840
|
+
--pf-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
11841
|
+
--pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
11842
|
+
--pf-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-global--Color--dark-200);
|
|
11843
|
+
--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
11844
|
+
--pf-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-global--spacer--sm);
|
|
11845
|
+
--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
|
|
11846
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
11847
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
11848
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
|
|
11849
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
11850
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
11851
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
11852
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
|
|
11853
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
11854
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
|
|
11855
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
11856
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-global--active-color--100);
|
|
11857
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
11858
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
|
|
11859
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
11860
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
11861
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
11862
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
11863
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
|
|
11864
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
11865
|
+
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
11866
|
+
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
11807
11867
|
position: relative;
|
|
11808
11868
|
display: inline-flex;
|
|
11809
11869
|
align-items: center;
|
|
@@ -11895,16 +11955,11 @@ ul.pf-c-list {
|
|
|
11895
11955
|
}
|
|
11896
11956
|
|
|
11897
11957
|
.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
11898
|
-
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
|
|
11899
|
-
--pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
11900
|
-
--pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
11901
|
-
--pf-c-menu-toggle--active--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
11902
|
-
--pf-c-menu-toggle--disabled--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
|
|
11903
11958
|
--pf-c-menu-toggle--PaddingRight: var(--pf-c-menu-toggle--m-plain--PaddingRight);
|
|
11904
11959
|
--pf-c-menu-toggle--PaddingLeft: var(--pf-c-menu-toggle--m-plain--PaddingLeft);
|
|
11905
11960
|
--pf-c-menu-toggle--disabled--BackgroundColor: transparent;
|
|
11906
|
-
--pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
|
|
11907
11961
|
display: inline-block;
|
|
11962
|
+
color: var(--pf-c-menu-toggle--m-plain--Color);
|
|
11908
11963
|
}
|
|
11909
11964
|
|
|
11910
11965
|
.pf-c-menu-toggle:hover {
|
|
@@ -11912,6 +11967,7 @@ ul.pf-c-list {
|
|
|
11912
11967
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
|
|
11913
11968
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
|
|
11914
11969
|
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
|
|
11970
|
+
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
11915
11971
|
}
|
|
11916
11972
|
|
|
11917
11973
|
.pf-c-menu-toggle:focus {
|
|
@@ -11919,6 +11975,7 @@ ul.pf-c-list {
|
|
|
11919
11975
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
|
|
11920
11976
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
|
|
11921
11977
|
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
|
|
11978
|
+
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--focus--Color);
|
|
11922
11979
|
}
|
|
11923
11980
|
|
|
11924
11981
|
.pf-c-menu-toggle:active {
|
|
@@ -11926,6 +11983,7 @@ ul.pf-c-list {
|
|
|
11926
11983
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
|
|
11927
11984
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
|
|
11928
11985
|
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
|
|
11986
|
+
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--active--Color);
|
|
11929
11987
|
}
|
|
11930
11988
|
|
|
11931
11989
|
.pf-c-menu-toggle.pf-m-expanded {
|
|
@@ -11934,11 +11992,13 @@ ul.pf-c-list {
|
|
|
11934
11992
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
|
|
11935
11993
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
|
|
11936
11994
|
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
|
|
11995
|
+
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
|
|
11937
11996
|
}
|
|
11938
11997
|
|
|
11939
|
-
.pf-c-menu-toggle:disabled {
|
|
11998
|
+
.pf-c-menu-toggle:disabled, .pf-c-menu-toggle.pf-m-disabled {
|
|
11940
11999
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
|
|
11941
12000
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--disabled--BackgroundColor);
|
|
12001
|
+
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
|
|
11942
12002
|
pointer-events: none;
|
|
11943
12003
|
}
|
|
11944
12004
|
|
|
@@ -11957,8 +12017,144 @@ ul.pf-c-list {
|
|
|
11957
12017
|
height: 100%;
|
|
11958
12018
|
}
|
|
11959
12019
|
|
|
12020
|
+
.pf-c-menu-toggle.pf-m-split-button {
|
|
12021
|
+
--pf-c-menu-toggle__toggle-icon--MarginRight: 0;
|
|
12022
|
+
padding: 0;
|
|
12023
|
+
}
|
|
12024
|
+
|
|
12025
|
+
.pf-c-menu-toggle.pf-m-split-button > * {
|
|
12026
|
+
position: relative;
|
|
12027
|
+
padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft);
|
|
12028
|
+
}
|
|
12029
|
+
|
|
12030
|
+
.pf-c-menu-toggle.pf-m-split-button > *:first-child {
|
|
12031
|
+
padding-right: var(--pf-c-menu-toggle--m-split-button--first-child--PaddingRight);
|
|
12032
|
+
}
|
|
12033
|
+
|
|
12034
|
+
.pf-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
|
|
12035
|
+
padding-left: var(--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft);
|
|
12036
|
+
}
|
|
12037
|
+
|
|
12038
|
+
.pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
|
|
12039
|
+
--pf-c-menu-toggle--PaddingRight: 0;
|
|
12040
|
+
--pf-c-check__input--MarginTop: 0;
|
|
12041
|
+
--pf-c-check__label--Color: currentColor;
|
|
12042
|
+
align-items: center;
|
|
12043
|
+
align-self: stretch;
|
|
12044
|
+
}
|
|
12045
|
+
|
|
12046
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
|
|
12047
|
+
position: absolute;
|
|
12048
|
+
top: 0;
|
|
12049
|
+
right: 0;
|
|
12050
|
+
bottom: 0;
|
|
12051
|
+
left: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--Left);
|
|
12052
|
+
pointer-events: none;
|
|
12053
|
+
content: "";
|
|
12054
|
+
border-bottom: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
|
|
12055
|
+
}
|
|
12056
|
+
|
|
12057
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
|
|
12058
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
|
|
12059
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor);
|
|
12060
|
+
}
|
|
12061
|
+
|
|
12062
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
|
|
12063
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
|
|
12064
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
|
|
12065
|
+
}
|
|
12066
|
+
|
|
12067
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *.pf-m-active {
|
|
12068
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
|
|
12069
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
|
|
12070
|
+
}
|
|
12071
|
+
|
|
12072
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
|
|
12073
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
|
|
12074
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
|
|
12075
|
+
}
|
|
12076
|
+
|
|
12077
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
|
|
12078
|
+
background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
|
|
12079
|
+
}
|
|
12080
|
+
|
|
12081
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
|
|
12082
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
|
|
12083
|
+
}
|
|
12084
|
+
|
|
12085
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
|
|
12086
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
|
|
12087
|
+
}
|
|
12088
|
+
|
|
12089
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
|
|
12090
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
|
|
12091
|
+
}
|
|
12092
|
+
|
|
12093
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
|
12094
|
+
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor);
|
|
12095
|
+
}
|
|
12096
|
+
|
|
12097
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
|
|
12098
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
|
|
12099
|
+
}
|
|
12100
|
+
|
|
12101
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
|
|
12102
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
|
|
12103
|
+
}
|
|
12104
|
+
|
|
12105
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
|
|
12106
|
+
border-top-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
12107
|
+
border-bottom-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
12108
|
+
}
|
|
12109
|
+
|
|
12110
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
|
|
12111
|
+
border-top-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
12112
|
+
border-bottom-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
12113
|
+
}
|
|
12114
|
+
|
|
12115
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
12116
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
|
|
12117
|
+
border-left: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
|
|
12118
|
+
}
|
|
12119
|
+
|
|
12120
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
|
|
12121
|
+
--pf-c-menu-toggle--after--BorderBottomColor: transparent;
|
|
12122
|
+
}
|
|
12123
|
+
|
|
12124
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-c-menu-toggle.pf-m-split-button:disabled {
|
|
12125
|
+
--pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
12126
|
+
--pf-c-menu-toggle--m-split-button--child--Color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
12127
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
12128
|
+
}
|
|
12129
|
+
|
|
12130
|
+
.pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-c-menu-toggle.pf-m-split-button:disabled::before, .pf-c-menu-toggle.pf-m-split-button:disabled::after {
|
|
12131
|
+
content: none;
|
|
12132
|
+
}
|
|
12133
|
+
|
|
12134
|
+
.pf-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
|
|
12135
|
+
.pf-c-menu-toggle.pf-m-split-button > :disabled {
|
|
12136
|
+
--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
12137
|
+
color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
12138
|
+
background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
12139
|
+
}
|
|
12140
|
+
|
|
12141
|
+
.pf-c-menu-toggle__button {
|
|
12142
|
+
color: inherit;
|
|
12143
|
+
border: 0;
|
|
12144
|
+
}
|
|
12145
|
+
|
|
12146
|
+
.pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
|
|
12147
|
+
padding-left: 0;
|
|
12148
|
+
margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
|
|
12149
|
+
margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
|
|
12150
|
+
}
|
|
12151
|
+
|
|
11960
12152
|
.pf-c-menu-toggle__icon {
|
|
12153
|
+
display: inline-flex;
|
|
12154
|
+
align-self: center;
|
|
12155
|
+
flex-shrink: 0;
|
|
11961
12156
|
margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
|
|
12157
|
+
line-height: 1;
|
|
11962
12158
|
}
|
|
11963
12159
|
|
|
11964
12160
|
.pf-c-menu-toggle__text {
|
|
@@ -12368,16 +12564,6 @@ ul.pf-c-list {
|
|
|
12368
12564
|
color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
|
|
12369
12565
|
}
|
|
12370
12566
|
|
|
12371
|
-
.pf-l-bullseye {
|
|
12372
|
-
--pf-l-bullseye--Padding: 0;
|
|
12373
|
-
display: flex;
|
|
12374
|
-
align-items: center;
|
|
12375
|
-
justify-content: center;
|
|
12376
|
-
height: 100%;
|
|
12377
|
-
padding: var(--pf-l-bullseye--Padding);
|
|
12378
|
-
margin: 0;
|
|
12379
|
-
}
|
|
12380
|
-
|
|
12381
12567
|
.pf-c-nav {
|
|
12382
12568
|
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
12383
12569
|
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -13392,6 +13578,16 @@ ul.pf-c-list {
|
|
|
13392
13578
|
left: 0;
|
|
13393
13579
|
}
|
|
13394
13580
|
|
|
13581
|
+
.pf-l-bullseye {
|
|
13582
|
+
--pf-l-bullseye--Padding: 0;
|
|
13583
|
+
display: flex;
|
|
13584
|
+
align-items: center;
|
|
13585
|
+
justify-content: center;
|
|
13586
|
+
height: 100%;
|
|
13587
|
+
padding: var(--pf-l-bullseye--Padding);
|
|
13588
|
+
margin: 0;
|
|
13589
|
+
}
|
|
13590
|
+
|
|
13395
13591
|
.pf-c-notification-badge {
|
|
13396
13592
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13397
13593
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -15953,6 +16149,78 @@ ul.pf-c-list {
|
|
|
15953
16149
|
text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
|
|
15954
16150
|
}
|
|
15955
16151
|
|
|
16152
|
+
.pf-c-radio {
|
|
16153
|
+
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
16154
|
+
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
16155
|
+
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
16156
|
+
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
16157
|
+
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
16158
|
+
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
16159
|
+
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
16160
|
+
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
16161
|
+
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
16162
|
+
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
16163
|
+
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
16164
|
+
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
16165
|
+
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
16166
|
+
display: grid;
|
|
16167
|
+
grid-template-columns: auto 1fr;
|
|
16168
|
+
grid-gap: var(--pf-c-radio--GridGap);
|
|
16169
|
+
align-items: start;
|
|
16170
|
+
justify-items: start;
|
|
16171
|
+
}
|
|
16172
|
+
|
|
16173
|
+
.pf-c-radio.pf-m-standalone {
|
|
16174
|
+
--pf-c-radio--GridGap: 0;
|
|
16175
|
+
--pf-c-radio__input--Height: auto;
|
|
16176
|
+
--pf-c-radio__input--MarginTop: 0;
|
|
16177
|
+
display: inline-grid;
|
|
16178
|
+
line-height: 1;
|
|
16179
|
+
}
|
|
16180
|
+
|
|
16181
|
+
.pf-c-radio__label {
|
|
16182
|
+
font-size: var(--pf-c-radio__label--FontSize);
|
|
16183
|
+
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
16184
|
+
line-height: var(--pf-c-radio__label--LineHeight);
|
|
16185
|
+
color: var(--pf-c-radio__label--Color);
|
|
16186
|
+
}
|
|
16187
|
+
|
|
16188
|
+
.pf-c-radio__input {
|
|
16189
|
+
height: var(--pf-c-radio__input--Height);
|
|
16190
|
+
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
16191
|
+
}
|
|
16192
|
+
|
|
16193
|
+
.pf-c-radio__input:first-child {
|
|
16194
|
+
margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
|
|
16195
|
+
}
|
|
16196
|
+
|
|
16197
|
+
.pf-c-radio__input:last-child {
|
|
16198
|
+
margin-right: var(--pf-c-radio__input--last-child--MarginRight);
|
|
16199
|
+
}
|
|
16200
|
+
|
|
16201
|
+
.pf-c-radio__description {
|
|
16202
|
+
grid-column: 2;
|
|
16203
|
+
font-size: var(--pf-c-radio__description--FontSize);
|
|
16204
|
+
color: var(--pf-c-radio__description--Color);
|
|
16205
|
+
}
|
|
16206
|
+
|
|
16207
|
+
.pf-c-radio__body {
|
|
16208
|
+
grid-column: 2;
|
|
16209
|
+
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
16210
|
+
}
|
|
16211
|
+
|
|
16212
|
+
label.pf-c-radio, .pf-c-radio__label,
|
|
16213
|
+
.pf-c-radio__input {
|
|
16214
|
+
cursor: pointer;
|
|
16215
|
+
}
|
|
16216
|
+
|
|
16217
|
+
.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
|
|
16218
|
+
.pf-c-radio__input:disabled,
|
|
16219
|
+
.pf-c-radio__input.pf-m-disabled {
|
|
16220
|
+
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
16221
|
+
cursor: not-allowed;
|
|
16222
|
+
}
|
|
16223
|
+
|
|
15956
16224
|
.pf-c-search-input {
|
|
15957
16225
|
--pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
15958
16226
|
--pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -15997,6 +16265,7 @@ ul.pf-c-list {
|
|
|
15997
16265
|
--pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
15998
16266
|
--pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
15999
16267
|
position: relative;
|
|
16268
|
+
width: 100%;
|
|
16000
16269
|
}
|
|
16001
16270
|
|
|
16002
16271
|
.pf-c-search-input__bar {
|
|
@@ -16144,78 +16413,6 @@ ul.pf-c-list {
|
|
|
16144
16413
|
flex-grow: 1;
|
|
16145
16414
|
}
|
|
16146
16415
|
|
|
16147
|
-
.pf-c-radio {
|
|
16148
|
-
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
16149
|
-
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
16150
|
-
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
16151
|
-
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
16152
|
-
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
16153
|
-
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
16154
|
-
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
16155
|
-
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
16156
|
-
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
16157
|
-
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
16158
|
-
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
16159
|
-
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
16160
|
-
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
16161
|
-
display: grid;
|
|
16162
|
-
grid-template-columns: auto 1fr;
|
|
16163
|
-
grid-gap: var(--pf-c-radio--GridGap);
|
|
16164
|
-
align-items: start;
|
|
16165
|
-
justify-items: start;
|
|
16166
|
-
}
|
|
16167
|
-
|
|
16168
|
-
.pf-c-radio.pf-m-standalone {
|
|
16169
|
-
--pf-c-radio--GridGap: 0;
|
|
16170
|
-
--pf-c-radio__input--Height: auto;
|
|
16171
|
-
--pf-c-radio__input--MarginTop: 0;
|
|
16172
|
-
display: inline-grid;
|
|
16173
|
-
line-height: 1;
|
|
16174
|
-
}
|
|
16175
|
-
|
|
16176
|
-
.pf-c-radio__label {
|
|
16177
|
-
font-size: var(--pf-c-radio__label--FontSize);
|
|
16178
|
-
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
16179
|
-
line-height: var(--pf-c-radio__label--LineHeight);
|
|
16180
|
-
color: var(--pf-c-radio__label--Color);
|
|
16181
|
-
}
|
|
16182
|
-
|
|
16183
|
-
.pf-c-radio__input {
|
|
16184
|
-
height: var(--pf-c-radio__input--Height);
|
|
16185
|
-
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
16186
|
-
}
|
|
16187
|
-
|
|
16188
|
-
.pf-c-radio__input:first-child {
|
|
16189
|
-
margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
|
|
16190
|
-
}
|
|
16191
|
-
|
|
16192
|
-
.pf-c-radio__input:last-child {
|
|
16193
|
-
margin-right: var(--pf-c-radio__input--last-child--MarginRight);
|
|
16194
|
-
}
|
|
16195
|
-
|
|
16196
|
-
.pf-c-radio__description {
|
|
16197
|
-
grid-column: 2;
|
|
16198
|
-
font-size: var(--pf-c-radio__description--FontSize);
|
|
16199
|
-
color: var(--pf-c-radio__description--Color);
|
|
16200
|
-
}
|
|
16201
|
-
|
|
16202
|
-
.pf-c-radio__body {
|
|
16203
|
-
grid-column: 2;
|
|
16204
|
-
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
16205
|
-
}
|
|
16206
|
-
|
|
16207
|
-
label.pf-c-radio, .pf-c-radio__label,
|
|
16208
|
-
.pf-c-radio__input {
|
|
16209
|
-
cursor: pointer;
|
|
16210
|
-
}
|
|
16211
|
-
|
|
16212
|
-
.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
|
|
16213
|
-
.pf-c-radio__input:disabled,
|
|
16214
|
-
.pf-c-radio__input.pf-m-disabled {
|
|
16215
|
-
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
16216
|
-
cursor: not-allowed;
|
|
16217
|
-
}
|
|
16218
|
-
|
|
16219
16416
|
.pf-c-select {
|
|
16220
16417
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
16221
16418
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|