@patternfly/react-templates 1.1.0-prerelease.17 → 1.1.0-prerelease.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.
|
@@ -4,80 +4,6 @@
|
|
|
4
4
|
pointer-events: none;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.pf-v5-c-check {
|
|
8
|
-
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
9
|
-
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
10
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
11
|
-
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
12
|
-
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
13
|
-
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
14
|
-
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
15
|
-
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
16
|
-
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17
|
-
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
18
|
-
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
19
|
-
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
20
|
-
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
21
|
-
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
22
|
-
display: grid;
|
|
23
|
-
grid-template-columns: auto 1fr;
|
|
24
|
-
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
25
|
-
align-items: baseline;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.pf-v5-c-check.pf-m-standalone {
|
|
29
|
-
--pf-v5-c-check--GridGap: 0;
|
|
30
|
-
--pf-v5-c-check__input--TranslateY: none;
|
|
31
|
-
display: inline-grid;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.pf-v5-c-check__input {
|
|
35
|
-
align-self: start;
|
|
36
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
37
|
-
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.pf-v5-c-check__label {
|
|
41
|
-
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
42
|
-
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
43
|
-
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
44
|
-
color: var(--pf-v5-c-check__label--Color);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.pf-v5-c-check__description {
|
|
48
|
-
grid-column: 2;
|
|
49
|
-
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
50
|
-
color: var(--pf-v5-c-check__description--Color);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.pf-v5-c-check__body {
|
|
54
|
-
grid-column: 2;
|
|
55
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.pf-v5-c-check__label,
|
|
59
|
-
.pf-v5-c-check__input {
|
|
60
|
-
justify-self: start;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
64
|
-
.pf-v5-c-check__input {
|
|
65
|
-
cursor: pointer;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
69
|
-
.pf-v5-c-check__input:disabled,
|
|
70
|
-
.pf-v5-c-check__input.pf-m-disabled {
|
|
71
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
72
|
-
cursor: not-allowed;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.pf-v5-c-check__label-required {
|
|
76
|
-
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
77
|
-
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
78
|
-
color: var(--pf-v5-c-check__label-required--Color);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
7
|
.pf-v5-c-menu-toggle {
|
|
82
8
|
--pf-v5-c-menu-toggle--BorderRadius: 0;
|
|
83
9
|
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -193,6 +119,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
193
119
|
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
194
120
|
--pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
195
121
|
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
122
|
+
--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-v5-global--spacer--xs);
|
|
196
123
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
197
124
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
198
125
|
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
@@ -550,6 +477,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
550
477
|
border: 0;
|
|
551
478
|
}
|
|
552
479
|
|
|
480
|
+
.pf-v5-c-menu-toggle__button.pf-m-text {
|
|
481
|
+
--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
|
|
482
|
+
display: inline-flex;
|
|
483
|
+
align-items: baseline;
|
|
484
|
+
padding-inline-start: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
|
|
485
|
+
}
|
|
486
|
+
|
|
553
487
|
.pf-v5-c-menu-toggle__icon {
|
|
554
488
|
flex-shrink: 0;
|
|
555
489
|
align-self: center;
|
|
@@ -1010,6 +944,80 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1010
944
|
--pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
|
|
1011
945
|
}
|
|
1012
946
|
}
|
|
947
|
+
.pf-v5-c-check {
|
|
948
|
+
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
949
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
950
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
951
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
952
|
+
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
953
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
954
|
+
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
955
|
+
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
956
|
+
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
957
|
+
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
958
|
+
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
959
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
960
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
961
|
+
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
962
|
+
display: grid;
|
|
963
|
+
grid-template-columns: auto 1fr;
|
|
964
|
+
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
965
|
+
align-items: baseline;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
.pf-v5-c-check.pf-m-standalone {
|
|
969
|
+
--pf-v5-c-check--GridGap: 0;
|
|
970
|
+
--pf-v5-c-check__input--TranslateY: none;
|
|
971
|
+
display: inline-grid;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.pf-v5-c-check__input {
|
|
975
|
+
align-self: start;
|
|
976
|
+
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
977
|
+
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
.pf-v5-c-check__label {
|
|
981
|
+
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
982
|
+
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
983
|
+
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
984
|
+
color: var(--pf-v5-c-check__label--Color);
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
.pf-v5-c-check__description {
|
|
988
|
+
grid-column: 2;
|
|
989
|
+
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
990
|
+
color: var(--pf-v5-c-check__description--Color);
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
.pf-v5-c-check__body {
|
|
994
|
+
grid-column: 2;
|
|
995
|
+
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
.pf-v5-c-check__label,
|
|
999
|
+
.pf-v5-c-check__input {
|
|
1000
|
+
justify-self: start;
|
|
1001
|
+
}
|
|
1002
|
+
|
|
1003
|
+
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
1004
|
+
.pf-v5-c-check__input {
|
|
1005
|
+
cursor: pointer;
|
|
1006
|
+
}
|
|
1007
|
+
|
|
1008
|
+
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
1009
|
+
.pf-v5-c-check__input:disabled,
|
|
1010
|
+
.pf-v5-c-check__input.pf-m-disabled {
|
|
1011
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
1012
|
+
cursor: not-allowed;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.pf-v5-c-check__label-required {
|
|
1016
|
+
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
1017
|
+
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
1018
|
+
color: var(--pf-v5-c-check__label-required--Color);
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1013
1021
|
.pf-v5-c-accordion {
|
|
1014
1022
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1015
1023
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -3573,6 +3581,101 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3573
3581
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
3574
3582
|
}
|
|
3575
3583
|
|
|
3584
|
+
.pf-v5-c-chip-group {
|
|
3585
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3586
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
3587
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
3588
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
3589
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
3590
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
3591
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3592
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
3593
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
3594
|
+
}
|
|
3595
|
+
|
|
3596
|
+
.pf-v5-c-chip-group {
|
|
3597
|
+
color: var(--pf-v5-global--Color--100);
|
|
3598
|
+
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
3599
|
+
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
3600
|
+
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
3601
|
+
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
3602
|
+
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
3603
|
+
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
3604
|
+
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3605
|
+
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
3606
|
+
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3607
|
+
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
3608
|
+
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3609
|
+
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
3610
|
+
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3611
|
+
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3612
|
+
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
3613
|
+
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3614
|
+
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3615
|
+
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
3616
|
+
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3617
|
+
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3618
|
+
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
3619
|
+
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
3620
|
+
max-width: 100%;
|
|
3621
|
+
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
3622
|
+
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
3623
|
+
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
3624
|
+
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
3625
|
+
}
|
|
3626
|
+
|
|
3627
|
+
.pf-v5-c-chip-group.pf-m-category {
|
|
3628
|
+
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
3629
|
+
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
3630
|
+
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
3631
|
+
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
3632
|
+
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
3633
|
+
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
3634
|
+
}
|
|
3635
|
+
|
|
3636
|
+
.pf-v5-c-chip-group__main {
|
|
3637
|
+
display: flex;
|
|
3638
|
+
flex: 1;
|
|
3639
|
+
flex-wrap: wrap;
|
|
3640
|
+
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
3641
|
+
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
3642
|
+
align-items: baseline;
|
|
3643
|
+
min-width: 0;
|
|
3644
|
+
}
|
|
3645
|
+
|
|
3646
|
+
.pf-v5-c-chip-group,
|
|
3647
|
+
.pf-v5-c-chip-group__list {
|
|
3648
|
+
display: inline-flex;
|
|
3649
|
+
flex-wrap: wrap;
|
|
3650
|
+
align-items: center;
|
|
3651
|
+
min-width: 0;
|
|
3652
|
+
}
|
|
3653
|
+
|
|
3654
|
+
.pf-v5-c-chip-group__list {
|
|
3655
|
+
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
3656
|
+
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
3657
|
+
}
|
|
3658
|
+
|
|
3659
|
+
.pf-v5-c-chip-group__list-item {
|
|
3660
|
+
display: inline-flex;
|
|
3661
|
+
min-width: 0;
|
|
3662
|
+
}
|
|
3663
|
+
|
|
3664
|
+
.pf-v5-c-chip-group__label {
|
|
3665
|
+
overflow: hidden;
|
|
3666
|
+
text-overflow: ellipsis;
|
|
3667
|
+
white-space: nowrap;
|
|
3668
|
+
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
3669
|
+
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
3670
|
+
}
|
|
3671
|
+
|
|
3672
|
+
.pf-v5-c-chip-group__close {
|
|
3673
|
+
display: flex;
|
|
3674
|
+
align-self: flex-start;
|
|
3675
|
+
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
3676
|
+
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
3677
|
+
}
|
|
3678
|
+
|
|
3576
3679
|
.pf-v5-c-chip {
|
|
3577
3680
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3578
3681
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -3703,101 +3806,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3703
3806
|
--pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
3704
3807
|
}
|
|
3705
3808
|
|
|
3706
|
-
.pf-v5-c-chip-group {
|
|
3707
|
-
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3708
|
-
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
3709
|
-
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
3710
|
-
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
3711
|
-
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
3712
|
-
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
3713
|
-
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3714
|
-
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
3715
|
-
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
3716
|
-
}
|
|
3717
|
-
|
|
3718
|
-
.pf-v5-c-chip-group {
|
|
3719
|
-
color: var(--pf-v5-global--Color--100);
|
|
3720
|
-
--pf-v5-c-chip-group--PaddingTop: 0;
|
|
3721
|
-
--pf-v5-c-chip-group--PaddingRight: 0;
|
|
3722
|
-
--pf-v5-c-chip-group--PaddingBottom: 0;
|
|
3723
|
-
--pf-v5-c-chip-group--PaddingLeft: 0;
|
|
3724
|
-
--pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
3725
|
-
--pf-v5-c-chip-group--ColumnGap: 0;
|
|
3726
|
-
--pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3727
|
-
--pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
3728
|
-
--pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
3729
|
-
--pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
3730
|
-
--pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3731
|
-
--pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
3732
|
-
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3733
|
-
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3734
|
-
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
3735
|
-
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3736
|
-
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3737
|
-
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
3738
|
-
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3739
|
-
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3740
|
-
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
3741
|
-
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
3742
|
-
max-width: 100%;
|
|
3743
|
-
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
3744
|
-
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
3745
|
-
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
3746
|
-
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
3747
|
-
}
|
|
3748
|
-
|
|
3749
|
-
.pf-v5-c-chip-group.pf-m-category {
|
|
3750
|
-
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
3751
|
-
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
3752
|
-
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
3753
|
-
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
3754
|
-
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
3755
|
-
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
3756
|
-
}
|
|
3757
|
-
|
|
3758
|
-
.pf-v5-c-chip-group__main {
|
|
3759
|
-
display: flex;
|
|
3760
|
-
flex: 1;
|
|
3761
|
-
flex-wrap: wrap;
|
|
3762
|
-
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
3763
|
-
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
3764
|
-
align-items: baseline;
|
|
3765
|
-
min-width: 0;
|
|
3766
|
-
}
|
|
3767
|
-
|
|
3768
|
-
.pf-v5-c-chip-group,
|
|
3769
|
-
.pf-v5-c-chip-group__list {
|
|
3770
|
-
display: inline-flex;
|
|
3771
|
-
flex-wrap: wrap;
|
|
3772
|
-
align-items: center;
|
|
3773
|
-
min-width: 0;
|
|
3774
|
-
}
|
|
3775
|
-
|
|
3776
|
-
.pf-v5-c-chip-group__list {
|
|
3777
|
-
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
3778
|
-
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
3779
|
-
}
|
|
3780
|
-
|
|
3781
|
-
.pf-v5-c-chip-group__list-item {
|
|
3782
|
-
display: inline-flex;
|
|
3783
|
-
min-width: 0;
|
|
3784
|
-
}
|
|
3785
|
-
|
|
3786
|
-
.pf-v5-c-chip-group__label {
|
|
3787
|
-
overflow: hidden;
|
|
3788
|
-
text-overflow: ellipsis;
|
|
3789
|
-
white-space: nowrap;
|
|
3790
|
-
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
3791
|
-
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
3792
|
-
}
|
|
3793
|
-
|
|
3794
|
-
.pf-v5-c-chip-group__close {
|
|
3795
|
-
display: flex;
|
|
3796
|
-
align-self: flex-start;
|
|
3797
|
-
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
3798
|
-
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
3799
|
-
}
|
|
3800
|
-
|
|
3801
3809
|
.pf-v5-c-clipboard-copy {
|
|
3802
3810
|
--pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3803
3811
|
--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -5287,6 +5295,86 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
5287
5295
|
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5288
5296
|
}
|
|
5289
5297
|
}
|
|
5298
|
+
.pf-v5-c-draggable {
|
|
5299
|
+
--pf-v5-c-draggable--Cursor: auto;
|
|
5300
|
+
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
5301
|
+
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
5302
|
+
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
5303
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
5304
|
+
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
5305
|
+
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
5306
|
+
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
5307
|
+
}
|
|
5308
|
+
|
|
5309
|
+
.pf-v5-c-draggable.pf-m-dragging {
|
|
5310
|
+
--pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
|
|
5311
|
+
position: relative;
|
|
5312
|
+
background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
|
|
5313
|
+
box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
|
|
5314
|
+
}
|
|
5315
|
+
|
|
5316
|
+
.pf-v5-c-draggable.pf-m-dragging::after {
|
|
5317
|
+
position: absolute;
|
|
5318
|
+
inset-block-start: 0;
|
|
5319
|
+
inset-block-end: 0;
|
|
5320
|
+
inset-inline-start: 0;
|
|
5321
|
+
inset-inline-end: 0;
|
|
5322
|
+
content: "";
|
|
5323
|
+
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
5324
|
+
}
|
|
5325
|
+
|
|
5326
|
+
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
5327
|
+
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
5328
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
5329
|
+
}
|
|
5330
|
+
|
|
5331
|
+
.pf-v5-c-droppable {
|
|
5332
|
+
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
5333
|
+
--pf-v5-c-droppable--before--Opacity: 0;
|
|
5334
|
+
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
5335
|
+
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
5336
|
+
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
|
|
5337
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
5338
|
+
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
5339
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
5340
|
+
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
5341
|
+
}
|
|
5342
|
+
|
|
5343
|
+
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
5344
|
+
position: absolute;
|
|
5345
|
+
inset-block-start: 0;
|
|
5346
|
+
inset-block-end: 0;
|
|
5347
|
+
inset-inline-start: 0;
|
|
5348
|
+
inset-inline-end: 0;
|
|
5349
|
+
pointer-events: none;
|
|
5350
|
+
content: "";
|
|
5351
|
+
}
|
|
5352
|
+
|
|
5353
|
+
.pf-v5-c-droppable::before {
|
|
5354
|
+
background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
|
|
5355
|
+
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
5356
|
+
}
|
|
5357
|
+
|
|
5358
|
+
.pf-v5-c-droppable::after {
|
|
5359
|
+
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
5360
|
+
}
|
|
5361
|
+
|
|
5362
|
+
.pf-v5-c-droppable.pf-m-dragging {
|
|
5363
|
+
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
5364
|
+
--pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
|
|
5365
|
+
--pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
|
|
5366
|
+
--pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
|
|
5367
|
+
position: relative;
|
|
5368
|
+
}
|
|
5369
|
+
|
|
5370
|
+
.pf-v5-c-droppable.pf-m-drag-outside {
|
|
5371
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
5372
|
+
}
|
|
5373
|
+
|
|
5374
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
5375
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
5376
|
+
}
|
|
5377
|
+
|
|
5290
5378
|
.pf-v5-c-drawer {
|
|
5291
5379
|
--pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
5292
5380
|
--pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
@@ -6158,84 +6246,125 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
6158
6246
|
--pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
6159
6247
|
}
|
|
6160
6248
|
|
|
6161
|
-
.pf-v5-c-
|
|
6162
|
-
--pf-v5-c-
|
|
6163
|
-
--pf-v5-c-
|
|
6164
|
-
--pf-v5-c-
|
|
6165
|
-
--pf-v5-c-
|
|
6166
|
-
--pf-v5-c-
|
|
6167
|
-
--pf-v5-c-
|
|
6168
|
-
--pf-v5-c-
|
|
6169
|
-
|
|
6249
|
+
.pf-v5-c-empty-state {
|
|
6250
|
+
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
6251
|
+
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
6252
|
+
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
6253
|
+
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
6254
|
+
--pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
6255
|
+
--pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
6256
|
+
--pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
6257
|
+
--pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
6258
|
+
--pf-v5-c-empty-state__content--MaxWidth: none;
|
|
6259
|
+
--pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
6260
|
+
--pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
6261
|
+
--pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
6262
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
|
|
6263
|
+
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
|
|
6264
|
+
--pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
6265
|
+
--pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
6266
|
+
--pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
6267
|
+
--pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
6268
|
+
--pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
6269
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6270
|
+
--pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
6271
|
+
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
6272
|
+
--pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6273
|
+
--pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
6274
|
+
--pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
6275
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6276
|
+
--pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
|
|
6277
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6278
|
+
--pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
6279
|
+
--pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6280
|
+
--pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6281
|
+
--pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
|
|
6282
|
+
--pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
|
|
6283
|
+
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
6284
|
+
--pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6285
|
+
--pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
|
|
6286
|
+
--pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
6287
|
+
display: flex;
|
|
6288
|
+
align-items: center;
|
|
6289
|
+
justify-content: center;
|
|
6290
|
+
padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
|
|
6291
|
+
padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
|
|
6292
|
+
padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
|
|
6293
|
+
padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
|
|
6294
|
+
text-align: center;
|
|
6170
6295
|
}
|
|
6171
6296
|
|
|
6172
|
-
.pf-v5-c-
|
|
6173
|
-
--pf-v5-c-
|
|
6174
|
-
|
|
6175
|
-
|
|
6176
|
-
|
|
6297
|
+
.pf-v5-c-empty-state.pf-m-xs {
|
|
6298
|
+
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
|
|
6299
|
+
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
|
|
6300
|
+
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
|
|
6301
|
+
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
|
|
6302
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
|
|
6303
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
|
|
6304
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
|
|
6305
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
|
|
6306
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
|
|
6307
|
+
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
|
|
6177
6308
|
}
|
|
6178
6309
|
|
|
6179
|
-
.pf-v5-c-
|
|
6180
|
-
|
|
6181
|
-
inset-block-start: 0;
|
|
6182
|
-
inset-block-end: 0;
|
|
6183
|
-
inset-inline-start: 0;
|
|
6184
|
-
inset-inline-end: 0;
|
|
6185
|
-
content: "";
|
|
6186
|
-
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
6310
|
+
.pf-v5-c-empty-state.pf-m-sm {
|
|
6311
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
|
|
6187
6312
|
}
|
|
6188
6313
|
|
|
6189
|
-
.pf-v5-c-
|
|
6190
|
-
--pf-v5-c-
|
|
6191
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
6314
|
+
.pf-v5-c-empty-state.pf-m-lg {
|
|
6315
|
+
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
|
|
6192
6316
|
}
|
|
6193
6317
|
|
|
6194
|
-
.pf-v5-c-
|
|
6195
|
-
--pf-v5-c-
|
|
6196
|
-
--pf-v5-c-
|
|
6197
|
-
--pf-v5-c-
|
|
6198
|
-
--pf-v5-c-
|
|
6199
|
-
--pf-v5-c-
|
|
6200
|
-
--pf-v5-c-
|
|
6201
|
-
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
6202
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
6203
|
-
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
6318
|
+
.pf-v5-c-empty-state.pf-m-xl {
|
|
6319
|
+
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
|
|
6320
|
+
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
|
|
6321
|
+
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
|
|
6322
|
+
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
|
|
6323
|
+
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
|
|
6324
|
+
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
|
|
6204
6325
|
}
|
|
6205
6326
|
|
|
6206
|
-
.pf-v5-c-
|
|
6207
|
-
|
|
6208
|
-
inset-block-start: 0;
|
|
6209
|
-
inset-block-end: 0;
|
|
6210
|
-
inset-inline-start: 0;
|
|
6211
|
-
inset-inline-end: 0;
|
|
6212
|
-
pointer-events: none;
|
|
6213
|
-
content: "";
|
|
6327
|
+
.pf-v5-c-empty-state.pf-m-full-height {
|
|
6328
|
+
height: 100%;
|
|
6214
6329
|
}
|
|
6215
6330
|
|
|
6216
|
-
.pf-v5-c-
|
|
6217
|
-
|
|
6218
|
-
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
6331
|
+
.pf-v5-c-empty-state__content {
|
|
6332
|
+
max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
|
|
6219
6333
|
}
|
|
6220
6334
|
|
|
6221
|
-
.pf-v5-c-
|
|
6222
|
-
|
|
6335
|
+
.pf-v5-c-empty-state__icon {
|
|
6336
|
+
margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
|
|
6337
|
+
font-size: var(--pf-v5-c-empty-state__icon--FontSize);
|
|
6338
|
+
line-height: 1;
|
|
6339
|
+
color: var(--pf-v5-c-empty-state__icon--Color);
|
|
6223
6340
|
}
|
|
6224
6341
|
|
|
6225
|
-
.pf-v5-c-
|
|
6226
|
-
|
|
6227
|
-
|
|
6228
|
-
|
|
6229
|
-
|
|
6230
|
-
position: relative;
|
|
6342
|
+
.pf-v5-c-empty-state__title-text {
|
|
6343
|
+
font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
|
|
6344
|
+
font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
|
|
6345
|
+
font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
|
|
6346
|
+
line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
|
|
6231
6347
|
}
|
|
6232
6348
|
|
|
6233
|
-
.pf-v5-c-
|
|
6234
|
-
|
|
6349
|
+
.pf-v5-c-empty-state__body {
|
|
6350
|
+
margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
|
|
6351
|
+
font-size: var(--pf-v5-c-empty-state--body--FontSize);
|
|
6352
|
+
color: var(--pf-v5-c-empty-state__body--Color);
|
|
6235
6353
|
}
|
|
6236
6354
|
|
|
6237
|
-
|
|
6238
|
-
|
|
6355
|
+
.pf-v5-c-empty-state__footer {
|
|
6356
|
+
display: flex;
|
|
6357
|
+
flex-direction: column;
|
|
6358
|
+
row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
|
|
6359
|
+
align-items: center;
|
|
6360
|
+
margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
|
|
6361
|
+
}
|
|
6362
|
+
|
|
6363
|
+
.pf-v5-c-empty-state__actions {
|
|
6364
|
+
display: flex;
|
|
6365
|
+
flex-wrap: wrap;
|
|
6366
|
+
gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
|
|
6367
|
+
justify-content: center;
|
|
6239
6368
|
}
|
|
6240
6369
|
|
|
6241
6370
|
.pf-v5-c-dual-list-selector {
|
|
@@ -6583,127 +6712,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
6583
6712
|
--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
6584
6713
|
}
|
|
6585
6714
|
|
|
6586
|
-
.pf-v5-c-empty-state {
|
|
6587
|
-
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
6588
|
-
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
6589
|
-
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
6590
|
-
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
6591
|
-
--pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
6592
|
-
--pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
6593
|
-
--pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
6594
|
-
--pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
6595
|
-
--pf-v5-c-empty-state__content--MaxWidth: none;
|
|
6596
|
-
--pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
6597
|
-
--pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
6598
|
-
--pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
6599
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
|
|
6600
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
|
|
6601
|
-
--pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
6602
|
-
--pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
6603
|
-
--pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
6604
|
-
--pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
6605
|
-
--pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
6606
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6607
|
-
--pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
6608
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
6609
|
-
--pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6610
|
-
--pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
6611
|
-
--pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
6612
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6613
|
-
--pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
|
|
6614
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6615
|
-
--pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
6616
|
-
--pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6617
|
-
--pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6618
|
-
--pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
|
|
6619
|
-
--pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
|
|
6620
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
6621
|
-
--pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6622
|
-
--pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
|
|
6623
|
-
--pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
6624
|
-
display: flex;
|
|
6625
|
-
align-items: center;
|
|
6626
|
-
justify-content: center;
|
|
6627
|
-
padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
|
|
6628
|
-
padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
|
|
6629
|
-
padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
|
|
6630
|
-
padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
|
|
6631
|
-
text-align: center;
|
|
6632
|
-
}
|
|
6633
|
-
|
|
6634
|
-
.pf-v5-c-empty-state.pf-m-xs {
|
|
6635
|
-
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
|
|
6636
|
-
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
|
|
6637
|
-
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
|
|
6638
|
-
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
|
|
6639
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
|
|
6640
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
|
|
6641
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
|
|
6642
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
|
|
6643
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
|
|
6644
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
|
|
6645
|
-
}
|
|
6646
|
-
|
|
6647
|
-
.pf-v5-c-empty-state.pf-m-sm {
|
|
6648
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
|
|
6649
|
-
}
|
|
6650
|
-
|
|
6651
|
-
.pf-v5-c-empty-state.pf-m-lg {
|
|
6652
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
|
|
6653
|
-
}
|
|
6654
|
-
|
|
6655
|
-
.pf-v5-c-empty-state.pf-m-xl {
|
|
6656
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
|
|
6657
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
|
|
6658
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
|
|
6659
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
|
|
6660
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
|
|
6661
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
|
|
6662
|
-
}
|
|
6663
|
-
|
|
6664
|
-
.pf-v5-c-empty-state.pf-m-full-height {
|
|
6665
|
-
height: 100%;
|
|
6666
|
-
}
|
|
6667
|
-
|
|
6668
|
-
.pf-v5-c-empty-state__content {
|
|
6669
|
-
max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
|
|
6670
|
-
}
|
|
6671
|
-
|
|
6672
|
-
.pf-v5-c-empty-state__icon {
|
|
6673
|
-
margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
|
|
6674
|
-
font-size: var(--pf-v5-c-empty-state__icon--FontSize);
|
|
6675
|
-
line-height: 1;
|
|
6676
|
-
color: var(--pf-v5-c-empty-state__icon--Color);
|
|
6677
|
-
}
|
|
6678
|
-
|
|
6679
|
-
.pf-v5-c-empty-state__title-text {
|
|
6680
|
-
font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
|
|
6681
|
-
font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
|
|
6682
|
-
font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
|
|
6683
|
-
line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
|
|
6684
|
-
}
|
|
6685
|
-
|
|
6686
|
-
.pf-v5-c-empty-state__body {
|
|
6687
|
-
margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
|
|
6688
|
-
font-size: var(--pf-v5-c-empty-state--body--FontSize);
|
|
6689
|
-
color: var(--pf-v5-c-empty-state__body--Color);
|
|
6690
|
-
}
|
|
6691
|
-
|
|
6692
|
-
.pf-v5-c-empty-state__footer {
|
|
6693
|
-
display: flex;
|
|
6694
|
-
flex-direction: column;
|
|
6695
|
-
row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
|
|
6696
|
-
align-items: center;
|
|
6697
|
-
margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
|
|
6698
|
-
}
|
|
6699
|
-
|
|
6700
|
-
.pf-v5-c-empty-state__actions {
|
|
6701
|
-
display: flex;
|
|
6702
|
-
flex-wrap: wrap;
|
|
6703
|
-
gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
|
|
6704
|
-
justify-content: center;
|
|
6705
|
-
}
|
|
6706
|
-
|
|
6707
6715
|
.pf-v5-c-expandable-section {
|
|
6708
6716
|
--pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
6709
6717
|
--pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
@@ -8817,92 +8825,6 @@ label.pf-v5-c-input-group__text {
|
|
|
8817
8825
|
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8818
8826
|
}
|
|
8819
8827
|
}
|
|
8820
|
-
.pf-v5-c-list {
|
|
8821
|
-
--pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
8822
|
-
--pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
8823
|
-
--pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
8824
|
-
--pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
|
|
8825
|
-
--pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
8826
|
-
--pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
|
|
8827
|
-
--pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
8828
|
-
--pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
8829
|
-
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8830
|
-
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
|
|
8831
|
-
--pf-v5-c-list__item-icon--MarginTop: 0.375rem;
|
|
8832
|
-
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
8833
|
-
--pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
8834
|
-
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
8835
|
-
--pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
|
|
8836
|
-
--pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
|
|
8837
|
-
--pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
|
|
8838
|
-
padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
|
|
8839
|
-
}
|
|
8840
|
-
|
|
8841
|
-
.pf-v5-c-list ol,
|
|
8842
|
-
.pf-v5-c-list ul {
|
|
8843
|
-
margin-block-start: var(--pf-v5-c-list--nested--MarginTop);
|
|
8844
|
-
margin-inline-start: var(--pf-v5-c-list--nested--MarginLeft);
|
|
8845
|
-
}
|
|
8846
|
-
|
|
8847
|
-
.pf-v5-c-list li + li {
|
|
8848
|
-
margin-block-start: var(--pf-v5-c-list--li--MarginTop);
|
|
8849
|
-
}
|
|
8850
|
-
|
|
8851
|
-
ul.pf-v5-c-list {
|
|
8852
|
-
list-style: var(--pf-v5-c-list--ul--ListStyle);
|
|
8853
|
-
}
|
|
8854
|
-
|
|
8855
|
-
.pf-v5-c-list .pf-v5-c-list__item {
|
|
8856
|
-
display: flex;
|
|
8857
|
-
}
|
|
8858
|
-
|
|
8859
|
-
.pf-v5-c-list .pf-v5-c-list__item-icon {
|
|
8860
|
-
flex-shrink: 0;
|
|
8861
|
-
min-width: var(--pf-v5-c-list__item-icon--MinWidth);
|
|
8862
|
-
margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
|
|
8863
|
-
margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
|
|
8864
|
-
font-size: var(--pf-v5-c-list__item-icon--FontSize);
|
|
8865
|
-
line-height: 1;
|
|
8866
|
-
color: var(--pf-v5-c-list__item-icon--Color);
|
|
8867
|
-
}
|
|
8868
|
-
|
|
8869
|
-
.pf-v5-c-list.pf-m-icon-lg {
|
|
8870
|
-
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8871
|
-
--pf-v5-c-list__item-icon--MarginTop: 0;
|
|
8872
|
-
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
|
|
8873
|
-
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
|
|
8874
|
-
}
|
|
8875
|
-
|
|
8876
|
-
.pf-v5-c-list.pf-m-plain {
|
|
8877
|
-
--pf-v5-c-list--PaddingLeft: 0;
|
|
8878
|
-
list-style: none;
|
|
8879
|
-
}
|
|
8880
|
-
|
|
8881
|
-
.pf-v5-c-list.pf-m-inline {
|
|
8882
|
-
--pf-v5-c-list--PaddingLeft: 0;
|
|
8883
|
-
display: flex;
|
|
8884
|
-
flex-wrap: wrap;
|
|
8885
|
-
list-style: none;
|
|
8886
|
-
}
|
|
8887
|
-
|
|
8888
|
-
.pf-v5-c-list.pf-m-inline li {
|
|
8889
|
-
--pf-v5-c-list--li--MarginTop: 0;
|
|
8890
|
-
}
|
|
8891
|
-
|
|
8892
|
-
.pf-v5-c-list.pf-m-inline li:not(:last-child) {
|
|
8893
|
-
margin-inline-end: var(--pf-v5-c-list--m-inline--li--MarginRight);
|
|
8894
|
-
}
|
|
8895
|
-
|
|
8896
|
-
.pf-v5-c-list.pf-m-bordered > * {
|
|
8897
|
-
padding-block-end: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
|
|
8898
|
-
border-block-end: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
|
|
8899
|
-
}
|
|
8900
|
-
|
|
8901
|
-
.pf-v5-c-list.pf-m-bordered > :last-child {
|
|
8902
|
-
--pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
|
|
8903
|
-
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
8904
|
-
}
|
|
8905
|
-
|
|
8906
8828
|
.pf-v5-c-label {
|
|
8907
8829
|
--pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
8908
8830
|
--pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
@@ -9547,6 +9469,92 @@ button.pf-v5-c-label__content:focus {
|
|
|
9547
9469
|
display: none;
|
|
9548
9470
|
}
|
|
9549
9471
|
|
|
9472
|
+
.pf-v5-c-list {
|
|
9473
|
+
--pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
9474
|
+
--pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
9475
|
+
--pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
9476
|
+
--pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
|
|
9477
|
+
--pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
9478
|
+
--pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
|
|
9479
|
+
--pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
9480
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
9481
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9482
|
+
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
|
|
9483
|
+
--pf-v5-c-list__item-icon--MarginTop: 0.375rem;
|
|
9484
|
+
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
9485
|
+
--pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
9486
|
+
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
9487
|
+
--pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
|
|
9488
|
+
--pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
|
|
9489
|
+
--pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
|
|
9490
|
+
padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
|
|
9491
|
+
}
|
|
9492
|
+
|
|
9493
|
+
.pf-v5-c-list ol,
|
|
9494
|
+
.pf-v5-c-list ul {
|
|
9495
|
+
margin-block-start: var(--pf-v5-c-list--nested--MarginTop);
|
|
9496
|
+
margin-inline-start: var(--pf-v5-c-list--nested--MarginLeft);
|
|
9497
|
+
}
|
|
9498
|
+
|
|
9499
|
+
.pf-v5-c-list li + li {
|
|
9500
|
+
margin-block-start: var(--pf-v5-c-list--li--MarginTop);
|
|
9501
|
+
}
|
|
9502
|
+
|
|
9503
|
+
ul.pf-v5-c-list {
|
|
9504
|
+
list-style: var(--pf-v5-c-list--ul--ListStyle);
|
|
9505
|
+
}
|
|
9506
|
+
|
|
9507
|
+
.pf-v5-c-list .pf-v5-c-list__item {
|
|
9508
|
+
display: flex;
|
|
9509
|
+
}
|
|
9510
|
+
|
|
9511
|
+
.pf-v5-c-list .pf-v5-c-list__item-icon {
|
|
9512
|
+
flex-shrink: 0;
|
|
9513
|
+
min-width: var(--pf-v5-c-list__item-icon--MinWidth);
|
|
9514
|
+
margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
|
|
9515
|
+
margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
|
|
9516
|
+
font-size: var(--pf-v5-c-list__item-icon--FontSize);
|
|
9517
|
+
line-height: 1;
|
|
9518
|
+
color: var(--pf-v5-c-list__item-icon--Color);
|
|
9519
|
+
}
|
|
9520
|
+
|
|
9521
|
+
.pf-v5-c-list.pf-m-icon-lg {
|
|
9522
|
+
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
|
|
9523
|
+
--pf-v5-c-list__item-icon--MarginTop: 0;
|
|
9524
|
+
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
|
|
9525
|
+
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
|
|
9526
|
+
}
|
|
9527
|
+
|
|
9528
|
+
.pf-v5-c-list.pf-m-plain {
|
|
9529
|
+
--pf-v5-c-list--PaddingLeft: 0;
|
|
9530
|
+
list-style: none;
|
|
9531
|
+
}
|
|
9532
|
+
|
|
9533
|
+
.pf-v5-c-list.pf-m-inline {
|
|
9534
|
+
--pf-v5-c-list--PaddingLeft: 0;
|
|
9535
|
+
display: flex;
|
|
9536
|
+
flex-wrap: wrap;
|
|
9537
|
+
list-style: none;
|
|
9538
|
+
}
|
|
9539
|
+
|
|
9540
|
+
.pf-v5-c-list.pf-m-inline li {
|
|
9541
|
+
--pf-v5-c-list--li--MarginTop: 0;
|
|
9542
|
+
}
|
|
9543
|
+
|
|
9544
|
+
.pf-v5-c-list.pf-m-inline li:not(:last-child) {
|
|
9545
|
+
margin-inline-end: var(--pf-v5-c-list--m-inline--li--MarginRight);
|
|
9546
|
+
}
|
|
9547
|
+
|
|
9548
|
+
.pf-v5-c-list.pf-m-bordered > * {
|
|
9549
|
+
padding-block-end: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
|
|
9550
|
+
border-block-end: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
|
|
9551
|
+
}
|
|
9552
|
+
|
|
9553
|
+
.pf-v5-c-list.pf-m-bordered > :last-child {
|
|
9554
|
+
--pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
|
|
9555
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
9556
|
+
}
|
|
9557
|
+
|
|
9550
9558
|
.pf-v5-c-login__footer, .pf-v5-c-login__header {
|
|
9551
9559
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
9552
9560
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
@@ -12047,193 +12055,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
12047
12055
|
background: transparent;
|
|
12048
12056
|
}
|
|
12049
12057
|
|
|
12050
|
-
.pf-v5-c-multiple-file-upload {
|
|
12051
|
-
--pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
12052
|
-
--pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
|
|
12053
|
-
--pf-v5-c-multiple-file-upload__main--TextAlign: center;
|
|
12054
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
12055
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
12056
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas:
|
|
12057
|
-
"title"
|
|
12058
|
-
"upload"
|
|
12059
|
-
"info";
|
|
12060
|
-
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-global--spacer--md);
|
|
12061
|
-
--pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12062
|
-
--pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12063
|
-
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
12064
|
-
--pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12065
|
-
--pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
12066
|
-
--pf-v5-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
12067
|
-
--pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
12068
|
-
--pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
12069
|
-
--pf-v5-c-multiple-file-upload__title--Display: grid;
|
|
12070
|
-
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
12071
|
-
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
|
|
12072
|
-
--pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12073
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
|
|
12074
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
12075
|
-
--pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
12076
|
-
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-global--Color--200);
|
|
12077
|
-
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
12078
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
|
|
12079
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-v5-global--active-color--100);
|
|
12080
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
12081
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-v5-global--active-color--100);
|
|
12082
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-v5-global--active-color--100);
|
|
12083
|
-
--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-v5-global--active-color--100);
|
|
12084
|
-
--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
12085
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
12086
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
12087
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
12088
|
-
"title upload"
|
|
12089
|
-
"info upload";
|
|
12090
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--2xl);
|
|
12091
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12092
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
12093
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-v5-global--spacer--xs);
|
|
12094
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
12095
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
|
|
12096
|
-
--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
|
|
12097
|
-
--pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
12098
|
-
--pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
|
|
12099
|
-
--pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12100
|
-
--pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
12101
|
-
--pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
12102
|
-
--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
|
|
12103
|
-
--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
12104
|
-
--pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
|
|
12105
|
-
--pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
12106
|
-
--pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
12107
|
-
--pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12108
|
-
--pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
12109
|
-
--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
12110
|
-
--pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
|
|
12111
|
-
--pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-v5-global--primary-color--100);
|
|
12112
|
-
--pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-v5-global--Color--200);
|
|
12113
|
-
display: grid;
|
|
12114
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload--GridTemplateColumns);
|
|
12115
|
-
gap: var(--pf-v5-c-multiple-file-upload--Gap);
|
|
12116
|
-
}
|
|
12117
|
-
|
|
12118
|
-
.pf-v5-c-multiple-file-upload.pf-m-horizontal {
|
|
12119
|
-
--pf-v5-c-multiple-file-upload--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
12120
|
-
--pf-v5-c-multiple-file-upload__main--TextAlign: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
12121
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
12122
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
12123
|
-
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
12124
|
-
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
|
|
12125
|
-
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
12126
|
-
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
12127
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
12128
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
|
|
12129
|
-
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
|
|
12130
|
-
}
|
|
12131
|
-
|
|
12132
|
-
.pf-v5-c-multiple-file-upload.pf-m-drag-over {
|
|
12133
|
-
--pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
12134
|
-
--pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
12135
|
-
--pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
|
|
12136
|
-
--pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
|
|
12137
|
-
--pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
|
|
12138
|
-
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
|
|
12139
|
-
}
|
|
12140
|
-
|
|
12141
|
-
.pf-v5-c-multiple-file-upload__main {
|
|
12142
|
-
display: grid;
|
|
12143
|
-
grid-template-areas: var(--pf-v5-c-multiple-file-upload__main--GridTemplateAreas);
|
|
12144
|
-
grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
|
|
12145
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
|
|
12146
|
-
gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
|
|
12147
|
-
padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
|
|
12148
|
-
padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
|
|
12149
|
-
padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
|
|
12150
|
-
padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
|
|
12151
|
-
text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
|
|
12152
|
-
background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
|
|
12153
|
-
border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
|
|
12154
|
-
}
|
|
12155
|
-
|
|
12156
|
-
.pf-v5-c-multiple-file-upload__title {
|
|
12157
|
-
display: var(--pf-v5-c-multiple-file-upload__title--Display);
|
|
12158
|
-
grid-area: title;
|
|
12159
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__title--GridTemplateColumns);
|
|
12160
|
-
gap: var(--pf-v5-c-multiple-file-upload__title--Gap);
|
|
12161
|
-
}
|
|
12162
|
-
|
|
12163
|
-
.pf-v5-c-multiple-file-upload__title-icon {
|
|
12164
|
-
color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
|
|
12165
|
-
}
|
|
12166
|
-
|
|
12167
|
-
.pf-v5-c-multiple-file-upload__title-text {
|
|
12168
|
-
color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
|
|
12169
|
-
}
|
|
12170
|
-
|
|
12171
|
-
.pf-v5-c-multiple-file-upload__title-text-separator {
|
|
12172
|
-
display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
|
|
12173
|
-
margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
|
|
12174
|
-
}
|
|
12175
|
-
|
|
12176
|
-
.pf-v5-c-multiple-file-upload__upload {
|
|
12177
|
-
grid-area: upload;
|
|
12178
|
-
}
|
|
12179
|
-
|
|
12180
|
-
.pf-v5-c-multiple-file-upload__info {
|
|
12181
|
-
grid-area: info;
|
|
12182
|
-
margin-block-start: var(--pf-v5-c-multiple-file-upload__info--MarginTop);
|
|
12183
|
-
font-size: var(--pf-v5-c-multiple-file-upload__info--FontSize);
|
|
12184
|
-
color: var(--pf-v5-c-multiple-file-upload__info--Color);
|
|
12185
|
-
}
|
|
12186
|
-
|
|
12187
|
-
.pf-v5-c-multiple-file-upload__status,
|
|
12188
|
-
.pf-v5-c-multiple-file-upload__status-item-main {
|
|
12189
|
-
min-width: 0;
|
|
12190
|
-
}
|
|
12191
|
-
|
|
12192
|
-
.pf-v5-c-multiple-file-upload__status-progress {
|
|
12193
|
-
display: grid;
|
|
12194
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
12195
|
-
gap: var(--pf-v5-c-multiple-file-upload__status-progress--Gap);
|
|
12196
|
-
}
|
|
12197
|
-
|
|
12198
|
-
.pf-v5-c-multiple-file-upload__status-progress-icon {
|
|
12199
|
-
color: var(--pf-v5-c-multiple-file-upload__status-progress-icon--Color);
|
|
12200
|
-
}
|
|
12201
|
-
|
|
12202
|
-
.pf-v5-c-multiple-file-upload__status-item {
|
|
12203
|
-
display: grid;
|
|
12204
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
12205
|
-
gap: var(--pf-v5-c-multiple-file-upload__status-item--Gap);
|
|
12206
|
-
padding-block-start: var(--pf-v5-c-multiple-file-upload__status-item--PaddingTop);
|
|
12207
|
-
padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
|
|
12208
|
-
border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
|
|
12209
|
-
}
|
|
12210
|
-
|
|
12211
|
-
.pf-v5-c-multiple-file-upload__status-item:first-child {
|
|
12212
|
-
--pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
|
|
12213
|
-
}
|
|
12214
|
-
|
|
12215
|
-
.pf-v5-c-multiple-file-upload__status-item-icon {
|
|
12216
|
-
color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
|
|
12217
|
-
}
|
|
12218
|
-
|
|
12219
|
-
.pf-v5-c-multiple-file-upload__status-item-close {
|
|
12220
|
-
margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
|
|
12221
|
-
}
|
|
12222
|
-
|
|
12223
|
-
.pf-v5-c-multiple-file-upload__status-item-progress {
|
|
12224
|
-
display: grid;
|
|
12225
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
12226
|
-
gap: var(--pf-v5-c-multiple-file-upload__status-item-progress--Gap);
|
|
12227
|
-
}
|
|
12228
|
-
|
|
12229
|
-
.pf-v5-c-multiple-file-upload__status-item-progress-text {
|
|
12230
|
-
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-text--Color);
|
|
12231
|
-
}
|
|
12232
|
-
|
|
12233
|
-
.pf-v5-c-multiple-file-upload__status-item-progress-size {
|
|
12234
|
-
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-size--Color);
|
|
12235
|
-
}
|
|
12236
|
-
|
|
12237
12058
|
.pf-v5-c-modal-box {
|
|
12238
12059
|
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
12239
12060
|
--pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
|
|
@@ -12330,112 +12151,299 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
12330
12151
|
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-custom__title-icon--Color);
|
|
12331
12152
|
}
|
|
12332
12153
|
|
|
12333
|
-
.pf-v5-c-modal-box__title.pf-m-info, .pf-v5-c-modal-box.pf-m-info {
|
|
12334
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-info__title-icon--Color);
|
|
12154
|
+
.pf-v5-c-modal-box__title.pf-m-info, .pf-v5-c-modal-box.pf-m-info {
|
|
12155
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-info__title-icon--Color);
|
|
12156
|
+
}
|
|
12157
|
+
|
|
12158
|
+
.pf-v5-c-modal-box__close {
|
|
12159
|
+
position: absolute;
|
|
12160
|
+
inset-block-start: var(--pf-v5-c-modal-box__close--Top);
|
|
12161
|
+
inset-inline-end: var(--pf-v5-c-modal-box__close--Right);
|
|
12162
|
+
}
|
|
12163
|
+
|
|
12164
|
+
.pf-v5-c-modal-box__close + * {
|
|
12165
|
+
margin-inline-end: var(--pf-v5-c-modal-box__close--sibling--MarginRight);
|
|
12166
|
+
}
|
|
12167
|
+
|
|
12168
|
+
.pf-v5-c-modal-box__header {
|
|
12169
|
+
display: flex;
|
|
12170
|
+
flex-direction: column;
|
|
12171
|
+
flex-shrink: 0;
|
|
12172
|
+
padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
|
|
12173
|
+
padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
|
|
12174
|
+
padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
|
|
12175
|
+
}
|
|
12176
|
+
|
|
12177
|
+
.pf-v5-c-modal-box__header.pf-m-help {
|
|
12178
|
+
display: flex;
|
|
12179
|
+
flex-direction: row;
|
|
12180
|
+
}
|
|
12181
|
+
|
|
12182
|
+
.pf-v5-c-modal-box__header:last-child {
|
|
12183
|
+
padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
|
|
12184
|
+
}
|
|
12185
|
+
|
|
12186
|
+
.pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
|
|
12187
|
+
--pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
|
|
12188
|
+
}
|
|
12189
|
+
|
|
12190
|
+
.pf-v5-c-modal-box__header-main {
|
|
12191
|
+
flex-grow: 1;
|
|
12192
|
+
min-width: 0;
|
|
12193
|
+
}
|
|
12194
|
+
|
|
12195
|
+
.pf-v5-c-modal-box__title,
|
|
12196
|
+
.pf-v5-c-modal-box__title-text {
|
|
12197
|
+
overflow: hidden;
|
|
12198
|
+
text-overflow: ellipsis;
|
|
12199
|
+
white-space: nowrap;
|
|
12200
|
+
}
|
|
12201
|
+
|
|
12202
|
+
.pf-v5-c-modal-box__title {
|
|
12203
|
+
flex: 0 0 auto;
|
|
12204
|
+
font-family: var(--pf-v5-c-modal-box__title--FontFamily);
|
|
12205
|
+
font-size: var(--pf-v5-c-modal-box__title--FontSize);
|
|
12206
|
+
line-height: var(--pf-v5-c-modal-box__title--LineHeight);
|
|
12207
|
+
}
|
|
12208
|
+
|
|
12209
|
+
.pf-v5-c-modal-box__title.pf-m-icon {
|
|
12210
|
+
display: flex;
|
|
12211
|
+
}
|
|
12212
|
+
|
|
12213
|
+
.pf-v5-c-modal-box__title-icon {
|
|
12214
|
+
margin-inline-end: var(--pf-v5-c-modal-box__title-icon--MarginRight);
|
|
12215
|
+
color: var(--pf-v5-c-modal-box__title-icon--Color);
|
|
12216
|
+
}
|
|
12217
|
+
|
|
12218
|
+
.pf-v5-c-modal-box__description {
|
|
12219
|
+
padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
|
|
12220
|
+
}
|
|
12221
|
+
|
|
12222
|
+
.pf-v5-c-modal-box__body {
|
|
12223
|
+
flex: 1 1 auto;
|
|
12224
|
+
min-height: var(--pf-v5-c-modal-box__body--MinHeight);
|
|
12225
|
+
padding-block-start: var(--pf-v5-c-modal-box__body--PaddingTop);
|
|
12226
|
+
padding-inline-start: var(--pf-v5-c-modal-box__body--PaddingLeft);
|
|
12227
|
+
padding-inline-end: var(--pf-v5-c-modal-box__body--PaddingRight);
|
|
12228
|
+
overflow-x: hidden;
|
|
12229
|
+
overflow-y: auto;
|
|
12230
|
+
overscroll-behavior: contain;
|
|
12231
|
+
word-break: break-word;
|
|
12232
|
+
-webkit-overflow-scrolling: touch;
|
|
12233
|
+
}
|
|
12234
|
+
|
|
12235
|
+
.pf-v5-c-modal-box__body:last-child {
|
|
12236
|
+
padding-block-end: var(--pf-v5-c-modal-box__body--last-child--PaddingBottom);
|
|
12237
|
+
}
|
|
12238
|
+
|
|
12239
|
+
.pf-v5-c-modal-box__footer {
|
|
12240
|
+
display: flex;
|
|
12241
|
+
flex: 0 0 auto;
|
|
12242
|
+
align-items: center;
|
|
12243
|
+
padding-block-start: var(--pf-v5-c-modal-box__footer--PaddingTop);
|
|
12244
|
+
padding-block-end: var(--pf-v5-c-modal-box__footer--PaddingBottom);
|
|
12245
|
+
padding-inline-start: var(--pf-v5-c-modal-box__footer--PaddingLeft);
|
|
12246
|
+
padding-inline-end: var(--pf-v5-c-modal-box__footer--PaddingRight);
|
|
12247
|
+
}
|
|
12248
|
+
|
|
12249
|
+
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12250
|
+
margin-inline-end: var(--pf-v5-c-modal-box__footer--c-button--MarginRight);
|
|
12251
|
+
}
|
|
12252
|
+
|
|
12253
|
+
@media screen and (min-width: 576px) {
|
|
12254
|
+
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12255
|
+
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
|
|
12256
|
+
}
|
|
12257
|
+
}
|
|
12258
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
|
|
12259
|
+
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
12260
|
+
}
|
|
12261
|
+
|
|
12262
|
+
.pf-v5-c-multiple-file-upload {
|
|
12263
|
+
--pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
12264
|
+
--pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
|
|
12265
|
+
--pf-v5-c-multiple-file-upload__main--TextAlign: center;
|
|
12266
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
12267
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
12268
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas:
|
|
12269
|
+
"title"
|
|
12270
|
+
"upload"
|
|
12271
|
+
"info";
|
|
12272
|
+
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-global--spacer--md);
|
|
12273
|
+
--pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12274
|
+
--pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12275
|
+
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
12276
|
+
--pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12277
|
+
--pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
12278
|
+
--pf-v5-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
12279
|
+
--pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
12280
|
+
--pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
12281
|
+
--pf-v5-c-multiple-file-upload__title--Display: grid;
|
|
12282
|
+
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
12283
|
+
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
|
|
12284
|
+
--pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12285
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
|
|
12286
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
12287
|
+
--pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
12288
|
+
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-global--Color--200);
|
|
12289
|
+
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
12290
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
|
|
12291
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-v5-global--active-color--100);
|
|
12292
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-v5-global--palette--blue-50);
|
|
12293
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-v5-global--active-color--100);
|
|
12294
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-v5-global--active-color--100);
|
|
12295
|
+
--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-v5-global--active-color--100);
|
|
12296
|
+
--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
12297
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
12298
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
12299
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
12300
|
+
"title upload"
|
|
12301
|
+
"info upload";
|
|
12302
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--2xl);
|
|
12303
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12304
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
12305
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-v5-global--spacer--xs);
|
|
12306
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
12307
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
|
|
12308
|
+
--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
|
|
12309
|
+
--pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
12310
|
+
--pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
|
|
12311
|
+
--pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12312
|
+
--pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
12313
|
+
--pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
12314
|
+
--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
|
|
12315
|
+
--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
12316
|
+
--pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
|
|
12317
|
+
--pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
12318
|
+
--pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
12319
|
+
--pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
12320
|
+
--pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
12321
|
+
--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
12322
|
+
--pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
|
|
12323
|
+
--pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-v5-global--primary-color--100);
|
|
12324
|
+
--pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-v5-global--Color--200);
|
|
12325
|
+
display: grid;
|
|
12326
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload--GridTemplateColumns);
|
|
12327
|
+
gap: var(--pf-v5-c-multiple-file-upload--Gap);
|
|
12328
|
+
}
|
|
12329
|
+
|
|
12330
|
+
.pf-v5-c-multiple-file-upload.pf-m-horizontal {
|
|
12331
|
+
--pf-v5-c-multiple-file-upload--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
12332
|
+
--pf-v5-c-multiple-file-upload__main--TextAlign: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
12333
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
12334
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
12335
|
+
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
12336
|
+
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
|
|
12337
|
+
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
12338
|
+
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
12339
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
12340
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
|
|
12341
|
+
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
|
|
12342
|
+
}
|
|
12343
|
+
|
|
12344
|
+
.pf-v5-c-multiple-file-upload.pf-m-drag-over {
|
|
12345
|
+
--pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
12346
|
+
--pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
12347
|
+
--pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
|
|
12348
|
+
--pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
|
|
12349
|
+
--pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
|
|
12350
|
+
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
|
|
12351
|
+
}
|
|
12352
|
+
|
|
12353
|
+
.pf-v5-c-multiple-file-upload__main {
|
|
12354
|
+
display: grid;
|
|
12355
|
+
grid-template-areas: var(--pf-v5-c-multiple-file-upload__main--GridTemplateAreas);
|
|
12356
|
+
grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
|
|
12357
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
|
|
12358
|
+
gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
|
|
12359
|
+
padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
|
|
12360
|
+
padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
|
|
12361
|
+
padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
|
|
12362
|
+
padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
|
|
12363
|
+
text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
|
|
12364
|
+
background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
|
|
12365
|
+
border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
|
|
12335
12366
|
}
|
|
12336
12367
|
|
|
12337
|
-
.pf-v5-c-
|
|
12338
|
-
|
|
12339
|
-
|
|
12340
|
-
|
|
12368
|
+
.pf-v5-c-multiple-file-upload__title {
|
|
12369
|
+
display: var(--pf-v5-c-multiple-file-upload__title--Display);
|
|
12370
|
+
grid-area: title;
|
|
12371
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__title--GridTemplateColumns);
|
|
12372
|
+
gap: var(--pf-v5-c-multiple-file-upload__title--Gap);
|
|
12341
12373
|
}
|
|
12342
12374
|
|
|
12343
|
-
.pf-v5-c-
|
|
12344
|
-
|
|
12375
|
+
.pf-v5-c-multiple-file-upload__title-icon {
|
|
12376
|
+
color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
|
|
12345
12377
|
}
|
|
12346
12378
|
|
|
12347
|
-
.pf-v5-c-
|
|
12348
|
-
|
|
12349
|
-
flex-direction: column;
|
|
12350
|
-
flex-shrink: 0;
|
|
12351
|
-
padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
|
|
12352
|
-
padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
|
|
12353
|
-
padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
|
|
12379
|
+
.pf-v5-c-multiple-file-upload__title-text {
|
|
12380
|
+
color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
|
|
12354
12381
|
}
|
|
12355
12382
|
|
|
12356
|
-
.pf-v5-c-
|
|
12357
|
-
display:
|
|
12358
|
-
|
|
12383
|
+
.pf-v5-c-multiple-file-upload__title-text-separator {
|
|
12384
|
+
display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
|
|
12385
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
|
|
12359
12386
|
}
|
|
12360
12387
|
|
|
12361
|
-
.pf-v5-c-
|
|
12362
|
-
|
|
12388
|
+
.pf-v5-c-multiple-file-upload__upload {
|
|
12389
|
+
grid-area: upload;
|
|
12363
12390
|
}
|
|
12364
12391
|
|
|
12365
|
-
.pf-v5-c-
|
|
12366
|
-
|
|
12392
|
+
.pf-v5-c-multiple-file-upload__info {
|
|
12393
|
+
grid-area: info;
|
|
12394
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__info--MarginTop);
|
|
12395
|
+
font-size: var(--pf-v5-c-multiple-file-upload__info--FontSize);
|
|
12396
|
+
color: var(--pf-v5-c-multiple-file-upload__info--Color);
|
|
12367
12397
|
}
|
|
12368
12398
|
|
|
12369
|
-
.pf-v5-c-
|
|
12370
|
-
|
|
12399
|
+
.pf-v5-c-multiple-file-upload__status,
|
|
12400
|
+
.pf-v5-c-multiple-file-upload__status-item-main {
|
|
12371
12401
|
min-width: 0;
|
|
12372
12402
|
}
|
|
12373
12403
|
|
|
12374
|
-
.pf-v5-c-
|
|
12375
|
-
|
|
12376
|
-
|
|
12377
|
-
|
|
12378
|
-
white-space: nowrap;
|
|
12379
|
-
}
|
|
12380
|
-
|
|
12381
|
-
.pf-v5-c-modal-box__title {
|
|
12382
|
-
flex: 0 0 auto;
|
|
12383
|
-
font-family: var(--pf-v5-c-modal-box__title--FontFamily);
|
|
12384
|
-
font-size: var(--pf-v5-c-modal-box__title--FontSize);
|
|
12385
|
-
line-height: var(--pf-v5-c-modal-box__title--LineHeight);
|
|
12404
|
+
.pf-v5-c-multiple-file-upload__status-progress {
|
|
12405
|
+
display: grid;
|
|
12406
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
12407
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-progress--Gap);
|
|
12386
12408
|
}
|
|
12387
12409
|
|
|
12388
|
-
.pf-v5-c-
|
|
12389
|
-
|
|
12410
|
+
.pf-v5-c-multiple-file-upload__status-progress-icon {
|
|
12411
|
+
color: var(--pf-v5-c-multiple-file-upload__status-progress-icon--Color);
|
|
12390
12412
|
}
|
|
12391
12413
|
|
|
12392
|
-
.pf-v5-c-
|
|
12393
|
-
|
|
12394
|
-
|
|
12414
|
+
.pf-v5-c-multiple-file-upload__status-item {
|
|
12415
|
+
display: grid;
|
|
12416
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
12417
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-item--Gap);
|
|
12418
|
+
padding-block-start: var(--pf-v5-c-multiple-file-upload__status-item--PaddingTop);
|
|
12419
|
+
padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
|
|
12420
|
+
border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
|
|
12395
12421
|
}
|
|
12396
12422
|
|
|
12397
|
-
.pf-v5-c-
|
|
12398
|
-
|
|
12423
|
+
.pf-v5-c-multiple-file-upload__status-item:first-child {
|
|
12424
|
+
--pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
|
|
12399
12425
|
}
|
|
12400
12426
|
|
|
12401
|
-
.pf-v5-c-
|
|
12402
|
-
|
|
12403
|
-
min-height: var(--pf-v5-c-modal-box__body--MinHeight);
|
|
12404
|
-
padding-block-start: var(--pf-v5-c-modal-box__body--PaddingTop);
|
|
12405
|
-
padding-inline-start: var(--pf-v5-c-modal-box__body--PaddingLeft);
|
|
12406
|
-
padding-inline-end: var(--pf-v5-c-modal-box__body--PaddingRight);
|
|
12407
|
-
overflow-x: hidden;
|
|
12408
|
-
overflow-y: auto;
|
|
12409
|
-
overscroll-behavior: contain;
|
|
12410
|
-
word-break: break-word;
|
|
12411
|
-
-webkit-overflow-scrolling: touch;
|
|
12427
|
+
.pf-v5-c-multiple-file-upload__status-item-icon {
|
|
12428
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
|
|
12412
12429
|
}
|
|
12413
12430
|
|
|
12414
|
-
.pf-v5-c-
|
|
12415
|
-
|
|
12431
|
+
.pf-v5-c-multiple-file-upload__status-item-close {
|
|
12432
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
|
|
12416
12433
|
}
|
|
12417
12434
|
|
|
12418
|
-
.pf-v5-c-
|
|
12419
|
-
display:
|
|
12420
|
-
|
|
12421
|
-
|
|
12422
|
-
padding-block-start: var(--pf-v5-c-modal-box__footer--PaddingTop);
|
|
12423
|
-
padding-block-end: var(--pf-v5-c-modal-box__footer--PaddingBottom);
|
|
12424
|
-
padding-inline-start: var(--pf-v5-c-modal-box__footer--PaddingLeft);
|
|
12425
|
-
padding-inline-end: var(--pf-v5-c-modal-box__footer--PaddingRight);
|
|
12435
|
+
.pf-v5-c-multiple-file-upload__status-item-progress {
|
|
12436
|
+
display: grid;
|
|
12437
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
12438
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-item-progress--Gap);
|
|
12426
12439
|
}
|
|
12427
12440
|
|
|
12428
|
-
.pf-v5-c-
|
|
12429
|
-
|
|
12441
|
+
.pf-v5-c-multiple-file-upload__status-item-progress-text {
|
|
12442
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-text--Color);
|
|
12430
12443
|
}
|
|
12431
12444
|
|
|
12432
|
-
|
|
12433
|
-
|
|
12434
|
-
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
|
|
12435
|
-
}
|
|
12436
|
-
}
|
|
12437
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
|
|
12438
|
-
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
12445
|
+
.pf-v5-c-multiple-file-upload__status-item-progress-size {
|
|
12446
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-size--Color);
|
|
12439
12447
|
}
|
|
12440
12448
|
|
|
12441
12449
|
.pf-v5-l-bullseye {
|
|
@@ -16371,6 +16379,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
16371
16379
|
}
|
|
16372
16380
|
|
|
16373
16381
|
.pf-v5-c-progress-stepper__step-title.pf-m-help-text {
|
|
16382
|
+
padding: 0;
|
|
16374
16383
|
text-decoration: underline;
|
|
16375
16384
|
text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
16376
16385
|
text-decoration-style: dashed;
|
|
@@ -19194,66 +19203,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
19194
19203
|
--pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
19195
19204
|
}
|
|
19196
19205
|
|
|
19197
|
-
.pf-v5-c-title {
|
|
19198
|
-
--pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
19199
|
-
--pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19200
|
-
--pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
19201
|
-
--pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19202
|
-
--pf-v5-c-title--m-3xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19203
|
-
--pf-v5-c-title--m-3xl--FontSize: var(--pf-v5-global--FontSize--3xl);
|
|
19204
|
-
--pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19205
|
-
--pf-v5-c-title--m-2xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19206
|
-
--pf-v5-c-title--m-2xl--FontSize: var(--pf-v5-global--FontSize--2xl);
|
|
19207
|
-
--pf-v5-c-title--m-2xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19208
|
-
--pf-v5-c-title--m-xl--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19209
|
-
--pf-v5-c-title--m-xl--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
19210
|
-
--pf-v5-c-title--m-xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19211
|
-
--pf-v5-c-title--m-lg--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19212
|
-
--pf-v5-c-title--m-lg--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
19213
|
-
--pf-v5-c-title--m-lg--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19214
|
-
--pf-v5-c-title--m-md--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19215
|
-
--pf-v5-c-title--m-md--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19216
|
-
--pf-v5-c-title--m-md--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19217
|
-
font-family: var(--pf-v5-c-title--FontFamily);
|
|
19218
|
-
word-break: break-word;
|
|
19219
|
-
}
|
|
19220
|
-
|
|
19221
|
-
.pf-v5-c-title.pf-m-4xl {
|
|
19222
|
-
font-size: var(--pf-v5-c-title--m-4xl--FontSize);
|
|
19223
|
-
font-weight: var(--pf-v5-c-title--m-4xl--FontWeight);
|
|
19224
|
-
line-height: var(--pf-v5-c-title--m-4xl--LineHeight);
|
|
19225
|
-
}
|
|
19226
|
-
|
|
19227
|
-
.pf-v5-c-title.pf-m-3xl {
|
|
19228
|
-
font-size: var(--pf-v5-c-title--m-3xl--FontSize);
|
|
19229
|
-
font-weight: var(--pf-v5-c-title--m-3xl--FontWeight);
|
|
19230
|
-
line-height: var(--pf-v5-c-title--m-3xl--LineHeight);
|
|
19231
|
-
}
|
|
19232
|
-
|
|
19233
|
-
.pf-v5-c-title.pf-m-2xl {
|
|
19234
|
-
font-size: var(--pf-v5-c-title--m-2xl--FontSize);
|
|
19235
|
-
font-weight: var(--pf-v5-c-title--m-2xl--FontWeight);
|
|
19236
|
-
line-height: var(--pf-v5-c-title--m-2xl--LineHeight);
|
|
19237
|
-
}
|
|
19238
|
-
|
|
19239
|
-
.pf-v5-c-title.pf-m-xl {
|
|
19240
|
-
font-size: var(--pf-v5-c-title--m-xl--FontSize);
|
|
19241
|
-
font-weight: var(--pf-v5-c-title--m-xl--FontWeight);
|
|
19242
|
-
line-height: var(--pf-v5-c-title--m-xl--LineHeight);
|
|
19243
|
-
}
|
|
19244
|
-
|
|
19245
|
-
.pf-v5-c-title.pf-m-lg {
|
|
19246
|
-
font-size: var(--pf-v5-c-title--m-lg--FontSize);
|
|
19247
|
-
font-weight: var(--pf-v5-c-title--m-lg--FontWeight);
|
|
19248
|
-
line-height: var(--pf-v5-c-title--m-lg--LineHeight);
|
|
19249
|
-
}
|
|
19250
|
-
|
|
19251
|
-
.pf-v5-c-title.pf-m-md {
|
|
19252
|
-
font-size: var(--pf-v5-c-title--m-md--FontSize);
|
|
19253
|
-
font-weight: var(--pf-v5-c-title--m-md--FontWeight);
|
|
19254
|
-
line-height: var(--pf-v5-c-title--m-md--LineHeight);
|
|
19255
|
-
}
|
|
19256
|
-
|
|
19257
19206
|
.pf-v5-c-toggle-group {
|
|
19258
19207
|
--pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
19259
19208
|
--pf-v5-c-toggle-group__button--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
@@ -19380,6 +19329,66 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
19380
19329
|
--pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
|
|
19381
19330
|
}
|
|
19382
19331
|
|
|
19332
|
+
.pf-v5-c-title {
|
|
19333
|
+
--pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
19334
|
+
--pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19335
|
+
--pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
19336
|
+
--pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19337
|
+
--pf-v5-c-title--m-3xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19338
|
+
--pf-v5-c-title--m-3xl--FontSize: var(--pf-v5-global--FontSize--3xl);
|
|
19339
|
+
--pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19340
|
+
--pf-v5-c-title--m-2xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19341
|
+
--pf-v5-c-title--m-2xl--FontSize: var(--pf-v5-global--FontSize--2xl);
|
|
19342
|
+
--pf-v5-c-title--m-2xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19343
|
+
--pf-v5-c-title--m-xl--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19344
|
+
--pf-v5-c-title--m-xl--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
19345
|
+
--pf-v5-c-title--m-xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19346
|
+
--pf-v5-c-title--m-lg--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19347
|
+
--pf-v5-c-title--m-lg--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
19348
|
+
--pf-v5-c-title--m-lg--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19349
|
+
--pf-v5-c-title--m-md--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19350
|
+
--pf-v5-c-title--m-md--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19351
|
+
--pf-v5-c-title--m-md--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19352
|
+
font-family: var(--pf-v5-c-title--FontFamily);
|
|
19353
|
+
word-break: break-word;
|
|
19354
|
+
}
|
|
19355
|
+
|
|
19356
|
+
.pf-v5-c-title.pf-m-4xl {
|
|
19357
|
+
font-size: var(--pf-v5-c-title--m-4xl--FontSize);
|
|
19358
|
+
font-weight: var(--pf-v5-c-title--m-4xl--FontWeight);
|
|
19359
|
+
line-height: var(--pf-v5-c-title--m-4xl--LineHeight);
|
|
19360
|
+
}
|
|
19361
|
+
|
|
19362
|
+
.pf-v5-c-title.pf-m-3xl {
|
|
19363
|
+
font-size: var(--pf-v5-c-title--m-3xl--FontSize);
|
|
19364
|
+
font-weight: var(--pf-v5-c-title--m-3xl--FontWeight);
|
|
19365
|
+
line-height: var(--pf-v5-c-title--m-3xl--LineHeight);
|
|
19366
|
+
}
|
|
19367
|
+
|
|
19368
|
+
.pf-v5-c-title.pf-m-2xl {
|
|
19369
|
+
font-size: var(--pf-v5-c-title--m-2xl--FontSize);
|
|
19370
|
+
font-weight: var(--pf-v5-c-title--m-2xl--FontWeight);
|
|
19371
|
+
line-height: var(--pf-v5-c-title--m-2xl--LineHeight);
|
|
19372
|
+
}
|
|
19373
|
+
|
|
19374
|
+
.pf-v5-c-title.pf-m-xl {
|
|
19375
|
+
font-size: var(--pf-v5-c-title--m-xl--FontSize);
|
|
19376
|
+
font-weight: var(--pf-v5-c-title--m-xl--FontWeight);
|
|
19377
|
+
line-height: var(--pf-v5-c-title--m-xl--LineHeight);
|
|
19378
|
+
}
|
|
19379
|
+
|
|
19380
|
+
.pf-v5-c-title.pf-m-lg {
|
|
19381
|
+
font-size: var(--pf-v5-c-title--m-lg--FontSize);
|
|
19382
|
+
font-weight: var(--pf-v5-c-title--m-lg--FontWeight);
|
|
19383
|
+
line-height: var(--pf-v5-c-title--m-lg--LineHeight);
|
|
19384
|
+
}
|
|
19385
|
+
|
|
19386
|
+
.pf-v5-c-title.pf-m-md {
|
|
19387
|
+
font-size: var(--pf-v5-c-title--m-md--FontSize);
|
|
19388
|
+
font-weight: var(--pf-v5-c-title--m-md--FontWeight);
|
|
19389
|
+
line-height: var(--pf-v5-c-title--m-md--LineHeight);
|
|
19390
|
+
}
|
|
19391
|
+
|
|
19383
19392
|
.pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group {
|
|
19384
19393
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
19385
19394
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|