@patternfly/react-core 4.242.4 → 4.242.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/esm/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/umd/react-core.min.css +524 -524
- package/package.json +2 -2
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/Tile/examples/Tile.md +7 -98
- package/src/components/Tile/examples/TileBasic.tsx +10 -0
- package/src/components/Tile/examples/TileStacked.tsx +17 -0
- package/src/components/Tile/examples/TileStackedWithLargeIcons.tsx +17 -0
- package/src/components/Tile/examples/TileWithExtraContent.tsx +26 -0
- package/src/components/Tile/examples/TileWithIcon.tsx +17 -0
- package/src/components/Tile/examples/TileWithSubtext.tsx +16 -0
- package/src/demos/TileDemo.md +7 -7
|
@@ -10163,6 +10163,236 @@ label.pf-c-input-group__text {
|
|
|
10163
10163
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
10164
10164
|
}
|
|
10165
10165
|
}
|
|
10166
|
+
.pf-c-label-group {
|
|
10167
|
+
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10168
|
+
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10169
|
+
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10170
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10171
|
+
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10172
|
+
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10173
|
+
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10174
|
+
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10175
|
+
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10176
|
+
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10177
|
+
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10178
|
+
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10179
|
+
--pf-c-label-group__label--MarginBottom: 0;
|
|
10180
|
+
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10181
|
+
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10182
|
+
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10183
|
+
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10184
|
+
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10185
|
+
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10186
|
+
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10187
|
+
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10188
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10189
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10190
|
+
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10191
|
+
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10192
|
+
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10193
|
+
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10194
|
+
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10195
|
+
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10196
|
+
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10197
|
+
display: inline-flex;
|
|
10198
|
+
align-items: center;
|
|
10199
|
+
}
|
|
10200
|
+
|
|
10201
|
+
.pf-c-label-group.pf-m-category {
|
|
10202
|
+
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10203
|
+
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10204
|
+
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10205
|
+
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10206
|
+
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10207
|
+
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10208
|
+
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10209
|
+
}
|
|
10210
|
+
|
|
10211
|
+
.pf-c-label-group.pf-m-vertical {
|
|
10212
|
+
--pf-c-label-group__list--MarginRight: 0;
|
|
10213
|
+
--pf-c-label-group__list--MarginBottom: 0;
|
|
10214
|
+
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10215
|
+
--pf-c-label-group__label--MarginRight: 0;
|
|
10216
|
+
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10217
|
+
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10218
|
+
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10219
|
+
--pf-c-label-group__close--MarginBottom: 0;
|
|
10220
|
+
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10221
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10222
|
+
}
|
|
10223
|
+
|
|
10224
|
+
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10225
|
+
align-items: flex-start;
|
|
10226
|
+
}
|
|
10227
|
+
|
|
10228
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10229
|
+
flex-direction: column;
|
|
10230
|
+
align-items: flex-start;
|
|
10231
|
+
}
|
|
10232
|
+
|
|
10233
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10234
|
+
flex-direction: column;
|
|
10235
|
+
}
|
|
10236
|
+
|
|
10237
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10238
|
+
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10239
|
+
}
|
|
10240
|
+
|
|
10241
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10242
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10243
|
+
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10244
|
+
}
|
|
10245
|
+
|
|
10246
|
+
.pf-c-label-group.pf-m-editable,
|
|
10247
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10248
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10249
|
+
display: flex;
|
|
10250
|
+
}
|
|
10251
|
+
|
|
10252
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10253
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10254
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10255
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10256
|
+
flex: 1;
|
|
10257
|
+
}
|
|
10258
|
+
|
|
10259
|
+
.pf-c-label-group__main {
|
|
10260
|
+
display: flex;
|
|
10261
|
+
flex: 1;
|
|
10262
|
+
flex-wrap: wrap;
|
|
10263
|
+
align-items: baseline;
|
|
10264
|
+
}
|
|
10265
|
+
|
|
10266
|
+
.pf-c-label-group__list {
|
|
10267
|
+
display: inline-flex;
|
|
10268
|
+
flex-wrap: wrap;
|
|
10269
|
+
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10270
|
+
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10271
|
+
}
|
|
10272
|
+
|
|
10273
|
+
.pf-c-label-group__list-item {
|
|
10274
|
+
display: inline-flex;
|
|
10275
|
+
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10276
|
+
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10277
|
+
}
|
|
10278
|
+
|
|
10279
|
+
.pf-c-label-group__label {
|
|
10280
|
+
overflow: hidden;
|
|
10281
|
+
text-overflow: ellipsis;
|
|
10282
|
+
white-space: nowrap;
|
|
10283
|
+
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10284
|
+
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10285
|
+
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10286
|
+
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10287
|
+
}
|
|
10288
|
+
|
|
10289
|
+
.pf-c-label-group__close {
|
|
10290
|
+
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10291
|
+
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10292
|
+
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10293
|
+
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10294
|
+
}
|
|
10295
|
+
|
|
10296
|
+
.pf-c-label-group__textarea {
|
|
10297
|
+
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10298
|
+
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10299
|
+
white-space: nowrap;
|
|
10300
|
+
resize: none;
|
|
10301
|
+
border: 0;
|
|
10302
|
+
-ms-overflow-style: none;
|
|
10303
|
+
scrollbar-width: none;
|
|
10304
|
+
}
|
|
10305
|
+
|
|
10306
|
+
.pf-c-label-group__textarea::-webkit-scrollbar {
|
|
10307
|
+
display: none;
|
|
10308
|
+
}
|
|
10309
|
+
|
|
10310
|
+
.pf-c-list {
|
|
10311
|
+
--pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10312
|
+
--pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
|
|
10313
|
+
--pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
|
|
10314
|
+
--pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
|
|
10315
|
+
--pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
|
|
10316
|
+
--pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
|
|
10317
|
+
--pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
|
|
10318
|
+
--pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10319
|
+
--pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
10320
|
+
--pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
|
|
10321
|
+
--pf-c-list__item-icon--MarginTop: 0.375rem;
|
|
10322
|
+
--pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10323
|
+
--pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
|
|
10324
|
+
--pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
10325
|
+
--pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
|
|
10326
|
+
--pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
|
|
10327
|
+
--pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
10328
|
+
padding-left: var(--pf-c-list--PaddingLeft);
|
|
10329
|
+
}
|
|
10330
|
+
|
|
10331
|
+
.pf-c-list ol,
|
|
10332
|
+
.pf-c-list ul {
|
|
10333
|
+
margin-top: var(--pf-c-list--nested--MarginTop);
|
|
10334
|
+
margin-left: var(--pf-c-list--nested--MarginLeft);
|
|
10335
|
+
}
|
|
10336
|
+
|
|
10337
|
+
.pf-c-list li + li {
|
|
10338
|
+
margin-top: var(--pf-c-list--li--MarginTop);
|
|
10339
|
+
}
|
|
10340
|
+
|
|
10341
|
+
ul.pf-c-list {
|
|
10342
|
+
list-style: var(--pf-c-list--ul--ListStyle);
|
|
10343
|
+
}
|
|
10344
|
+
|
|
10345
|
+
.pf-c-list .pf-c-list__item {
|
|
10346
|
+
display: flex;
|
|
10347
|
+
}
|
|
10348
|
+
|
|
10349
|
+
.pf-c-list .pf-c-list__item-icon {
|
|
10350
|
+
flex-shrink: 0;
|
|
10351
|
+
min-width: var(--pf-c-list__item-icon--MinWidth);
|
|
10352
|
+
margin-top: var(--pf-c-list__item-icon--MarginTop);
|
|
10353
|
+
margin-right: var(--pf-c-list__item-icon--MarginRight);
|
|
10354
|
+
font-size: var(--pf-c-list__item-icon--FontSize);
|
|
10355
|
+
line-height: 1;
|
|
10356
|
+
color: var(--pf-c-list__item-icon--Color);
|
|
10357
|
+
}
|
|
10358
|
+
|
|
10359
|
+
.pf-c-list.pf-m-icon-lg {
|
|
10360
|
+
--pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
|
|
10361
|
+
--pf-c-list__item-icon--MarginTop: 0;
|
|
10362
|
+
--pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
|
|
10363
|
+
--pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
|
|
10364
|
+
}
|
|
10365
|
+
|
|
10366
|
+
.pf-c-list.pf-m-plain {
|
|
10367
|
+
--pf-c-list--PaddingLeft: 0;
|
|
10368
|
+
list-style: none;
|
|
10369
|
+
}
|
|
10370
|
+
|
|
10371
|
+
.pf-c-list.pf-m-inline {
|
|
10372
|
+
--pf-c-list--PaddingLeft: 0;
|
|
10373
|
+
display: flex;
|
|
10374
|
+
flex-wrap: wrap;
|
|
10375
|
+
list-style: none;
|
|
10376
|
+
}
|
|
10377
|
+
|
|
10378
|
+
.pf-c-list.pf-m-inline li {
|
|
10379
|
+
--pf-c-list--li--MarginTop: 0;
|
|
10380
|
+
}
|
|
10381
|
+
|
|
10382
|
+
.pf-c-list.pf-m-inline li:not(:last-child) {
|
|
10383
|
+
margin-right: var(--pf-c-list--m-inline--li--MarginRight);
|
|
10384
|
+
}
|
|
10385
|
+
|
|
10386
|
+
.pf-c-list.pf-m-bordered > * {
|
|
10387
|
+
padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
|
|
10388
|
+
border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
|
|
10389
|
+
}
|
|
10390
|
+
|
|
10391
|
+
.pf-c-list.pf-m-bordered > :last-child {
|
|
10392
|
+
--pf-c-list--m-bordered--li--PaddingBottom: 0;
|
|
10393
|
+
--pf-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
10394
|
+
}
|
|
10395
|
+
|
|
10166
10396
|
.pf-c-label {
|
|
10167
10397
|
--pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
|
|
10168
10398
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -10485,375 +10715,145 @@ label.pf-c-input-group__text {
|
|
|
10485
10715
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--focus--TextDecorationColor);
|
|
10486
10716
|
}
|
|
10487
10717
|
|
|
10488
|
-
.pf-c-label.pf-m-editable-active {
|
|
10489
|
-
--pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
|
|
10490
|
-
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
10491
|
-
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
10492
|
-
}
|
|
10493
|
-
|
|
10494
|
-
.pf-c-label.pf-m-editable-active .pf-c-button {
|
|
10495
|
-
visibility: hidden;
|
|
10496
|
-
}
|
|
10497
|
-
|
|
10498
|
-
.pf-c-label .pf-c-button {
|
|
10499
|
-
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
10500
|
-
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
10501
|
-
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
10502
|
-
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
10503
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
10504
|
-
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
10505
|
-
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
10506
|
-
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
10507
|
-
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
10508
|
-
}
|
|
10509
|
-
|
|
10510
|
-
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
10511
|
-
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
10512
|
-
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
10513
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
|
|
10514
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
|
|
10515
|
-
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
|
|
10516
|
-
--pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
|
|
10517
|
-
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
|
|
10518
|
-
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
|
|
10519
|
-
}
|
|
10520
|
-
|
|
10521
|
-
.pf-c-label,
|
|
10522
|
-
.pf-c-label__content {
|
|
10523
|
-
display: inline-flex;
|
|
10524
|
-
align-items: center;
|
|
10525
|
-
}
|
|
10526
|
-
|
|
10527
|
-
.pf-c-label__text {
|
|
10528
|
-
overflow: hidden;
|
|
10529
|
-
text-overflow: ellipsis;
|
|
10530
|
-
white-space: nowrap;
|
|
10531
|
-
max-width: var(--pf-c-label__text--MaxWidth);
|
|
10532
|
-
}
|
|
10533
|
-
|
|
10534
|
-
.pf-c-label__content {
|
|
10535
|
-
overflow: hidden;
|
|
10536
|
-
text-overflow: ellipsis;
|
|
10537
|
-
white-space: nowrap;
|
|
10538
|
-
max-width: var(--pf-c-label__content--MaxWidth);
|
|
10539
|
-
color: var(--pf-c-label__content--Color);
|
|
10540
|
-
border-width: 0;
|
|
10541
|
-
}
|
|
10542
|
-
|
|
10543
|
-
.pf-c-label__content::before {
|
|
10544
|
-
position: absolute;
|
|
10545
|
-
top: 0;
|
|
10546
|
-
right: 0;
|
|
10547
|
-
bottom: 0;
|
|
10548
|
-
left: 0;
|
|
10549
|
-
pointer-events: none;
|
|
10550
|
-
content: "";
|
|
10551
|
-
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
10552
|
-
border-radius: var(--pf-c-label--BorderRadius);
|
|
10553
|
-
}
|
|
10554
|
-
|
|
10555
|
-
a.pf-c-label__content,
|
|
10556
|
-
button.pf-c-label__content {
|
|
10557
|
-
cursor: pointer;
|
|
10558
|
-
border: none;
|
|
10559
|
-
}
|
|
10560
|
-
|
|
10561
|
-
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
10562
|
-
button.pf-c-label__content,
|
|
10563
|
-
button.pf-c-label__content:hover,
|
|
10564
|
-
button.pf-c-label__content:focus {
|
|
10565
|
-
text-decoration: none;
|
|
10566
|
-
}
|
|
10567
|
-
|
|
10568
|
-
a.pf-c-label__content:hover,
|
|
10569
|
-
button.pf-c-label__content:hover {
|
|
10570
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
|
|
10571
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
|
|
10572
|
-
}
|
|
10573
|
-
|
|
10574
|
-
a.pf-c-label__content:focus,
|
|
10575
|
-
button.pf-c-label__content:focus {
|
|
10576
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
|
|
10577
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
|
|
10578
|
-
}
|
|
10579
|
-
|
|
10580
|
-
.pf-c-label__icon {
|
|
10581
|
-
margin-right: var(--pf-c-label__icon--MarginRight);
|
|
10582
|
-
color: var(--pf-c-label__icon--Color);
|
|
10583
|
-
}
|
|
10584
|
-
|
|
10585
|
-
:where(.pf-theme-dark) .pf-c-label {
|
|
10586
|
-
--pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10587
|
-
--pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10588
|
-
--pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10589
|
-
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10590
|
-
--pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10591
|
-
--pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10592
|
-
--pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10593
|
-
--pf-c-label__content--before--BorderWidth: 0;
|
|
10594
|
-
--pf-c-label__content--before--BorderColor: transparent;
|
|
10595
|
-
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10596
|
-
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10597
|
-
--pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
|
|
10598
|
-
--pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
|
|
10599
|
-
--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
|
|
10600
|
-
--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
|
|
10601
|
-
--pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
|
|
10602
|
-
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10603
|
-
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10604
|
-
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10605
|
-
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10606
|
-
--pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10607
|
-
--pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10608
|
-
--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10609
|
-
--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10610
|
-
--pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
|
|
10611
|
-
--pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10612
|
-
--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10613
|
-
--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10614
|
-
--pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10615
|
-
--pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
|
|
10616
|
-
--pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10617
|
-
--pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10618
|
-
--pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10619
|
-
--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10620
|
-
--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10621
|
-
--pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10622
|
-
--pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10623
|
-
--pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10624
|
-
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10625
|
-
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10626
|
-
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10627
|
-
}
|
|
10628
|
-
|
|
10629
|
-
.pf-c-label-group {
|
|
10630
|
-
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10631
|
-
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10632
|
-
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10633
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10634
|
-
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10635
|
-
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10636
|
-
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10637
|
-
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10638
|
-
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10639
|
-
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10640
|
-
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10641
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10642
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
10643
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10644
|
-
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10645
|
-
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10646
|
-
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10647
|
-
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10648
|
-
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10649
|
-
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10650
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10651
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10652
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10653
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10654
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10655
|
-
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10656
|
-
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10657
|
-
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10658
|
-
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10659
|
-
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10660
|
-
display: inline-flex;
|
|
10661
|
-
align-items: center;
|
|
10662
|
-
}
|
|
10663
|
-
|
|
10664
|
-
.pf-c-label-group.pf-m-category {
|
|
10665
|
-
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10666
|
-
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10667
|
-
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10668
|
-
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10669
|
-
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10670
|
-
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10671
|
-
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10672
|
-
}
|
|
10673
|
-
|
|
10674
|
-
.pf-c-label-group.pf-m-vertical {
|
|
10675
|
-
--pf-c-label-group__list--MarginRight: 0;
|
|
10676
|
-
--pf-c-label-group__list--MarginBottom: 0;
|
|
10677
|
-
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10678
|
-
--pf-c-label-group__label--MarginRight: 0;
|
|
10679
|
-
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10680
|
-
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10681
|
-
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10682
|
-
--pf-c-label-group__close--MarginBottom: 0;
|
|
10683
|
-
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10684
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10685
|
-
}
|
|
10686
|
-
|
|
10687
|
-
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10688
|
-
align-items: flex-start;
|
|
10689
|
-
}
|
|
10690
|
-
|
|
10691
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10692
|
-
flex-direction: column;
|
|
10693
|
-
align-items: flex-start;
|
|
10694
|
-
}
|
|
10695
|
-
|
|
10696
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10697
|
-
flex-direction: column;
|
|
10698
|
-
}
|
|
10699
|
-
|
|
10700
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10701
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10702
|
-
}
|
|
10703
|
-
|
|
10704
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10705
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10706
|
-
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10707
|
-
}
|
|
10708
|
-
|
|
10709
|
-
.pf-c-label-group.pf-m-editable,
|
|
10710
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10711
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10712
|
-
display: flex;
|
|
10713
|
-
}
|
|
10714
|
-
|
|
10715
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10716
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10717
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10718
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10719
|
-
flex: 1;
|
|
10720
|
-
}
|
|
10721
|
-
|
|
10722
|
-
.pf-c-label-group__main {
|
|
10723
|
-
display: flex;
|
|
10724
|
-
flex: 1;
|
|
10725
|
-
flex-wrap: wrap;
|
|
10726
|
-
align-items: baseline;
|
|
10727
|
-
}
|
|
10728
|
-
|
|
10729
|
-
.pf-c-label-group__list {
|
|
10730
|
-
display: inline-flex;
|
|
10731
|
-
flex-wrap: wrap;
|
|
10732
|
-
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10733
|
-
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10734
|
-
}
|
|
10735
|
-
|
|
10736
|
-
.pf-c-label-group__list-item {
|
|
10737
|
-
display: inline-flex;
|
|
10738
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10739
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10740
|
-
}
|
|
10741
|
-
|
|
10742
|
-
.pf-c-label-group__label {
|
|
10743
|
-
overflow: hidden;
|
|
10744
|
-
text-overflow: ellipsis;
|
|
10745
|
-
white-space: nowrap;
|
|
10746
|
-
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10747
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10748
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10749
|
-
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10750
|
-
}
|
|
10751
|
-
|
|
10752
|
-
.pf-c-label-group__close {
|
|
10753
|
-
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10754
|
-
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10755
|
-
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10756
|
-
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10757
|
-
}
|
|
10758
|
-
|
|
10759
|
-
.pf-c-label-group__textarea {
|
|
10760
|
-
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10761
|
-
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10762
|
-
white-space: nowrap;
|
|
10763
|
-
resize: none;
|
|
10764
|
-
border: 0;
|
|
10765
|
-
-ms-overflow-style: none;
|
|
10766
|
-
scrollbar-width: none;
|
|
10767
|
-
}
|
|
10768
|
-
|
|
10769
|
-
.pf-c-label-group__textarea::-webkit-scrollbar {
|
|
10770
|
-
display: none;
|
|
10771
|
-
}
|
|
10772
|
-
|
|
10773
|
-
.pf-c-list {
|
|
10774
|
-
--pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10775
|
-
--pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
|
|
10776
|
-
--pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
|
|
10777
|
-
--pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
|
|
10778
|
-
--pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
|
|
10779
|
-
--pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
|
|
10780
|
-
--pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
|
|
10781
|
-
--pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10782
|
-
--pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
10783
|
-
--pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
|
|
10784
|
-
--pf-c-list__item-icon--MarginTop: 0.375rem;
|
|
10785
|
-
--pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10786
|
-
--pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
|
|
10787
|
-
--pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
10788
|
-
--pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
|
|
10789
|
-
--pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
|
|
10790
|
-
--pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
10791
|
-
padding-left: var(--pf-c-list--PaddingLeft);
|
|
10792
|
-
}
|
|
10793
|
-
|
|
10794
|
-
.pf-c-list ol,
|
|
10795
|
-
.pf-c-list ul {
|
|
10796
|
-
margin-top: var(--pf-c-list--nested--MarginTop);
|
|
10797
|
-
margin-left: var(--pf-c-list--nested--MarginLeft);
|
|
10718
|
+
.pf-c-label.pf-m-editable-active {
|
|
10719
|
+
--pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
|
|
10720
|
+
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
10721
|
+
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
10798
10722
|
}
|
|
10799
10723
|
|
|
10800
|
-
.pf-c-
|
|
10801
|
-
|
|
10724
|
+
.pf-c-label.pf-m-editable-active .pf-c-button {
|
|
10725
|
+
visibility: hidden;
|
|
10802
10726
|
}
|
|
10803
10727
|
|
|
10804
|
-
|
|
10805
|
-
|
|
10728
|
+
.pf-c-label .pf-c-button {
|
|
10729
|
+
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
10730
|
+
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
10731
|
+
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
10732
|
+
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
10733
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
10734
|
+
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
10735
|
+
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
10736
|
+
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
10737
|
+
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
10806
10738
|
}
|
|
10807
10739
|
|
|
10808
|
-
.pf-c-
|
|
10809
|
-
|
|
10740
|
+
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
10741
|
+
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
10742
|
+
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
10743
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
|
|
10744
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
|
|
10745
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
|
|
10746
|
+
--pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
|
|
10747
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
|
|
10748
|
+
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
|
|
10810
10749
|
}
|
|
10811
10750
|
|
|
10812
|
-
.pf-c-
|
|
10813
|
-
|
|
10814
|
-
|
|
10815
|
-
|
|
10816
|
-
margin-right: var(--pf-c-list__item-icon--MarginRight);
|
|
10817
|
-
font-size: var(--pf-c-list__item-icon--FontSize);
|
|
10818
|
-
line-height: 1;
|
|
10819
|
-
color: var(--pf-c-list__item-icon--Color);
|
|
10751
|
+
.pf-c-label,
|
|
10752
|
+
.pf-c-label__content {
|
|
10753
|
+
display: inline-flex;
|
|
10754
|
+
align-items: center;
|
|
10820
10755
|
}
|
|
10821
10756
|
|
|
10822
|
-
.pf-c-
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
|
|
10757
|
+
.pf-c-label__text {
|
|
10758
|
+
overflow: hidden;
|
|
10759
|
+
text-overflow: ellipsis;
|
|
10760
|
+
white-space: nowrap;
|
|
10761
|
+
max-width: var(--pf-c-label__text--MaxWidth);
|
|
10827
10762
|
}
|
|
10828
10763
|
|
|
10829
|
-
.pf-c-
|
|
10830
|
-
|
|
10831
|
-
|
|
10764
|
+
.pf-c-label__content {
|
|
10765
|
+
overflow: hidden;
|
|
10766
|
+
text-overflow: ellipsis;
|
|
10767
|
+
white-space: nowrap;
|
|
10768
|
+
max-width: var(--pf-c-label__content--MaxWidth);
|
|
10769
|
+
color: var(--pf-c-label__content--Color);
|
|
10770
|
+
border-width: 0;
|
|
10832
10771
|
}
|
|
10833
10772
|
|
|
10834
|
-
.pf-c-
|
|
10835
|
-
|
|
10836
|
-
|
|
10837
|
-
|
|
10838
|
-
|
|
10773
|
+
.pf-c-label__content::before {
|
|
10774
|
+
position: absolute;
|
|
10775
|
+
top: 0;
|
|
10776
|
+
right: 0;
|
|
10777
|
+
bottom: 0;
|
|
10778
|
+
left: 0;
|
|
10779
|
+
pointer-events: none;
|
|
10780
|
+
content: "";
|
|
10781
|
+
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
10782
|
+
border-radius: var(--pf-c-label--BorderRadius);
|
|
10839
10783
|
}
|
|
10840
10784
|
|
|
10841
|
-
.pf-c-
|
|
10842
|
-
|
|
10785
|
+
a.pf-c-label__content,
|
|
10786
|
+
button.pf-c-label__content {
|
|
10787
|
+
cursor: pointer;
|
|
10788
|
+
border: none;
|
|
10843
10789
|
}
|
|
10844
10790
|
|
|
10845
|
-
.pf-c-
|
|
10846
|
-
|
|
10791
|
+
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
10792
|
+
button.pf-c-label__content,
|
|
10793
|
+
button.pf-c-label__content:hover,
|
|
10794
|
+
button.pf-c-label__content:focus {
|
|
10795
|
+
text-decoration: none;
|
|
10847
10796
|
}
|
|
10848
10797
|
|
|
10849
|
-
.pf-c-
|
|
10850
|
-
|
|
10851
|
-
|
|
10798
|
+
a.pf-c-label__content:hover,
|
|
10799
|
+
button.pf-c-label__content:hover {
|
|
10800
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
|
|
10801
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
|
|
10852
10802
|
}
|
|
10853
10803
|
|
|
10854
|
-
.pf-c-
|
|
10855
|
-
|
|
10856
|
-
--pf-c-
|
|
10804
|
+
a.pf-c-label__content:focus,
|
|
10805
|
+
button.pf-c-label__content:focus {
|
|
10806
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
|
|
10807
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
|
|
10808
|
+
}
|
|
10809
|
+
|
|
10810
|
+
.pf-c-label__icon {
|
|
10811
|
+
margin-right: var(--pf-c-label__icon--MarginRight);
|
|
10812
|
+
color: var(--pf-c-label__icon--Color);
|
|
10813
|
+
}
|
|
10814
|
+
|
|
10815
|
+
:where(.pf-theme-dark) .pf-c-label {
|
|
10816
|
+
--pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10817
|
+
--pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10818
|
+
--pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10819
|
+
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10820
|
+
--pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10821
|
+
--pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10822
|
+
--pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10823
|
+
--pf-c-label__content--before--BorderWidth: 0;
|
|
10824
|
+
--pf-c-label__content--before--BorderColor: transparent;
|
|
10825
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10826
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10827
|
+
--pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
|
|
10828
|
+
--pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
|
|
10829
|
+
--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
|
|
10830
|
+
--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
|
|
10831
|
+
--pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
|
|
10832
|
+
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10833
|
+
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10834
|
+
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10835
|
+
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10836
|
+
--pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10837
|
+
--pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10838
|
+
--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10839
|
+
--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10840
|
+
--pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
|
|
10841
|
+
--pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10842
|
+
--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10843
|
+
--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10844
|
+
--pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10845
|
+
--pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
|
|
10846
|
+
--pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10847
|
+
--pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10848
|
+
--pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10849
|
+
--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10850
|
+
--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10851
|
+
--pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10852
|
+
--pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10853
|
+
--pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10854
|
+
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10855
|
+
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10856
|
+
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10857
10857
|
}
|
|
10858
10858
|
|
|
10859
10859
|
.pf-c-login__footer, .pf-c-login__header {
|
|
@@ -20918,11 +20918,114 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
20918
20918
|
color: var(--pf-c-tile__icon--Color);
|
|
20919
20919
|
}
|
|
20920
20920
|
|
|
20921
|
-
:where(.pf-theme-dark) .pf-c-tile {
|
|
20922
|
-
--pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
20923
|
-
--pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
|
|
20924
|
-
--pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
|
|
20925
|
-
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
|
|
20921
|
+
:where(.pf-theme-dark) .pf-c-tile {
|
|
20922
|
+
--pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
20923
|
+
--pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
|
|
20924
|
+
--pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
|
|
20925
|
+
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
|
|
20926
|
+
}
|
|
20927
|
+
|
|
20928
|
+
.pf-c-timestamp {
|
|
20929
|
+
--pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
|
|
20930
|
+
--pf-c-timestamp--Color: var(--pf-global--Color--200);
|
|
20931
|
+
--pf-c-timestamp--OutlineOffset: 0.1875rem;
|
|
20932
|
+
--pf-c-timestamp--m-help-text--TextDecorationLine: underline;
|
|
20933
|
+
--pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
|
|
20934
|
+
--pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
|
|
20935
|
+
--pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
20936
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
|
|
20937
|
+
--pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
|
|
20938
|
+
--pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
|
|
20939
|
+
--pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
20940
|
+
--pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
20941
|
+
display: inline-block;
|
|
20942
|
+
font-size: var(--pf-c-timestamp--FontSize);
|
|
20943
|
+
color: var(--pf-c-timestamp--Color);
|
|
20944
|
+
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
20945
|
+
}
|
|
20946
|
+
|
|
20947
|
+
.pf-c-timestamp.pf-m-help-text {
|
|
20948
|
+
cursor: pointer;
|
|
20949
|
+
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
20950
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
20951
|
+
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
20952
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
20953
|
+
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
20954
|
+
}
|
|
20955
|
+
|
|
20956
|
+
.pf-c-timestamp.pf-m-help-text:hover {
|
|
20957
|
+
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
20958
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
|
|
20959
|
+
}
|
|
20960
|
+
|
|
20961
|
+
.pf-c-timestamp.pf-m-help-text:focus {
|
|
20962
|
+
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
|
|
20963
|
+
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
20964
|
+
}
|
|
20965
|
+
|
|
20966
|
+
.pf-c-title {
|
|
20967
|
+
--pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
20968
|
+
--pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
20969
|
+
--pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
|
|
20970
|
+
--pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20971
|
+
--pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
20972
|
+
--pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
|
|
20973
|
+
--pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20974
|
+
--pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
20975
|
+
--pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
|
|
20976
|
+
--pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20977
|
+
--pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
|
|
20978
|
+
--pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
|
|
20979
|
+
--pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20980
|
+
--pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
|
|
20981
|
+
--pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
|
|
20982
|
+
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20983
|
+
--pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
|
|
20984
|
+
--pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
|
|
20985
|
+
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
|
|
20986
|
+
font-family: var(--pf-c-title--FontFamily);
|
|
20987
|
+
word-break: break-word;
|
|
20988
|
+
}
|
|
20989
|
+
|
|
20990
|
+
.pf-c-title.pf-m-4xl {
|
|
20991
|
+
font-size: var(--pf-c-title--m-4xl--FontSize);
|
|
20992
|
+
font-weight: var(--pf-c-title--m-4xl--FontWeight);
|
|
20993
|
+
line-height: var(--pf-c-title--m-4xl--LineHeight);
|
|
20994
|
+
}
|
|
20995
|
+
|
|
20996
|
+
.pf-c-title.pf-m-3xl {
|
|
20997
|
+
font-size: var(--pf-c-title--m-3xl--FontSize);
|
|
20998
|
+
font-weight: var(--pf-c-title--m-3xl--FontWeight);
|
|
20999
|
+
line-height: var(--pf-c-title--m-3xl--LineHeight);
|
|
21000
|
+
}
|
|
21001
|
+
|
|
21002
|
+
.pf-c-title.pf-m-2xl {
|
|
21003
|
+
font-size: var(--pf-c-title--m-2xl--FontSize);
|
|
21004
|
+
font-weight: var(--pf-c-title--m-2xl--FontWeight);
|
|
21005
|
+
line-height: var(--pf-c-title--m-2xl--LineHeight);
|
|
21006
|
+
}
|
|
21007
|
+
|
|
21008
|
+
.pf-c-title.pf-m-xl {
|
|
21009
|
+
font-size: var(--pf-c-title--m-xl--FontSize);
|
|
21010
|
+
font-weight: var(--pf-c-title--m-xl--FontWeight);
|
|
21011
|
+
line-height: var(--pf-c-title--m-xl--LineHeight);
|
|
21012
|
+
}
|
|
21013
|
+
|
|
21014
|
+
.pf-c-title.pf-m-lg {
|
|
21015
|
+
font-size: var(--pf-c-title--m-lg--FontSize);
|
|
21016
|
+
font-weight: var(--pf-c-title--m-lg--FontWeight);
|
|
21017
|
+
line-height: var(--pf-c-title--m-lg--LineHeight);
|
|
21018
|
+
}
|
|
21019
|
+
|
|
21020
|
+
.pf-c-title.pf-m-md {
|
|
21021
|
+
font-size: var(--pf-c-title--m-md--FontSize);
|
|
21022
|
+
font-weight: var(--pf-c-title--m-md--FontWeight);
|
|
21023
|
+
line-height: var(--pf-c-title--m-md--LineHeight);
|
|
21024
|
+
}
|
|
21025
|
+
|
|
21026
|
+
.pf-m-overpass-font .pf-c-title {
|
|
21027
|
+
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
21028
|
+
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
20926
21029
|
}
|
|
20927
21030
|
|
|
20928
21031
|
.pf-c-toggle-group {
|
|
@@ -21045,71 +21148,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
21045
21148
|
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
|
|
21046
21149
|
}
|
|
21047
21150
|
|
|
21048
|
-
.pf-c-title {
|
|
21049
|
-
--pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
21050
|
-
--pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
21051
|
-
--pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
|
|
21052
|
-
--pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21053
|
-
--pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
21054
|
-
--pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
|
|
21055
|
-
--pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21056
|
-
--pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
21057
|
-
--pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
|
|
21058
|
-
--pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21059
|
-
--pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
|
|
21060
|
-
--pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
|
|
21061
|
-
--pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21062
|
-
--pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
|
|
21063
|
-
--pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
|
|
21064
|
-
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21065
|
-
--pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
|
|
21066
|
-
--pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
|
|
21067
|
-
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
|
|
21068
|
-
font-family: var(--pf-c-title--FontFamily);
|
|
21069
|
-
word-break: break-word;
|
|
21070
|
-
}
|
|
21071
|
-
|
|
21072
|
-
.pf-c-title.pf-m-4xl {
|
|
21073
|
-
font-size: var(--pf-c-title--m-4xl--FontSize);
|
|
21074
|
-
font-weight: var(--pf-c-title--m-4xl--FontWeight);
|
|
21075
|
-
line-height: var(--pf-c-title--m-4xl--LineHeight);
|
|
21076
|
-
}
|
|
21077
|
-
|
|
21078
|
-
.pf-c-title.pf-m-3xl {
|
|
21079
|
-
font-size: var(--pf-c-title--m-3xl--FontSize);
|
|
21080
|
-
font-weight: var(--pf-c-title--m-3xl--FontWeight);
|
|
21081
|
-
line-height: var(--pf-c-title--m-3xl--LineHeight);
|
|
21082
|
-
}
|
|
21083
|
-
|
|
21084
|
-
.pf-c-title.pf-m-2xl {
|
|
21085
|
-
font-size: var(--pf-c-title--m-2xl--FontSize);
|
|
21086
|
-
font-weight: var(--pf-c-title--m-2xl--FontWeight);
|
|
21087
|
-
line-height: var(--pf-c-title--m-2xl--LineHeight);
|
|
21088
|
-
}
|
|
21089
|
-
|
|
21090
|
-
.pf-c-title.pf-m-xl {
|
|
21091
|
-
font-size: var(--pf-c-title--m-xl--FontSize);
|
|
21092
|
-
font-weight: var(--pf-c-title--m-xl--FontWeight);
|
|
21093
|
-
line-height: var(--pf-c-title--m-xl--LineHeight);
|
|
21094
|
-
}
|
|
21095
|
-
|
|
21096
|
-
.pf-c-title.pf-m-lg {
|
|
21097
|
-
font-size: var(--pf-c-title--m-lg--FontSize);
|
|
21098
|
-
font-weight: var(--pf-c-title--m-lg--FontWeight);
|
|
21099
|
-
line-height: var(--pf-c-title--m-lg--LineHeight);
|
|
21100
|
-
}
|
|
21101
|
-
|
|
21102
|
-
.pf-c-title.pf-m-md {
|
|
21103
|
-
font-size: var(--pf-c-title--m-md--FontSize);
|
|
21104
|
-
font-weight: var(--pf-c-title--m-md--FontWeight);
|
|
21105
|
-
line-height: var(--pf-c-title--m-md--LineHeight);
|
|
21106
|
-
}
|
|
21107
|
-
|
|
21108
|
-
.pf-m-overpass-font .pf-c-title {
|
|
21109
|
-
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
21110
|
-
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
21111
|
-
}
|
|
21112
|
-
|
|
21113
21151
|
.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
|
|
21114
21152
|
--pf-hidden-visible--visible--Visibility: visible;
|
|
21115
21153
|
--pf-hidden-visible--hidden--Display: none;
|
|
@@ -22491,44 +22529,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22491
22529
|
--pf-c-toolbar--spacer: 0;
|
|
22492
22530
|
}
|
|
22493
22531
|
|
|
22494
|
-
.pf-c-timestamp {
|
|
22495
|
-
--pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
|
|
22496
|
-
--pf-c-timestamp--Color: var(--pf-global--Color--200);
|
|
22497
|
-
--pf-c-timestamp--OutlineOffset: 0.1875rem;
|
|
22498
|
-
--pf-c-timestamp--m-help-text--TextDecorationLine: underline;
|
|
22499
|
-
--pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
|
|
22500
|
-
--pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
|
|
22501
|
-
--pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
22502
|
-
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
|
|
22503
|
-
--pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
|
|
22504
|
-
--pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
|
|
22505
|
-
--pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
22506
|
-
--pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
22507
|
-
display: inline-block;
|
|
22508
|
-
font-size: var(--pf-c-timestamp--FontSize);
|
|
22509
|
-
color: var(--pf-c-timestamp--Color);
|
|
22510
|
-
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
22511
|
-
}
|
|
22512
|
-
|
|
22513
|
-
.pf-c-timestamp.pf-m-help-text {
|
|
22514
|
-
cursor: pointer;
|
|
22515
|
-
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
22516
|
-
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
22517
|
-
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
22518
|
-
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
22519
|
-
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
22520
|
-
}
|
|
22521
|
-
|
|
22522
|
-
.pf-c-timestamp.pf-m-help-text:hover {
|
|
22523
|
-
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
22524
|
-
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
|
|
22525
|
-
}
|
|
22526
|
-
|
|
22527
|
-
.pf-c-timestamp.pf-m-help-text:focus {
|
|
22528
|
-
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
|
|
22529
|
-
--pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
22530
|
-
}
|
|
22531
|
-
|
|
22532
22532
|
.pf-c-tooltip {
|
|
22533
22533
|
--pf-c-tooltip--MaxWidth: 18.75rem;
|
|
22534
22534
|
--pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -26194,6 +26194,75 @@ label.pf-c-tree-view__node-text {
|
|
|
26194
26194
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26195
26195
|
}
|
|
26196
26196
|
}
|
|
26197
|
+
.pf-l-gallery {
|
|
26198
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26199
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26200
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26201
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26202
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26203
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26204
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
26205
|
+
display: grid;
|
|
26206
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26207
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26208
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26209
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26210
|
+
}
|
|
26211
|
+
|
|
26212
|
+
.pf-l-gallery.pf-m-gutter {
|
|
26213
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26214
|
+
}
|
|
26215
|
+
|
|
26216
|
+
@media (min-width: 576px) {
|
|
26217
|
+
.pf-l-gallery {
|
|
26218
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26219
|
+
}
|
|
26220
|
+
}
|
|
26221
|
+
@media (min-width: 768px) {
|
|
26222
|
+
.pf-l-gallery {
|
|
26223
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
26224
|
+
}
|
|
26225
|
+
}
|
|
26226
|
+
@media (min-width: 992px) {
|
|
26227
|
+
.pf-l-gallery {
|
|
26228
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
26229
|
+
}
|
|
26230
|
+
}
|
|
26231
|
+
@media (min-width: 1200px) {
|
|
26232
|
+
.pf-l-gallery {
|
|
26233
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
26234
|
+
}
|
|
26235
|
+
}
|
|
26236
|
+
@media (min-width: 1450px) {
|
|
26237
|
+
.pf-l-gallery {
|
|
26238
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
26239
|
+
}
|
|
26240
|
+
}
|
|
26241
|
+
@media (min-width: 576px) {
|
|
26242
|
+
.pf-l-gallery {
|
|
26243
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26244
|
+
}
|
|
26245
|
+
}
|
|
26246
|
+
@media (min-width: 768px) {
|
|
26247
|
+
.pf-l-gallery {
|
|
26248
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
26249
|
+
}
|
|
26250
|
+
}
|
|
26251
|
+
@media (min-width: 992px) {
|
|
26252
|
+
.pf-l-gallery {
|
|
26253
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
26254
|
+
}
|
|
26255
|
+
}
|
|
26256
|
+
@media (min-width: 1200px) {
|
|
26257
|
+
.pf-l-gallery {
|
|
26258
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
26259
|
+
}
|
|
26260
|
+
}
|
|
26261
|
+
@media (min-width: 1450px) {
|
|
26262
|
+
.pf-l-gallery {
|
|
26263
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26264
|
+
}
|
|
26265
|
+
}
|
|
26197
26266
|
.pf-l-grid {
|
|
26198
26267
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26199
26268
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27408,75 +27477,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27408
27477
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27409
27478
|
}
|
|
27410
27479
|
|
|
27411
|
-
.pf-l-gallery {
|
|
27412
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27413
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27414
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27415
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27416
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27417
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27418
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
27419
|
-
display: grid;
|
|
27420
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27421
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27422
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27423
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27424
|
-
}
|
|
27425
|
-
|
|
27426
|
-
.pf-l-gallery.pf-m-gutter {
|
|
27427
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27428
|
-
}
|
|
27429
|
-
|
|
27430
|
-
@media (min-width: 576px) {
|
|
27431
|
-
.pf-l-gallery {
|
|
27432
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27433
|
-
}
|
|
27434
|
-
}
|
|
27435
|
-
@media (min-width: 768px) {
|
|
27436
|
-
.pf-l-gallery {
|
|
27437
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
27438
|
-
}
|
|
27439
|
-
}
|
|
27440
|
-
@media (min-width: 992px) {
|
|
27441
|
-
.pf-l-gallery {
|
|
27442
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
27443
|
-
}
|
|
27444
|
-
}
|
|
27445
|
-
@media (min-width: 1200px) {
|
|
27446
|
-
.pf-l-gallery {
|
|
27447
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
27448
|
-
}
|
|
27449
|
-
}
|
|
27450
|
-
@media (min-width: 1450px) {
|
|
27451
|
-
.pf-l-gallery {
|
|
27452
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
27453
|
-
}
|
|
27454
|
-
}
|
|
27455
|
-
@media (min-width: 576px) {
|
|
27456
|
-
.pf-l-gallery {
|
|
27457
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27458
|
-
}
|
|
27459
|
-
}
|
|
27460
|
-
@media (min-width: 768px) {
|
|
27461
|
-
.pf-l-gallery {
|
|
27462
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
27463
|
-
}
|
|
27464
|
-
}
|
|
27465
|
-
@media (min-width: 992px) {
|
|
27466
|
-
.pf-l-gallery {
|
|
27467
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
27468
|
-
}
|
|
27469
|
-
}
|
|
27470
|
-
@media (min-width: 1200px) {
|
|
27471
|
-
.pf-l-gallery {
|
|
27472
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
27473
|
-
}
|
|
27474
|
-
}
|
|
27475
|
-
@media (min-width: 1450px) {
|
|
27476
|
-
.pf-l-gallery {
|
|
27477
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
27478
|
-
}
|
|
27479
|
-
}
|
|
27480
27480
|
.pf-l-level {
|
|
27481
27481
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27482
27482
|
display: flex;
|