@patternfly/react-templates 6.1.0-prerelease.6 → 6.1.0-prerelease.7
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.
|
@@ -1016,214 +1016,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1016
1016
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
1017
1017
|
}
|
|
1018
1018
|
|
|
1019
|
-
.pf-v6-c-alert {
|
|
1020
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
1021
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
1022
|
-
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
1023
|
-
--pf-v6-c-alert--GridTemplateAreas:
|
|
1024
|
-
"icon title action"
|
|
1025
|
-
". description description"
|
|
1026
|
-
". actiongroup actiongroup";
|
|
1027
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
1028
|
-
--pf-v6-c-alert--BorderColor: transparent;
|
|
1029
|
-
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
1030
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
1031
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1032
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1033
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1034
|
-
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1035
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
1036
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
1037
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
|
1038
|
-
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1039
|
-
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
1040
|
-
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1041
|
-
--pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1042
|
-
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1043
|
-
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
1044
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
1045
|
-
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
1046
|
-
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
1047
|
-
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
1048
|
-
--pf-v6-c-alert__title--max-lines: 1;
|
|
1049
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1050
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1051
|
-
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
1052
|
-
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
1053
|
-
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1054
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
1055
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
1056
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
1057
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
1058
|
-
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
1059
|
-
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
1060
|
-
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
1061
|
-
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
1062
|
-
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
1063
|
-
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
1064
|
-
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
1065
|
-
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
1066
|
-
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
1067
|
-
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
1068
|
-
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
1069
|
-
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
1070
|
-
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
1071
|
-
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
1072
|
-
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
1073
|
-
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
1074
|
-
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1075
|
-
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
1076
|
-
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
1077
|
-
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
1078
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
1079
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
1080
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
1081
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
1082
|
-
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
1083
|
-
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
1084
|
-
"toggle icon title action"
|
|
1085
|
-
". . description description"
|
|
1086
|
-
". . actiongroup actiongroup";
|
|
1087
|
-
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
1088
|
-
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
1089
|
-
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
.pf-v6-c-alert {
|
|
1093
|
-
position: relative;
|
|
1094
|
-
display: grid;
|
|
1095
|
-
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
1096
|
-
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
1097
|
-
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
1098
|
-
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
1099
|
-
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
1100
|
-
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
1101
|
-
font-size: var(--pf-v6-c-alert--FontSize);
|
|
1102
|
-
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
1103
|
-
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
1104
|
-
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
1105
|
-
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
1106
|
-
}
|
|
1107
|
-
|
|
1108
|
-
.pf-v6-c-alert.pf-m-custom {
|
|
1109
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
1110
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
1111
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
1112
|
-
}
|
|
1113
|
-
|
|
1114
|
-
.pf-v6-c-alert.pf-m-success {
|
|
1115
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
1116
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
1117
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
1118
|
-
}
|
|
1119
|
-
|
|
1120
|
-
.pf-v6-c-alert.pf-m-danger {
|
|
1121
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
1122
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
1123
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
.pf-v6-c-alert.pf-m-warning {
|
|
1127
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
1128
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
1129
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
.pf-v6-c-alert.pf-m-info {
|
|
1133
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
1134
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
1135
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
|
-
.pf-v6-c-alert.pf-m-inline {
|
|
1139
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
1140
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
1141
|
-
}
|
|
1142
|
-
|
|
1143
|
-
.pf-v6-c-alert.pf-m-plain {
|
|
1144
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
1145
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
1146
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
1147
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
1148
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
1149
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
1150
|
-
}
|
|
1151
|
-
|
|
1152
|
-
.pf-v6-c-alert.pf-m-expandable {
|
|
1153
|
-
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
1154
|
-
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
1155
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
1156
|
-
}
|
|
1157
|
-
|
|
1158
|
-
.pf-v6-c-alert.pf-m-expanded {
|
|
1159
|
-
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
1160
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
1161
|
-
}
|
|
1162
|
-
|
|
1163
|
-
.pf-v6-c-alert__toggle {
|
|
1164
|
-
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
1165
|
-
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
1166
|
-
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
|
1167
|
-
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
1168
|
-
}
|
|
1169
|
-
|
|
1170
|
-
.pf-v6-c-alert__toggle-icon {
|
|
1171
|
-
display: inline-block;
|
|
1172
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
1173
|
-
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
1177
|
-
scale: -1 1;
|
|
1178
|
-
}
|
|
1179
|
-
|
|
1180
|
-
.pf-v6-c-alert__icon {
|
|
1181
|
-
grid-area: icon;
|
|
1182
|
-
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
1183
|
-
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
1184
|
-
color: var(--pf-v6-c-alert__icon--Color);
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
.pf-v6-c-alert__title {
|
|
1188
|
-
grid-area: title;
|
|
1189
|
-
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
1190
|
-
color: var(--pf-v6-c-alert__title--Color);
|
|
1191
|
-
word-break: break-word;
|
|
1192
|
-
}
|
|
1193
|
-
|
|
1194
|
-
.pf-v6-c-alert__title.pf-m-truncate {
|
|
1195
|
-
display: -webkit-box;
|
|
1196
|
-
-webkit-box-orient: vertical;
|
|
1197
|
-
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
1198
|
-
overflow: hidden;
|
|
1199
|
-
}
|
|
1200
|
-
|
|
1201
|
-
.pf-v6-c-alert__description {
|
|
1202
|
-
grid-area: description;
|
|
1203
|
-
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
1204
|
-
word-break: break-word;
|
|
1205
|
-
}
|
|
1206
|
-
|
|
1207
|
-
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
1208
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
1209
|
-
}
|
|
1210
|
-
|
|
1211
|
-
.pf-v6-c-alert__action {
|
|
1212
|
-
grid-area: action;
|
|
1213
|
-
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
1214
|
-
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
1215
|
-
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
1216
|
-
}
|
|
1217
|
-
|
|
1218
|
-
.pf-v6-c-alert__action-group {
|
|
1219
|
-
grid-area: actiongroup;
|
|
1220
|
-
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
1221
|
-
}
|
|
1222
|
-
|
|
1223
|
-
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
1224
|
-
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
1225
|
-
}
|
|
1226
|
-
|
|
1227
1019
|
.pf-v6-c-action-list {
|
|
1228
1020
|
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
1229
1021
|
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
@@ -1663,115 +1455,48 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1663
1455
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1664
1456
|
}
|
|
1665
1457
|
|
|
1666
|
-
.pf-v6-c-
|
|
1667
|
-
--pf-v6-c-
|
|
1668
|
-
--pf-v6-c-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
--pf-v6-c-
|
|
1675
|
-
--pf-v6-c-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
@media (min-width: 48rem) {
|
|
1709
|
-
.pf-v6-c-brand {
|
|
1710
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1711
|
-
}
|
|
1712
|
-
}
|
|
1713
|
-
@media (min-width: 62rem) {
|
|
1714
|
-
.pf-v6-c-brand {
|
|
1715
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
|
|
1716
|
-
}
|
|
1717
|
-
}
|
|
1718
|
-
@media (min-width: 75rem) {
|
|
1719
|
-
.pf-v6-c-brand {
|
|
1720
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
|
|
1721
|
-
}
|
|
1722
|
-
}
|
|
1723
|
-
@media (min-width: 90.625rem) {
|
|
1724
|
-
.pf-v6-c-brand {
|
|
1725
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
|
|
1726
|
-
}
|
|
1727
|
-
}
|
|
1728
|
-
.pf-v6-c-brand.pf-m-picture {
|
|
1729
|
-
display: inline-flex;
|
|
1730
|
-
max-width: 100%;
|
|
1731
|
-
}
|
|
1732
|
-
|
|
1733
|
-
.pf-v6-c-banner {
|
|
1734
|
-
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1735
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1736
|
-
--pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
1737
|
-
--pf-v6-c-banner--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
1738
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1739
|
-
--pf-v6-c-banner--md--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
1740
|
-
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1741
|
-
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1742
|
-
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1743
|
-
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1744
|
-
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1745
|
-
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
1746
|
-
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
1747
|
-
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
1748
|
-
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
1749
|
-
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
1750
|
-
--pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
1751
|
-
--pf-v6-c-banner--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
1752
|
-
--pf-v6-c-banner--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
1753
|
-
--pf-v6-c-banner--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
1754
|
-
--pf-v6-c-banner--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
1755
|
-
--pf-v6-c-banner--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
|
|
1756
|
-
--pf-v6-c-banner--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
|
|
1757
|
-
--pf-v6-c-banner--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
|
|
1758
|
-
--pf-v6-c-banner--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
|
|
1759
|
-
--pf-v6-c-banner--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
1760
|
-
--pf-v6-c-banner--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
1761
|
-
--pf-v6-c-banner--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
1762
|
-
--pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
1763
|
-
--pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
1764
|
-
--pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
1765
|
-
--pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
1766
|
-
--pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
1767
|
-
--pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
1768
|
-
--pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
1769
|
-
--pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
1770
|
-
--pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
1771
|
-
--pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
1772
|
-
--pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
1773
|
-
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
1774
|
-
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
1458
|
+
.pf-v6-c-banner {
|
|
1459
|
+
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1460
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1461
|
+
--pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
1462
|
+
--pf-v6-c-banner--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
1463
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1464
|
+
--pf-v6-c-banner--md--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
1465
|
+
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1466
|
+
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1467
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1468
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1469
|
+
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1470
|
+
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
1471
|
+
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
1472
|
+
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
1473
|
+
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
1474
|
+
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
1475
|
+
--pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
1476
|
+
--pf-v6-c-banner--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
1477
|
+
--pf-v6-c-banner--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
1478
|
+
--pf-v6-c-banner--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
1479
|
+
--pf-v6-c-banner--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
1480
|
+
--pf-v6-c-banner--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
|
|
1481
|
+
--pf-v6-c-banner--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
|
|
1482
|
+
--pf-v6-c-banner--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
|
|
1483
|
+
--pf-v6-c-banner--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
|
|
1484
|
+
--pf-v6-c-banner--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
1485
|
+
--pf-v6-c-banner--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
1486
|
+
--pf-v6-c-banner--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
1487
|
+
--pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
1488
|
+
--pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
1489
|
+
--pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
1490
|
+
--pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
1491
|
+
--pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
1492
|
+
--pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
1493
|
+
--pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
1494
|
+
--pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
1495
|
+
--pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
1496
|
+
--pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
1497
|
+
--pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
1498
|
+
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
1499
|
+
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
1775
1500
|
}
|
|
1776
1501
|
|
|
1777
1502
|
@media (min-width: 48rem) {
|
|
@@ -2004,224 +1729,71 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2004
1729
|
display: none;
|
|
2005
1730
|
}
|
|
2006
1731
|
|
|
2007
|
-
.pf-v6-c-
|
|
2008
|
-
--pf-v6-c-
|
|
2009
|
-
--pf-v6-c-
|
|
2010
|
-
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2011
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2012
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2013
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2014
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2015
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
2016
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2017
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2018
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2019
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2020
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2021
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2022
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2023
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2024
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2025
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2026
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2027
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2028
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2029
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2030
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2031
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2032
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2033
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
2034
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
2035
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2036
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
2037
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2038
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2039
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2040
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2041
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2042
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
2043
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2044
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2045
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2046
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2047
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2048
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2049
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2050
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2051
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2052
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2053
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2054
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2055
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2056
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2057
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2058
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2059
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2060
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2061
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2062
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2063
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2064
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2065
|
-
}
|
|
2066
|
-
|
|
2067
|
-
.pf-v6-c-calendar-month {
|
|
2068
|
-
display: inline-flex;
|
|
2069
|
-
flex-direction: column;
|
|
2070
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
2071
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
2072
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
2073
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
2074
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2075
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2076
|
-
}
|
|
2077
|
-
|
|
2078
|
-
.pf-v6-c-calendar-month__header {
|
|
2079
|
-
display: flex;
|
|
2080
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
2081
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
2082
|
-
}
|
|
2083
|
-
|
|
2084
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
2085
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
2086
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2087
|
-
}
|
|
2088
|
-
|
|
2089
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
2090
|
-
scale: -1 1;
|
|
2091
|
-
}
|
|
2092
|
-
|
|
2093
|
-
.pf-v6-c-calendar-month__header-month {
|
|
2094
|
-
flex-grow: 1;
|
|
2095
|
-
}
|
|
2096
|
-
|
|
2097
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
2098
|
-
width: 100%;
|
|
2099
|
-
}
|
|
2100
|
-
|
|
2101
|
-
.pf-v6-c-calendar-month__header-year {
|
|
2102
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
2103
|
-
}
|
|
2104
|
-
|
|
2105
|
-
.pf-v6-c-calendar-month__calendar {
|
|
2106
|
-
table-layout: fixed;
|
|
2107
|
-
}
|
|
2108
|
-
|
|
2109
|
-
.pf-v6-c-calendar-month__days {
|
|
2110
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
2111
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
|
-
.pf-v6-c-calendar-month__day {
|
|
2115
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
2116
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
2117
|
-
text-align: center;
|
|
2118
|
-
}
|
|
2119
|
-
|
|
2120
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2121
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2122
|
-
}
|
|
2123
|
-
|
|
2124
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
2125
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2126
|
-
position: relative;
|
|
2127
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2128
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2129
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2130
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2131
|
-
text-align: center;
|
|
2132
|
-
}
|
|
2133
|
-
|
|
2134
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2135
|
-
position: absolute;
|
|
2136
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2137
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2138
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2139
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2140
|
-
content: "";
|
|
2141
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2142
|
-
}
|
|
2143
|
-
|
|
2144
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2145
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2146
|
-
}
|
|
2147
|
-
|
|
2148
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2149
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2150
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2151
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2152
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2153
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
1732
|
+
.pf-v6-c-brand {
|
|
1733
|
+
--pf-v6-c-brand--Width: auto;
|
|
1734
|
+
--pf-v6-c-brand--Height: auto;
|
|
2154
1735
|
}
|
|
2155
1736
|
|
|
2156
|
-
.pf-v6-c-
|
|
2157
|
-
|
|
1737
|
+
.pf-v6-c-brand {
|
|
1738
|
+
width: var(--pf-v6-c-brand--Width--base);
|
|
1739
|
+
height: var(--pf-v6-c-brand--Height--base);
|
|
1740
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
1741
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
2158
1742
|
}
|
|
2159
1743
|
|
|
2160
|
-
|
|
2161
|
-
|
|
1744
|
+
@media (min-width: 36rem) {
|
|
1745
|
+
.pf-v6-c-brand {
|
|
1746
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
1747
|
+
}
|
|
2162
1748
|
}
|
|
2163
|
-
|
|
2164
|
-
.pf-v6-c-
|
|
2165
|
-
|
|
1749
|
+
@media (min-width: 48rem) {
|
|
1750
|
+
.pf-v6-c-brand {
|
|
1751
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
1752
|
+
}
|
|
2166
1753
|
}
|
|
2167
|
-
|
|
2168
|
-
.pf-v6-c-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2172
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2173
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2174
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2175
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
1754
|
+
@media (min-width: 62rem) {
|
|
1755
|
+
.pf-v6-c-brand {
|
|
1756
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
|
|
1757
|
+
}
|
|
2176
1758
|
}
|
|
2177
|
-
|
|
2178
|
-
.pf-v6-c-
|
|
2179
|
-
|
|
2180
|
-
|
|
1759
|
+
@media (min-width: 75rem) {
|
|
1760
|
+
.pf-v6-c-brand {
|
|
1761
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
|
|
1762
|
+
}
|
|
2181
1763
|
}
|
|
2182
|
-
|
|
2183
|
-
.pf-v6-c-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
align-items: center;
|
|
2187
|
-
justify-content: center;
|
|
2188
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2189
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2190
|
-
line-height: 1;
|
|
2191
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2192
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2193
|
-
border: 0;
|
|
1764
|
+
@media (min-width: 90.625rem) {
|
|
1765
|
+
.pf-v6-c-brand {
|
|
1766
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
1767
|
+
}
|
|
2194
1768
|
}
|
|
2195
|
-
|
|
2196
|
-
.pf-v6-c-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2200
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2201
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2202
|
-
content: "";
|
|
2203
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
1769
|
+
@media (min-width: 36rem) {
|
|
1770
|
+
.pf-v6-c-brand {
|
|
1771
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
1772
|
+
}
|
|
2204
1773
|
}
|
|
2205
|
-
|
|
2206
|
-
.pf-v6-c-
|
|
2207
|
-
|
|
1774
|
+
@media (min-width: 48rem) {
|
|
1775
|
+
.pf-v6-c-brand {
|
|
1776
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1777
|
+
}
|
|
2208
1778
|
}
|
|
2209
|
-
|
|
2210
|
-
.pf-v6-c-
|
|
2211
|
-
|
|
2212
|
-
|
|
1779
|
+
@media (min-width: 62rem) {
|
|
1780
|
+
.pf-v6-c-brand {
|
|
1781
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
|
|
1782
|
+
}
|
|
2213
1783
|
}
|
|
2214
|
-
|
|
2215
|
-
.pf-v6-c-
|
|
2216
|
-
|
|
2217
|
-
|
|
1784
|
+
@media (min-width: 75rem) {
|
|
1785
|
+
.pf-v6-c-brand {
|
|
1786
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
|
|
1787
|
+
}
|
|
2218
1788
|
}
|
|
2219
|
-
|
|
2220
|
-
.pf-v6-c-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
1789
|
+
@media (min-width: 90.625rem) {
|
|
1790
|
+
.pf-v6-c-brand {
|
|
1791
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
|
|
1792
|
+
}
|
|
1793
|
+
}
|
|
1794
|
+
.pf-v6-c-brand.pf-m-picture {
|
|
1795
|
+
display: inline-flex;
|
|
1796
|
+
max-width: 100%;
|
|
2225
1797
|
}
|
|
2226
1798
|
|
|
2227
1799
|
.pf-v6-c-button {
|
|
@@ -2806,54 +2378,274 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2806
2378
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
|
|
2807
2379
|
}
|
|
2808
2380
|
|
|
2809
|
-
.pf-v6-c-button.pf-m-in-progress {
|
|
2810
|
-
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
|
|
2381
|
+
.pf-v6-c-button.pf-m-in-progress {
|
|
2382
|
+
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
|
|
2383
|
+
}
|
|
2384
|
+
|
|
2385
|
+
.pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
2386
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
|
|
2387
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
|
|
2388
|
+
}
|
|
2389
|
+
|
|
2390
|
+
.pf-v6-c-button.pf-m-in-progress.pf-m-plain {
|
|
2391
|
+
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
|
|
2392
|
+
--pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2395
|
+
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
|
|
2396
|
+
opacity: 0;
|
|
2397
|
+
}
|
|
2398
|
+
|
|
2399
|
+
.pf-v6-c-button__icon {
|
|
2400
|
+
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2401
|
+
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2402
|
+
color: var(--pf-v6-c-button__icon--Color);
|
|
2403
|
+
}
|
|
2404
|
+
|
|
2405
|
+
.pf-v6-c-button__icon.pf-m-start {
|
|
2406
|
+
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
2407
|
+
}
|
|
2408
|
+
|
|
2409
|
+
.pf-v6-c-button__icon.pf-m-end {
|
|
2410
|
+
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
.pf-v6-c-button__progress {
|
|
2414
|
+
position: absolute;
|
|
2415
|
+
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
2416
|
+
inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
|
|
2417
|
+
line-height: 1;
|
|
2418
|
+
color: var(--pf-v6-c-button__progress--Color);
|
|
2419
|
+
transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
.pf-v6-c-button__progress .pf-v6-c-spinner {
|
|
2423
|
+
--pf-v6-c-spinner--Color: currentcolor;
|
|
2424
|
+
}
|
|
2425
|
+
|
|
2426
|
+
.pf-v6-c-button__count {
|
|
2427
|
+
display: inline-flex;
|
|
2428
|
+
align-items: center;
|
|
2429
|
+
}
|
|
2430
|
+
|
|
2431
|
+
.pf-v6-c-calendar-month {
|
|
2432
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2433
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2434
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2435
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2436
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2437
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2438
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2439
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
2440
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2441
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2442
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2443
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2444
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2445
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2446
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2447
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2448
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2449
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2450
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2451
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2452
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2453
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2454
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2455
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2456
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2457
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
2458
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
2459
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2460
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
2461
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2462
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2463
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2464
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2465
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2466
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
2467
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2468
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2469
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2470
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2471
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2472
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2473
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2474
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2475
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2476
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2477
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2478
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2479
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2480
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2481
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2482
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2483
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2484
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2485
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2486
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2487
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2488
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2489
|
+
}
|
|
2490
|
+
|
|
2491
|
+
.pf-v6-c-calendar-month {
|
|
2492
|
+
display: inline-flex;
|
|
2493
|
+
flex-direction: column;
|
|
2494
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
2495
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
2496
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
2497
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
2498
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2499
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2500
|
+
}
|
|
2501
|
+
|
|
2502
|
+
.pf-v6-c-calendar-month__header {
|
|
2503
|
+
display: flex;
|
|
2504
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
2505
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
2506
|
+
}
|
|
2507
|
+
|
|
2508
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
2509
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
2510
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2511
|
+
}
|
|
2512
|
+
|
|
2513
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
2514
|
+
scale: -1 1;
|
|
2515
|
+
}
|
|
2516
|
+
|
|
2517
|
+
.pf-v6-c-calendar-month__header-month {
|
|
2518
|
+
flex-grow: 1;
|
|
2519
|
+
}
|
|
2520
|
+
|
|
2521
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
2522
|
+
width: 100%;
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2525
|
+
.pf-v6-c-calendar-month__header-year {
|
|
2526
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
2527
|
+
}
|
|
2528
|
+
|
|
2529
|
+
.pf-v6-c-calendar-month__calendar {
|
|
2530
|
+
table-layout: fixed;
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
.pf-v6-c-calendar-month__days {
|
|
2534
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
2535
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
2536
|
+
}
|
|
2537
|
+
|
|
2538
|
+
.pf-v6-c-calendar-month__day {
|
|
2539
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
2540
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
2541
|
+
text-align: center;
|
|
2542
|
+
}
|
|
2543
|
+
|
|
2544
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2545
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2546
|
+
}
|
|
2547
|
+
|
|
2548
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
2549
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2550
|
+
position: relative;
|
|
2551
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2552
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2553
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2554
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2555
|
+
text-align: center;
|
|
2556
|
+
}
|
|
2557
|
+
|
|
2558
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2559
|
+
position: absolute;
|
|
2560
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2561
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2562
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2563
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2564
|
+
content: "";
|
|
2565
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2566
|
+
}
|
|
2567
|
+
|
|
2568
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2569
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2570
|
+
}
|
|
2571
|
+
|
|
2572
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2573
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2574
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2575
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2576
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2577
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2578
|
+
}
|
|
2579
|
+
|
|
2580
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
2581
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
2582
|
+
}
|
|
2583
|
+
|
|
2584
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
2585
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
2811
2586
|
}
|
|
2812
2587
|
|
|
2813
|
-
.pf-v6-c-
|
|
2814
|
-
--pf-v6-c-
|
|
2815
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
|
|
2588
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
2589
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
2816
2590
|
}
|
|
2817
2591
|
|
|
2818
|
-
.pf-v6-c-
|
|
2819
|
-
--pf-v6-c-
|
|
2820
|
-
--pf-v6-c-
|
|
2592
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2593
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2594
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2595
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2596
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2597
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2598
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2599
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2821
2600
|
}
|
|
2822
2601
|
|
|
2823
|
-
.pf-v6-c-
|
|
2824
|
-
|
|
2602
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2603
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2604
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2825
2605
|
}
|
|
2826
2606
|
|
|
2827
|
-
.pf-v6-c-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2607
|
+
.pf-v6-c-calendar-month__date {
|
|
2608
|
+
position: relative;
|
|
2609
|
+
display: inline-flex;
|
|
2610
|
+
align-items: center;
|
|
2611
|
+
justify-content: center;
|
|
2612
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2613
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2614
|
+
line-height: 1;
|
|
2615
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2616
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2617
|
+
border: 0;
|
|
2831
2618
|
}
|
|
2832
2619
|
|
|
2833
|
-
.pf-v6-c-
|
|
2834
|
-
|
|
2620
|
+
.pf-v6-c-calendar-month__date::after {
|
|
2621
|
+
position: absolute;
|
|
2622
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2623
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2624
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2625
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2626
|
+
content: "";
|
|
2627
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2835
2628
|
}
|
|
2836
2629
|
|
|
2837
|
-
.pf-v6-c-
|
|
2838
|
-
|
|
2630
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2631
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2839
2632
|
}
|
|
2840
2633
|
|
|
2841
|
-
.pf-v6-c-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
|
|
2845
|
-
line-height: 1;
|
|
2846
|
-
color: var(--pf-v6-c-button__progress--Color);
|
|
2847
|
-
transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
|
|
2634
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2635
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2636
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
2848
2637
|
}
|
|
2849
2638
|
|
|
2850
|
-
.pf-v6-c-
|
|
2851
|
-
--pf-v6-c-
|
|
2639
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2640
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2641
|
+
outline: 0;
|
|
2852
2642
|
}
|
|
2853
2643
|
|
|
2854
|
-
.pf-v6-c-
|
|
2855
|
-
|
|
2856
|
-
|
|
2644
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
2645
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2646
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2647
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2648
|
+
pointer-events: none;
|
|
2857
2649
|
}
|
|
2858
2650
|
|
|
2859
2651
|
.pf-v6-c-card {
|
|
@@ -6163,108 +5955,316 @@ ul) {
|
|
|
6163
5955
|
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6164
5956
|
}
|
|
6165
5957
|
|
|
6166
|
-
.pf-v6-c-empty-state {
|
|
6167
|
-
display: flex;
|
|
6168
|
-
align-items: center;
|
|
6169
|
-
justify-content: center;
|
|
6170
|
-
padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
|
|
6171
|
-
padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
|
|
6172
|
-
padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
|
|
6173
|
-
padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
|
|
6174
|
-
text-align: center;
|
|
5958
|
+
.pf-v6-c-empty-state {
|
|
5959
|
+
display: flex;
|
|
5960
|
+
align-items: center;
|
|
5961
|
+
justify-content: center;
|
|
5962
|
+
padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
|
|
5963
|
+
padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
|
|
5964
|
+
padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
|
|
5965
|
+
padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
|
|
5966
|
+
text-align: center;
|
|
5967
|
+
}
|
|
5968
|
+
|
|
5969
|
+
.pf-v6-c-empty-state.pf-m-xs {
|
|
5970
|
+
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
|
|
5971
|
+
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
|
|
5972
|
+
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
|
|
5973
|
+
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
5974
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
5975
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
5976
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
5977
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
5978
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
5979
|
+
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
5980
|
+
}
|
|
5981
|
+
|
|
5982
|
+
.pf-v6-c-empty-state.pf-m-sm {
|
|
5983
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
|
|
5984
|
+
}
|
|
5985
|
+
|
|
5986
|
+
.pf-v6-c-empty-state.pf-m-lg {
|
|
5987
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
|
|
5988
|
+
}
|
|
5989
|
+
|
|
5990
|
+
.pf-v6-c-empty-state.pf-m-xl {
|
|
5991
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
|
|
5992
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
|
|
5993
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
|
|
5994
|
+
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
5995
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
5996
|
+
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
5997
|
+
}
|
|
5998
|
+
|
|
5999
|
+
.pf-v6-c-empty-state.pf-m-full-height {
|
|
6000
|
+
height: 100%;
|
|
6001
|
+
}
|
|
6002
|
+
|
|
6003
|
+
.pf-v6-c-empty-state.pf-m-danger {
|
|
6004
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
|
|
6005
|
+
}
|
|
6006
|
+
|
|
6007
|
+
.pf-v6-c-empty-state.pf-m-warning {
|
|
6008
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
|
|
6009
|
+
}
|
|
6010
|
+
|
|
6011
|
+
.pf-v6-c-empty-state.pf-m-success {
|
|
6012
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
|
|
6013
|
+
}
|
|
6014
|
+
|
|
6015
|
+
.pf-v6-c-empty-state.pf-m-info {
|
|
6016
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
|
|
6017
|
+
}
|
|
6018
|
+
|
|
6019
|
+
.pf-v6-c-empty-state.pf-m-custom {
|
|
6020
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
|
|
6021
|
+
}
|
|
6022
|
+
|
|
6023
|
+
.pf-v6-c-empty-state__content {
|
|
6024
|
+
max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
|
|
6025
|
+
}
|
|
6026
|
+
|
|
6027
|
+
.pf-v6-c-empty-state__icon {
|
|
6028
|
+
margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
|
|
6029
|
+
font-size: var(--pf-v6-c-empty-state__icon--FontSize);
|
|
6030
|
+
line-height: 1;
|
|
6031
|
+
color: var(--pf-v6-c-empty-state__icon--Color);
|
|
6032
|
+
}
|
|
6033
|
+
|
|
6034
|
+
.pf-v6-c-empty-state__title-text {
|
|
6035
|
+
font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
|
|
6036
|
+
font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
|
|
6037
|
+
font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
|
|
6038
|
+
line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
|
|
6039
|
+
}
|
|
6040
|
+
|
|
6041
|
+
.pf-v6-c-empty-state__body {
|
|
6042
|
+
margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
|
|
6043
|
+
font-size: var(--pf-v6-c-empty-state--body--FontSize);
|
|
6044
|
+
color: var(--pf-v6-c-empty-state__body--Color);
|
|
6045
|
+
}
|
|
6046
|
+
|
|
6047
|
+
.pf-v6-c-empty-state__footer {
|
|
6048
|
+
display: flex;
|
|
6049
|
+
flex-direction: column;
|
|
6050
|
+
row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
|
|
6051
|
+
align-items: center;
|
|
6052
|
+
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
6053
|
+
}
|
|
6054
|
+
|
|
6055
|
+
.pf-v6-c-empty-state__actions {
|
|
6056
|
+
display: flex;
|
|
6057
|
+
flex-wrap: wrap;
|
|
6058
|
+
gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
|
|
6059
|
+
justify-content: center;
|
|
6060
|
+
}
|
|
6061
|
+
|
|
6062
|
+
.pf-v6-c-alert {
|
|
6063
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
6064
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
6065
|
+
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
6066
|
+
--pf-v6-c-alert--GridTemplateAreas:
|
|
6067
|
+
"icon title action"
|
|
6068
|
+
". description description"
|
|
6069
|
+
". actiongroup actiongroup";
|
|
6070
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
6071
|
+
--pf-v6-c-alert--BorderColor: transparent;
|
|
6072
|
+
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6073
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
6074
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6075
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6076
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6077
|
+
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6078
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6079
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6080
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
|
6081
|
+
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6082
|
+
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6083
|
+
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
6084
|
+
--pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
6085
|
+
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6086
|
+
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
6087
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6088
|
+
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
6089
|
+
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6090
|
+
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
6091
|
+
--pf-v6-c-alert__title--max-lines: 1;
|
|
6092
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6093
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
6094
|
+
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
6095
|
+
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
6096
|
+
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6097
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6098
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6099
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6100
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6101
|
+
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6102
|
+
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
6103
|
+
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
6104
|
+
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
6105
|
+
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6106
|
+
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6107
|
+
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
6108
|
+
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6109
|
+
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6110
|
+
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
6111
|
+
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6112
|
+
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6113
|
+
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
6114
|
+
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
6115
|
+
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
6116
|
+
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
6117
|
+
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
6118
|
+
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
6119
|
+
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
6120
|
+
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
6121
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
6122
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
6123
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
6124
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
6125
|
+
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
6126
|
+
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
6127
|
+
"toggle icon title action"
|
|
6128
|
+
". . description description"
|
|
6129
|
+
". . actiongroup actiongroup";
|
|
6130
|
+
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6131
|
+
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6132
|
+
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6133
|
+
}
|
|
6134
|
+
|
|
6135
|
+
.pf-v6-c-alert {
|
|
6136
|
+
position: relative;
|
|
6137
|
+
display: grid;
|
|
6138
|
+
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
6139
|
+
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
6140
|
+
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
6141
|
+
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
6142
|
+
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
6143
|
+
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
6144
|
+
font-size: var(--pf-v6-c-alert--FontSize);
|
|
6145
|
+
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
6146
|
+
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
6147
|
+
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
6148
|
+
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
6149
|
+
}
|
|
6150
|
+
|
|
6151
|
+
.pf-v6-c-alert.pf-m-custom {
|
|
6152
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
6153
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
6154
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
6175
6155
|
}
|
|
6176
6156
|
|
|
6177
|
-
.pf-v6-c-
|
|
6178
|
-
--pf-v6-c-
|
|
6179
|
-
--pf-v6-c-
|
|
6180
|
-
--pf-v6-c-
|
|
6181
|
-
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
6182
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
6183
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
6184
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
6185
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
6186
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
6187
|
-
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
6157
|
+
.pf-v6-c-alert.pf-m-success {
|
|
6158
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
6159
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
6160
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
6188
6161
|
}
|
|
6189
6162
|
|
|
6190
|
-
.pf-v6-c-
|
|
6191
|
-
--pf-v6-c-
|
|
6163
|
+
.pf-v6-c-alert.pf-m-danger {
|
|
6164
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
6165
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
6166
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
6192
6167
|
}
|
|
6193
6168
|
|
|
6194
|
-
.pf-v6-c-
|
|
6195
|
-
--pf-v6-c-
|
|
6169
|
+
.pf-v6-c-alert.pf-m-warning {
|
|
6170
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
6171
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
6172
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
6196
6173
|
}
|
|
6197
6174
|
|
|
6198
|
-
.pf-v6-c-
|
|
6199
|
-
--pf-v6-c-
|
|
6200
|
-
--pf-v6-c-
|
|
6201
|
-
--pf-v6-c-
|
|
6202
|
-
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
6203
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
6204
|
-
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
6175
|
+
.pf-v6-c-alert.pf-m-info {
|
|
6176
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
6177
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
6178
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
6205
6179
|
}
|
|
6206
6180
|
|
|
6207
|
-
.pf-v6-c-
|
|
6208
|
-
|
|
6181
|
+
.pf-v6-c-alert.pf-m-inline {
|
|
6182
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
6183
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
6209
6184
|
}
|
|
6210
6185
|
|
|
6211
|
-
.pf-v6-c-
|
|
6212
|
-
--pf-v6-c-
|
|
6186
|
+
.pf-v6-c-alert.pf-m-plain {
|
|
6187
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
6188
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
6189
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
6190
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
6191
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
6192
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
6213
6193
|
}
|
|
6214
6194
|
|
|
6215
|
-
.pf-v6-c-
|
|
6216
|
-
--pf-v6-c-
|
|
6195
|
+
.pf-v6-c-alert.pf-m-expandable {
|
|
6196
|
+
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
6197
|
+
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
6198
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
6217
6199
|
}
|
|
6218
6200
|
|
|
6219
|
-
.pf-v6-c-
|
|
6220
|
-
--pf-v6-c-
|
|
6201
|
+
.pf-v6-c-alert.pf-m-expanded {
|
|
6202
|
+
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
6203
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
6221
6204
|
}
|
|
6222
6205
|
|
|
6223
|
-
.pf-v6-c-
|
|
6224
|
-
|
|
6206
|
+
.pf-v6-c-alert__toggle {
|
|
6207
|
+
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
6208
|
+
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
6209
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
|
6210
|
+
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
6225
6211
|
}
|
|
6226
6212
|
|
|
6227
|
-
.pf-v6-c-
|
|
6228
|
-
|
|
6213
|
+
.pf-v6-c-alert__toggle-icon {
|
|
6214
|
+
display: inline-block;
|
|
6215
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
6216
|
+
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
6229
6217
|
}
|
|
6230
6218
|
|
|
6231
|
-
.pf-v6-c-
|
|
6232
|
-
|
|
6219
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
6220
|
+
scale: -1 1;
|
|
6233
6221
|
}
|
|
6234
6222
|
|
|
6235
|
-
.pf-v6-c-
|
|
6236
|
-
|
|
6237
|
-
|
|
6238
|
-
|
|
6239
|
-
color: var(--pf-v6-c-
|
|
6223
|
+
.pf-v6-c-alert__icon {
|
|
6224
|
+
grid-area: icon;
|
|
6225
|
+
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
6226
|
+
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
6227
|
+
color: var(--pf-v6-c-alert__icon--Color);
|
|
6240
6228
|
}
|
|
6241
6229
|
|
|
6242
|
-
.pf-v6-c-
|
|
6243
|
-
|
|
6244
|
-
font-
|
|
6245
|
-
|
|
6246
|
-
|
|
6230
|
+
.pf-v6-c-alert__title {
|
|
6231
|
+
grid-area: title;
|
|
6232
|
+
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
6233
|
+
color: var(--pf-v6-c-alert__title--Color);
|
|
6234
|
+
word-break: break-word;
|
|
6247
6235
|
}
|
|
6248
6236
|
|
|
6249
|
-
.pf-v6-c-
|
|
6250
|
-
|
|
6251
|
-
|
|
6252
|
-
|
|
6237
|
+
.pf-v6-c-alert__title.pf-m-truncate {
|
|
6238
|
+
display: -webkit-box;
|
|
6239
|
+
-webkit-box-orient: vertical;
|
|
6240
|
+
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
6241
|
+
overflow: hidden;
|
|
6253
6242
|
}
|
|
6254
6243
|
|
|
6255
|
-
.pf-v6-c-
|
|
6256
|
-
|
|
6257
|
-
|
|
6258
|
-
|
|
6259
|
-
align-items: center;
|
|
6260
|
-
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
6244
|
+
.pf-v6-c-alert__description {
|
|
6245
|
+
grid-area: description;
|
|
6246
|
+
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
6247
|
+
word-break: break-word;
|
|
6261
6248
|
}
|
|
6262
6249
|
|
|
6263
|
-
.pf-v6-c-
|
|
6264
|
-
|
|
6265
|
-
|
|
6266
|
-
|
|
6267
|
-
|
|
6250
|
+
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
6251
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
6252
|
+
}
|
|
6253
|
+
|
|
6254
|
+
.pf-v6-c-alert__action {
|
|
6255
|
+
grid-area: action;
|
|
6256
|
+
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
6257
|
+
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
6258
|
+
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
6259
|
+
}
|
|
6260
|
+
|
|
6261
|
+
.pf-v6-c-alert__action-group {
|
|
6262
|
+
grid-area: actiongroup;
|
|
6263
|
+
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
6264
|
+
}
|
|
6265
|
+
|
|
6266
|
+
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
6267
|
+
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
6268
6268
|
}
|
|
6269
6269
|
|
|
6270
6270
|
.pf-v6-c-expandable-section {
|
|
@@ -6927,109 +6927,31 @@ ul) {
|
|
|
6927
6927
|
flex-grow: 1;
|
|
6928
6928
|
}
|
|
6929
6929
|
|
|
6930
|
-
.pf-v6-c-form__field-group-header-description {
|
|
6931
|
-
margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
|
|
6932
|
-
color: var(--pf-v6-c-form__field-group-header-description--Color);
|
|
6933
|
-
}
|
|
6934
|
-
|
|
6935
|
-
.pf-v6-c-form__field-group-header-actions {
|
|
6936
|
-
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
6937
|
-
white-space: nowrap;
|
|
6938
|
-
}
|
|
6939
|
-
|
|
6940
|
-
.pf-v6-c-form__field-group-body {
|
|
6941
|
-
display: grid;
|
|
6942
|
-
grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
|
|
6943
|
-
gap: var(--pf-v6-c-form__field-group-body--Gap);
|
|
6944
|
-
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
6945
|
-
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
6946
|
-
}
|
|
6947
|
-
|
|
6948
|
-
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
6949
|
-
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
6950
|
-
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
6951
|
-
}
|
|
6952
|
-
|
|
6953
|
-
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
|
|
6954
|
-
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6955
|
-
}
|
|
6956
|
-
|
|
6957
|
-
.pf-v6-c-helper-text {
|
|
6958
|
-
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6959
|
-
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6960
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6961
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6962
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6963
|
-
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6964
|
-
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6965
|
-
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6966
|
-
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6967
|
-
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6968
|
-
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6969
|
-
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6970
|
-
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6971
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6972
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6973
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
6974
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6975
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6976
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6977
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6978
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
6979
|
-
}
|
|
6980
|
-
|
|
6981
|
-
.pf-v6-c-helper-text {
|
|
6982
|
-
display: grid;
|
|
6983
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
6984
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
6985
|
-
}
|
|
6986
|
-
|
|
6987
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
6988
|
-
visibility: hidden;
|
|
6989
|
-
opacity: 0;
|
|
6990
|
-
}
|
|
6991
|
-
|
|
6992
|
-
.pf-v6-c-helper-text__item {
|
|
6993
|
-
display: flex;
|
|
6994
|
-
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
6995
|
-
}
|
|
6996
|
-
|
|
6997
|
-
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
6998
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
6999
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7000
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7001
|
-
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7002
|
-
}
|
|
7003
|
-
|
|
7004
|
-
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7005
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7006
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7007
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7008
|
-
}
|
|
7009
|
-
|
|
7010
|
-
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7011
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7012
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7013
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7014
|
-
}
|
|
7015
|
-
|
|
7016
|
-
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7017
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7018
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7019
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
6930
|
+
.pf-v6-c-form__field-group-header-description {
|
|
6931
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
|
|
6932
|
+
color: var(--pf-v6-c-form__field-group-header-description--Color);
|
|
7020
6933
|
}
|
|
7021
6934
|
|
|
7022
|
-
.pf-v6-c-
|
|
7023
|
-
|
|
6935
|
+
.pf-v6-c-form__field-group-header-actions {
|
|
6936
|
+
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
6937
|
+
white-space: nowrap;
|
|
7024
6938
|
}
|
|
7025
6939
|
|
|
7026
|
-
.pf-v6-c-
|
|
7027
|
-
|
|
7028
|
-
|
|
6940
|
+
.pf-v6-c-form__field-group-body {
|
|
6941
|
+
display: grid;
|
|
6942
|
+
grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
|
|
6943
|
+
gap: var(--pf-v6-c-form__field-group-body--Gap);
|
|
6944
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
6945
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
7029
6946
|
}
|
|
7030
6947
|
|
|
7031
|
-
.pf-v6-c-
|
|
7032
|
-
|
|
6948
|
+
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
6949
|
+
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
6950
|
+
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
6951
|
+
}
|
|
6952
|
+
|
|
6953
|
+
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
|
|
6954
|
+
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
7033
6955
|
}
|
|
7034
6956
|
|
|
7035
6957
|
.pf-v6-c-form-control {
|
|
@@ -7355,6 +7277,84 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7355
7277
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7356
7278
|
}
|
|
7357
7279
|
|
|
7280
|
+
.pf-v6-c-helper-text {
|
|
7281
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7282
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7283
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7284
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
7285
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7286
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
7287
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
7288
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7289
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7290
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7291
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7292
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7293
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7294
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7295
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7296
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7297
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7298
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7299
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7300
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7301
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
7302
|
+
}
|
|
7303
|
+
|
|
7304
|
+
.pf-v6-c-helper-text {
|
|
7305
|
+
display: grid;
|
|
7306
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
7307
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
7308
|
+
}
|
|
7309
|
+
|
|
7310
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
7311
|
+
visibility: hidden;
|
|
7312
|
+
opacity: 0;
|
|
7313
|
+
}
|
|
7314
|
+
|
|
7315
|
+
.pf-v6-c-helper-text__item {
|
|
7316
|
+
display: flex;
|
|
7317
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
7318
|
+
}
|
|
7319
|
+
|
|
7320
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
7321
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
7322
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7323
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7324
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7325
|
+
}
|
|
7326
|
+
|
|
7327
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7328
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7329
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7330
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7331
|
+
}
|
|
7332
|
+
|
|
7333
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7334
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7335
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7336
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7337
|
+
}
|
|
7338
|
+
|
|
7339
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7340
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7341
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7342
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7343
|
+
}
|
|
7344
|
+
|
|
7345
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7346
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7347
|
+
}
|
|
7348
|
+
|
|
7349
|
+
.pf-v6-c-helper-text__item-icon {
|
|
7350
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7351
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7352
|
+
}
|
|
7353
|
+
|
|
7354
|
+
.pf-v6-c-helper-text__item-text {
|
|
7355
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7356
|
+
}
|
|
7357
|
+
|
|
7358
7358
|
.pf-v6-c-hint {
|
|
7359
7359
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7360
7360
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -9108,6 +9108,82 @@ input.pf-v6-c-label__content {
|
|
|
9108
9108
|
display: none;
|
|
9109
9109
|
}
|
|
9110
9110
|
|
|
9111
|
+
.pf-v6-c-list {
|
|
9112
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9113
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
9114
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
9115
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9116
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
9117
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
9118
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
9119
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
9120
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9121
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
9122
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
9123
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
9124
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
9125
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9126
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9127
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
9128
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
9129
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
9130
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9131
|
+
}
|
|
9132
|
+
|
|
9133
|
+
.pf-v6-c-list {
|
|
9134
|
+
display: flex;
|
|
9135
|
+
flex-direction: column;
|
|
9136
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
9137
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
9138
|
+
}
|
|
9139
|
+
|
|
9140
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
9141
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
9142
|
+
}
|
|
9143
|
+
|
|
9144
|
+
ul.pf-v6-c-list {
|
|
9145
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
9146
|
+
}
|
|
9147
|
+
|
|
9148
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
9149
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
9150
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
9151
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
9152
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
9153
|
+
}
|
|
9154
|
+
|
|
9155
|
+
.pf-v6-c-list.pf-m-plain {
|
|
9156
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
9157
|
+
list-style: none;
|
|
9158
|
+
}
|
|
9159
|
+
|
|
9160
|
+
.pf-v6-c-list.pf-m-inline {
|
|
9161
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
9162
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
9163
|
+
flex-direction: row;
|
|
9164
|
+
flex-wrap: wrap;
|
|
9165
|
+
list-style: none;
|
|
9166
|
+
}
|
|
9167
|
+
|
|
9168
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
9169
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
9170
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
9171
|
+
}
|
|
9172
|
+
|
|
9173
|
+
.pf-v6-c-list__item {
|
|
9174
|
+
display: flex;
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
.pf-v6-c-list__item-icon {
|
|
9178
|
+
flex-shrink: 0;
|
|
9179
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
9180
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
9181
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
9182
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
9183
|
+
line-height: 1;
|
|
9184
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9185
|
+
}
|
|
9186
|
+
|
|
9111
9187
|
.pf-v6-c-login {
|
|
9112
9188
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
9113
9189
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -9338,110 +9414,34 @@ input.pf-v6-c-label__content {
|
|
|
9338
9414
|
}
|
|
9339
9415
|
|
|
9340
9416
|
.pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
|
|
9341
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
9342
|
-
}
|
|
9343
|
-
|
|
9344
|
-
.pf-v6-c-login__main-footer-band {
|
|
9345
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
9346
|
-
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
9347
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
9348
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
9349
|
-
text-align: center;
|
|
9350
|
-
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
9351
|
-
}
|
|
9352
|
-
|
|
9353
|
-
.pf-v6-c-login__main-footer-band > * + * {
|
|
9354
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
9355
|
-
}
|
|
9356
|
-
|
|
9357
|
-
.pf-v6-c-login__footer {
|
|
9358
|
-
grid-area: footer;
|
|
9359
|
-
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
9360
|
-
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
9361
|
-
}
|
|
9362
|
-
|
|
9363
|
-
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
9364
|
-
color: unset;
|
|
9365
|
-
}
|
|
9366
|
-
|
|
9367
|
-
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
9368
|
-
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9369
|
-
}
|
|
9370
|
-
|
|
9371
|
-
.pf-v6-c-list {
|
|
9372
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9373
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
9374
|
-
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
9375
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9376
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
9377
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
9378
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
9379
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
9380
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9381
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
9382
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
9383
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
9384
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
9385
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9386
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9387
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
9388
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
9389
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
9390
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9391
|
-
}
|
|
9392
|
-
|
|
9393
|
-
.pf-v6-c-list {
|
|
9394
|
-
display: flex;
|
|
9395
|
-
flex-direction: column;
|
|
9396
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
9397
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
9398
|
-
}
|
|
9399
|
-
|
|
9400
|
-
.pf-v6-c-list .pf-v6-c-list {
|
|
9401
|
-
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
9402
|
-
}
|
|
9403
|
-
|
|
9404
|
-
ul.pf-v6-c-list {
|
|
9405
|
-
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
9406
|
-
}
|
|
9407
|
-
|
|
9408
|
-
.pf-v6-c-list.pf-m-icon-lg {
|
|
9409
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
9410
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
9411
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
9412
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
9417
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
9413
9418
|
}
|
|
9414
9419
|
|
|
9415
|
-
.pf-v6-c-
|
|
9416
|
-
|
|
9417
|
-
|
|
9420
|
+
.pf-v6-c-login__main-footer-band {
|
|
9421
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
9422
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
9423
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
9424
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
9425
|
+
text-align: center;
|
|
9426
|
+
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
9418
9427
|
}
|
|
9419
9428
|
|
|
9420
|
-
.pf-v6-c-
|
|
9421
|
-
|
|
9422
|
-
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
9423
|
-
flex-direction: row;
|
|
9424
|
-
flex-wrap: wrap;
|
|
9425
|
-
list-style: none;
|
|
9429
|
+
.pf-v6-c-login__main-footer-band > * + * {
|
|
9430
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
9426
9431
|
}
|
|
9427
9432
|
|
|
9428
|
-
.pf-v6-c-
|
|
9429
|
-
|
|
9430
|
-
|
|
9433
|
+
.pf-v6-c-login__footer {
|
|
9434
|
+
grid-area: footer;
|
|
9435
|
+
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
9436
|
+
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
9431
9437
|
}
|
|
9432
9438
|
|
|
9433
|
-
.pf-v6-c-
|
|
9434
|
-
|
|
9439
|
+
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
9440
|
+
color: unset;
|
|
9435
9441
|
}
|
|
9436
9442
|
|
|
9437
|
-
.pf-v6-c-
|
|
9438
|
-
|
|
9439
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
9440
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
9441
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
9442
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
9443
|
-
line-height: 1;
|
|
9444
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9443
|
+
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
9444
|
+
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9445
9445
|
}
|
|
9446
9446
|
|
|
9447
9447
|
.pf-v6-c-masthead {
|
|
@@ -10853,29 +10853,241 @@ ul.pf-v6-c-list {
|
|
|
10853
10853
|
-webkit-overflow-scrolling: touch;
|
|
10854
10854
|
}
|
|
10855
10855
|
|
|
10856
|
-
.pf-v6-c-modal-box__body:last-child {
|
|
10857
|
-
padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
|
|
10856
|
+
.pf-v6-c-modal-box__body:last-child {
|
|
10857
|
+
padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
|
|
10858
|
+
}
|
|
10859
|
+
|
|
10860
|
+
.pf-v6-c-modal-box__footer {
|
|
10861
|
+
display: flex;
|
|
10862
|
+
flex: 0 0 auto;
|
|
10863
|
+
align-items: center;
|
|
10864
|
+
padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
|
|
10865
|
+
padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
|
|
10866
|
+
padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
|
|
10867
|
+
padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
|
|
10868
|
+
}
|
|
10869
|
+
|
|
10870
|
+
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
10871
|
+
margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
|
|
10872
|
+
}
|
|
10873
|
+
|
|
10874
|
+
@media screen and (min-width: 36rem) {
|
|
10875
|
+
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
10876
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
|
10877
|
+
}
|
|
10878
|
+
}
|
|
10879
|
+
.pf-v6-c-multiple-file-upload {
|
|
10880
|
+
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
10881
|
+
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
10882
|
+
--pf-v6-c-multiple-file-upload__main--TextAlign: center;
|
|
10883
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
10884
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
10885
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
|
|
10886
|
+
"title"
|
|
10887
|
+
"upload"
|
|
10888
|
+
"info";
|
|
10889
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10890
|
+
--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
10891
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
10892
|
+
--pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
10893
|
+
--pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10894
|
+
--pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
10895
|
+
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
|
|
10896
|
+
--pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10897
|
+
--pf-v6-c-multiple-file-upload__title--Display: grid;
|
|
10898
|
+
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
10899
|
+
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
|
|
10900
|
+
--pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
10901
|
+
--pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10902
|
+
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
10903
|
+
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10904
|
+
--pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10905
|
+
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
10906
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
|
|
10907
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
10908
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10909
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
10910
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
10911
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10912
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
10913
|
+
--pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
10914
|
+
--pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
|
|
10915
|
+
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
10916
|
+
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
|
|
10917
|
+
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10918
|
+
--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
10919
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
10920
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
10921
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
10922
|
+
"title upload"
|
|
10923
|
+
"info upload";
|
|
10924
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
|
10925
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10926
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
10927
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
|
|
10928
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10929
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10930
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
10931
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
10932
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10933
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10934
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10935
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
|
|
10936
|
+
--pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10937
|
+
--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10938
|
+
--pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10939
|
+
--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10940
|
+
--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
10941
|
+
--pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
10942
|
+
--pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10943
|
+
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
10944
|
+
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10945
|
+
--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
10946
|
+
--pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
|
|
10947
|
+
--pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10948
|
+
--pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
|
|
10949
|
+
--pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10950
|
+
--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
10951
|
+
--pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
10952
|
+
--pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
|
|
10953
|
+
--pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
|
|
10954
|
+
}
|
|
10955
|
+
|
|
10956
|
+
.pf-v6-c-multiple-file-upload {
|
|
10957
|
+
display: grid;
|
|
10958
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
|
|
10959
|
+
gap: var(--pf-v6-c-multiple-file-upload--Gap);
|
|
10960
|
+
}
|
|
10961
|
+
|
|
10962
|
+
.pf-v6-c-multiple-file-upload.pf-m-horizontal {
|
|
10963
|
+
--pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
10964
|
+
--pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
10965
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
10966
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
10967
|
+
--pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
10968
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
|
|
10969
|
+
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
10970
|
+
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
10971
|
+
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
|
|
10972
|
+
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
|
|
10973
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
|
|
10974
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
10975
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
|
|
10976
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
|
|
10977
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
|
|
10978
|
+
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
|
|
10979
|
+
}
|
|
10980
|
+
|
|
10981
|
+
.pf-v6-c-multiple-file-upload.pf-m-drag-over {
|
|
10982
|
+
--pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
10983
|
+
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
10984
|
+
}
|
|
10985
|
+
|
|
10986
|
+
.pf-v6-c-multiple-file-upload__main {
|
|
10987
|
+
display: grid;
|
|
10988
|
+
grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
|
|
10989
|
+
grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
|
|
10990
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
|
|
10991
|
+
gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
|
|
10992
|
+
align-items: center;
|
|
10993
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
|
|
10994
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
|
|
10995
|
+
padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
|
|
10996
|
+
padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
|
|
10997
|
+
text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
|
|
10998
|
+
border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
|
|
10999
|
+
border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
|
|
11000
|
+
}
|
|
11001
|
+
|
|
11002
|
+
.pf-v6-c-multiple-file-upload__title {
|
|
11003
|
+
display: var(--pf-v6-c-multiple-file-upload__title--Display);
|
|
11004
|
+
grid-area: title;
|
|
11005
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
|
|
11006
|
+
gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
|
|
11007
|
+
}
|
|
11008
|
+
|
|
11009
|
+
.pf-v6-c-multiple-file-upload__title-icon {
|
|
11010
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
|
|
11011
|
+
color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
|
|
11012
|
+
}
|
|
11013
|
+
|
|
11014
|
+
.pf-v6-c-multiple-file-upload__title-text {
|
|
11015
|
+
font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
|
|
11016
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
|
|
11017
|
+
font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
|
|
11018
|
+
color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
|
|
11019
|
+
}
|
|
11020
|
+
|
|
11021
|
+
.pf-v6-c-multiple-file-upload__title-text-separator {
|
|
11022
|
+
display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
|
|
11023
|
+
margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
|
|
11024
|
+
margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
|
|
11025
|
+
font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
|
|
11026
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
|
|
11027
|
+
font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
|
|
11028
|
+
color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
|
|
11029
|
+
}
|
|
11030
|
+
|
|
11031
|
+
.pf-v6-c-multiple-file-upload__upload {
|
|
11032
|
+
grid-area: upload;
|
|
11033
|
+
}
|
|
11034
|
+
|
|
11035
|
+
.pf-v6-c-multiple-file-upload__info {
|
|
11036
|
+
grid-area: info;
|
|
11037
|
+
margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
|
|
11038
|
+
font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
|
|
11039
|
+
color: var(--pf-v6-c-multiple-file-upload__info--Color);
|
|
11040
|
+
}
|
|
11041
|
+
|
|
11042
|
+
.pf-v6-c-multiple-file-upload__status {
|
|
11043
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
11044
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
11045
|
+
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
11046
|
+
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
11047
|
+
}
|
|
11048
|
+
|
|
11049
|
+
.pf-v6-c-multiple-file-upload__status,
|
|
11050
|
+
.pf-v6-c-multiple-file-upload__status-item-main {
|
|
11051
|
+
min-width: 0;
|
|
11052
|
+
}
|
|
11053
|
+
|
|
11054
|
+
.pf-v6-c-multiple-file-upload__status-progress {
|
|
11055
|
+
display: grid;
|
|
11056
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
11057
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
11058
|
+
}
|
|
11059
|
+
|
|
11060
|
+
.pf-v6-c-multiple-file-upload__status-progress-icon {
|
|
11061
|
+
color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
|
|
11062
|
+
}
|
|
11063
|
+
|
|
11064
|
+
.pf-v6-c-multiple-file-upload__status-item {
|
|
11065
|
+
display: grid;
|
|
11066
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
11067
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
|
|
11068
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
|
|
11069
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
|
|
11070
|
+
border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
|
|
11071
|
+
}
|
|
11072
|
+
|
|
11073
|
+
.pf-v6-c-multiple-file-upload__status-item-icon {
|
|
11074
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
|
|
10858
11075
|
}
|
|
10859
11076
|
|
|
10860
|
-
.pf-v6-c-
|
|
10861
|
-
display:
|
|
10862
|
-
|
|
10863
|
-
|
|
10864
|
-
padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
|
|
10865
|
-
padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
|
|
10866
|
-
padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
|
|
10867
|
-
padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
|
|
11077
|
+
.pf-v6-c-multiple-file-upload__status-item-progress {
|
|
11078
|
+
display: grid;
|
|
11079
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
11080
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
|
|
10868
11081
|
}
|
|
10869
11082
|
|
|
10870
|
-
.pf-v6-c-
|
|
10871
|
-
|
|
11083
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-text {
|
|
11084
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
|
|
10872
11085
|
}
|
|
10873
11086
|
|
|
10874
|
-
|
|
10875
|
-
|
|
10876
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
|
10877
|
-
}
|
|
11087
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-size {
|
|
11088
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10878
11089
|
}
|
|
11090
|
+
|
|
10879
11091
|
.pf-v6-c-nav {
|
|
10880
11092
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10881
11093
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -11176,252 +11388,40 @@ ul.pf-v6-c-list {
|
|
|
11176
11388
|
padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
|
|
11177
11389
|
padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
|
|
11178
11390
|
padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
|
|
11179
|
-
padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11180
|
-
overflow-x: auto;
|
|
11181
|
-
white-space: nowrap;
|
|
11182
|
-
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
11183
|
-
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11184
|
-
-webkit-overflow-scrolling: touch;
|
|
11185
|
-
scrollbar-width: none;
|
|
11186
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
11187
|
-
}
|
|
11188
|
-
|
|
11189
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
11190
|
-
display: none;
|
|
11191
|
-
}
|
|
11192
|
-
|
|
11193
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
11194
|
-
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11195
|
-
}
|
|
11196
|
-
|
|
11197
|
-
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
|
|
11198
|
-
--pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
|
|
11199
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
|
|
11200
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
|
|
11201
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
|
|
11202
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
|
|
11203
|
-
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
|
|
11204
|
-
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11205
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11206
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
11207
|
-
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11208
|
-
}
|
|
11209
|
-
|
|
11210
|
-
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
11211
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
|
|
11212
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11213
|
-
}
|
|
11214
|
-
|
|
11215
|
-
.pf-v6-c-multiple-file-upload {
|
|
11216
|
-
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
11217
|
-
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
11218
|
-
--pf-v6-c-multiple-file-upload__main--TextAlign: center;
|
|
11219
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
11220
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
11221
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
|
|
11222
|
-
"title"
|
|
11223
|
-
"upload"
|
|
11224
|
-
"info";
|
|
11225
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
11226
|
-
--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
11227
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
11228
|
-
--pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
11229
|
-
--pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11230
|
-
--pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
11231
|
-
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
|
|
11232
|
-
--pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11233
|
-
--pf-v6-c-multiple-file-upload__title--Display: grid;
|
|
11234
|
-
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
11235
|
-
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
|
|
11236
|
-
--pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
11237
|
-
--pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11238
|
-
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
11239
|
-
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11240
|
-
--pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11241
|
-
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
11242
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
|
|
11243
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
11244
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11245
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
11246
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
11247
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
11248
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
11249
|
-
--pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11250
|
-
--pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
|
|
11251
|
-
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
11252
|
-
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
|
|
11253
|
-
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
11254
|
-
--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
11255
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
11256
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
11257
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
11258
|
-
"title upload"
|
|
11259
|
-
"info upload";
|
|
11260
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
|
11261
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11262
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
11263
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
|
|
11264
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11265
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11266
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
11267
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
11268
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11269
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11270
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11271
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
|
|
11272
|
-
--pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11273
|
-
--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11274
|
-
--pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11275
|
-
--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11276
|
-
--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
11277
|
-
--pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
11278
|
-
--pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11279
|
-
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11280
|
-
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11281
|
-
--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
11282
|
-
--pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
|
|
11283
|
-
--pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11284
|
-
--pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
|
|
11285
|
-
--pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11286
|
-
--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
11287
|
-
--pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
11288
|
-
--pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
|
|
11289
|
-
--pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
|
|
11290
|
-
}
|
|
11291
|
-
|
|
11292
|
-
.pf-v6-c-multiple-file-upload {
|
|
11293
|
-
display: grid;
|
|
11294
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
|
|
11295
|
-
gap: var(--pf-v6-c-multiple-file-upload--Gap);
|
|
11296
|
-
}
|
|
11297
|
-
|
|
11298
|
-
.pf-v6-c-multiple-file-upload.pf-m-horizontal {
|
|
11299
|
-
--pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
11300
|
-
--pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
11301
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
11302
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
11303
|
-
--pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
11304
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
|
|
11305
|
-
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
11306
|
-
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
11307
|
-
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
|
|
11308
|
-
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
|
|
11309
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
|
|
11310
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
11311
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
|
|
11312
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
|
|
11313
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
|
|
11314
|
-
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
|
|
11315
|
-
}
|
|
11316
|
-
|
|
11317
|
-
.pf-v6-c-multiple-file-upload.pf-m-drag-over {
|
|
11318
|
-
--pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
11319
|
-
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
11320
|
-
}
|
|
11321
|
-
|
|
11322
|
-
.pf-v6-c-multiple-file-upload__main {
|
|
11323
|
-
display: grid;
|
|
11324
|
-
grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
|
|
11325
|
-
grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
|
|
11326
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
|
|
11327
|
-
gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
|
|
11328
|
-
align-items: center;
|
|
11329
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
|
|
11330
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
|
|
11331
|
-
padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
|
|
11332
|
-
padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
|
|
11333
|
-
text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
|
|
11334
|
-
border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
|
|
11335
|
-
border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
|
|
11336
|
-
}
|
|
11337
|
-
|
|
11338
|
-
.pf-v6-c-multiple-file-upload__title {
|
|
11339
|
-
display: var(--pf-v6-c-multiple-file-upload__title--Display);
|
|
11340
|
-
grid-area: title;
|
|
11341
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
|
|
11342
|
-
gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
|
|
11343
|
-
}
|
|
11344
|
-
|
|
11345
|
-
.pf-v6-c-multiple-file-upload__title-icon {
|
|
11346
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
|
|
11347
|
-
color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
|
|
11348
|
-
}
|
|
11349
|
-
|
|
11350
|
-
.pf-v6-c-multiple-file-upload__title-text {
|
|
11351
|
-
font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
|
|
11352
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
|
|
11353
|
-
font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
|
|
11354
|
-
color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
|
|
11355
|
-
}
|
|
11356
|
-
|
|
11357
|
-
.pf-v6-c-multiple-file-upload__title-text-separator {
|
|
11358
|
-
display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
|
|
11359
|
-
margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
|
|
11360
|
-
margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
|
|
11361
|
-
font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
|
|
11362
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
|
|
11363
|
-
font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
|
|
11364
|
-
color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
|
|
11365
|
-
}
|
|
11366
|
-
|
|
11367
|
-
.pf-v6-c-multiple-file-upload__upload {
|
|
11368
|
-
grid-area: upload;
|
|
11369
|
-
}
|
|
11370
|
-
|
|
11371
|
-
.pf-v6-c-multiple-file-upload__info {
|
|
11372
|
-
grid-area: info;
|
|
11373
|
-
margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
|
|
11374
|
-
font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
|
|
11375
|
-
color: var(--pf-v6-c-multiple-file-upload__info--Color);
|
|
11376
|
-
}
|
|
11377
|
-
|
|
11378
|
-
.pf-v6-c-multiple-file-upload__status {
|
|
11379
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
11380
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
11381
|
-
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
11382
|
-
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
11383
|
-
}
|
|
11384
|
-
|
|
11385
|
-
.pf-v6-c-multiple-file-upload__status,
|
|
11386
|
-
.pf-v6-c-multiple-file-upload__status-item-main {
|
|
11387
|
-
min-width: 0;
|
|
11388
|
-
}
|
|
11389
|
-
|
|
11390
|
-
.pf-v6-c-multiple-file-upload__status-progress {
|
|
11391
|
-
display: grid;
|
|
11392
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
11393
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
11394
|
-
}
|
|
11395
|
-
|
|
11396
|
-
.pf-v6-c-multiple-file-upload__status-progress-icon {
|
|
11397
|
-
color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
|
|
11398
|
-
}
|
|
11399
|
-
|
|
11400
|
-
.pf-v6-c-multiple-file-upload__status-item {
|
|
11401
|
-
display: grid;
|
|
11402
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
11403
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
|
|
11404
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
|
|
11405
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
|
|
11406
|
-
border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
|
|
11391
|
+
padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11392
|
+
overflow-x: auto;
|
|
11393
|
+
white-space: nowrap;
|
|
11394
|
+
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
11395
|
+
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11396
|
+
-webkit-overflow-scrolling: touch;
|
|
11397
|
+
scrollbar-width: none;
|
|
11398
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
11407
11399
|
}
|
|
11408
11400
|
|
|
11409
|
-
.pf-v6-c-
|
|
11410
|
-
|
|
11401
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
11402
|
+
display: none;
|
|
11411
11403
|
}
|
|
11412
11404
|
|
|
11413
|
-
.pf-v6-c-
|
|
11414
|
-
|
|
11415
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
11416
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
|
|
11405
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
11406
|
+
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11417
11407
|
}
|
|
11418
11408
|
|
|
11419
|
-
.pf-v6-c-
|
|
11420
|
-
|
|
11409
|
+
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
|
|
11410
|
+
--pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
|
|
11411
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
|
|
11412
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
|
|
11413
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
|
|
11414
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
|
|
11415
|
+
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
|
|
11416
|
+
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11417
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11418
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
11419
|
+
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11421
11420
|
}
|
|
11422
11421
|
|
|
11423
|
-
.pf-v6-c-
|
|
11424
|
-
|
|
11422
|
+
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
11423
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
|
|
11424
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11425
11425
|
}
|
|
11426
11426
|
|
|
11427
11427
|
.pf-v6-c-notification-drawer {
|
|
@@ -11711,6 +11711,45 @@ ul.pf-v6-c-list {
|
|
|
11711
11711
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11712
11712
|
}
|
|
11713
11713
|
|
|
11714
|
+
.pf-v6-c-overflow-menu {
|
|
11715
|
+
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11716
|
+
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11717
|
+
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11718
|
+
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
11719
|
+
}
|
|
11720
|
+
|
|
11721
|
+
.pf-v6-c-overflow-menu {
|
|
11722
|
+
display: inline-flex;
|
|
11723
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11724
|
+
}
|
|
11725
|
+
|
|
11726
|
+
.pf-v6-c-overflow-menu__content,
|
|
11727
|
+
.pf-v6-c-overflow-menu__group {
|
|
11728
|
+
display: flex;
|
|
11729
|
+
align-items: start;
|
|
11730
|
+
}
|
|
11731
|
+
|
|
11732
|
+
.pf-v6-c-overflow-menu__group {
|
|
11733
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
11734
|
+
}
|
|
11735
|
+
|
|
11736
|
+
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
11737
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
11738
|
+
}
|
|
11739
|
+
|
|
11740
|
+
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
11741
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
11742
|
+
}
|
|
11743
|
+
|
|
11744
|
+
.pf-v6-c-overflow-menu__item {
|
|
11745
|
+
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
11746
|
+
}
|
|
11747
|
+
|
|
11748
|
+
.pf-v6-c-overflow-menu__content,
|
|
11749
|
+
.pf-v6-c-overflow-menu__control {
|
|
11750
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11751
|
+
}
|
|
11752
|
+
|
|
11714
11753
|
.pf-v6-c-page {
|
|
11715
11754
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11716
11755
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -12359,45 +12398,6 @@ ul.pf-v6-c-list {
|
|
|
12359
12398
|
flex-grow: 1;
|
|
12360
12399
|
}
|
|
12361
12400
|
|
|
12362
|
-
.pf-v6-c-overflow-menu {
|
|
12363
|
-
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12364
|
-
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12365
|
-
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
12366
|
-
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
12367
|
-
}
|
|
12368
|
-
|
|
12369
|
-
.pf-v6-c-overflow-menu {
|
|
12370
|
-
display: inline-flex;
|
|
12371
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
12372
|
-
}
|
|
12373
|
-
|
|
12374
|
-
.pf-v6-c-overflow-menu__content,
|
|
12375
|
-
.pf-v6-c-overflow-menu__group {
|
|
12376
|
-
display: flex;
|
|
12377
|
-
align-items: start;
|
|
12378
|
-
}
|
|
12379
|
-
|
|
12380
|
-
.pf-v6-c-overflow-menu__group {
|
|
12381
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
12382
|
-
}
|
|
12383
|
-
|
|
12384
|
-
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
12385
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
12386
|
-
}
|
|
12387
|
-
|
|
12388
|
-
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
12389
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
12390
|
-
}
|
|
12391
|
-
|
|
12392
|
-
.pf-v6-c-overflow-menu__item {
|
|
12393
|
-
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
12394
|
-
}
|
|
12395
|
-
|
|
12396
|
-
.pf-v6-c-overflow-menu__content,
|
|
12397
|
-
.pf-v6-c-overflow-menu__control {
|
|
12398
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
12399
|
-
}
|
|
12400
|
-
|
|
12401
12401
|
.pf-v6-c-pagination {
|
|
12402
12402
|
--pf-v6-c-pagination--inset: 0;
|
|
12403
12403
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -13179,92 +13179,6 @@ ul.pf-v6-c-list {
|
|
|
13179
13179
|
font-variant-numeric: tabular-nums;
|
|
13180
13180
|
}
|
|
13181
13181
|
|
|
13182
|
-
.pf-v6-c-radio {
|
|
13183
|
-
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13184
|
-
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13185
|
-
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13186
|
-
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13187
|
-
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13188
|
-
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13189
|
-
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13190
|
-
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13191
|
-
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13192
|
-
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13193
|
-
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13194
|
-
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13195
|
-
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13196
|
-
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13197
|
-
}
|
|
13198
|
-
|
|
13199
|
-
.pf-v6-c-radio {
|
|
13200
|
-
display: grid;
|
|
13201
|
-
grid-template-columns: auto 1fr;
|
|
13202
|
-
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13203
|
-
align-items: baseline;
|
|
13204
|
-
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13205
|
-
}
|
|
13206
|
-
|
|
13207
|
-
.pf-v6-c-radio.pf-m-standalone {
|
|
13208
|
-
display: inline-grid;
|
|
13209
|
-
grid-template-columns: auto;
|
|
13210
|
-
min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
|
|
13211
|
-
}
|
|
13212
|
-
|
|
13213
|
-
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
13214
|
-
align-self: center;
|
|
13215
|
-
transform: none;
|
|
13216
|
-
}
|
|
13217
|
-
|
|
13218
|
-
.pf-v6-c-radio__input {
|
|
13219
|
-
align-self: start;
|
|
13220
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13221
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13222
|
-
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
13223
|
-
}
|
|
13224
|
-
|
|
13225
|
-
.pf-v6-c-radio__input:first-child {
|
|
13226
|
-
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
13227
|
-
}
|
|
13228
|
-
|
|
13229
|
-
.pf-v6-c-radio__input:last-child {
|
|
13230
|
-
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
13231
|
-
}
|
|
13232
|
-
|
|
13233
|
-
.pf-v6-c-radio__label {
|
|
13234
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13235
|
-
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
13236
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13237
|
-
color: var(--pf-v6-c-radio__label--Color);
|
|
13238
|
-
}
|
|
13239
|
-
|
|
13240
|
-
.pf-v6-c-radio__description {
|
|
13241
|
-
grid-column: 2;
|
|
13242
|
-
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
13243
|
-
color: var(--pf-v6-c-radio__description--Color);
|
|
13244
|
-
}
|
|
13245
|
-
|
|
13246
|
-
.pf-v6-c-radio__body {
|
|
13247
|
-
grid-column: 2;
|
|
13248
|
-
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
13249
|
-
}
|
|
13250
|
-
|
|
13251
|
-
.pf-v6-c-radio__label,
|
|
13252
|
-
.pf-v6-c-radio__input {
|
|
13253
|
-
justify-self: start;
|
|
13254
|
-
}
|
|
13255
|
-
|
|
13256
|
-
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13257
|
-
.pf-v6-c-radio__input {
|
|
13258
|
-
cursor: pointer;
|
|
13259
|
-
}
|
|
13260
|
-
|
|
13261
|
-
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
13262
|
-
.pf-v6-c-radio__input:disabled,
|
|
13263
|
-
.pf-v6-c-radio__input.pf-m-disabled {
|
|
13264
|
-
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
13265
|
-
cursor: not-allowed;
|
|
13266
|
-
}
|
|
13267
|
-
|
|
13268
13182
|
.pf-v6-c-progress-stepper {
|
|
13269
13183
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
13270
13184
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
@@ -13901,6 +13815,92 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13901
13815
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
13902
13816
|
}
|
|
13903
13817
|
}
|
|
13818
|
+
.pf-v6-c-radio {
|
|
13819
|
+
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13820
|
+
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13821
|
+
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13822
|
+
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13823
|
+
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13824
|
+
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13825
|
+
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13826
|
+
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13827
|
+
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13828
|
+
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13829
|
+
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13830
|
+
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13831
|
+
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13832
|
+
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13833
|
+
}
|
|
13834
|
+
|
|
13835
|
+
.pf-v6-c-radio {
|
|
13836
|
+
display: grid;
|
|
13837
|
+
grid-template-columns: auto 1fr;
|
|
13838
|
+
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13839
|
+
align-items: baseline;
|
|
13840
|
+
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13841
|
+
}
|
|
13842
|
+
|
|
13843
|
+
.pf-v6-c-radio.pf-m-standalone {
|
|
13844
|
+
display: inline-grid;
|
|
13845
|
+
grid-template-columns: auto;
|
|
13846
|
+
min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
|
|
13847
|
+
}
|
|
13848
|
+
|
|
13849
|
+
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
13850
|
+
align-self: center;
|
|
13851
|
+
transform: none;
|
|
13852
|
+
}
|
|
13853
|
+
|
|
13854
|
+
.pf-v6-c-radio__input {
|
|
13855
|
+
align-self: start;
|
|
13856
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13857
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13858
|
+
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
13859
|
+
}
|
|
13860
|
+
|
|
13861
|
+
.pf-v6-c-radio__input:first-child {
|
|
13862
|
+
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
13863
|
+
}
|
|
13864
|
+
|
|
13865
|
+
.pf-v6-c-radio__input:last-child {
|
|
13866
|
+
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
13867
|
+
}
|
|
13868
|
+
|
|
13869
|
+
.pf-v6-c-radio__label {
|
|
13870
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13871
|
+
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
13872
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13873
|
+
color: var(--pf-v6-c-radio__label--Color);
|
|
13874
|
+
}
|
|
13875
|
+
|
|
13876
|
+
.pf-v6-c-radio__description {
|
|
13877
|
+
grid-column: 2;
|
|
13878
|
+
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
13879
|
+
color: var(--pf-v6-c-radio__description--Color);
|
|
13880
|
+
}
|
|
13881
|
+
|
|
13882
|
+
.pf-v6-c-radio__body {
|
|
13883
|
+
grid-column: 2;
|
|
13884
|
+
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
13885
|
+
}
|
|
13886
|
+
|
|
13887
|
+
.pf-v6-c-radio__label,
|
|
13888
|
+
.pf-v6-c-radio__input {
|
|
13889
|
+
justify-self: start;
|
|
13890
|
+
}
|
|
13891
|
+
|
|
13892
|
+
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13893
|
+
.pf-v6-c-radio__input {
|
|
13894
|
+
cursor: pointer;
|
|
13895
|
+
}
|
|
13896
|
+
|
|
13897
|
+
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
13898
|
+
.pf-v6-c-radio__input:disabled,
|
|
13899
|
+
.pf-v6-c-radio__input.pf-m-disabled {
|
|
13900
|
+
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
13901
|
+
cursor: not-allowed;
|
|
13902
|
+
}
|
|
13903
|
+
|
|
13904
13904
|
.pf-v6-c-text-input-group {
|
|
13905
13905
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
13906
13906
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -15839,136 +15839,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15839
15839
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
15840
15840
|
}
|
|
15841
15841
|
|
|
15842
|
-
.pf-v6-c-toggle-group {
|
|
15843
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15844
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15845
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15846
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15847
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15848
|
-
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15849
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
15850
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
15851
|
-
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
15852
|
-
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
15853
|
-
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15854
|
-
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15855
|
-
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15856
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15857
|
-
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
15858
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15859
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15860
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15861
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15862
|
-
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15863
|
-
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15864
|
-
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
15865
|
-
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15866
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
15867
|
-
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15868
|
-
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15869
|
-
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15870
|
-
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
15871
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
15872
|
-
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15873
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
15874
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15875
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
15876
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
15877
|
-
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15878
|
-
}
|
|
15879
|
-
|
|
15880
|
-
.pf-v6-c-toggle-group {
|
|
15881
|
-
display: flex;
|
|
15882
|
-
}
|
|
15883
|
-
|
|
15884
|
-
.pf-v6-c-toggle-group.pf-m-compact {
|
|
15885
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
15886
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
15887
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
15888
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
15889
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
15890
|
-
}
|
|
15891
|
-
|
|
15892
|
-
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
15893
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
15894
|
-
}
|
|
15895
|
-
|
|
15896
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
15897
|
-
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
15898
|
-
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
15899
|
-
}
|
|
15900
|
-
|
|
15901
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
15902
|
-
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
15903
|
-
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
15904
|
-
}
|
|
15905
|
-
|
|
15906
|
-
.pf-v6-c-toggle-group__button {
|
|
15907
|
-
position: relative;
|
|
15908
|
-
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
15909
|
-
display: inline-flex;
|
|
15910
|
-
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
15911
|
-
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
15912
|
-
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
15913
|
-
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
15914
|
-
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
15915
|
-
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
15916
|
-
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
15917
|
-
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
15918
|
-
border: 0;
|
|
15919
|
-
}
|
|
15920
|
-
|
|
15921
|
-
.pf-v6-c-toggle-group__button::before {
|
|
15922
|
-
position: absolute;
|
|
15923
|
-
inset-block-start: 0;
|
|
15924
|
-
inset-block-end: 0;
|
|
15925
|
-
inset-inline-start: 0;
|
|
15926
|
-
inset-inline-end: 0;
|
|
15927
|
-
pointer-events: none;
|
|
15928
|
-
content: "";
|
|
15929
|
-
border-style: solid;
|
|
15930
|
-
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
15931
|
-
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
15932
|
-
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
15933
|
-
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
15934
|
-
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
15935
|
-
}
|
|
15936
|
-
|
|
15937
|
-
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
15938
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
15939
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
15940
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
15941
|
-
text-decoration: none;
|
|
15942
|
-
}
|
|
15943
|
-
|
|
15944
|
-
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
15945
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
15946
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
15947
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
15948
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
15949
|
-
}
|
|
15950
|
-
|
|
15951
|
-
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
15952
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
15953
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
15954
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
15955
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
15956
|
-
pointer-events: none;
|
|
15957
|
-
}
|
|
15958
|
-
|
|
15959
|
-
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
15960
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
15961
|
-
}
|
|
15962
|
-
|
|
15963
|
-
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
15964
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
15965
|
-
}
|
|
15966
|
-
|
|
15967
|
-
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
15968
|
-
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
15969
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
15970
|
-
}
|
|
15971
|
-
|
|
15972
15842
|
.pf-v6-c-title {
|
|
15973
15843
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15974
15844
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -16091,46 +15961,134 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16091
15961
|
font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
|
|
16092
15962
|
}
|
|
16093
15963
|
|
|
16094
|
-
.pf-v6-c-
|
|
16095
|
-
--pf-v6-c-
|
|
16096
|
-
--pf-v6-c-
|
|
16097
|
-
--pf-v6-c-
|
|
16098
|
-
--pf-v6-c-
|
|
16099
|
-
--pf-v6-c-
|
|
16100
|
-
--pf-v6-c-
|
|
16101
|
-
|
|
16102
|
-
|
|
16103
|
-
|
|
16104
|
-
|
|
16105
|
-
|
|
15964
|
+
.pf-v6-c-toggle-group {
|
|
15965
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15966
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15967
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15968
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15969
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15970
|
+
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15971
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
15972
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
15973
|
+
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
15974
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
15975
|
+
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15976
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15977
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15978
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15979
|
+
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
15980
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15981
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15982
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15983
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15984
|
+
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15985
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15986
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
15987
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15988
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
15989
|
+
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15990
|
+
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15991
|
+
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15992
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
15993
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
15994
|
+
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15995
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
15996
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15997
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
15998
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
15999
|
+
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16000
|
+
}
|
|
16001
|
+
|
|
16002
|
+
.pf-v6-c-toggle-group {
|
|
16003
|
+
display: flex;
|
|
16004
|
+
}
|
|
16005
|
+
|
|
16006
|
+
.pf-v6-c-toggle-group.pf-m-compact {
|
|
16007
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
16008
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
16009
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
16010
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
16011
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
16012
|
+
}
|
|
16013
|
+
|
|
16014
|
+
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
16015
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
16016
|
+
}
|
|
16017
|
+
|
|
16018
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
16019
|
+
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
16020
|
+
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
16021
|
+
}
|
|
16022
|
+
|
|
16023
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
16024
|
+
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
16025
|
+
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
16026
|
+
}
|
|
16027
|
+
|
|
16028
|
+
.pf-v6-c-toggle-group__button {
|
|
16029
|
+
position: relative;
|
|
16030
|
+
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
16031
|
+
display: inline-flex;
|
|
16032
|
+
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
16033
|
+
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
16034
|
+
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
16035
|
+
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
16036
|
+
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
16037
|
+
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
16038
|
+
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
16039
|
+
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
16040
|
+
border: 0;
|
|
16041
|
+
}
|
|
16042
|
+
|
|
16043
|
+
.pf-v6-c-toggle-group__button::before {
|
|
16044
|
+
position: absolute;
|
|
16045
|
+
inset-block-start: 0;
|
|
16046
|
+
inset-block-end: 0;
|
|
16047
|
+
inset-inline-start: 0;
|
|
16048
|
+
inset-inline-end: 0;
|
|
16049
|
+
pointer-events: none;
|
|
16050
|
+
content: "";
|
|
16051
|
+
border-style: solid;
|
|
16052
|
+
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
16053
|
+
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16054
|
+
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16055
|
+
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16056
|
+
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16106
16057
|
}
|
|
16107
16058
|
|
|
16108
|
-
.pf-v6-c-
|
|
16109
|
-
|
|
16110
|
-
|
|
16059
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
16060
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
16061
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
16062
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
16063
|
+
text-decoration: none;
|
|
16111
16064
|
}
|
|
16112
16065
|
|
|
16113
|
-
.pf-v6-c-
|
|
16114
|
-
|
|
16066
|
+
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
16067
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
16068
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
16069
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
16070
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
16115
16071
|
}
|
|
16116
16072
|
|
|
16117
|
-
.pf-v6-c-
|
|
16118
|
-
|
|
16119
|
-
|
|
16073
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
16074
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
16075
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
16076
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
16077
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
16078
|
+
pointer-events: none;
|
|
16120
16079
|
}
|
|
16121
16080
|
|
|
16122
|
-
.pf-v6-c-
|
|
16123
|
-
|
|
16124
|
-
appearance: none;
|
|
16081
|
+
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
16082
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
16125
16083
|
}
|
|
16126
16084
|
|
|
16127
|
-
.pf-v6-c-
|
|
16128
|
-
|
|
16129
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
16085
|
+
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
16086
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
16130
16087
|
}
|
|
16131
16088
|
|
|
16132
|
-
.pf-v6-c-
|
|
16133
|
-
|
|
16089
|
+
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
16090
|
+
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
16091
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
16134
16092
|
}
|
|
16135
16093
|
|
|
16136
16094
|
.pf-v6-c-toolbar {
|
|
@@ -18738,6 +18696,48 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
18738
18696
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
18739
18697
|
}
|
|
18740
18698
|
|
|
18699
|
+
.pf-v6-c-number-input {
|
|
18700
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18701
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18702
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18703
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18704
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18705
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
18706
|
+
calc(
|
|
18707
|
+
calc(
|
|
18708
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18709
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18710
|
+
);
|
|
18711
|
+
}
|
|
18712
|
+
|
|
18713
|
+
.pf-v6-c-number-input {
|
|
18714
|
+
display: inline-flex;
|
|
18715
|
+
align-items: center;
|
|
18716
|
+
}
|
|
18717
|
+
|
|
18718
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18719
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18720
|
+
}
|
|
18721
|
+
|
|
18722
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18723
|
+
text-align: end;
|
|
18724
|
+
appearance: textfield;
|
|
18725
|
+
}
|
|
18726
|
+
|
|
18727
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18728
|
+
margin: 0;
|
|
18729
|
+
appearance: none;
|
|
18730
|
+
}
|
|
18731
|
+
|
|
18732
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18733
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18734
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18735
|
+
}
|
|
18736
|
+
|
|
18737
|
+
.pf-v6-c-number-input__icon {
|
|
18738
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18739
|
+
}
|
|
18740
|
+
|
|
18741
18741
|
.pf-v6-c-wizard {
|
|
18742
18742
|
--pf-v6-c-wizard--Height: initial;
|
|
18743
18743
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -19250,182 +19250,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19250
19250
|
z-index: var(--pf-v6-c-wizard__footer--ZIndex);
|
|
19251
19251
|
padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
|
|
19252
19252
|
padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
|
|
19253
|
-
padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
|
|
19254
|
-
padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
|
|
19255
|
-
background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
|
|
19256
|
-
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
19257
|
-
}
|
|
19258
|
-
|
|
19259
|
-
.pf-v6-c-alert-group {
|
|
19260
|
-
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
19261
|
-
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19262
|
-
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
19263
|
-
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
19264
|
-
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
19265
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
19266
|
-
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19267
|
-
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19268
|
-
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19269
|
-
--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19270
|
-
--pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19271
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
19272
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
19273
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
19274
|
-
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
19275
|
-
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
19276
|
-
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
19277
|
-
--pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
|
|
19278
|
-
--pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
19279
|
-
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
|
19280
|
-
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
19281
|
-
}
|
|
19282
|
-
|
|
19283
|
-
.pf-v6-c-alert-group > * + * {
|
|
19284
|
-
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
|
19285
|
-
}
|
|
19286
|
-
|
|
19287
|
-
.pf-v6-c-alert-group.pf-m-toast {
|
|
19288
|
-
position: fixed;
|
|
19289
|
-
inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
|
|
19290
|
-
inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
|
|
19291
|
-
z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
|
|
19292
|
-
width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
|
|
19293
|
-
max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
|
|
19294
|
-
}
|
|
19295
|
-
|
|
19296
|
-
.pf-v6-c-alert-group__overflow-button {
|
|
19297
|
-
position: relative;
|
|
19298
|
-
width: 100%;
|
|
19299
|
-
padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
|
|
19300
|
-
padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
|
|
19301
|
-
padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
|
|
19302
|
-
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
19303
|
-
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
19304
|
-
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
19305
|
-
border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
|
|
19306
|
-
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
19307
|
-
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
19308
|
-
}
|
|
19309
|
-
|
|
19310
|
-
.pf-v6-c-alert-group__item {
|
|
19311
|
-
display: grid;
|
|
19312
|
-
grid-template-rows: 1fr;
|
|
19313
|
-
opacity: 1;
|
|
19314
|
-
transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
|
|
19315
|
-
transform: translateX(0) translateY(0);
|
|
19316
|
-
}
|
|
19317
|
-
|
|
19318
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19319
|
-
.pf-v6-c-alert-group__item {
|
|
19320
|
-
transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
|
|
19321
|
-
}
|
|
19322
|
-
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
19323
|
-
transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
|
|
19324
|
-
}
|
|
19325
|
-
}
|
|
19326
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
19327
|
-
grid-template-rows: 0fr;
|
|
19328
|
-
margin-block: 0;
|
|
19329
|
-
overflow: hidden;
|
|
19330
|
-
opacity: 0;
|
|
19331
|
-
transform: translateY(-100%);
|
|
19332
|
-
}
|
|
19333
|
-
|
|
19334
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
|
|
19335
|
-
min-height: 0;
|
|
19336
|
-
padding-block-start: 0;
|
|
19337
|
-
padding-block-end: 0;
|
|
19338
|
-
border-width: 0;
|
|
19339
|
-
}
|
|
19340
|
-
|
|
19341
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
19342
|
-
grid-template-rows: 0fr;
|
|
19343
|
-
margin-block: 0;
|
|
19344
|
-
overflow: hidden;
|
|
19345
|
-
opacity: 0;
|
|
19346
|
-
transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
|
|
19347
|
-
transform: translateX(100%);
|
|
19348
|
-
}
|
|
19349
|
-
|
|
19350
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
19351
|
-
min-height: 0;
|
|
19352
|
-
padding-block-start: 0;
|
|
19353
|
-
padding-block-end: 0;
|
|
19354
|
-
border-width: 0;
|
|
19355
|
-
}
|
|
19356
|
-
|
|
19357
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19358
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
19359
|
-
transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
|
|
19360
|
-
}
|
|
19361
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
19362
|
-
transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
|
|
19363
|
-
}
|
|
19364
|
-
}
|
|
19365
|
-
.pf-v6-c-alert-group__item:hover {
|
|
19366
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
19367
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
19368
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
19369
|
-
}
|
|
19370
|
-
|
|
19371
|
-
.pf-v6-c-alert-group__item:focus {
|
|
19372
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
19373
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
19374
|
-
}
|
|
19375
|
-
|
|
19376
|
-
.pf-v6-c-alert-group__item:active {
|
|
19377
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
19378
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
19379
|
-
}
|
|
19380
|
-
|
|
19381
|
-
.pf-v6-c-truncate {
|
|
19382
|
-
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
19383
|
-
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
19384
|
-
}
|
|
19385
|
-
|
|
19386
|
-
.pf-v6-c-truncate {
|
|
19387
|
-
display: inline-grid;
|
|
19388
|
-
grid-auto-flow: column;
|
|
19389
|
-
align-items: baseline;
|
|
19390
|
-
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
19391
|
-
}
|
|
19392
|
-
|
|
19393
|
-
.pf-v6-c-truncate__start,
|
|
19394
|
-
.pf-v6-c-truncate__end {
|
|
19395
|
-
overflow: hidden;
|
|
19396
|
-
text-overflow: ellipsis;
|
|
19397
|
-
white-space: pre;
|
|
19398
|
-
}
|
|
19399
|
-
|
|
19400
|
-
.pf-v6-c-truncate__start {
|
|
19401
|
-
min-width: var(--pf-v6-c-truncate__start--MinWidth);
|
|
19402
|
-
}
|
|
19403
|
-
|
|
19404
|
-
.pf-v6-c-truncate__end {
|
|
19405
|
-
direction: rtl;
|
|
19406
|
-
}
|
|
19407
|
-
|
|
19408
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19409
|
-
direction: ltr;
|
|
19410
|
-
}
|
|
19411
|
-
|
|
19412
|
-
.pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19413
|
-
overflow: visible;
|
|
19414
|
-
direction: ltr;
|
|
19415
|
-
}
|
|
19416
|
-
|
|
19417
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19418
|
-
direction: rtl;
|
|
19253
|
+
padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
|
|
19254
|
+
padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
|
|
19255
|
+
background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
|
|
19256
|
+
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
19419
19257
|
}
|
|
19420
19258
|
|
|
19421
|
-
@supports (-webkit-hyphens: none) {
|
|
19422
|
-
.pf-v6-c-truncate__end {
|
|
19423
|
-
direction: ltr;
|
|
19424
|
-
}
|
|
19425
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19426
|
-
direction: rtl;
|
|
19427
|
-
}
|
|
19428
|
-
}
|
|
19429
19259
|
.pf-v6-c-panel {
|
|
19430
19260
|
--pf-v6-c-panel--Width: auto;
|
|
19431
19261
|
--pf-v6-c-panel--MinWidth: auto;
|
|
@@ -19528,6 +19358,54 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19528
19358
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
19529
19359
|
}
|
|
19530
19360
|
|
|
19361
|
+
.pf-v6-c-truncate {
|
|
19362
|
+
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
19363
|
+
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
19364
|
+
}
|
|
19365
|
+
|
|
19366
|
+
.pf-v6-c-truncate {
|
|
19367
|
+
display: inline-grid;
|
|
19368
|
+
grid-auto-flow: column;
|
|
19369
|
+
align-items: baseline;
|
|
19370
|
+
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
19371
|
+
}
|
|
19372
|
+
|
|
19373
|
+
.pf-v6-c-truncate__start,
|
|
19374
|
+
.pf-v6-c-truncate__end {
|
|
19375
|
+
overflow: hidden;
|
|
19376
|
+
text-overflow: ellipsis;
|
|
19377
|
+
white-space: pre;
|
|
19378
|
+
}
|
|
19379
|
+
|
|
19380
|
+
.pf-v6-c-truncate__start {
|
|
19381
|
+
min-width: var(--pf-v6-c-truncate__start--MinWidth);
|
|
19382
|
+
}
|
|
19383
|
+
|
|
19384
|
+
.pf-v6-c-truncate__end {
|
|
19385
|
+
direction: rtl;
|
|
19386
|
+
}
|
|
19387
|
+
|
|
19388
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19389
|
+
direction: ltr;
|
|
19390
|
+
}
|
|
19391
|
+
|
|
19392
|
+
.pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19393
|
+
overflow: visible;
|
|
19394
|
+
direction: ltr;
|
|
19395
|
+
}
|
|
19396
|
+
|
|
19397
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
|
|
19398
|
+
direction: rtl;
|
|
19399
|
+
}
|
|
19400
|
+
|
|
19401
|
+
@supports (-webkit-hyphens: none) {
|
|
19402
|
+
.pf-v6-c-truncate__end {
|
|
19403
|
+
direction: ltr;
|
|
19404
|
+
}
|
|
19405
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
|
|
19406
|
+
direction: rtl;
|
|
19407
|
+
}
|
|
19408
|
+
}
|
|
19531
19409
|
.pf-v6-l-bullseye {
|
|
19532
19410
|
--pf-v6-l-bullseye--Padding: 0;
|
|
19533
19411
|
}
|
|
@@ -22109,43 +21987,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22109
21987
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22110
21988
|
}
|
|
22111
21989
|
}
|
|
22112
|
-
.pf-v6-l-split {
|
|
22113
|
-
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
22114
|
-
}
|
|
22115
|
-
|
|
22116
|
-
.pf-v6-l-split {
|
|
22117
|
-
display: flex;
|
|
22118
|
-
padding: 0;
|
|
22119
|
-
margin: 0;
|
|
22120
|
-
}
|
|
22121
|
-
|
|
22122
|
-
.pf-v6-l-split.pf-m-wrap {
|
|
22123
|
-
flex-wrap: wrap;
|
|
22124
|
-
}
|
|
22125
|
-
|
|
22126
|
-
.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
|
|
22127
|
-
flex-grow: 1;
|
|
22128
|
-
}
|
|
22129
|
-
|
|
22130
|
-
.pf-v6-l-split.pf-m-gutter {
|
|
22131
|
-
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
22132
|
-
}
|
|
22133
|
-
|
|
22134
|
-
.pf-v6-l-level {
|
|
22135
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
22136
|
-
}
|
|
22137
|
-
|
|
22138
|
-
.pf-v6-l-level {
|
|
22139
|
-
display: flex;
|
|
22140
|
-
flex-wrap: wrap;
|
|
22141
|
-
align-items: center;
|
|
22142
|
-
justify-content: space-between;
|
|
22143
|
-
}
|
|
22144
|
-
|
|
22145
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
22146
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22147
|
-
}
|
|
22148
|
-
|
|
22149
21990
|
.pf-v6-l-grid {
|
|
22150
21991
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22151
21992
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23133,6 +22974,165 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23133
22974
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23134
22975
|
}
|
|
23135
22976
|
|
|
22977
|
+
.pf-v6-c-alert-group {
|
|
22978
|
+
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
22979
|
+
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22980
|
+
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22981
|
+
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
22982
|
+
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
22983
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
22984
|
+
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22985
|
+
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22986
|
+
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22987
|
+
--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22988
|
+
--pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22989
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
22990
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
22991
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22992
|
+
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
22993
|
+
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
22994
|
+
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
22995
|
+
--pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
|
|
22996
|
+
--pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
22997
|
+
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
|
22998
|
+
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
22999
|
+
}
|
|
23000
|
+
|
|
23001
|
+
.pf-v6-c-alert-group > * + * {
|
|
23002
|
+
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
|
23003
|
+
}
|
|
23004
|
+
|
|
23005
|
+
.pf-v6-c-alert-group.pf-m-toast {
|
|
23006
|
+
position: fixed;
|
|
23007
|
+
inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
|
|
23008
|
+
inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
|
|
23009
|
+
z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
|
|
23010
|
+
width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
|
|
23011
|
+
max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
|
|
23012
|
+
}
|
|
23013
|
+
|
|
23014
|
+
.pf-v6-c-alert-group__overflow-button {
|
|
23015
|
+
position: relative;
|
|
23016
|
+
width: 100%;
|
|
23017
|
+
padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
|
|
23018
|
+
padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
|
|
23019
|
+
padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
|
|
23020
|
+
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
23021
|
+
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
23022
|
+
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
23023
|
+
border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
|
|
23024
|
+
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
23025
|
+
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
23026
|
+
}
|
|
23027
|
+
|
|
23028
|
+
.pf-v6-c-alert-group__item {
|
|
23029
|
+
display: grid;
|
|
23030
|
+
grid-template-rows: 1fr;
|
|
23031
|
+
opacity: 1;
|
|
23032
|
+
transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
|
|
23033
|
+
transform: translateX(0) translateY(0);
|
|
23034
|
+
}
|
|
23035
|
+
|
|
23036
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
23037
|
+
.pf-v6-c-alert-group__item {
|
|
23038
|
+
transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
|
|
23039
|
+
}
|
|
23040
|
+
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
23041
|
+
transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
|
|
23042
|
+
}
|
|
23043
|
+
}
|
|
23044
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
23045
|
+
grid-template-rows: 0fr;
|
|
23046
|
+
margin-block: 0;
|
|
23047
|
+
overflow: hidden;
|
|
23048
|
+
opacity: 0;
|
|
23049
|
+
transform: translateY(-100%);
|
|
23050
|
+
}
|
|
23051
|
+
|
|
23052
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
|
|
23053
|
+
min-height: 0;
|
|
23054
|
+
padding-block-start: 0;
|
|
23055
|
+
padding-block-end: 0;
|
|
23056
|
+
border-width: 0;
|
|
23057
|
+
}
|
|
23058
|
+
|
|
23059
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
23060
|
+
grid-template-rows: 0fr;
|
|
23061
|
+
margin-block: 0;
|
|
23062
|
+
overflow: hidden;
|
|
23063
|
+
opacity: 0;
|
|
23064
|
+
transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
|
|
23065
|
+
transform: translateX(100%);
|
|
23066
|
+
}
|
|
23067
|
+
|
|
23068
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
23069
|
+
min-height: 0;
|
|
23070
|
+
padding-block-start: 0;
|
|
23071
|
+
padding-block-end: 0;
|
|
23072
|
+
border-width: 0;
|
|
23073
|
+
}
|
|
23074
|
+
|
|
23075
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
23076
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
23077
|
+
transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
|
|
23078
|
+
}
|
|
23079
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
23080
|
+
transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
|
|
23081
|
+
}
|
|
23082
|
+
}
|
|
23083
|
+
.pf-v6-c-alert-group__item:hover {
|
|
23084
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
23085
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
23086
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
23087
|
+
}
|
|
23088
|
+
|
|
23089
|
+
.pf-v6-c-alert-group__item:focus {
|
|
23090
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
23091
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
23092
|
+
}
|
|
23093
|
+
|
|
23094
|
+
.pf-v6-c-alert-group__item:active {
|
|
23095
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
23096
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
23097
|
+
}
|
|
23098
|
+
|
|
23099
|
+
.pf-v6-l-level {
|
|
23100
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23101
|
+
}
|
|
23102
|
+
|
|
23103
|
+
.pf-v6-l-level {
|
|
23104
|
+
display: flex;
|
|
23105
|
+
flex-wrap: wrap;
|
|
23106
|
+
align-items: center;
|
|
23107
|
+
justify-content: space-between;
|
|
23108
|
+
}
|
|
23109
|
+
|
|
23110
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
23111
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23112
|
+
}
|
|
23113
|
+
|
|
23114
|
+
.pf-v6-l-split {
|
|
23115
|
+
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23116
|
+
}
|
|
23117
|
+
|
|
23118
|
+
.pf-v6-l-split {
|
|
23119
|
+
display: flex;
|
|
23120
|
+
padding: 0;
|
|
23121
|
+
margin: 0;
|
|
23122
|
+
}
|
|
23123
|
+
|
|
23124
|
+
.pf-v6-l-split.pf-m-wrap {
|
|
23125
|
+
flex-wrap: wrap;
|
|
23126
|
+
}
|
|
23127
|
+
|
|
23128
|
+
.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
|
|
23129
|
+
flex-grow: 1;
|
|
23130
|
+
}
|
|
23131
|
+
|
|
23132
|
+
.pf-v6-l-split.pf-m-gutter {
|
|
23133
|
+
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23134
|
+
}
|
|
23135
|
+
|
|
23136
23136
|
.pf-v6-l-stack {
|
|
23137
23137
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23138
23138
|
}
|