@patternfly/react-templates 1.1.0-prerelease.18 → 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);
|
|
@@ -1018,6 +944,80 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1018
944
|
--pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
|
|
1019
945
|
}
|
|
1020
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
|
+
|
|
1021
1021
|
.pf-v5-c-accordion {
|
|
1022
1022
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1023
1023
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -2142,6 +2142,112 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
2142
2142
|
max-width: 100%;
|
|
2143
2143
|
}
|
|
2144
2144
|
|
|
2145
|
+
.pf-v5-c-breadcrumb {
|
|
2146
|
+
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2147
|
+
--pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
2148
|
+
--pf-v5-c-breadcrumb__item--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
2149
|
+
--pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--icon--Color--dark);
|
|
2150
|
+
--pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
2151
|
+
--pf-v5-c-breadcrumb__item-divider--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2152
|
+
--pf-v5-c-breadcrumb__link--Color: var(--pf-v5-global--link--Color);
|
|
2153
|
+
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
|
|
2154
|
+
--pf-v5-c-breadcrumb__link--hover--Color: var(--pf-v5-global--link--Color--hover);
|
|
2155
|
+
--pf-v5-c-breadcrumb__link--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
|
|
2156
|
+
--pf-v5-c-breadcrumb__link--m-current--Color: var(--pf-v5-global--Color--100);
|
|
2157
|
+
--pf-v5-c-breadcrumb__link--BackgroundColor: transparent;
|
|
2158
|
+
--pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2159
|
+
--pf-v5-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
2160
|
+
--pf-v5-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-v5-c-breadcrumb__item--MarginRight) * -1);
|
|
2161
|
+
--pf-v5-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
2162
|
+
--pf-v5-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-v5-c-breadcrumb__item-divider--MarginRight) * -1);
|
|
2163
|
+
--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
2164
|
+
display: inline-flex;
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2167
|
+
.pf-v5-c-breadcrumb__list {
|
|
2168
|
+
display: flex;
|
|
2169
|
+
flex-wrap: wrap;
|
|
2170
|
+
align-items: center;
|
|
2171
|
+
}
|
|
2172
|
+
|
|
2173
|
+
.pf-v5-c-breadcrumb__item {
|
|
2174
|
+
display: flex;
|
|
2175
|
+
align-items: baseline;
|
|
2176
|
+
font-size: var(--pf-v5-c-breadcrumb__item--FontSize);
|
|
2177
|
+
font-weight: var(--pf-v5-c-breadcrumb__item--FontWeight);
|
|
2178
|
+
line-height: var(--pf-v5-c-breadcrumb__item--LineHeight);
|
|
2179
|
+
white-space: nowrap;
|
|
2180
|
+
list-style: none;
|
|
2181
|
+
}
|
|
2182
|
+
|
|
2183
|
+
.pf-v5-c-breadcrumb__item:not(:last-child) {
|
|
2184
|
+
margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
|
|
2185
|
+
}
|
|
2186
|
+
|
|
2187
|
+
.pf-v5-c-breadcrumb__item-divider {
|
|
2188
|
+
margin-inline-end: var(--pf-v5-c-breadcrumb__item-divider--MarginRight);
|
|
2189
|
+
font-size: var(--pf-v5-c-breadcrumb__item-divider--FontSize);
|
|
2190
|
+
line-height: 1;
|
|
2191
|
+
color: var(--pf-v5-c-breadcrumb__item-divider--Color);
|
|
2192
|
+
}
|
|
2193
|
+
|
|
2194
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
|
|
2195
|
+
scale: -1 1;
|
|
2196
|
+
}
|
|
2197
|
+
|
|
2198
|
+
.pf-v5-c-breadcrumb__link {
|
|
2199
|
+
font-size: inherit;
|
|
2200
|
+
font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
|
|
2201
|
+
line-height: inherit;
|
|
2202
|
+
color: var(--pf-v5-c-breadcrumb__link--Color);
|
|
2203
|
+
text-decoration: var(--pf-v5-c-breadcrumb__link--TextDecoration);
|
|
2204
|
+
word-break: break-word;
|
|
2205
|
+
background-color: var(--pf-v5-c-breadcrumb__link--BackgroundColor);
|
|
2206
|
+
}
|
|
2207
|
+
|
|
2208
|
+
.pf-v5-c-breadcrumb__link:hover {
|
|
2209
|
+
--pf-v5-c-breadcrumb__link--Color: var(--pf-v5-c-breadcrumb__link--hover--Color);
|
|
2210
|
+
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-v5-c-breadcrumb__link--hover--TextDecoration);
|
|
2211
|
+
}
|
|
2212
|
+
|
|
2213
|
+
.pf-v5-c-breadcrumb__link.pf-m-current {
|
|
2214
|
+
cursor: default;
|
|
2215
|
+
}
|
|
2216
|
+
|
|
2217
|
+
.pf-v5-c-breadcrumb__link.pf-m-current, .pf-v5-c-breadcrumb__link.pf-m-current:hover {
|
|
2218
|
+
color: var(--pf-v5-c-breadcrumb__link--m-current--Color);
|
|
2219
|
+
text-decoration: none;
|
|
2220
|
+
}
|
|
2221
|
+
|
|
2222
|
+
button.pf-v5-c-breadcrumb__link {
|
|
2223
|
+
border: none;
|
|
2224
|
+
}
|
|
2225
|
+
|
|
2226
|
+
.pf-v5-c-breadcrumb__dropdown {
|
|
2227
|
+
margin-block-start: var(--pf-v5-c-breadcrumb__dropdown--MarginTop);
|
|
2228
|
+
margin-block-end: var(--pf-v5-c-breadcrumb__dropdown--MarginBottom);
|
|
2229
|
+
margin-inline-start: var(--pf-v5-c-breadcrumb__dropdown--MarginLeft);
|
|
2230
|
+
margin-inline-end: var(--pf-v5-c-breadcrumb__dropdown--MarginRight);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
.pf-v5-c-breadcrumb__dropdown .pf-v5-c-dropdown__toggle {
|
|
2234
|
+
line-height: var(--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
|
|
2235
|
+
}
|
|
2236
|
+
|
|
2237
|
+
.pf-v5-c-breadcrumb__heading {
|
|
2238
|
+
display: inline;
|
|
2239
|
+
font-size: var(--pf-v5-c-breadcrumb__heading--FontSize);
|
|
2240
|
+
}
|
|
2241
|
+
|
|
2242
|
+
.pf-v5-c-breadcrumb__link,
|
|
2243
|
+
.pf-v5-c-breadcrumb__heading {
|
|
2244
|
+
white-space: normal;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
.pf-v5-c-breadcrumb__list > :first-child .pf-v5-c-breadcrumb__item-divider {
|
|
2248
|
+
display: none;
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2145
2251
|
.pf-v5-c-button {
|
|
2146
2252
|
--pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
2147
2253
|
--pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
@@ -2772,112 +2878,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
2772
2878
|
border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
|
|
2773
2879
|
}
|
|
2774
2880
|
|
|
2775
|
-
.pf-v5-c-breadcrumb {
|
|
2776
|
-
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2777
|
-
--pf-v5-c-breadcrumb__item--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
2778
|
-
--pf-v5-c-breadcrumb__item--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
2779
|
-
--pf-v5-c-breadcrumb__item-divider--Color: var(--pf-v5-global--icon--Color--dark);
|
|
2780
|
-
--pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
2781
|
-
--pf-v5-c-breadcrumb__item-divider--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2782
|
-
--pf-v5-c-breadcrumb__link--Color: var(--pf-v5-global--link--Color);
|
|
2783
|
-
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
|
|
2784
|
-
--pf-v5-c-breadcrumb__link--hover--Color: var(--pf-v5-global--link--Color--hover);
|
|
2785
|
-
--pf-v5-c-breadcrumb__link--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
|
|
2786
|
-
--pf-v5-c-breadcrumb__link--m-current--Color: var(--pf-v5-global--Color--100);
|
|
2787
|
-
--pf-v5-c-breadcrumb__link--BackgroundColor: transparent;
|
|
2788
|
-
--pf-v5-c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
2789
|
-
--pf-v5-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
2790
|
-
--pf-v5-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-v5-c-breadcrumb__item--MarginRight) * -1);
|
|
2791
|
-
--pf-v5-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
2792
|
-
--pf-v5-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-v5-c-breadcrumb__item-divider--MarginRight) * -1);
|
|
2793
|
-
--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
2794
|
-
display: inline-flex;
|
|
2795
|
-
}
|
|
2796
|
-
|
|
2797
|
-
.pf-v5-c-breadcrumb__list {
|
|
2798
|
-
display: flex;
|
|
2799
|
-
flex-wrap: wrap;
|
|
2800
|
-
align-items: center;
|
|
2801
|
-
}
|
|
2802
|
-
|
|
2803
|
-
.pf-v5-c-breadcrumb__item {
|
|
2804
|
-
display: flex;
|
|
2805
|
-
align-items: baseline;
|
|
2806
|
-
font-size: var(--pf-v5-c-breadcrumb__item--FontSize);
|
|
2807
|
-
font-weight: var(--pf-v5-c-breadcrumb__item--FontWeight);
|
|
2808
|
-
line-height: var(--pf-v5-c-breadcrumb__item--LineHeight);
|
|
2809
|
-
white-space: nowrap;
|
|
2810
|
-
list-style: none;
|
|
2811
|
-
}
|
|
2812
|
-
|
|
2813
|
-
.pf-v5-c-breadcrumb__item:not(:last-child) {
|
|
2814
|
-
margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
|
|
2815
|
-
}
|
|
2816
|
-
|
|
2817
|
-
.pf-v5-c-breadcrumb__item-divider {
|
|
2818
|
-
margin-inline-end: var(--pf-v5-c-breadcrumb__item-divider--MarginRight);
|
|
2819
|
-
font-size: var(--pf-v5-c-breadcrumb__item-divider--FontSize);
|
|
2820
|
-
line-height: 1;
|
|
2821
|
-
color: var(--pf-v5-c-breadcrumb__item-divider--Color);
|
|
2822
|
-
}
|
|
2823
|
-
|
|
2824
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
|
|
2825
|
-
scale: -1 1;
|
|
2826
|
-
}
|
|
2827
|
-
|
|
2828
|
-
.pf-v5-c-breadcrumb__link {
|
|
2829
|
-
font-size: inherit;
|
|
2830
|
-
font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
|
|
2831
|
-
line-height: inherit;
|
|
2832
|
-
color: var(--pf-v5-c-breadcrumb__link--Color);
|
|
2833
|
-
text-decoration: var(--pf-v5-c-breadcrumb__link--TextDecoration);
|
|
2834
|
-
word-break: break-word;
|
|
2835
|
-
background-color: var(--pf-v5-c-breadcrumb__link--BackgroundColor);
|
|
2836
|
-
}
|
|
2837
|
-
|
|
2838
|
-
.pf-v5-c-breadcrumb__link:hover {
|
|
2839
|
-
--pf-v5-c-breadcrumb__link--Color: var(--pf-v5-c-breadcrumb__link--hover--Color);
|
|
2840
|
-
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-v5-c-breadcrumb__link--hover--TextDecoration);
|
|
2841
|
-
}
|
|
2842
|
-
|
|
2843
|
-
.pf-v5-c-breadcrumb__link.pf-m-current {
|
|
2844
|
-
cursor: default;
|
|
2845
|
-
}
|
|
2846
|
-
|
|
2847
|
-
.pf-v5-c-breadcrumb__link.pf-m-current, .pf-v5-c-breadcrumb__link.pf-m-current:hover {
|
|
2848
|
-
color: var(--pf-v5-c-breadcrumb__link--m-current--Color);
|
|
2849
|
-
text-decoration: none;
|
|
2850
|
-
}
|
|
2851
|
-
|
|
2852
|
-
button.pf-v5-c-breadcrumb__link {
|
|
2853
|
-
border: none;
|
|
2854
|
-
}
|
|
2855
|
-
|
|
2856
|
-
.pf-v5-c-breadcrumb__dropdown {
|
|
2857
|
-
margin-block-start: var(--pf-v5-c-breadcrumb__dropdown--MarginTop);
|
|
2858
|
-
margin-block-end: var(--pf-v5-c-breadcrumb__dropdown--MarginBottom);
|
|
2859
|
-
margin-inline-start: var(--pf-v5-c-breadcrumb__dropdown--MarginLeft);
|
|
2860
|
-
margin-inline-end: var(--pf-v5-c-breadcrumb__dropdown--MarginRight);
|
|
2861
|
-
}
|
|
2862
|
-
|
|
2863
|
-
.pf-v5-c-breadcrumb__dropdown .pf-v5-c-dropdown__toggle {
|
|
2864
|
-
line-height: var(--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
|
|
2865
|
-
}
|
|
2866
|
-
|
|
2867
|
-
.pf-v5-c-breadcrumb__heading {
|
|
2868
|
-
display: inline;
|
|
2869
|
-
font-size: var(--pf-v5-c-breadcrumb__heading--FontSize);
|
|
2870
|
-
}
|
|
2871
|
-
|
|
2872
|
-
.pf-v5-c-breadcrumb__link,
|
|
2873
|
-
.pf-v5-c-breadcrumb__heading {
|
|
2874
|
-
white-space: normal;
|
|
2875
|
-
}
|
|
2876
|
-
|
|
2877
|
-
.pf-v5-c-breadcrumb__list > :first-child .pf-v5-c-breadcrumb__item-divider {
|
|
2878
|
-
display: none;
|
|
2879
|
-
}
|
|
2880
|
-
|
|
2881
2881
|
.pf-v5-c-calendar-month {
|
|
2882
2882
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
2883
2883
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -3581,6 +3581,101 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3581
3581
|
--pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
|
|
3582
3582
|
}
|
|
3583
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
|
+
|
|
3584
3679
|
.pf-v5-c-chip {
|
|
3585
3680
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
3586
3681
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -3711,127 +3806,32 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
3711
3806
|
--pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
3712
3807
|
}
|
|
3713
3808
|
|
|
3714
|
-
.pf-v5-c-
|
|
3715
|
-
--pf-v5-
|
|
3716
|
-
--pf-v5-
|
|
3717
|
-
--pf-v5-
|
|
3718
|
-
--pf-v5-
|
|
3719
|
-
--pf-v5-
|
|
3720
|
-
--pf-v5-
|
|
3721
|
-
--pf-v5-
|
|
3722
|
-
--pf-v5-
|
|
3723
|
-
--pf-v5-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
--pf-v5-c-
|
|
3729
|
-
--pf-v5-c-
|
|
3730
|
-
--pf-v5-c-
|
|
3731
|
-
--pf-v5-c-
|
|
3732
|
-
--pf-v5-c-
|
|
3733
|
-
--pf-v5-c-
|
|
3734
|
-
--pf-v5-c-
|
|
3735
|
-
--pf-v5-c-
|
|
3736
|
-
--pf-v5-c-
|
|
3737
|
-
--pf-v5-c-
|
|
3738
|
-
--pf-v5-c-
|
|
3739
|
-
--pf-v5-c-
|
|
3740
|
-
--pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3741
|
-
--pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3742
|
-
--pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
3743
|
-
--pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3744
|
-
--pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3745
|
-
--pf-v5-c-chip-group__label--MaxWidth: 18ch;
|
|
3746
|
-
--pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3747
|
-
--pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
3748
|
-
row-gap: var(--pf-v5-c-chip-group--RowGap);
|
|
3749
|
-
column-gap: var(--pf-v5-c-chip-group--ColumnGap);
|
|
3750
|
-
max-width: 100%;
|
|
3751
|
-
padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
|
|
3752
|
-
padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
|
|
3753
|
-
padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
|
|
3754
|
-
padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
|
|
3755
|
-
}
|
|
3756
|
-
|
|
3757
|
-
.pf-v5-c-chip-group.pf-m-category {
|
|
3758
|
-
--pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
|
|
3759
|
-
--pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
|
|
3760
|
-
--pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
|
|
3761
|
-
--pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
|
|
3762
|
-
background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
|
|
3763
|
-
border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
|
|
3764
|
-
}
|
|
3765
|
-
|
|
3766
|
-
.pf-v5-c-chip-group__main {
|
|
3767
|
-
display: flex;
|
|
3768
|
-
flex: 1;
|
|
3769
|
-
flex-wrap: wrap;
|
|
3770
|
-
row-gap: var(--pf-v5-c-chip-group__main--RowGap);
|
|
3771
|
-
column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
|
|
3772
|
-
align-items: baseline;
|
|
3773
|
-
min-width: 0;
|
|
3774
|
-
}
|
|
3775
|
-
|
|
3776
|
-
.pf-v5-c-chip-group,
|
|
3777
|
-
.pf-v5-c-chip-group__list {
|
|
3778
|
-
display: inline-flex;
|
|
3779
|
-
flex-wrap: wrap;
|
|
3780
|
-
align-items: center;
|
|
3781
|
-
min-width: 0;
|
|
3782
|
-
}
|
|
3783
|
-
|
|
3784
|
-
.pf-v5-c-chip-group__list {
|
|
3785
|
-
row-gap: var(--pf-v5-c-chip-group__list--RowGap);
|
|
3786
|
-
column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
|
|
3787
|
-
}
|
|
3788
|
-
|
|
3789
|
-
.pf-v5-c-chip-group__list-item {
|
|
3790
|
-
display: inline-flex;
|
|
3791
|
-
min-width: 0;
|
|
3792
|
-
}
|
|
3793
|
-
|
|
3794
|
-
.pf-v5-c-chip-group__label {
|
|
3795
|
-
overflow: hidden;
|
|
3796
|
-
text-overflow: ellipsis;
|
|
3797
|
-
white-space: nowrap;
|
|
3798
|
-
max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
|
|
3799
|
-
font-size: var(--pf-v5-c-chip-group__label--FontSize);
|
|
3800
|
-
}
|
|
3801
|
-
|
|
3802
|
-
.pf-v5-c-chip-group__close {
|
|
3803
|
-
display: flex;
|
|
3804
|
-
align-self: flex-start;
|
|
3805
|
-
margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
|
|
3806
|
-
margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
|
|
3807
|
-
}
|
|
3808
|
-
|
|
3809
|
-
.pf-v5-c-clipboard-copy {
|
|
3810
|
-
--pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3811
|
-
--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3812
|
-
--pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
3813
|
-
--pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
3814
|
-
--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
3815
|
-
--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
3816
|
-
--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3817
|
-
--pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
|
|
3818
|
-
--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3819
|
-
--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3820
|
-
--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3821
|
-
--pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
3822
|
-
--pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
3823
|
-
--pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
|
|
3824
|
-
--pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
|
|
3825
|
-
--pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
3826
|
-
--pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3827
|
-
--pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
|
|
3828
|
-
--pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3829
|
-
--pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
3830
|
-
--pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
3831
|
-
--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3832
|
-
--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
3833
|
-
--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3834
|
-
--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3809
|
+
.pf-v5-c-clipboard-copy {
|
|
3810
|
+
--pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3811
|
+
--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3812
|
+
--pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
3813
|
+
--pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
3814
|
+
--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
3815
|
+
--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
3816
|
+
--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
3817
|
+
--pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
|
|
3818
|
+
--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3819
|
+
--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3820
|
+
--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
3821
|
+
--pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
3822
|
+
--pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
3823
|
+
--pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
|
|
3824
|
+
--pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
|
|
3825
|
+
--pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
3826
|
+
--pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
3827
|
+
--pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
|
|
3828
|
+
--pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
3829
|
+
--pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
3830
|
+
--pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
3831
|
+
--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
3832
|
+
--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
3833
|
+
--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
3834
|
+
--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
3835
3835
|
}
|
|
3836
3836
|
|
|
3837
3837
|
.pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
|
|
@@ -6246,6 +6246,127 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
6246
6246
|
--pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
6247
6247
|
}
|
|
6248
6248
|
|
|
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;
|
|
6295
|
+
}
|
|
6296
|
+
|
|
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);
|
|
6308
|
+
}
|
|
6309
|
+
|
|
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);
|
|
6312
|
+
}
|
|
6313
|
+
|
|
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);
|
|
6316
|
+
}
|
|
6317
|
+
|
|
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);
|
|
6325
|
+
}
|
|
6326
|
+
|
|
6327
|
+
.pf-v5-c-empty-state.pf-m-full-height {
|
|
6328
|
+
height: 100%;
|
|
6329
|
+
}
|
|
6330
|
+
|
|
6331
|
+
.pf-v5-c-empty-state__content {
|
|
6332
|
+
max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
|
|
6333
|
+
}
|
|
6334
|
+
|
|
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);
|
|
6340
|
+
}
|
|
6341
|
+
|
|
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);
|
|
6347
|
+
}
|
|
6348
|
+
|
|
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);
|
|
6353
|
+
}
|
|
6354
|
+
|
|
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;
|
|
6368
|
+
}
|
|
6369
|
+
|
|
6249
6370
|
.pf-v5-c-dual-list-selector {
|
|
6250
6371
|
--pf-v5-c-dual-list-selector__header--GridArea: pane-header;
|
|
6251
6372
|
--pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
@@ -6591,127 +6712,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
6591
6712
|
--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
6592
6713
|
}
|
|
6593
6714
|
|
|
6594
|
-
.pf-v5-c-empty-state {
|
|
6595
|
-
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
6596
|
-
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
6597
|
-
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
6598
|
-
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
6599
|
-
--pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
6600
|
-
--pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
6601
|
-
--pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
6602
|
-
--pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
6603
|
-
--pf-v5-c-empty-state__content--MaxWidth: none;
|
|
6604
|
-
--pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
6605
|
-
--pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
6606
|
-
--pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
6607
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
|
|
6608
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
|
|
6609
|
-
--pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
6610
|
-
--pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
6611
|
-
--pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
6612
|
-
--pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
6613
|
-
--pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
6614
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6615
|
-
--pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
6616
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
6617
|
-
--pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6618
|
-
--pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
6619
|
-
--pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
6620
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6621
|
-
--pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
|
|
6622
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
|
|
6623
|
-
--pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
6624
|
-
--pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6625
|
-
--pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
6626
|
-
--pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
|
|
6627
|
-
--pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
|
|
6628
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
|
|
6629
|
-
--pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
|
|
6630
|
-
--pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
|
|
6631
|
-
--pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
6632
|
-
display: flex;
|
|
6633
|
-
align-items: center;
|
|
6634
|
-
justify-content: center;
|
|
6635
|
-
padding-block-start: var(--pf-v5-c-empty-state--PaddingTop);
|
|
6636
|
-
padding-block-end: var(--pf-v5-c-empty-state--PaddingBottom);
|
|
6637
|
-
padding-inline-start: var(--pf-v5-c-empty-state--PaddingLeft);
|
|
6638
|
-
padding-inline-end: var(--pf-v5-c-empty-state--PaddingRight);
|
|
6639
|
-
text-align: center;
|
|
6640
|
-
}
|
|
6641
|
-
|
|
6642
|
-
.pf-v5-c-empty-state.pf-m-xs {
|
|
6643
|
-
--pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
|
|
6644
|
-
--pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
|
|
6645
|
-
--pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
|
|
6646
|
-
--pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
|
|
6647
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
|
|
6648
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
|
|
6649
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
|
|
6650
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
|
|
6651
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
|
|
6652
|
-
--pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
|
|
6653
|
-
}
|
|
6654
|
-
|
|
6655
|
-
.pf-v5-c-empty-state.pf-m-sm {
|
|
6656
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
|
|
6657
|
-
}
|
|
6658
|
-
|
|
6659
|
-
.pf-v5-c-empty-state.pf-m-lg {
|
|
6660
|
-
--pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
|
|
6661
|
-
}
|
|
6662
|
-
|
|
6663
|
-
.pf-v5-c-empty-state.pf-m-xl {
|
|
6664
|
-
--pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
|
|
6665
|
-
--pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
|
|
6666
|
-
--pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
|
|
6667
|
-
--pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
|
|
6668
|
-
--pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
|
|
6669
|
-
--pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
|
|
6670
|
-
}
|
|
6671
|
-
|
|
6672
|
-
.pf-v5-c-empty-state.pf-m-full-height {
|
|
6673
|
-
height: 100%;
|
|
6674
|
-
}
|
|
6675
|
-
|
|
6676
|
-
.pf-v5-c-empty-state__content {
|
|
6677
|
-
max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
|
|
6678
|
-
}
|
|
6679
|
-
|
|
6680
|
-
.pf-v5-c-empty-state__icon {
|
|
6681
|
-
margin-block-end: var(--pf-v5-c-empty-state__icon--MarginBottom);
|
|
6682
|
-
font-size: var(--pf-v5-c-empty-state__icon--FontSize);
|
|
6683
|
-
line-height: 1;
|
|
6684
|
-
color: var(--pf-v5-c-empty-state__icon--Color);
|
|
6685
|
-
}
|
|
6686
|
-
|
|
6687
|
-
.pf-v5-c-empty-state__title-text {
|
|
6688
|
-
font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
|
|
6689
|
-
font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
|
|
6690
|
-
font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
|
|
6691
|
-
line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
|
|
6692
|
-
}
|
|
6693
|
-
|
|
6694
|
-
.pf-v5-c-empty-state__body {
|
|
6695
|
-
margin-block-start: var(--pf-v5-c-empty-state__body--MarginTop);
|
|
6696
|
-
font-size: var(--pf-v5-c-empty-state--body--FontSize);
|
|
6697
|
-
color: var(--pf-v5-c-empty-state__body--Color);
|
|
6698
|
-
}
|
|
6699
|
-
|
|
6700
|
-
.pf-v5-c-empty-state__footer {
|
|
6701
|
-
display: flex;
|
|
6702
|
-
flex-direction: column;
|
|
6703
|
-
row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
|
|
6704
|
-
align-items: center;
|
|
6705
|
-
margin-block-start: var(--pf-v5-c-empty-state__footer--MarginTop);
|
|
6706
|
-
}
|
|
6707
|
-
|
|
6708
|
-
.pf-v5-c-empty-state__actions {
|
|
6709
|
-
display: flex;
|
|
6710
|
-
flex-wrap: wrap;
|
|
6711
|
-
gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
|
|
6712
|
-
justify-content: center;
|
|
6713
|
-
}
|
|
6714
|
-
|
|
6715
6715
|
.pf-v5-c-expandable-section {
|
|
6716
6716
|
--pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
6717
6717
|
--pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
@@ -15850,156 +15850,352 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
15850
15850
|
--pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
|
|
15851
15851
|
}
|
|
15852
15852
|
|
|
15853
|
-
.pf-v5-c-progress
|
|
15854
|
-
--pf-v5-c-progress
|
|
15855
|
-
--pf-v5-c-
|
|
15856
|
-
--pf-v5-c-
|
|
15857
|
-
--pf-v5-c-
|
|
15858
|
-
--pf-v5-c-
|
|
15859
|
-
--pf-v5-c-
|
|
15860
|
-
--pf-v5-c-
|
|
15861
|
-
--pf-v5-c-
|
|
15862
|
-
--pf-v5-c-
|
|
15863
|
-
--pf-v5-c-
|
|
15864
|
-
--pf-v5-c-
|
|
15865
|
-
--pf-v5-c-progress
|
|
15866
|
-
--pf-v5-c-progress
|
|
15867
|
-
--pf-v5-c-progress
|
|
15868
|
-
--pf-v5-c-progress
|
|
15869
|
-
--pf-v5-c-progress
|
|
15870
|
-
--pf-v5-c-progress
|
|
15871
|
-
--pf-v5-c-progress
|
|
15872
|
-
--pf-v5-c-progress
|
|
15873
|
-
--pf-v5-c-progress
|
|
15874
|
-
--pf-v5-c-progress
|
|
15875
|
-
--pf-v5-c-progress
|
|
15876
|
-
--pf-v5-c-progress
|
|
15877
|
-
--pf-v5-c-progress
|
|
15878
|
-
--pf-v5-c-progress
|
|
15879
|
-
--pf-v5-c-progress
|
|
15880
|
-
--pf-v5-c-progress
|
|
15881
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
|
|
15882
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
|
|
15883
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
|
|
15884
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
|
|
15885
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
15886
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
15887
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
|
|
15888
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
15889
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
15890
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
|
|
15891
|
-
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
|
|
15892
|
-
--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
|
|
15893
|
-
--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
|
|
15894
|
-
--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
|
|
15895
|
-
--pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
|
|
15896
|
-
--pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
|
|
15897
|
-
--pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
|
|
15898
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
|
|
15899
|
-
--pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
|
|
15900
|
-
--pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
15901
|
-
--pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15902
|
-
--pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
15903
|
-
--pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
|
|
15904
|
-
--pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
|
|
15905
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
|
|
15906
|
-
--pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
|
|
15907
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
|
|
15908
|
-
--pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
15909
|
-
--pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
15910
|
-
--pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
|
|
15911
|
-
--pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
|
|
15912
|
-
--pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
15913
|
-
--pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
|
|
15914
|
-
--pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
|
|
15915
|
-
--pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
15916
|
-
--pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
|
|
15917
|
-
--pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
|
|
15918
|
-
--pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
|
|
15919
|
-
--pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
|
|
15920
|
-
--pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
|
|
15921
|
-
--pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
15922
|
-
--pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
15923
|
-
--pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
|
|
15924
|
-
--pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
|
|
15925
|
-
--pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
|
|
15926
|
-
--pf-v5-c-progress-stepper__step-title--TextAlign: start;
|
|
15927
|
-
--pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
|
|
15928
|
-
--pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
15929
|
-
--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
15930
|
-
--pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
|
|
15931
|
-
--pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
|
|
15932
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
|
|
15933
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
|
|
15934
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
|
|
15935
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
15936
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
15937
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
15938
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
|
|
15939
|
-
--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
|
|
15940
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
|
|
15941
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
|
|
15942
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
|
|
15943
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
|
|
15944
|
-
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
|
|
15945
|
-
--pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
15946
|
-
--pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15947
|
-
--pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
|
|
15948
|
-
--pf-v5-c-progress-stepper__step-description--TextAlign: start;
|
|
15949
|
-
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
|
|
15950
|
-
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
|
|
15951
|
-
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top);
|
|
15952
|
-
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left);
|
|
15953
|
-
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width);
|
|
15954
|
-
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height);
|
|
15955
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
|
|
15956
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
|
|
15957
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
|
|
15958
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
|
|
15959
|
-
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform);
|
|
15960
|
-
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop);
|
|
15961
|
-
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight);
|
|
15962
|
-
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom);
|
|
15963
|
-
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft);
|
|
15964
|
-
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
|
|
15965
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
|
|
15966
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
|
|
15967
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
|
|
15968
|
-
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
15969
|
-
position: relative;
|
|
15853
|
+
.pf-v5-c-progress {
|
|
15854
|
+
--pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
|
|
15855
|
+
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
15856
|
+
--pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
|
|
15857
|
+
--pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
15858
|
+
--pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
15859
|
+
--pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
|
|
15860
|
+
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
|
|
15861
|
+
--pf-v5-c-progress__bar--before--Opacity: .2;
|
|
15862
|
+
--pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
|
|
15863
|
+
--pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
|
|
15864
|
+
--pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
|
|
15865
|
+
--pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
|
|
15866
|
+
--pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
|
|
15867
|
+
--pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
|
|
15868
|
+
--pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
|
|
15869
|
+
--pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
|
|
15870
|
+
--pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
|
|
15871
|
+
--pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
15872
|
+
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
|
|
15873
|
+
--pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
|
|
15874
|
+
--pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
|
|
15875
|
+
--pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15876
|
+
--pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15877
|
+
--pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
|
|
15878
|
+
--pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15879
|
+
--pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
15880
|
+
--pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
|
|
15970
15881
|
display: grid;
|
|
15971
|
-
grid-template-rows:
|
|
15972
|
-
grid-template-columns:
|
|
15973
|
-
grid-
|
|
15974
|
-
|
|
15882
|
+
grid-template-rows: 1fr auto;
|
|
15883
|
+
grid-template-columns: auto auto;
|
|
15884
|
+
grid-gap: var(--pf-v5-c-progress--GridGap);
|
|
15885
|
+
align-items: end;
|
|
15975
15886
|
}
|
|
15976
15887
|
|
|
15977
|
-
|
|
15978
|
-
|
|
15979
|
-
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
15980
|
-
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
15981
|
-
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
|
|
15982
|
-
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Left);
|
|
15983
|
-
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Width);
|
|
15984
|
-
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height);
|
|
15985
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
|
|
15986
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
|
|
15987
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
|
|
15988
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
|
|
15989
|
-
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform);
|
|
15990
|
-
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop);
|
|
15991
|
-
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight);
|
|
15992
|
-
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom);
|
|
15993
|
-
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft);
|
|
15994
|
-
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
|
|
15995
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
|
|
15996
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
|
|
15997
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: "";
|
|
15998
|
-
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
|
|
15999
|
-
}
|
|
15888
|
+
.pf-v5-c-progress.pf-m-sm {
|
|
15889
|
+
--pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
|
|
16000
15890
|
}
|
|
16001
|
-
|
|
16002
|
-
|
|
15891
|
+
|
|
15892
|
+
.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
|
|
15893
|
+
font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
|
|
15894
|
+
}
|
|
15895
|
+
|
|
15896
|
+
.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
|
|
15897
|
+
font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
|
|
15898
|
+
}
|
|
15899
|
+
|
|
15900
|
+
.pf-v5-c-progress.pf-m-lg {
|
|
15901
|
+
--pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-lg__bar--Height);
|
|
15902
|
+
}
|
|
15903
|
+
|
|
15904
|
+
.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__indicator {
|
|
15905
|
+
display: flex;
|
|
15906
|
+
align-items: center;
|
|
15907
|
+
justify-content: center;
|
|
15908
|
+
min-width: var(--pf-v5-c-progress--m-inside__indicator--MinWidth);
|
|
15909
|
+
}
|
|
15910
|
+
|
|
15911
|
+
.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__measure {
|
|
15912
|
+
font-size: var(--pf-v5-c-progress--m-inside__measure--FontSize);
|
|
15913
|
+
color: var(--pf-v5-c-progress--m-inside__measure--Color);
|
|
15914
|
+
text-align: center;
|
|
15915
|
+
}
|
|
15916
|
+
|
|
15917
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__description {
|
|
15918
|
+
grid-column: 1/3;
|
|
15919
|
+
}
|
|
15920
|
+
|
|
15921
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__status {
|
|
15922
|
+
grid-row: 2/3;
|
|
15923
|
+
grid-column: 2/3;
|
|
15924
|
+
align-self: center;
|
|
15925
|
+
}
|
|
15926
|
+
|
|
15927
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure {
|
|
15928
|
+
display: inline-block;
|
|
15929
|
+
font-size: var(--pf-v5-c-progress--m-outside__measure--FontSize);
|
|
15930
|
+
}
|
|
15931
|
+
|
|
15932
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
|
|
15933
|
+
min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
|
|
15934
|
+
text-align: start;
|
|
15935
|
+
}
|
|
15936
|
+
|
|
15937
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
|
|
15938
|
+
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
|
|
15939
|
+
grid-column: 1/2;
|
|
15940
|
+
}
|
|
15941
|
+
|
|
15942
|
+
.pf-v5-c-progress.pf-m-singleline {
|
|
15943
|
+
grid-template-rows: 1fr;
|
|
15944
|
+
}
|
|
15945
|
+
|
|
15946
|
+
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__description {
|
|
15947
|
+
display: none;
|
|
15948
|
+
}
|
|
15949
|
+
|
|
15950
|
+
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__bar {
|
|
15951
|
+
grid-row: 1/2;
|
|
15952
|
+
grid-column: 1/2;
|
|
15953
|
+
}
|
|
15954
|
+
|
|
15955
|
+
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__status {
|
|
15956
|
+
grid-row: 1/2;
|
|
15957
|
+
grid-column: 2/3;
|
|
15958
|
+
}
|
|
15959
|
+
|
|
15960
|
+
.pf-v5-c-progress.pf-m-outside, .pf-v5-c-progress.pf-m-singleline {
|
|
15961
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
15962
|
+
}
|
|
15963
|
+
|
|
15964
|
+
.pf-v5-c-progress.pf-m-success {
|
|
15965
|
+
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
|
|
15966
|
+
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
|
|
15967
|
+
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
|
|
15968
|
+
}
|
|
15969
|
+
|
|
15970
|
+
.pf-v5-c-progress.pf-m-warning {
|
|
15971
|
+
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
|
|
15972
|
+
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
|
|
15973
|
+
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
|
|
15974
|
+
}
|
|
15975
|
+
|
|
15976
|
+
.pf-v5-c-progress.pf-m-danger {
|
|
15977
|
+
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
|
|
15978
|
+
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
|
|
15979
|
+
}
|
|
15980
|
+
|
|
15981
|
+
.pf-v5-c-progress__description {
|
|
15982
|
+
grid-column: 1/2;
|
|
15983
|
+
word-break: break-word;
|
|
15984
|
+
}
|
|
15985
|
+
|
|
15986
|
+
.pf-v5-c-progress__description.pf-m-truncate {
|
|
15987
|
+
overflow: hidden;
|
|
15988
|
+
text-overflow: ellipsis;
|
|
15989
|
+
white-space: nowrap;
|
|
15990
|
+
}
|
|
15991
|
+
|
|
15992
|
+
.pf-v5-c-progress__status {
|
|
15993
|
+
display: flex;
|
|
15994
|
+
grid-row: 1/2;
|
|
15995
|
+
grid-column: 2/3;
|
|
15996
|
+
gap: var(--pf-v5-c-progress__status--Gap);
|
|
15997
|
+
align-items: flex-start;
|
|
15998
|
+
justify-content: flex-end;
|
|
15999
|
+
text-align: end;
|
|
16000
|
+
word-break: break-word;
|
|
16001
|
+
}
|
|
16002
|
+
|
|
16003
|
+
.pf-v5-c-progress__status-icon {
|
|
16004
|
+
color: var(--pf-v5-c-progress__status-icon--Color);
|
|
16005
|
+
}
|
|
16006
|
+
|
|
16007
|
+
.pf-v5-c-progress__bar::before,
|
|
16008
|
+
.pf-v5-c-progress__indicator {
|
|
16009
|
+
top: 0;
|
|
16010
|
+
left: 0;
|
|
16011
|
+
}
|
|
16012
|
+
|
|
16013
|
+
.pf-v5-c-progress__bar {
|
|
16014
|
+
position: relative;
|
|
16015
|
+
grid-row: 2/3;
|
|
16016
|
+
grid-column: 1/3;
|
|
16017
|
+
align-self: center;
|
|
16018
|
+
height: var(--pf-v5-c-progress__bar--Height);
|
|
16019
|
+
background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
|
|
16020
|
+
}
|
|
16021
|
+
|
|
16022
|
+
.pf-v5-c-progress__bar::before {
|
|
16023
|
+
position: absolute;
|
|
16024
|
+
width: 100%;
|
|
16025
|
+
height: 100%;
|
|
16026
|
+
content: "";
|
|
16027
|
+
background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
|
|
16028
|
+
opacity: var(--pf-v5-c-progress__bar--before--Opacity);
|
|
16029
|
+
}
|
|
16030
|
+
|
|
16031
|
+
.pf-v5-c-progress__indicator {
|
|
16032
|
+
position: absolute;
|
|
16033
|
+
height: var(--pf-v5-c-progress__indicator--Height);
|
|
16034
|
+
background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
|
|
16035
|
+
}
|
|
16036
|
+
|
|
16037
|
+
.pf-v5-c-progress__helper-text {
|
|
16038
|
+
grid-row: 3/4;
|
|
16039
|
+
grid-column: 1/3;
|
|
16040
|
+
margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
|
|
16041
|
+
}
|
|
16042
|
+
|
|
16043
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-progress {
|
|
16044
|
+
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16045
|
+
--pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16046
|
+
--pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16047
|
+
}
|
|
16048
|
+
|
|
16049
|
+
.pf-v5-c-progress-stepper {
|
|
16050
|
+
--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
16051
|
+
--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
16052
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
|
|
16053
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v5-c-progress-stepper__step-icon--Width) / 2);
|
|
16054
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
|
|
16055
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
|
|
16056
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--md);
|
|
16057
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
|
|
16058
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
|
|
16059
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
|
|
16060
|
+
--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
|
|
16061
|
+
--pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
16062
|
+
--pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
|
|
16063
|
+
--pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-v5-global--spacer--xl);
|
|
16064
|
+
--pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
16065
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
|
|
16066
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
16067
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
|
|
16068
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
|
|
16069
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
|
|
16070
|
+
--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft: 0;
|
|
16071
|
+
--pf-v5-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
|
|
16072
|
+
--pf-v5-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
|
|
16073
|
+
--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow: column;
|
|
16074
|
+
--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
|
|
16075
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-v5-c-progress-stepper__step-icon--Height) / 2);
|
|
16076
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
|
|
16077
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
|
|
16078
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
|
|
16079
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
|
|
16080
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
|
|
16081
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
16082
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
16083
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
|
|
16084
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
16085
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
16086
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
|
|
16087
|
+
--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
|
|
16088
|
+
--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
|
|
16089
|
+
--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
|
|
16090
|
+
--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
|
|
16091
|
+
--pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
|
|
16092
|
+
--pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
|
|
16093
|
+
--pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
|
|
16094
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
|
|
16095
|
+
--pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
|
|
16096
|
+
--pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
16097
|
+
--pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16098
|
+
--pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16099
|
+
--pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
|
|
16100
|
+
--pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
|
|
16101
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
|
|
16102
|
+
--pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
|
|
16103
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
|
|
16104
|
+
--pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
16105
|
+
--pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
16106
|
+
--pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
|
|
16107
|
+
--pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
|
|
16108
|
+
--pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
16109
|
+
--pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
|
|
16110
|
+
--pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
|
|
16111
|
+
--pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
16112
|
+
--pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
|
|
16113
|
+
--pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
|
|
16114
|
+
--pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
|
|
16115
|
+
--pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
|
|
16116
|
+
--pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
|
|
16117
|
+
--pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
|
|
16118
|
+
--pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16119
|
+
--pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
|
|
16120
|
+
--pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
|
|
16121
|
+
--pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
|
|
16122
|
+
--pf-v5-c-progress-stepper__step-title--TextAlign: start;
|
|
16123
|
+
--pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
|
|
16124
|
+
--pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16125
|
+
--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
16126
|
+
--pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
|
|
16127
|
+
--pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
|
|
16128
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
|
|
16129
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
|
|
16130
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
|
|
16131
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
16132
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
16133
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
16134
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
|
|
16135
|
+
--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
|
|
16136
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
|
|
16137
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
|
|
16138
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
|
|
16139
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
|
|
16140
|
+
--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
|
|
16141
|
+
--pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
|
|
16142
|
+
--pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16143
|
+
--pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
|
|
16144
|
+
--pf-v5-c-progress-stepper__step-description--TextAlign: start;
|
|
16145
|
+
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
|
|
16146
|
+
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
|
|
16147
|
+
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top);
|
|
16148
|
+
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left);
|
|
16149
|
+
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width);
|
|
16150
|
+
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height);
|
|
16151
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
|
|
16152
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
|
|
16153
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
|
|
16154
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
|
|
16155
|
+
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform);
|
|
16156
|
+
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop);
|
|
16157
|
+
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight);
|
|
16158
|
+
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom);
|
|
16159
|
+
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft);
|
|
16160
|
+
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
|
|
16161
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
|
|
16162
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
|
|
16163
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
|
|
16164
|
+
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
16165
|
+
position: relative;
|
|
16166
|
+
display: grid;
|
|
16167
|
+
grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
|
|
16168
|
+
grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
|
|
16169
|
+
grid-auto-columns: 1fr;
|
|
16170
|
+
grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
|
|
16171
|
+
}
|
|
16172
|
+
|
|
16173
|
+
@media screen and (min-width: 768px) {
|
|
16174
|
+
.pf-v5-c-progress-stepper {
|
|
16175
|
+
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
16176
|
+
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
16177
|
+
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
|
|
16178
|
+
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Left);
|
|
16179
|
+
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Width);
|
|
16180
|
+
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height);
|
|
16181
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
|
|
16182
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
|
|
16183
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
|
|
16184
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
|
|
16185
|
+
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform);
|
|
16186
|
+
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop);
|
|
16187
|
+
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight);
|
|
16188
|
+
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom);
|
|
16189
|
+
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft);
|
|
16190
|
+
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
|
|
16191
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
|
|
16192
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
|
|
16193
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: "";
|
|
16194
|
+
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
|
|
16195
|
+
}
|
|
16196
|
+
}
|
|
16197
|
+
.pf-v5-c-progress-stepper.pf-m-center {
|
|
16198
|
+
--pf-v5-c-progress-stepper__step-connector--JustifyContent: var(--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent);
|
|
16003
16199
|
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginRight);
|
|
16004
16200
|
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginLeft);
|
|
16005
16201
|
--pf-v5-c-progress-stepper--step-main--TextAlign: var(--pf-v5-c-progress-stepper--m-center__step-main--TextAlign, auto);
|
|
@@ -16453,234 +16649,38 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
16453
16649
|
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
|
|
16454
16650
|
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform);
|
|
16455
16651
|
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop);
|
|
16456
|
-
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight);
|
|
16457
|
-
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom);
|
|
16458
|
-
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft);
|
|
16459
|
-
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
|
|
16460
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
|
|
16461
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
|
|
16462
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: "";
|
|
16463
|
-
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
|
|
16464
|
-
}
|
|
16465
|
-
.pf-v5-c-progress-stepper.pf-m-vertical-on-2xl {
|
|
16466
|
-
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
|
|
16467
|
-
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
|
|
16468
|
-
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top);
|
|
16469
|
-
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left);
|
|
16470
|
-
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width);
|
|
16471
|
-
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height);
|
|
16472
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
|
|
16473
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
|
|
16474
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
|
|
16475
|
-
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
|
|
16476
|
-
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform);
|
|
16477
|
-
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop);
|
|
16478
|
-
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight);
|
|
16479
|
-
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom);
|
|
16480
|
-
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft);
|
|
16481
|
-
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
|
|
16482
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
|
|
16483
|
-
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
|
|
16484
|
-
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
|
|
16485
|
-
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
16486
|
-
}
|
|
16487
|
-
}
|
|
16488
|
-
.pf-v5-c-progress {
|
|
16489
|
-
--pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
|
|
16490
|
-
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
16491
|
-
--pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
|
|
16492
|
-
--pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
|
|
16493
|
-
--pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
16494
|
-
--pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
|
|
16495
|
-
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
|
|
16496
|
-
--pf-v5-c-progress__bar--before--Opacity: .2;
|
|
16497
|
-
--pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
|
|
16498
|
-
--pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
|
|
16499
|
-
--pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
|
|
16500
|
-
--pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
|
|
16501
|
-
--pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
|
|
16502
|
-
--pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
|
|
16503
|
-
--pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
|
|
16504
|
-
--pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
|
|
16505
|
-
--pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
|
|
16506
|
-
--pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
|
|
16507
|
-
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
|
|
16508
|
-
--pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
|
|
16509
|
-
--pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
|
|
16510
|
-
--pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16511
|
-
--pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16512
|
-
--pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
|
|
16513
|
-
--pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16514
|
-
--pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16515
|
-
--pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
|
|
16516
|
-
display: grid;
|
|
16517
|
-
grid-template-rows: 1fr auto;
|
|
16518
|
-
grid-template-columns: auto auto;
|
|
16519
|
-
grid-gap: var(--pf-v5-c-progress--GridGap);
|
|
16520
|
-
align-items: end;
|
|
16521
|
-
}
|
|
16522
|
-
|
|
16523
|
-
.pf-v5-c-progress.pf-m-sm {
|
|
16524
|
-
--pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
|
|
16525
|
-
}
|
|
16526
|
-
|
|
16527
|
-
.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
|
|
16528
|
-
font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
|
|
16529
|
-
}
|
|
16530
|
-
|
|
16531
|
-
.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
|
|
16532
|
-
font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
|
|
16533
|
-
}
|
|
16534
|
-
|
|
16535
|
-
.pf-v5-c-progress.pf-m-lg {
|
|
16536
|
-
--pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-lg__bar--Height);
|
|
16537
|
-
}
|
|
16538
|
-
|
|
16539
|
-
.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__indicator {
|
|
16540
|
-
display: flex;
|
|
16541
|
-
align-items: center;
|
|
16542
|
-
justify-content: center;
|
|
16543
|
-
min-width: var(--pf-v5-c-progress--m-inside__indicator--MinWidth);
|
|
16544
|
-
}
|
|
16545
|
-
|
|
16546
|
-
.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__measure {
|
|
16547
|
-
font-size: var(--pf-v5-c-progress--m-inside__measure--FontSize);
|
|
16548
|
-
color: var(--pf-v5-c-progress--m-inside__measure--Color);
|
|
16549
|
-
text-align: center;
|
|
16550
|
-
}
|
|
16551
|
-
|
|
16552
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__description {
|
|
16553
|
-
grid-column: 1/3;
|
|
16554
|
-
}
|
|
16555
|
-
|
|
16556
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__status {
|
|
16557
|
-
grid-row: 2/3;
|
|
16558
|
-
grid-column: 2/3;
|
|
16559
|
-
align-self: center;
|
|
16560
|
-
}
|
|
16561
|
-
|
|
16562
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure {
|
|
16563
|
-
display: inline-block;
|
|
16564
|
-
font-size: var(--pf-v5-c-progress--m-outside__measure--FontSize);
|
|
16565
|
-
}
|
|
16566
|
-
|
|
16567
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
|
|
16568
|
-
min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
|
|
16569
|
-
text-align: start;
|
|
16570
|
-
}
|
|
16571
|
-
|
|
16572
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
|
|
16573
|
-
.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
|
|
16574
|
-
grid-column: 1/2;
|
|
16575
|
-
}
|
|
16576
|
-
|
|
16577
|
-
.pf-v5-c-progress.pf-m-singleline {
|
|
16578
|
-
grid-template-rows: 1fr;
|
|
16579
|
-
}
|
|
16580
|
-
|
|
16581
|
-
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__description {
|
|
16582
|
-
display: none;
|
|
16583
|
-
}
|
|
16584
|
-
|
|
16585
|
-
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__bar {
|
|
16586
|
-
grid-row: 1/2;
|
|
16587
|
-
grid-column: 1/2;
|
|
16588
|
-
}
|
|
16589
|
-
|
|
16590
|
-
.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__status {
|
|
16591
|
-
grid-row: 1/2;
|
|
16592
|
-
grid-column: 2/3;
|
|
16593
|
-
}
|
|
16594
|
-
|
|
16595
|
-
.pf-v5-c-progress.pf-m-outside, .pf-v5-c-progress.pf-m-singleline {
|
|
16596
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
16597
|
-
}
|
|
16598
|
-
|
|
16599
|
-
.pf-v5-c-progress.pf-m-success {
|
|
16600
|
-
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
|
|
16601
|
-
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
|
|
16602
|
-
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
|
|
16603
|
-
}
|
|
16604
|
-
|
|
16605
|
-
.pf-v5-c-progress.pf-m-warning {
|
|
16606
|
-
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
|
|
16607
|
-
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
|
|
16608
|
-
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
|
|
16609
|
-
}
|
|
16610
|
-
|
|
16611
|
-
.pf-v5-c-progress.pf-m-danger {
|
|
16612
|
-
--pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
|
|
16613
|
-
--pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
|
|
16614
|
-
}
|
|
16615
|
-
|
|
16616
|
-
.pf-v5-c-progress__description {
|
|
16617
|
-
grid-column: 1/2;
|
|
16618
|
-
word-break: break-word;
|
|
16619
|
-
}
|
|
16620
|
-
|
|
16621
|
-
.pf-v5-c-progress__description.pf-m-truncate {
|
|
16622
|
-
overflow: hidden;
|
|
16623
|
-
text-overflow: ellipsis;
|
|
16624
|
-
white-space: nowrap;
|
|
16625
|
-
}
|
|
16626
|
-
|
|
16627
|
-
.pf-v5-c-progress__status {
|
|
16628
|
-
display: flex;
|
|
16629
|
-
grid-row: 1/2;
|
|
16630
|
-
grid-column: 2/3;
|
|
16631
|
-
gap: var(--pf-v5-c-progress__status--Gap);
|
|
16632
|
-
align-items: flex-start;
|
|
16633
|
-
justify-content: flex-end;
|
|
16634
|
-
text-align: end;
|
|
16635
|
-
word-break: break-word;
|
|
16636
|
-
}
|
|
16637
|
-
|
|
16638
|
-
.pf-v5-c-progress__status-icon {
|
|
16639
|
-
color: var(--pf-v5-c-progress__status-icon--Color);
|
|
16640
|
-
}
|
|
16641
|
-
|
|
16642
|
-
.pf-v5-c-progress__bar::before,
|
|
16643
|
-
.pf-v5-c-progress__indicator {
|
|
16644
|
-
top: 0;
|
|
16645
|
-
left: 0;
|
|
16646
|
-
}
|
|
16647
|
-
|
|
16648
|
-
.pf-v5-c-progress__bar {
|
|
16649
|
-
position: relative;
|
|
16650
|
-
grid-row: 2/3;
|
|
16651
|
-
grid-column: 1/3;
|
|
16652
|
-
align-self: center;
|
|
16653
|
-
height: var(--pf-v5-c-progress__bar--Height);
|
|
16654
|
-
background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
|
|
16655
|
-
}
|
|
16656
|
-
|
|
16657
|
-
.pf-v5-c-progress__bar::before {
|
|
16658
|
-
position: absolute;
|
|
16659
|
-
width: 100%;
|
|
16660
|
-
height: 100%;
|
|
16661
|
-
content: "";
|
|
16662
|
-
background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
|
|
16663
|
-
opacity: var(--pf-v5-c-progress__bar--before--Opacity);
|
|
16664
|
-
}
|
|
16665
|
-
|
|
16666
|
-
.pf-v5-c-progress__indicator {
|
|
16667
|
-
position: absolute;
|
|
16668
|
-
height: var(--pf-v5-c-progress__indicator--Height);
|
|
16669
|
-
background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
|
|
16670
|
-
}
|
|
16671
|
-
|
|
16672
|
-
.pf-v5-c-progress__helper-text {
|
|
16673
|
-
grid-row: 3/4;
|
|
16674
|
-
grid-column: 1/3;
|
|
16675
|
-
margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
|
|
16676
|
-
}
|
|
16677
|
-
|
|
16678
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-progress {
|
|
16679
|
-
--pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16680
|
-
--pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16681
|
-
--pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
|
|
16652
|
+
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight);
|
|
16653
|
+
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom);
|
|
16654
|
+
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft);
|
|
16655
|
+
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
|
|
16656
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
|
|
16657
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
|
|
16658
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: "";
|
|
16659
|
+
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
|
|
16660
|
+
}
|
|
16661
|
+
.pf-v5-c-progress-stepper.pf-m-vertical-on-2xl {
|
|
16662
|
+
--pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
|
|
16663
|
+
--pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
|
|
16664
|
+
--pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top);
|
|
16665
|
+
--pf-v5-c-progress-stepper__step-connector--before--Left: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left);
|
|
16666
|
+
--pf-v5-c-progress-stepper__step-connector--before--Width: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width);
|
|
16667
|
+
--pf-v5-c-progress-stepper__step-connector--before--Height: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height);
|
|
16668
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
|
|
16669
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
|
|
16670
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
|
|
16671
|
+
--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
|
|
16672
|
+
--pf-v5-c-progress-stepper__step-connector--before--Transform: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform);
|
|
16673
|
+
--pf-v5-c-progress-stepper__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop);
|
|
16674
|
+
--pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight);
|
|
16675
|
+
--pf-v5-c-progress-stepper__step-main--MarginBottom: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom);
|
|
16676
|
+
--pf-v5-c-progress-stepper__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft);
|
|
16677
|
+
--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
|
|
16678
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
|
|
16679
|
+
--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
|
|
16680
|
+
--pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
|
|
16681
|
+
--pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
16682
|
+
}
|
|
16682
16683
|
}
|
|
16683
|
-
|
|
16684
16684
|
.pf-v5-c-radio {
|
|
16685
16685
|
--pf-v5-c-radio--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
16686
16686
|
--pf-v5-c-radio__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
@@ -17231,8 +17231,242 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
17231
17231
|
z-index: var(--pf-v5-c-skip-to-content--ZIndex);
|
|
17232
17232
|
}
|
|
17233
17233
|
|
|
17234
|
-
.pf-v5-c-skip-to-content:focus-within {
|
|
17235
|
-
inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
|
|
17234
|
+
.pf-v5-c-skip-to-content:focus-within {
|
|
17235
|
+
inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
|
|
17236
|
+
}
|
|
17237
|
+
|
|
17238
|
+
.pf-v5-c-slider {
|
|
17239
|
+
--pf-v5-c-slider--value: 0;
|
|
17240
|
+
--pf-v5-c-slider__step--Left: 0;
|
|
17241
|
+
--pf-v5-c-slider__rail--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
17242
|
+
--pf-v5-c-slider__rail--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
17243
|
+
--pf-v5-c-slider__rail-track--Height: 0.25rem;
|
|
17244
|
+
--pf-v5-c-slider__rail-track--before--base--BackgroundColor: var(--pf-v5-global--BorderColor--100);
|
|
17245
|
+
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--active-color--300);
|
|
17246
|
+
--pf-v5-c-slider__rail-track--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17247
|
+
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v5-c-slider--value);
|
|
17248
|
+
--pf-v5-c-slider__rail-track--before--fill--direction: right;
|
|
17249
|
+
--pf-v5-c-slider__steps--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17250
|
+
--pf-v5-c-slider__steps--Height: var(--pf-v5-c-slider__steps--FontSize);
|
|
17251
|
+
--pf-v5-c-slider__step-tick--Top: var(--pf-v5-global--spacer--md);
|
|
17252
|
+
--pf-v5-c-slider__step-tick--Width: 0.25rem;
|
|
17253
|
+
--pf-v5-c-slider__step-tick--Height: 0.25rem;
|
|
17254
|
+
--pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-v5-global--BorderColor--200);
|
|
17255
|
+
--pf-v5-c-slider__step-tick--TranslateX: -50%;
|
|
17256
|
+
--pf-v5-c-slider__step-tick--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17257
|
+
--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
17258
|
+
--pf-v5-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
17259
|
+
--pf-v5-c-slider__step--last-child__step-tick--TranslateX: -100%;
|
|
17260
|
+
--pf-v5-c-slider__step-label--TranslateX: -50%;
|
|
17261
|
+
--pf-v5-c-slider__step-label--Top: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-slider__rail-track--Height));
|
|
17262
|
+
--pf-v5-c-slider__step--first-child__step-label--TranslateX: 0;
|
|
17263
|
+
--pf-v5-c-slider__step--last-child__step-label--TranslateX: -100%;
|
|
17264
|
+
--pf-v5-c-slider__thumb--Top: calc(var(--pf-v5-c-slider__rail-track--Height) / 2 + var(--pf-v5-global--spacer--md));
|
|
17265
|
+
--pf-v5-c-slider__thumb--Width: 1rem;
|
|
17266
|
+
--pf-v5-c-slider__thumb--Height: 1rem;
|
|
17267
|
+
--pf-v5-c-slider__thumb--Left: var(--pf-v5-c-slider--value);
|
|
17268
|
+
--pf-v5-c-slider__thumb--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
17269
|
+
--pf-v5-c-slider__thumb--TranslateX: -50%;
|
|
17270
|
+
--pf-v5-c-slider__thumb--TranslateY: -50%;
|
|
17271
|
+
--pf-v5-c-slider__thumb--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17272
|
+
--pf-v5-c-slider__thumb--BoxShadow--base:
|
|
17273
|
+
0 0 0 2px var(--pf-v5-global--BackgroundColor--100),
|
|
17274
|
+
0 0 0 3px var(--pf-v5-global--primary-color--100);
|
|
17275
|
+
--pf-v5-c-slider__thumb--hover--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
|
|
17276
|
+
--pf-v5-c-slider__thumb--focus--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
|
|
17277
|
+
--pf-v5-c-slider__thumb--active--BoxShadow:
|
|
17278
|
+
var(--pf-v5-c-slider__thumb--BoxShadow--base),
|
|
17279
|
+
0 0 2px 5px var(--pf-v5-global--active-color--200);
|
|
17280
|
+
--pf-v5-c-slider__thumb--before--Width: var(--pf-v5-global--target-size--MinWidth);
|
|
17281
|
+
--pf-v5-c-slider__thumb--before--Height: var(--pf-v5-global--target-size--MinHeight);
|
|
17282
|
+
--pf-v5-c-slider__thumb--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17283
|
+
--pf-v5-c-slider__thumb--before--TranslateX: -50%;
|
|
17284
|
+
--pf-v5-c-slider__thumb--before--TranslateY: -50%;
|
|
17285
|
+
--pf-v5-c-slider__value--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
17286
|
+
--pf-v5-c-slider__value--c-form-control--width-base: 3.5ch;
|
|
17287
|
+
--pf-v5-c-slider__value--c-form-control--width-chars: 3;
|
|
17288
|
+
--pf-v5-c-slider__value--c-form-control--Width: calc(var(--pf-v5-c-slider__value--c-form-control--width-base) + (var(--pf-v5-c-slider__value--c-form-control--width-chars) * 1ch));
|
|
17289
|
+
--pf-v5-c-slider__value--m-floating--TranslateX: -50%;
|
|
17290
|
+
--pf-v5-c-slider__value--m-floating--TranslateY: -100%;
|
|
17291
|
+
--pf-v5-c-slider__value--m-floating--Left: var(--pf-v5-c-slider--value);
|
|
17292
|
+
--pf-v5-c-slider__value--m-floating--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
17293
|
+
--pf-v5-c-slider__actions--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
17294
|
+
--pf-v5-c-slider__main--actions--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
17295
|
+
--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
17296
|
+
--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
17297
|
+
--pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
17298
|
+
display: flex;
|
|
17299
|
+
}
|
|
17300
|
+
|
|
17301
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
|
|
17302
|
+
--pf-v5-c-slider__rail-track--before--fill--direction: left;
|
|
17303
|
+
}
|
|
17304
|
+
|
|
17305
|
+
.pf-v5-c-slider.pf-m-disabled {
|
|
17306
|
+
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
17307
|
+
--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
17308
|
+
--pf-v5-c-slider__thumb--BackgroundColor: var(--pf-v5-c-slider--m-disabled__thumb--BackgroundColor);
|
|
17309
|
+
}
|
|
17310
|
+
|
|
17311
|
+
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__rail,
|
|
17312
|
+
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__thumb {
|
|
17313
|
+
cursor: not-allowed;
|
|
17314
|
+
}
|
|
17315
|
+
|
|
17316
|
+
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__thumb {
|
|
17317
|
+
--pf-v5-c-slider__thumb--BoxShadow: none;
|
|
17318
|
+
}
|
|
17319
|
+
|
|
17320
|
+
.pf-v5-c-slider__main {
|
|
17321
|
+
position: relative;
|
|
17322
|
+
flex-grow: 1;
|
|
17323
|
+
}
|
|
17324
|
+
|
|
17325
|
+
.pf-v5-c-slider__rail {
|
|
17326
|
+
padding-block-start: var(--pf-v5-c-slider__rail--PaddingTop);
|
|
17327
|
+
padding-block-end: var(--pf-v5-c-slider__rail--PaddingBottom);
|
|
17328
|
+
}
|
|
17329
|
+
|
|
17330
|
+
.pf-v5-c-slider__rail-track {
|
|
17331
|
+
position: relative;
|
|
17332
|
+
height: var(--pf-v5-c-slider__rail-track--Height);
|
|
17333
|
+
}
|
|
17334
|
+
|
|
17335
|
+
.pf-v5-c-slider__rail-track::before {
|
|
17336
|
+
position: absolute;
|
|
17337
|
+
inset: 0;
|
|
17338
|
+
content: "";
|
|
17339
|
+
background: linear-gradient(to var(--pf-v5-c-slider__rail-track--before--fill--direction), var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v5-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
17340
|
+
border-radius: var(--pf-v5-c-slider__rail-track--before--BorderRadius);
|
|
17341
|
+
}
|
|
17342
|
+
|
|
17343
|
+
.pf-v5-c-slider__steps {
|
|
17344
|
+
height: var(--pf-v5-c-slider__steps--Height);
|
|
17345
|
+
font-size: var(--pf-v5-c-slider__steps--FontSize);
|
|
17346
|
+
line-height: 1;
|
|
17347
|
+
}
|
|
17348
|
+
|
|
17349
|
+
.pf-v5-c-slider__step {
|
|
17350
|
+
position: absolute;
|
|
17351
|
+
inset-block-start: 0;
|
|
17352
|
+
inset-inline-start: var(--pf-v5-c-slider__step--Left);
|
|
17353
|
+
content: "";
|
|
17354
|
+
}
|
|
17355
|
+
|
|
17356
|
+
.pf-v5-c-slider__step.pf-m-active {
|
|
17357
|
+
--pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor);
|
|
17358
|
+
}
|
|
17359
|
+
|
|
17360
|
+
.pf-v5-c-slider__step:first-child {
|
|
17361
|
+
--pf-v5-c-slider__step-tick--TranslateX: var(--pf-v5-c-slider__step--first-child__step-tick--TranslateX);
|
|
17362
|
+
--pf-v5-c-slider__step-label--TranslateX: var(--pf-v5-c-slider__step--first-child__step-label--TranslateX);
|
|
17363
|
+
}
|
|
17364
|
+
|
|
17365
|
+
.pf-v5-c-slider__step:last-child {
|
|
17366
|
+
--pf-v5-c-slider__step-tick--TranslateX: var(--pf-v5-c-slider__step--last-child__step-tick--TranslateX);
|
|
17367
|
+
--pf-v5-c-slider__step-label--TranslateX: var(--pf-v5-c-slider__step--last-child__step-label--TranslateX);
|
|
17368
|
+
}
|
|
17369
|
+
|
|
17370
|
+
.pf-v5-c-slider__step-tick {
|
|
17371
|
+
transform: translateX(var(--pf-v5-c-slider__step-tick--TranslateX));
|
|
17372
|
+
position: absolute;
|
|
17373
|
+
inset-block-start: var(--pf-v5-c-slider__step-tick--Top);
|
|
17374
|
+
inset-inline-start: 0;
|
|
17375
|
+
width: var(--pf-v5-c-slider__step-tick--Width);
|
|
17376
|
+
height: var(--pf-v5-c-slider__step-tick--Height);
|
|
17377
|
+
background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
|
|
17378
|
+
border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
|
|
17379
|
+
}
|
|
17380
|
+
|
|
17381
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
|
|
17382
|
+
transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17383
|
+
}
|
|
17384
|
+
|
|
17385
|
+
.pf-v5-c-slider__step-label {
|
|
17386
|
+
transform: translateX(var(--pf-v5-c-slider__step-label--TranslateX));
|
|
17387
|
+
position: absolute;
|
|
17388
|
+
inset-block-start: var(--pf-v5-c-slider__step-label--Top);
|
|
17389
|
+
word-break: normal;
|
|
17390
|
+
}
|
|
17391
|
+
|
|
17392
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
|
|
17393
|
+
transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17394
|
+
}
|
|
17395
|
+
|
|
17396
|
+
.pf-v5-c-slider__thumb {
|
|
17397
|
+
transform: translate(var(--pf-v5-c-slider__thumb--TranslateX), var(--pf-v5-c-slider__thumb--TranslateY));
|
|
17398
|
+
position: absolute;
|
|
17399
|
+
inset-block-start: var(--pf-v5-c-slider__thumb--Top);
|
|
17400
|
+
inset-inline-start: var(--pf-v5-c-slider__thumb--Left);
|
|
17401
|
+
width: var(--pf-v5-c-slider__thumb--Width);
|
|
17402
|
+
height: var(--pf-v5-c-slider__thumb--Height);
|
|
17403
|
+
cursor: pointer;
|
|
17404
|
+
background-color: var(--pf-v5-c-slider__thumb--BackgroundColor);
|
|
17405
|
+
border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
|
|
17406
|
+
box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
|
|
17407
|
+
}
|
|
17408
|
+
|
|
17409
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
|
|
17410
|
+
transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
|
|
17411
|
+
}
|
|
17412
|
+
|
|
17413
|
+
.pf-v5-c-slider__thumb::before {
|
|
17414
|
+
transform: translate(var(--pf-v5-c-slider__thumb--before--TranslateX), var(--pf-v5-c-slider__thumb--before--TranslateY));
|
|
17415
|
+
position: absolute;
|
|
17416
|
+
inset-block-start: 50%;
|
|
17417
|
+
inset-inline-start: 50%;
|
|
17418
|
+
width: var(--pf-v5-c-slider__thumb--before--Width);
|
|
17419
|
+
height: var(--pf-v5-c-slider__thumb--before--Height);
|
|
17420
|
+
content: "";
|
|
17421
|
+
border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
|
|
17422
|
+
}
|
|
17423
|
+
|
|
17424
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
|
|
17425
|
+
transform: translate(calc(var(--pf-v5-c-slider__thumb--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--before--TranslateY));
|
|
17426
|
+
}
|
|
17427
|
+
|
|
17428
|
+
.pf-v5-c-slider__thumb:hover {
|
|
17429
|
+
--pf-v5-c-slider__thumb--BoxShadow: var(--pf-v5-c-slider__thumb--hover--BoxShadow);
|
|
17430
|
+
}
|
|
17431
|
+
|
|
17432
|
+
.pf-v5-c-slider__thumb:focus {
|
|
17433
|
+
--pf-v5-c-slider__thumb--BoxShadow: var(--pf-v5-c-slider__thumb--focus--BoxShadow);
|
|
17434
|
+
outline: 0;
|
|
17435
|
+
}
|
|
17436
|
+
|
|
17437
|
+
.pf-v5-c-slider__thumb:active {
|
|
17438
|
+
--pf-v5-c-slider__thumb--BoxShadow: var(--pf-v5-c-slider__thumb--active--BoxShadow);
|
|
17439
|
+
}
|
|
17440
|
+
|
|
17441
|
+
.pf-v5-c-slider__value {
|
|
17442
|
+
margin-inline-start: var(--pf-v5-c-slider__value--MarginLeft);
|
|
17443
|
+
}
|
|
17444
|
+
|
|
17445
|
+
.pf-v5-c-slider__value.pf-m-floating {
|
|
17446
|
+
transform: translate(var(--pf-v5-c-slider__value--m-floating--TranslateX), var(--pf-v5-c-slider__value--m-floating--TranslateY));
|
|
17447
|
+
--pf-v5-c-slider__value--MarginLeft: 0;
|
|
17448
|
+
position: absolute;
|
|
17449
|
+
inset-block-start: 0;
|
|
17450
|
+
inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
|
|
17451
|
+
z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
|
|
17452
|
+
}
|
|
17453
|
+
|
|
17454
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
|
|
17455
|
+
transform: translate(calc(var(--pf-v5-c-slider__value--m-floating--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__value--m-floating--TranslateY));
|
|
17456
|
+
}
|
|
17457
|
+
|
|
17458
|
+
.pf-v5-c-slider__value .pf-v5-c-form-control {
|
|
17459
|
+
width: var(--pf-v5-c-slider__value--c-form-control--Width);
|
|
17460
|
+
}
|
|
17461
|
+
|
|
17462
|
+
.pf-v5-c-slider__actions {
|
|
17463
|
+
display: flex;
|
|
17464
|
+
margin-inline-end: var(--pf-v5-c-slider__actions--MarginRight);
|
|
17465
|
+
}
|
|
17466
|
+
|
|
17467
|
+
.pf-v5-c-slider__main ~ .pf-v5-c-slider__actions {
|
|
17468
|
+
--pf-v5-c-slider__actions--MarginRight: 0;
|
|
17469
|
+
margin-inline-start: var(--pf-v5-c-slider__main--actions--MarginLeft);
|
|
17236
17470
|
}
|
|
17237
17471
|
|
|
17238
17472
|
.pf-v5-c-spinner {
|
|
@@ -17416,326 +17650,92 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
17416
17650
|
transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
|
|
17417
17651
|
}
|
|
17418
17652
|
|
|
17419
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
17420
|
-
transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17421
|
-
}
|
|
17422
|
-
|
|
17423
|
-
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
17424
|
-
display: none;
|
|
17425
|
-
}
|
|
17426
|
-
|
|
17427
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
|
|
17428
|
-
color: var(--pf-v5-c-switch__input--not-checked__label--Color);
|
|
17429
|
-
}
|
|
17430
|
-
|
|
17431
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
|
|
17432
|
-
display: none;
|
|
17433
|
-
}
|
|
17434
|
-
|
|
17435
|
-
.pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
17436
|
-
display: none;
|
|
17437
|
-
}
|
|
17438
|
-
|
|
17439
|
-
.pf-v5-c-switch__input:disabled {
|
|
17440
|
-
cursor: not-allowed;
|
|
17441
|
-
}
|
|
17442
|
-
|
|
17443
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
|
|
17444
|
-
color: var(--pf-v5-c-switch__input--disabled__label--Color);
|
|
17445
|
-
cursor: not-allowed;
|
|
17446
|
-
}
|
|
17447
|
-
|
|
17448
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
|
|
17449
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
|
|
17450
|
-
cursor: not-allowed;
|
|
17451
|
-
background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
|
|
17452
|
-
}
|
|
17453
|
-
|
|
17454
|
-
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
|
|
17455
|
-
background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
17456
|
-
}
|
|
17457
|
-
|
|
17458
|
-
.pf-v5-c-switch__toggle {
|
|
17459
|
-
position: relative;
|
|
17460
|
-
display: inline-block;
|
|
17461
|
-
width: var(--pf-v5-c-switch__toggle--Width);
|
|
17462
|
-
height: var(--pf-v5-c-switch__toggle--Height);
|
|
17463
|
-
background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
|
|
17464
|
-
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
17465
|
-
}
|
|
17466
|
-
|
|
17467
|
-
.pf-v5-c-switch__toggle::before {
|
|
17468
|
-
position: absolute;
|
|
17469
|
-
inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
|
|
17470
|
-
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
17471
|
-
display: block;
|
|
17472
|
-
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
17473
|
-
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
17474
|
-
content: "";
|
|
17475
|
-
background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
|
|
17476
|
-
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
17477
|
-
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
17478
|
-
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
17479
|
-
}
|
|
17480
|
-
|
|
17481
|
-
.pf-v5-c-switch__toggle-icon {
|
|
17482
|
-
position: absolute;
|
|
17483
|
-
inset-block-start: 0;
|
|
17484
|
-
inset-block-end: 0;
|
|
17485
|
-
inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
|
|
17486
|
-
display: flex;
|
|
17487
|
-
align-items: center;
|
|
17488
|
-
font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
|
|
17489
|
-
color: var(--pf-v5-c-switch__toggle-icon--Color);
|
|
17490
|
-
}
|
|
17491
|
-
|
|
17492
|
-
.pf-v5-c-switch__label {
|
|
17493
|
-
display: inline-block;
|
|
17494
|
-
grid-column: 2;
|
|
17495
|
-
color: var(--pf-v5-c-switch__label--Color);
|
|
17496
|
-
vertical-align: top;
|
|
17497
|
-
}
|
|
17498
|
-
|
|
17499
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-switch {
|
|
17500
|
-
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
|
|
17501
|
-
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
17502
|
-
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
17503
|
-
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
17504
|
-
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
17505
|
-
}
|
|
17506
|
-
|
|
17507
|
-
.pf-v5-c-slider {
|
|
17508
|
-
--pf-v5-c-slider--value: 0;
|
|
17509
|
-
--pf-v5-c-slider__step--Left: 0;
|
|
17510
|
-
--pf-v5-c-slider__rail--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
17511
|
-
--pf-v5-c-slider__rail--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
17512
|
-
--pf-v5-c-slider__rail-track--Height: 0.25rem;
|
|
17513
|
-
--pf-v5-c-slider__rail-track--before--base--BackgroundColor: var(--pf-v5-global--BorderColor--100);
|
|
17514
|
-
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--active-color--300);
|
|
17515
|
-
--pf-v5-c-slider__rail-track--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17516
|
-
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v5-c-slider--value);
|
|
17517
|
-
--pf-v5-c-slider__rail-track--before--fill--direction: right;
|
|
17518
|
-
--pf-v5-c-slider__steps--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17519
|
-
--pf-v5-c-slider__steps--Height: var(--pf-v5-c-slider__steps--FontSize);
|
|
17520
|
-
--pf-v5-c-slider__step-tick--Top: var(--pf-v5-global--spacer--md);
|
|
17521
|
-
--pf-v5-c-slider__step-tick--Width: 0.25rem;
|
|
17522
|
-
--pf-v5-c-slider__step-tick--Height: 0.25rem;
|
|
17523
|
-
--pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-v5-global--BorderColor--200);
|
|
17524
|
-
--pf-v5-c-slider__step-tick--TranslateX: -50%;
|
|
17525
|
-
--pf-v5-c-slider__step-tick--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17526
|
-
--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
17527
|
-
--pf-v5-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
17528
|
-
--pf-v5-c-slider__step--last-child__step-tick--TranslateX: -100%;
|
|
17529
|
-
--pf-v5-c-slider__step-label--TranslateX: -50%;
|
|
17530
|
-
--pf-v5-c-slider__step-label--Top: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-slider__rail-track--Height));
|
|
17531
|
-
--pf-v5-c-slider__step--first-child__step-label--TranslateX: 0;
|
|
17532
|
-
--pf-v5-c-slider__step--last-child__step-label--TranslateX: -100%;
|
|
17533
|
-
--pf-v5-c-slider__thumb--Top: calc(var(--pf-v5-c-slider__rail-track--Height) / 2 + var(--pf-v5-global--spacer--md));
|
|
17534
|
-
--pf-v5-c-slider__thumb--Width: 1rem;
|
|
17535
|
-
--pf-v5-c-slider__thumb--Height: 1rem;
|
|
17536
|
-
--pf-v5-c-slider__thumb--Left: var(--pf-v5-c-slider--value);
|
|
17537
|
-
--pf-v5-c-slider__thumb--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
17538
|
-
--pf-v5-c-slider__thumb--TranslateX: -50%;
|
|
17539
|
-
--pf-v5-c-slider__thumb--TranslateY: -50%;
|
|
17540
|
-
--pf-v5-c-slider__thumb--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17541
|
-
--pf-v5-c-slider__thumb--BoxShadow--base:
|
|
17542
|
-
0 0 0 2px var(--pf-v5-global--BackgroundColor--100),
|
|
17543
|
-
0 0 0 3px var(--pf-v5-global--primary-color--100);
|
|
17544
|
-
--pf-v5-c-slider__thumb--hover--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
|
|
17545
|
-
--pf-v5-c-slider__thumb--focus--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
|
|
17546
|
-
--pf-v5-c-slider__thumb--active--BoxShadow:
|
|
17547
|
-
var(--pf-v5-c-slider__thumb--BoxShadow--base),
|
|
17548
|
-
0 0 2px 5px var(--pf-v5-global--active-color--200);
|
|
17549
|
-
--pf-v5-c-slider__thumb--before--Width: var(--pf-v5-global--target-size--MinWidth);
|
|
17550
|
-
--pf-v5-c-slider__thumb--before--Height: var(--pf-v5-global--target-size--MinHeight);
|
|
17551
|
-
--pf-v5-c-slider__thumb--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
|
|
17552
|
-
--pf-v5-c-slider__thumb--before--TranslateX: -50%;
|
|
17553
|
-
--pf-v5-c-slider__thumb--before--TranslateY: -50%;
|
|
17554
|
-
--pf-v5-c-slider__value--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
17555
|
-
--pf-v5-c-slider__value--c-form-control--width-base: 3.5ch;
|
|
17556
|
-
--pf-v5-c-slider__value--c-form-control--width-chars: 3;
|
|
17557
|
-
--pf-v5-c-slider__value--c-form-control--Width: calc(var(--pf-v5-c-slider__value--c-form-control--width-base) + (var(--pf-v5-c-slider__value--c-form-control--width-chars) * 1ch));
|
|
17558
|
-
--pf-v5-c-slider__value--m-floating--TranslateX: -50%;
|
|
17559
|
-
--pf-v5-c-slider__value--m-floating--TranslateY: -100%;
|
|
17560
|
-
--pf-v5-c-slider__value--m-floating--Left: var(--pf-v5-c-slider--value);
|
|
17561
|
-
--pf-v5-c-slider__value--m-floating--ZIndex: var(--pf-v5-global--ZIndex--sm);
|
|
17562
|
-
--pf-v5-c-slider__actions--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
17563
|
-
--pf-v5-c-slider__main--actions--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
17564
|
-
--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
17565
|
-
--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
17566
|
-
--pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
17567
|
-
display: flex;
|
|
17568
|
-
}
|
|
17569
|
-
|
|
17570
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
|
|
17571
|
-
--pf-v5-c-slider__rail-track--before--fill--direction: left;
|
|
17572
|
-
}
|
|
17573
|
-
|
|
17574
|
-
.pf-v5-c-slider.pf-m-disabled {
|
|
17575
|
-
--pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
17576
|
-
--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
17577
|
-
--pf-v5-c-slider__thumb--BackgroundColor: var(--pf-v5-c-slider--m-disabled__thumb--BackgroundColor);
|
|
17578
|
-
}
|
|
17579
|
-
|
|
17580
|
-
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__rail,
|
|
17581
|
-
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__thumb {
|
|
17582
|
-
cursor: not-allowed;
|
|
17583
|
-
}
|
|
17584
|
-
|
|
17585
|
-
.pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__thumb {
|
|
17586
|
-
--pf-v5-c-slider__thumb--BoxShadow: none;
|
|
17587
|
-
}
|
|
17588
|
-
|
|
17589
|
-
.pf-v5-c-slider__main {
|
|
17590
|
-
position: relative;
|
|
17591
|
-
flex-grow: 1;
|
|
17592
|
-
}
|
|
17593
|
-
|
|
17594
|
-
.pf-v5-c-slider__rail {
|
|
17595
|
-
padding-block-start: var(--pf-v5-c-slider__rail--PaddingTop);
|
|
17596
|
-
padding-block-end: var(--pf-v5-c-slider__rail--PaddingBottom);
|
|
17597
|
-
}
|
|
17598
|
-
|
|
17599
|
-
.pf-v5-c-slider__rail-track {
|
|
17600
|
-
position: relative;
|
|
17601
|
-
height: var(--pf-v5-c-slider__rail-track--Height);
|
|
17602
|
-
}
|
|
17603
|
-
|
|
17604
|
-
.pf-v5-c-slider__rail-track::before {
|
|
17605
|
-
position: absolute;
|
|
17606
|
-
inset: 0;
|
|
17607
|
-
content: "";
|
|
17608
|
-
background: linear-gradient(to var(--pf-v5-c-slider__rail-track--before--fill--direction), var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v5-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
17609
|
-
border-radius: var(--pf-v5-c-slider__rail-track--before--BorderRadius);
|
|
17610
|
-
}
|
|
17611
|
-
|
|
17612
|
-
.pf-v5-c-slider__steps {
|
|
17613
|
-
height: var(--pf-v5-c-slider__steps--Height);
|
|
17614
|
-
font-size: var(--pf-v5-c-slider__steps--FontSize);
|
|
17615
|
-
line-height: 1;
|
|
17616
|
-
}
|
|
17617
|
-
|
|
17618
|
-
.pf-v5-c-slider__step {
|
|
17619
|
-
position: absolute;
|
|
17620
|
-
inset-block-start: 0;
|
|
17621
|
-
inset-inline-start: var(--pf-v5-c-slider__step--Left);
|
|
17622
|
-
content: "";
|
|
17623
|
-
}
|
|
17624
|
-
|
|
17625
|
-
.pf-v5-c-slider__step.pf-m-active {
|
|
17626
|
-
--pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor);
|
|
17627
|
-
}
|
|
17628
|
-
|
|
17629
|
-
.pf-v5-c-slider__step:first-child {
|
|
17630
|
-
--pf-v5-c-slider__step-tick--TranslateX: var(--pf-v5-c-slider__step--first-child__step-tick--TranslateX);
|
|
17631
|
-
--pf-v5-c-slider__step-label--TranslateX: var(--pf-v5-c-slider__step--first-child__step-label--TranslateX);
|
|
17632
|
-
}
|
|
17633
|
-
|
|
17634
|
-
.pf-v5-c-slider__step:last-child {
|
|
17635
|
-
--pf-v5-c-slider__step-tick--TranslateX: var(--pf-v5-c-slider__step--last-child__step-tick--TranslateX);
|
|
17636
|
-
--pf-v5-c-slider__step-label--TranslateX: var(--pf-v5-c-slider__step--last-child__step-label--TranslateX);
|
|
17637
|
-
}
|
|
17638
|
-
|
|
17639
|
-
.pf-v5-c-slider__step-tick {
|
|
17640
|
-
transform: translateX(var(--pf-v5-c-slider__step-tick--TranslateX));
|
|
17641
|
-
position: absolute;
|
|
17642
|
-
inset-block-start: var(--pf-v5-c-slider__step-tick--Top);
|
|
17643
|
-
inset-inline-start: 0;
|
|
17644
|
-
width: var(--pf-v5-c-slider__step-tick--Width);
|
|
17645
|
-
height: var(--pf-v5-c-slider__step-tick--Height);
|
|
17646
|
-
background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
|
|
17647
|
-
border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
|
|
17648
|
-
}
|
|
17649
|
-
|
|
17650
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
|
|
17651
|
-
transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17652
|
-
}
|
|
17653
|
-
|
|
17654
|
-
.pf-v5-c-slider__step-label {
|
|
17655
|
-
transform: translateX(var(--pf-v5-c-slider__step-label--TranslateX));
|
|
17656
|
-
position: absolute;
|
|
17657
|
-
inset-block-start: var(--pf-v5-c-slider__step-label--Top);
|
|
17658
|
-
word-break: normal;
|
|
17659
|
-
}
|
|
17660
|
-
|
|
17661
|
-
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
|
|
17662
|
-
transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17653
|
+
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
|
|
17654
|
+
transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
17663
17655
|
}
|
|
17664
17656
|
|
|
17665
|
-
.pf-v5-c-
|
|
17666
|
-
|
|
17667
|
-
position: absolute;
|
|
17668
|
-
inset-block-start: var(--pf-v5-c-slider__thumb--Top);
|
|
17669
|
-
inset-inline-start: var(--pf-v5-c-slider__thumb--Left);
|
|
17670
|
-
width: var(--pf-v5-c-slider__thumb--Width);
|
|
17671
|
-
height: var(--pf-v5-c-slider__thumb--Height);
|
|
17672
|
-
cursor: pointer;
|
|
17673
|
-
background-color: var(--pf-v5-c-slider__thumb--BackgroundColor);
|
|
17674
|
-
border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
|
|
17675
|
-
box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
|
|
17657
|
+
.pf-v5-c-switch__input:checked ~ .pf-m-off {
|
|
17658
|
+
display: none;
|
|
17676
17659
|
}
|
|
17677
17660
|
|
|
17678
|
-
|
|
17679
|
-
|
|
17661
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
|
|
17662
|
+
color: var(--pf-v5-c-switch__input--not-checked__label--Color);
|
|
17680
17663
|
}
|
|
17681
17664
|
|
|
17682
|
-
.pf-v5-c-
|
|
17683
|
-
|
|
17684
|
-
position: absolute;
|
|
17685
|
-
inset-block-start: 50%;
|
|
17686
|
-
inset-inline-start: 50%;
|
|
17687
|
-
width: var(--pf-v5-c-slider__thumb--before--Width);
|
|
17688
|
-
height: var(--pf-v5-c-slider__thumb--before--Height);
|
|
17689
|
-
content: "";
|
|
17690
|
-
border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
|
|
17665
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
|
|
17666
|
+
display: none;
|
|
17691
17667
|
}
|
|
17692
17668
|
|
|
17693
|
-
|
|
17694
|
-
|
|
17669
|
+
.pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
17670
|
+
display: none;
|
|
17695
17671
|
}
|
|
17696
17672
|
|
|
17697
|
-
.pf-v5-c-
|
|
17698
|
-
|
|
17673
|
+
.pf-v5-c-switch__input:disabled {
|
|
17674
|
+
cursor: not-allowed;
|
|
17699
17675
|
}
|
|
17700
17676
|
|
|
17701
|
-
.pf-v5-c-
|
|
17702
|
-
|
|
17703
|
-
|
|
17677
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
|
|
17678
|
+
color: var(--pf-v5-c-switch__input--disabled__label--Color);
|
|
17679
|
+
cursor: not-allowed;
|
|
17704
17680
|
}
|
|
17705
17681
|
|
|
17706
|
-
.pf-v5-c-
|
|
17707
|
-
--pf-v5-c-
|
|
17682
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
|
|
17683
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
|
|
17684
|
+
cursor: not-allowed;
|
|
17685
|
+
background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
|
|
17708
17686
|
}
|
|
17709
17687
|
|
|
17710
|
-
.pf-v5-c-
|
|
17711
|
-
|
|
17688
|
+
.pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
|
|
17689
|
+
background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
17712
17690
|
}
|
|
17713
17691
|
|
|
17714
|
-
.pf-v5-c-
|
|
17715
|
-
|
|
17716
|
-
|
|
17717
|
-
|
|
17718
|
-
|
|
17719
|
-
|
|
17720
|
-
|
|
17692
|
+
.pf-v5-c-switch__toggle {
|
|
17693
|
+
position: relative;
|
|
17694
|
+
display: inline-block;
|
|
17695
|
+
width: var(--pf-v5-c-switch__toggle--Width);
|
|
17696
|
+
height: var(--pf-v5-c-switch__toggle--Height);
|
|
17697
|
+
background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
|
|
17698
|
+
border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
|
|
17721
17699
|
}
|
|
17722
17700
|
|
|
17723
|
-
|
|
17724
|
-
|
|
17701
|
+
.pf-v5-c-switch__toggle::before {
|
|
17702
|
+
position: absolute;
|
|
17703
|
+
inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
|
|
17704
|
+
inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
|
|
17705
|
+
display: block;
|
|
17706
|
+
width: var(--pf-v5-c-switch__toggle--before--Width);
|
|
17707
|
+
height: var(--pf-v5-c-switch__toggle--before--Height);
|
|
17708
|
+
content: "";
|
|
17709
|
+
background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
|
|
17710
|
+
border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
|
|
17711
|
+
box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
|
|
17712
|
+
transition: var(--pf-v5-c-switch__toggle--before--Transition);
|
|
17725
17713
|
}
|
|
17726
17714
|
|
|
17727
|
-
.pf-v5-c-
|
|
17728
|
-
|
|
17715
|
+
.pf-v5-c-switch__toggle-icon {
|
|
17716
|
+
position: absolute;
|
|
17717
|
+
inset-block-start: 0;
|
|
17718
|
+
inset-block-end: 0;
|
|
17719
|
+
inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
|
|
17720
|
+
display: flex;
|
|
17721
|
+
align-items: center;
|
|
17722
|
+
font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
|
|
17723
|
+
color: var(--pf-v5-c-switch__toggle-icon--Color);
|
|
17729
17724
|
}
|
|
17730
17725
|
|
|
17731
|
-
.pf-v5-c-
|
|
17732
|
-
display:
|
|
17733
|
-
|
|
17726
|
+
.pf-v5-c-switch__label {
|
|
17727
|
+
display: inline-block;
|
|
17728
|
+
grid-column: 2;
|
|
17729
|
+
color: var(--pf-v5-c-switch__label--Color);
|
|
17730
|
+
vertical-align: top;
|
|
17734
17731
|
}
|
|
17735
17732
|
|
|
17736
|
-
.pf-v5-
|
|
17737
|
-
--pf-v5-c-
|
|
17738
|
-
|
|
17733
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-switch {
|
|
17734
|
+
--pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
|
|
17735
|
+
--pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
|
|
17736
|
+
--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
|
|
17737
|
+
--pf-v5-c-switch__toggle--before--BoxShadow: none;
|
|
17738
|
+
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
17739
17739
|
}
|
|
17740
17740
|
|
|
17741
17741
|
.pf-v5-c-tabs {
|
|
@@ -19165,66 +19165,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
19165
19165
|
--pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
|
|
19166
19166
|
}
|
|
19167
19167
|
|
|
19168
|
-
.pf-v5-c-title {
|
|
19169
|
-
--pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
19170
|
-
--pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19171
|
-
--pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
|
|
19172
|
-
--pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19173
|
-
--pf-v5-c-title--m-3xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19174
|
-
--pf-v5-c-title--m-3xl--FontSize: var(--pf-v5-global--FontSize--3xl);
|
|
19175
|
-
--pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19176
|
-
--pf-v5-c-title--m-2xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
19177
|
-
--pf-v5-c-title--m-2xl--FontSize: var(--pf-v5-global--FontSize--2xl);
|
|
19178
|
-
--pf-v5-c-title--m-2xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19179
|
-
--pf-v5-c-title--m-xl--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19180
|
-
--pf-v5-c-title--m-xl--FontSize: var(--pf-v5-global--FontSize--xl);
|
|
19181
|
-
--pf-v5-c-title--m-xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19182
|
-
--pf-v5-c-title--m-lg--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19183
|
-
--pf-v5-c-title--m-lg--FontSize: var(--pf-v5-global--FontSize--lg);
|
|
19184
|
-
--pf-v5-c-title--m-lg--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19185
|
-
--pf-v5-c-title--m-md--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
19186
|
-
--pf-v5-c-title--m-md--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19187
|
-
--pf-v5-c-title--m-md--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
19188
|
-
font-family: var(--pf-v5-c-title--FontFamily);
|
|
19189
|
-
word-break: break-word;
|
|
19190
|
-
}
|
|
19191
|
-
|
|
19192
|
-
.pf-v5-c-title.pf-m-4xl {
|
|
19193
|
-
font-size: var(--pf-v5-c-title--m-4xl--FontSize);
|
|
19194
|
-
font-weight: var(--pf-v5-c-title--m-4xl--FontWeight);
|
|
19195
|
-
line-height: var(--pf-v5-c-title--m-4xl--LineHeight);
|
|
19196
|
-
}
|
|
19197
|
-
|
|
19198
|
-
.pf-v5-c-title.pf-m-3xl {
|
|
19199
|
-
font-size: var(--pf-v5-c-title--m-3xl--FontSize);
|
|
19200
|
-
font-weight: var(--pf-v5-c-title--m-3xl--FontWeight);
|
|
19201
|
-
line-height: var(--pf-v5-c-title--m-3xl--LineHeight);
|
|
19202
|
-
}
|
|
19203
|
-
|
|
19204
|
-
.pf-v5-c-title.pf-m-2xl {
|
|
19205
|
-
font-size: var(--pf-v5-c-title--m-2xl--FontSize);
|
|
19206
|
-
font-weight: var(--pf-v5-c-title--m-2xl--FontWeight);
|
|
19207
|
-
line-height: var(--pf-v5-c-title--m-2xl--LineHeight);
|
|
19208
|
-
}
|
|
19209
|
-
|
|
19210
|
-
.pf-v5-c-title.pf-m-xl {
|
|
19211
|
-
font-size: var(--pf-v5-c-title--m-xl--FontSize);
|
|
19212
|
-
font-weight: var(--pf-v5-c-title--m-xl--FontWeight);
|
|
19213
|
-
line-height: var(--pf-v5-c-title--m-xl--LineHeight);
|
|
19214
|
-
}
|
|
19215
|
-
|
|
19216
|
-
.pf-v5-c-title.pf-m-lg {
|
|
19217
|
-
font-size: var(--pf-v5-c-title--m-lg--FontSize);
|
|
19218
|
-
font-weight: var(--pf-v5-c-title--m-lg--FontWeight);
|
|
19219
|
-
line-height: var(--pf-v5-c-title--m-lg--LineHeight);
|
|
19220
|
-
}
|
|
19221
|
-
|
|
19222
|
-
.pf-v5-c-title.pf-m-md {
|
|
19223
|
-
font-size: var(--pf-v5-c-title--m-md--FontSize);
|
|
19224
|
-
font-weight: var(--pf-v5-c-title--m-md--FontWeight);
|
|
19225
|
-
line-height: var(--pf-v5-c-title--m-md--LineHeight);
|
|
19226
|
-
}
|
|
19227
|
-
|
|
19228
19168
|
.pf-v5-c-timestamp {
|
|
19229
19169
|
--pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
19230
19170
|
--pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
|
|
@@ -19389,6 +19329,66 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
19389
19329
|
--pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
|
|
19390
19330
|
}
|
|
19391
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
|
+
|
|
19392
19392
|
.pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group {
|
|
19393
19393
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
19394
19394
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -25962,18 +25962,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
25962
25962
|
grid-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
|
|
25963
25963
|
}
|
|
25964
25964
|
|
|
25965
|
-
.pf-v5-l-level {
|
|
25966
|
-
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25967
|
-
display: flex;
|
|
25968
|
-
flex-wrap: wrap;
|
|
25969
|
-
align-items: center;
|
|
25970
|
-
justify-content: space-between;
|
|
25971
|
-
}
|
|
25972
|
-
|
|
25973
|
-
.pf-v5-l-level.pf-m-gutter {
|
|
25974
|
-
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
25975
|
-
}
|
|
25976
|
-
|
|
25977
25965
|
.pf-v5-l-split {
|
|
25978
25966
|
--pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25979
25967
|
display: flex;
|
|
@@ -25993,6 +25981,18 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
25993
25981
|
gap: var(--pf-v5-l-stack--m-gutter--Gap);
|
|
25994
25982
|
}
|
|
25995
25983
|
|
|
25984
|
+
.pf-v5-l-level {
|
|
25985
|
+
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25986
|
+
display: flex;
|
|
25987
|
+
flex-wrap: wrap;
|
|
25988
|
+
align-items: center;
|
|
25989
|
+
justify-content: space-between;
|
|
25990
|
+
}
|
|
25991
|
+
|
|
25992
|
+
.pf-v5-l-level.pf-m-gutter {
|
|
25993
|
+
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
25994
|
+
}
|
|
25995
|
+
|
|
25996
25996
|
.pf-v5-l-stack {
|
|
25997
25997
|
--pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25998
25998
|
display: flex;
|