@redhat-cloud-services/frontend-components 3.9.14 → 3.9.16

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.
Files changed (7) hide show
  1. package/SimpleTableFilter/simple-table-filter.css +0 -435
  2. package/SimpleTableFilter/simple-table-filter.scss +0 -2
  3. package/esm/SimpleTableFilter/simple-table-filter.css +0 -435
  4. package/esm/SimpleTableFilter/simple-table-filter.scss +0 -2
  5. package/esm/index.css +0 -445
  6. package/index.css +0 -445
  7. package/package.json +2 -2
package/esm/index.css CHANGED
@@ -344,16 +344,6 @@ i.ins-battery svg {
344
344
  margin-bottom: 0.9375rem;
345
345
  }
346
346
 
347
- .pf-c-form-control, .pf-c-input-group {
348
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
349
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
350
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
351
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
352
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
353
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
354
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
355
- }
356
-
357
347
  .pf-c-pagination__nav-page-select .pf-c-form-control {
358
348
  appearance: textfield;
359
349
  }
@@ -1061,16 +1051,6 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
1061
1051
  margin: 0 10px;
1062
1052
  }
1063
1053
 
1064
- .pf-c-form-control, .pf-c-input-group {
1065
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
1066
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
1067
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
1068
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
1069
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
1070
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
1071
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
1072
- }
1073
-
1074
1054
  .pf-c-pagination__nav-page-select .pf-c-form-control {
1075
1055
  appearance: textfield;
1076
1056
  }
@@ -1079,431 +1059,6 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
1079
1059
  margin: 0;
1080
1060
  }
1081
1061
 
1082
- .pf-c-input-group {
1083
- --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
1084
- --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
1085
- --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
1086
- --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
1087
- --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
1088
- --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
1089
- --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
1090
- --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
1091
- --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
1092
- --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
1093
- --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
1094
- --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
1095
- --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
1096
- --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
1097
- --pf-c-input-group--c-form-control--MarginRight: 0;
1098
- color: var(--pf-global--Color--100);
1099
- display: flex;
1100
- width: 100%;
1101
- background-color: var(--pf-c-input-group--BackgroundColor);
1102
- }
1103
- .pf-c-input-group.pf-m-plain {
1104
- --pf-c-input-group--BackgroundColor: transparent;
1105
- }
1106
- .pf-c-input-group > * + * {
1107
- margin-left: -1px;
1108
- }
1109
- .pf-c-input-group > :focus,
1110
- .pf-c-input-group > :focus-within {
1111
- z-index: var(--pf-c-input-group--child--ZIndex);
1112
- }
1113
- .pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
1114
- margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
1115
- }
1116
- .pf-c-input-group input:not([type=checkbox]):not([type=radio]),
1117
- .pf-c-input-group textarea {
1118
- flex: 2;
1119
- min-width: 0;
1120
- }
1121
- .pf-c-input-group textarea {
1122
- min-height: var(--pf-c-input-group__textarea--MinHeight);
1123
- }
1124
-
1125
- .pf-c-input-group__text {
1126
- display: flex;
1127
- align-items: center;
1128
- padding-right: var(--pf-c-input-group__text--PaddingRight);
1129
- padding-left: var(--pf-c-input-group__text--PaddingLeft);
1130
- font-size: var(--pf-c-input-group__text--FontSize);
1131
- color: var(--pf-c-input-group__text--Color);
1132
- text-align: center;
1133
- background-color: var(--pf-c-input-group__text--BackgroundColor);
1134
- border: var(--pf-c-input-group__text--BorderWidth) solid;
1135
- border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
1136
- }
1137
- label.pf-c-input-group__text {
1138
- cursor: pointer;
1139
- }
1140
-
1141
- .pf-c-input-group__text.pf-m-plain {
1142
- --pf-c-input-group__text--BorderWidth: 0;
1143
- margin-left: 0;
1144
- }
1145
-
1146
- :where(.pf-theme-dark) .pf-c-input-group {
1147
- --pf-c-input-group--BackgroundColor: transparent;
1148
- --pf-c-input-group__text--BorderTopColor: transparent;
1149
- --pf-c-input-group__text--BorderRightColor: transparent;
1150
- --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
1151
- --pf-c-input-group__text--BorderLeftColor: transparent;
1152
- --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
1153
- }
1154
- :where(.pf-theme-dark) .pf-c-input-group > * + * {
1155
- margin-left: 0;
1156
- border-left: 1px solid var(--pf-global--palette--black-700);
1157
- }
1158
- :where(.pf-theme-dark) .pf-c-input-group__text {
1159
- --pf-c-input-group__text--BorderTopColor: transparent;
1160
- --pf-c-input-group__text--BorderRightColor: transparent;
1161
- --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
1162
- --pf-c-input-group__text--BorderLeftColor: transparent;
1163
- }
1164
- :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
1165
- --pf-c-input-group__text--BackgroundColor: transparent;
1166
- }
1167
-
1168
- .pf-c-form-control {
1169
- --pf-c-form-control--Color: var(--pf-global--Color--100);
1170
- --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
1171
- --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
1172
- --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
1173
- --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300);
1174
- --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300);
1175
- --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200);
1176
- --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300);
1177
- --pf-c-form-control--BorderRadius: 0;
1178
- --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
1179
- --pf-c-form-control--Width: 100%;
1180
- --pf-c-form-control--Height: calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom));
1181
- --pf-c-form-control--inset--base: var(--pf-global--spacer--sm);
1182
- --pf-c-form-control--PaddingTop: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1183
- --pf-c-form-control--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1184
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--inset--base);
1185
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--inset--base);
1186
- --pf-c-form-control--hover--BorderBottomColor: var(--pf-global--primary-color--100);
1187
- --pf-c-form-control--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1188
- --pf-c-form-control--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
1189
- --pf-c-form-control--focus--BorderBottomColor: var(--pf-global--primary-color--100);
1190
- --pf-c-form-control--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1191
- --pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
1192
- --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100);
1193
- --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
1194
- --pf-c-form-control--placeholder--child--Color: var(--pf-global--Color--100);
1195
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
1196
- --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
1197
- --pf-c-form-control--disabled--BorderColor: transparent;
1198
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--300);
1199
- --pf-c-form-control--readonly--hover--BorderBottomColor: var(--pf-global--BorderColor--200);
1200
- --pf-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1201
- --pf-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
1202
- --pf-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200);
1203
- --pf-c-form-control--readonly--m-plain--BackgroundColor: transparent;
1204
- --pf-c-form-control--readonly--m-plain--inset--base: 0;
1205
- --pf-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1206
- --pf-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--success--BorderBottomWidth));
1207
- --pf-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100);
1208
- --pf-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl);
1209
- --pf-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
1210
- --pf-c-form-control--success--BackgroundPositionY: center;
1211
- --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPositionX) var(--pf-c-form-control--success--BackgroundPositionY);
1212
- --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1213
- --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1214
- --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
1215
- --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
1216
- --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1217
- --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
1218
- --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
1219
- --pf-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl);
1220
- --pf-c-form-control--m-warning--BackgroundPositionX: calc(100% - calc(var(--pf-c-form-control--PaddingLeft) - 0.0625rem));
1221
- --pf-c-form-control--m-warning--BackgroundPositionY: center;
1222
- --pf-c-form-control--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPositionX) var(--pf-c-form-control--m-warning--BackgroundPositionY);
1223
- --pf-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
1224
- --pf-c-form-control--m-warning--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1225
- --pf-c-form-control--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY);
1226
- --pf-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
1227
- --pf-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1228
- --pf-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--invalid--BorderBottomWidth));
1229
- --pf-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100);
1230
- --pf-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl);
1231
- --pf-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
1232
- --pf-c-form-control--invalid--BackgroundPositionY: center;
1233
- --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPositionX) var(--pf-c-form-control--invalid--BackgroundPositionY);
1234
- --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1235
- --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1236
- --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
1237
- --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
1238
- --pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition) / var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
1239
- --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
1240
- --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
1241
- --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
1242
- --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
1243
- --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
1244
- --pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
1245
- --pf-c-form-control--m-icon--BackgroundUrl: none;
1246
- --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
1247
- --pf-c-form-control--m-icon--BackgroundPositionY: center;
1248
- --pf-c-form-control--m-icon--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1249
- --pf-c-form-control--m-icon--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1250
- --pf-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm);
1251
- --pf-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--invalid--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
1252
- --pf-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-c-form-control--m-icon--BackgroundPositionX) - var(--pf-c-form-control--m-icon--icon--spacer) - var(--pf-c-form-control--invalid--BackgroundSizeX));
1253
- --pf-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-c-form-control--invalid--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1254
- --pf-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1255
- --pf-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1256
- --pf-c-form-control--m-icon--success--BackgroundUrl: var(--pf-c-form-control--success--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1257
- --pf-c-form-control--m-icon--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1258
- --pf-c-form-control--m-icon--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1259
- --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1260
- --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1261
- --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1262
- --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
1263
- --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
1264
- --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
1265
- --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
1266
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
1267
- --pf-c-form-control__select--BackgroundSize: .625em;
1268
- --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
1269
- --pf-c-form-control__select--BackgroundPositionY: center;
1270
- --pf-c-form-control__select--BackgroundPosition: var(--pf-c-form-control__select--BackgroundPositionX) var(--pf-c-form-control__select--BackgroundPositionY);
1271
- --pf-c-form-control__select--success--PaddingRight: var(--pf-global--spacer--3xl);
1272
- --pf-c-form-control__select--success--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
1273
- --pf-c-form-control__select--m-warning--PaddingRight: var(--pf-global--spacer--3xl);
1274
- --pf-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg) + 0.0625rem);
1275
- --pf-c-form-control__select--invalid--PaddingRight: var(--pf-global--spacer--3xl);
1276
- --pf-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
1277
- --pf-c-form-control--textarea--Width: var(--pf-c-form-control--Width);
1278
- --pf-c-form-control--textarea--Height: auto;
1279
- --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1280
- --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1281
- --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1282
- --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
1283
- --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
1284
- --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
1285
- --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
1286
- --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
1287
- --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
1288
- --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
1289
- --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
1290
- --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
1291
- --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
1292
- --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
1293
- --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
1294
- color: var(--pf-c-form-control--Color);
1295
- width: var(--pf-c-form-control--Width);
1296
- padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
1297
- font-size: var(--pf-c-form-control--FontSize);
1298
- line-height: var(--pf-c-form-control--LineHeight);
1299
- background-color: var(--pf-c-form-control--BackgroundColor);
1300
- background-repeat: no-repeat;
1301
- border: var(--pf-c-form-control--BorderWidth) solid;
1302
- border-color: var(--pf-c-form-control--BorderTopColor) var(--pf-c-form-control--BorderRightColor) var(--pf-c-form-control--BorderBottomColor) var(--pf-c-form-control--BorderLeftColor);
1303
- border-radius: var(--pf-c-form-control--BorderRadius);
1304
- -moz-appearance: none;
1305
- -webkit-appearance: none;
1306
- }
1307
- .pf-c-form-control::placeholder {
1308
- color: var(--pf-c-form-control--placeholder--Color);
1309
- }
1310
- .pf-c-form-control:not(textarea) {
1311
- height: var(--pf-c-form-control--Height);
1312
- text-overflow: ellipsis;
1313
- }
1314
- .pf-c-form-control[readonly] {
1315
- background-color: var(--pf-c-form-control--readonly--BackgroundColor);
1316
- }
1317
- .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):hover {
1318
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--readonly--hover--BorderBottomColor);
1319
- }
1320
- .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):focus {
1321
- --pf-c-form-control--focus--PaddingBottom: var(--pf-c-form-control--readonly--focus--PaddingBottom);
1322
- --pf-c-form-control--focus--BorderBottomWidth: var(--pf-c-form-control--readonly--focus--BorderBottomWidth);
1323
- --pf-c-form-control--focus--BorderBottomColor: var(--pf-c-form-control--readonly--focus--BorderBottomColor);
1324
- }
1325
- .pf-c-form-control[readonly].pf-m-plain {
1326
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-c-form-control--readonly--m-plain--BackgroundColor);
1327
- --pf-c-form-control--inset--base: var(--pf-c-form-control--readonly--m-plain--inset--base);
1328
- border-color: transparent;
1329
- }
1330
- .pf-c-form-control:hover {
1331
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--hover--BorderBottomColor);
1332
- }
1333
- .pf-c-form-control:focus {
1334
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--focus--BorderBottomColor);
1335
- padding-bottom: var(--pf-c-form-control--focus--PaddingBottom);
1336
- border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth);
1337
- }
1338
- .pf-c-form-control.pf-m-expanded {
1339
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-expanded--BorderBottomColor);
1340
- padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom);
1341
- border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
1342
- }
1343
- .pf-c-form-control:disabled {
1344
- --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
1345
- color: var(--pf-c-form-control--disabled--Color);
1346
- cursor: not-allowed;
1347
- border-color: var(--pf-c-form-control--disabled--BorderColor);
1348
- }
1349
- .pf-c-form-control[aria-invalid=true] {
1350
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--invalid--PaddingRight);
1351
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--invalid--BorderBottomColor);
1352
- padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom);
1353
- background-image: var(--pf-c-form-control--invalid--BackgroundUrl);
1354
- background-position: var(--pf-c-form-control--invalid--BackgroundPosition);
1355
- background-size: var(--pf-c-form-control--invalid--BackgroundSize);
1356
- border-bottom-width: var(--pf-c-form-control--invalid--BorderBottomWidth);
1357
- }
1358
- .pf-c-form-control[aria-invalid=true].pf-m-icon {
1359
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1360
- background-image: var(--pf-c-form-control--m-icon--invalid--BackgroundUrl);
1361
- background-position: var(--pf-c-form-control--m-icon--invalid--BackgroundPosition);
1362
- background-size: var(--pf-c-form-control--m-icon--invalid--BackgroundSize);
1363
- }
1364
- .pf-c-form-control.pf-m-success {
1365
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--success--PaddingRight);
1366
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--success--BorderBottomColor);
1367
- padding-bottom: var(--pf-c-form-control--success--PaddingBottom);
1368
- background-image: var(--pf-c-form-control--success--BackgroundUrl);
1369
- background-position: var(--pf-c-form-control--success--BackgroundPosition);
1370
- background-size: var(--pf-c-form-control--success--BackgroundSize);
1371
- border-bottom-width: var(--pf-c-form-control--success--BorderBottomWidth);
1372
- }
1373
- .pf-c-form-control.pf-m-success.pf-m-icon {
1374
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1375
- background-image: var(--pf-c-form-control--m-icon--success--BackgroundUrl);
1376
- background-position: var(--pf-c-form-control--m-icon--success--BackgroundPosition);
1377
- background-size: var(--pf-c-form-control--m-icon--success--BackgroundSize);
1378
- }
1379
- .pf-c-form-control.pf-m-warning {
1380
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-warning--PaddingRight);
1381
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-warning--BorderBottomColor);
1382
- padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom);
1383
- background-image: var(--pf-c-form-control--m-warning--BackgroundUrl);
1384
- background-position: var(--pf-c-form-control--m-warning--BackgroundPosition);
1385
- background-size: var(--pf-c-form-control--m-warning--BackgroundSize);
1386
- border-bottom-width: var(--pf-c-form-control--m-warning--BorderBottomWidth);
1387
- }
1388
- .pf-c-form-control.pf-m-warning.pf-m-icon {
1389
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1390
- background-image: var(--pf-c-form-control--m-icon--m-warning--BackgroundUrl);
1391
- background-position: var(--pf-c-form-control--m-icon--m-warning--BackgroundPosition);
1392
- background-size: var(--pf-c-form-control--m-icon--m-warning--BackgroundSize);
1393
- }
1394
- .pf-c-form-control.pf-m-search {
1395
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--m-search--PaddingLeft);
1396
- background-image: var(--pf-c-form-control--m-search--BackgroundUrl);
1397
- background-position: var(--pf-c-form-control--m-search--BackgroundPosition);
1398
- background-size: var(--pf-c-form-control--m-search--BackgroundSize);
1399
- }
1400
- .pf-c-form-control.pf-m-icon {
1401
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--PaddingRight);
1402
- background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
1403
- background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1404
- background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1405
- }
1406
- .pf-c-form-control.pf-m-icon.pf-m-calendar {
1407
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-calendar--BackgroundUrl);
1408
- }
1409
- .pf-c-form-control.pf-m-icon.pf-m-clock {
1410
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
1411
- }
1412
- .pf-c-form-control.pf-m-icon-sprite {
1413
- --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
1414
- --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
1415
- --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
1416
- --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
1417
- --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
1418
- --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
1419
- --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
1420
- --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
1421
- --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
1422
- --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
1423
- --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
1424
- --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
1425
- }
1426
- select.pf-c-form-control {
1427
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
1428
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
1429
- background-image: var(--pf-c-form-control__select--BackgroundUrl);
1430
- background-position: var(--pf-c-form-control__select--BackgroundPosition);
1431
- background-size: var(--pf-c-form-control__select--BackgroundSize);
1432
- }
1433
- @-moz-document url-prefix() {
1434
- select.pf-c-form-control {
1435
- --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
1436
- --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
1437
- }
1438
- }
1439
- select.pf-c-form-control[aria-invalid=true] {
1440
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
1441
- --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
1442
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl);
1443
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition);
1444
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize);
1445
- }
1446
- select.pf-c-form-control.pf-m-success {
1447
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--success--PaddingRight);
1448
- --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control__select--success--BackgroundPosition);
1449
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl);
1450
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition);
1451
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize);
1452
- }
1453
- select.pf-c-form-control.pf-m-warning {
1454
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--m-warning--PaddingRight);
1455
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl);
1456
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition);
1457
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize);
1458
- }
1459
- select.pf-c-form-control.pf-m-placeholder {
1460
- color: var(--pf-c-form-control--placeholder--Color);
1461
- }
1462
- select.pf-c-form-control.pf-m-placeholder * {
1463
- color: var(--pf-c-form-control--placeholder--child--Color);
1464
- }
1465
- select.pf-c-form-control.pf-m-placeholder *:disabled {
1466
- color: revert;
1467
- }
1468
-
1469
- textarea.pf-c-form-control {
1470
- --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
1471
- --pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
1472
- --pf-c-form-control--m-warning--BackgroundPositionY: var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY);
1473
- width: var(--pf-c-form-control--textarea--Width);
1474
- height: var(--pf-c-form-control--textarea--Height);
1475
- vertical-align: bottom;
1476
- }
1477
-
1478
- .pf-c-form-control.pf-m-resize-vertical {
1479
- resize: vertical;
1480
- }
1481
- .pf-c-form-control.pf-m-resize-horizontal {
1482
- resize: horizontal;
1483
- }
1484
-
1485
- :where(.pf-theme-dark) .pf-c-form-control {
1486
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
1487
- --pf-c-form-control--BorderTopColor: transparent;
1488
- --pf-c-form-control--BorderRightColor: transparent;
1489
- --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
1490
- --pf-c-form-control--BorderLeftColor: transparent;
1491
- --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
1492
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
1493
- --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
1494
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
1495
- color: var(--pf-global--Color--100);
1496
- }
1497
- :where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
1498
- filter: invert(1);
1499
- }
1500
- :where(.pf-theme-dark) .pf-c-form-control[readonly] {
1501
- border-bottom-color: var(--pf-global--palette--black-700);
1502
- }
1503
- :where(.pf-theme-dark) .pf-c-form-control:disabled {
1504
- color: var(--pf-global--palette--black-100);
1505
- }
1506
-
1507
1062
  :root {
1508
1063
  --ins-color--orange: #ec7a08;
1509
1064
  }