@patternfly/react-table 4.60.5 → 4.61.2

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 (6) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/umd/react-table.css +1010 -948
  3. package/dist/umd/react-table.js +75 -50
  4. package/dist/umd/react-table.min.css +557 -495
  5. package/dist/umd/react-table.min.js +1 -1
  6. package/package.json +6 -6
package/dist/umd/react-table.css CHANGED
@@ -386,6 +386,7 @@
386
386
  --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
387
387
  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
388
388
  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
389
+ --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
389
390
  color: var(--pf-global--Color--100);
390
391
  width: 100%;
391
392
  background-color: var(--pf-c-table--BackgroundColor);
@@ -433,6 +434,14 @@
433
434
  border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
434
435
  }
435
436
 
437
+ .pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),
438
+ .pf-c-table > .pf-m-striped > tr:nth-child(odd),
439
+ .pf-c-table > .pf-m-striped-even > tr:nth-child(even),
440
+ .pf-c-table tr.pf-m-striped {
441
+ --pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);
442
+ background: var(--pf-c-table--m-striped__tr--BackgroundColor);
443
+ }
444
+
436
445
  .pf-c-table tr:not(.pf-c-table__expandable-row) {
437
446
  border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
438
447
  }
@@ -5922,6 +5931,10 @@ label.pf-c-check, .pf-c-check__label,
5922
5931
  white-space: nowrap;
5923
5932
  }
5924
5933
 
5934
+ .pf-c-dropdown__toggle-text {
5935
+ flex: 0 1 auto;
5936
+ }
5937
+
5925
5938
  .pf-c-dropdown__toggle-icon {
5926
5939
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
5927
5940
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
@@ -5934,6 +5947,7 @@ label.pf-c-check, .pf-c-check__label,
5934
5947
 
5935
5948
  .pf-c-dropdown__toggle-image {
5936
5949
  display: inline-flex;
5950
+ flex-shrink: 0;
5937
5951
  margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
5938
5952
  margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
5939
5953
  margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
@@ -7227,6 +7241,37 @@ svg.pf-c-spinner.pf-m-xl {
7227
7241
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
7228
7242
  }
7229
7243
 
7244
+ .pf-c-action-list {
7245
+ --pf-c-action-list--m-icon--spacer: 0;
7246
+ --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
7247
+ --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
7248
+ }
7249
+
7250
+ .pf-c-action-list,
7251
+ .pf-c-action-list__group {
7252
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
7253
+ --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
7254
+ display: flex;
7255
+ align-items: center;
7256
+ }
7257
+
7258
+ .pf-c-action-list > * + *,
7259
+ .pf-c-action-list__group > * + * {
7260
+ margin-left: var(--pf-c-action-list--child--spacer);
7261
+ }
7262
+
7263
+ .pf-c-action-list > * + .pf-c-action-list__group,
7264
+ .pf-c-action-list .pf-c-action-list__group + *,
7265
+ .pf-c-action-list__group > * + .pf-c-action-list__group,
7266
+ .pf-c-action-list__group .pf-c-action-list__group + * {
7267
+ margin-left: var(--pf-c-action-list--group--spacer);
7268
+ }
7269
+
7270
+ .pf-c-action-list.pf-m-icons,
7271
+ .pf-c-action-list__group.pf-m-icons {
7272
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
7273
+ }
7274
+
7230
7275
  .pf-c-alert {
7231
7276
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
7232
7277
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -8209,6 +8254,221 @@ button.pf-c-breadcrumb__link {
8209
8254
  visibility: hidden;
8210
8255
  }
8211
8256
 
8257
+ .pf-c-calendar-month {
8258
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
8259
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
8260
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8261
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8262
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
8263
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8264
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8265
+ }
8266
+
8267
+ .pf-c-calendar-month {
8268
+ --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
8269
+ --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
8270
+ --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
8271
+ --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
8272
+ --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
8273
+ --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
8274
+ --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
8275
+ --pf-c-calendar-month__header-year--Width: 8ch;
8276
+ --pf-c-calendar-month__header-nav-control--MarginRight: 0;
8277
+ --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
8278
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
8279
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
8280
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
8281
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
8282
+ --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
8283
+ --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
8284
+ --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
8285
+ --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
8286
+ --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
8287
+ --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
8288
+ --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
8289
+ --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
8290
+ --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
8291
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
8292
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
8293
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
8294
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
8295
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
8296
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
8297
+ --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
8298
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8299
+ --pf-c-calendar-month__dates-cell--before--Top: 0;
8300
+ --pf-c-calendar-month__dates-cell--before--Right: 0;
8301
+ --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
8302
+ --pf-c-calendar-month__dates-cell--before--Left: 0;
8303
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
8304
+ --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
8305
+ --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
8306
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
8307
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
8308
+ --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
8309
+ --pf-c-calendar-month__date--Width: 4ch;
8310
+ --pf-c-calendar-month__date--Height: 4ch;
8311
+ --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
8312
+ --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
8313
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
8314
+ --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
8315
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
8316
+ --pf-c-calendar-month__date--after--BorderColor: transparent;
8317
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
8318
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
8319
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
8320
+ --pf-c-calendar-month__date--focus--BoxShadow: none;
8321
+ color: var(--pf-global--Color--100);
8322
+ display: inline-flex;
8323
+ flex-direction: column;
8324
+ padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
8325
+ font-size: var(--pf-c-calendar-month--FontSize);
8326
+ background-color: var(--pf-c-calendar-month--BackgroundColor);
8327
+ }
8328
+
8329
+ .pf-c-calendar-month__header {
8330
+ display: flex;
8331
+ margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
8332
+ }
8333
+
8334
+ .pf-c-calendar-month__header-nav-control {
8335
+ margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
8336
+ margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
8337
+ }
8338
+
8339
+ .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
8340
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
8341
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
8342
+ }
8343
+
8344
+ .pf-c-calendar-month__header-nav-control.pf-m-next-month {
8345
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
8346
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
8347
+ }
8348
+
8349
+ .pf-c-calendar-month__header-month {
8350
+ flex-grow: 1;
8351
+ }
8352
+
8353
+ .pf-c-calendar-month__header-year {
8354
+ width: var(--pf-c-calendar-month__header-year--Width);
8355
+ }
8356
+
8357
+ .pf-c-calendar-month__calendar {
8358
+ table-layout: fixed;
8359
+ }
8360
+
8361
+ .pf-c-calendar-month__days {
8362
+ border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
8363
+ }
8364
+
8365
+ .pf-c-calendar-month__day {
8366
+ padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
8367
+ font-weight: var(--pf-c-calendar-month__day--FontWeight);
8368
+ text-align: center;
8369
+ }
8370
+
8371
+ .pf-c-calendar-month__dates-row:first-child {
8372
+ --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
8373
+ }
8374
+
8375
+ .pf-c-calendar-month__dates-cell {
8376
+ --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
8377
+ position: relative;
8378
+ padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
8379
+ text-align: center;
8380
+ }
8381
+
8382
+ .pf-c-calendar-month__dates-cell::before {
8383
+ position: absolute;
8384
+ top: var(--pf-c-calendar-month__dates-cell--before--Top);
8385
+ right: var(--pf-c-calendar-month__dates-cell--before--Right);
8386
+ bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
8387
+ left: var(--pf-c-calendar-month__dates-cell--before--Left);
8388
+ content: "";
8389
+ background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
8390
+ }
8391
+
8392
+ .pf-c-calendar-month__dates-cell.pf-m-current {
8393
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
8394
+ }
8395
+
8396
+ .pf-c-calendar-month__dates-cell.pf-m-in-range {
8397
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
8398
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
8399
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
8400
+ }
8401
+
8402
+ .pf-c-calendar-month__dates-cell.pf-m-start-range {
8403
+ --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
8404
+ }
8405
+
8406
+ .pf-c-calendar-month__dates-cell.pf-m-end-range {
8407
+ --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
8408
+ }
8409
+
8410
+ .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
8411
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
8412
+ }
8413
+
8414
+ .pf-c-calendar-month__dates-cell.pf-m-selected {
8415
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
8416
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
8417
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
8418
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
8419
+ --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
8420
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
8421
+ }
8422
+
8423
+ .pf-c-calendar-month__dates-cell.pf-m-disabled {
8424
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8425
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
8426
+ }
8427
+
8428
+ .pf-c-calendar-month__date {
8429
+ position: relative;
8430
+ display: inline-flex;
8431
+ align-items: center;
8432
+ justify-content: center;
8433
+ width: var(--pf-c-calendar-month__date--Width);
8434
+ height: var(--pf-c-calendar-month__date--Height);
8435
+ line-height: 1;
8436
+ color: var(--pf-c-calendar-month__date--Color);
8437
+ background-color: var(--pf-c-calendar-month__date--BackgroundColor);
8438
+ border: 0;
8439
+ }
8440
+
8441
+ .pf-c-calendar-month__date::after {
8442
+ position: absolute;
8443
+ top: 0;
8444
+ right: 0;
8445
+ bottom: 0;
8446
+ left: 0;
8447
+ content: "";
8448
+ border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
8449
+ }
8450
+
8451
+ .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
8452
+ border-radius: var(--pf-c-calendar-month__date--BorderRadius);
8453
+ }
8454
+
8455
+ .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
8456
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
8457
+ }
8458
+
8459
+ .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
8460
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
8461
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
8462
+ outline: 0;
8463
+ box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8464
+ }
8465
+
8466
+ .pf-c-calendar-month__date:disabled {
8467
+ pointer-events: none;
8468
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8469
+ --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8470
+ }
8471
+
8212
8472
  .pf-c-card {
8213
8473
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
8214
8474
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -8556,222 +8816,7 @@ button.pf-c-breadcrumb__link {
8556
8816
  font-weight: var(--pf-global--FontWeight--normal);
8557
8817
  }
8558
8818
 
8559
- .pf-c-calendar-month {
8560
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
8561
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
8562
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8563
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8564
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
8565
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8566
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8567
- }
8568
-
8569
- .pf-c-calendar-month {
8570
- --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
8571
- --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
8572
- --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
8573
- --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
8574
- --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
8575
- --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
8576
- --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
8577
- --pf-c-calendar-month__header-year--Width: 8ch;
8578
- --pf-c-calendar-month__header-nav-control--MarginRight: 0;
8579
- --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
8580
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
8581
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
8582
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
8583
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
8584
- --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
8585
- --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
8586
- --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
8587
- --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
8588
- --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
8589
- --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
8590
- --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
8591
- --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
8592
- --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
8593
- --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
8594
- --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
8595
- --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
8596
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
8597
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
8598
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
8599
- --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
8600
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8601
- --pf-c-calendar-month__dates-cell--before--Top: 0;
8602
- --pf-c-calendar-month__dates-cell--before--Right: 0;
8603
- --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
8604
- --pf-c-calendar-month__dates-cell--before--Left: 0;
8605
- --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
8606
- --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
8607
- --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
8608
- --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
8609
- --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
8610
- --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
8611
- --pf-c-calendar-month__date--Width: 4ch;
8612
- --pf-c-calendar-month__date--Height: 4ch;
8613
- --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
8614
- --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
8615
- --pf-c-calendar-month__date--BackgroundColor: transparent;
8616
- --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
8617
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
8618
- --pf-c-calendar-month__date--after--BorderColor: transparent;
8619
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
8620
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
8621
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
8622
- --pf-c-calendar-month__date--focus--BoxShadow: none;
8623
- color: var(--pf-global--Color--100);
8624
- display: inline-flex;
8625
- flex-direction: column;
8626
- padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
8627
- font-size: var(--pf-c-calendar-month--FontSize);
8628
- background-color: var(--pf-c-calendar-month--BackgroundColor);
8629
- }
8630
-
8631
- .pf-c-calendar-month__header {
8632
- display: flex;
8633
- margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
8634
- }
8635
-
8636
- .pf-c-calendar-month__header-nav-control {
8637
- margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
8638
- margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
8639
- }
8640
-
8641
- .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
8642
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
8643
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
8644
- }
8645
-
8646
- .pf-c-calendar-month__header-nav-control.pf-m-next-month {
8647
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
8648
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
8649
- }
8650
-
8651
- .pf-c-calendar-month__header-month {
8652
- flex-grow: 1;
8653
- }
8654
-
8655
- .pf-c-calendar-month__header-year {
8656
- width: var(--pf-c-calendar-month__header-year--Width);
8657
- }
8658
-
8659
- .pf-c-calendar-month__calendar {
8660
- table-layout: fixed;
8661
- }
8662
-
8663
- .pf-c-calendar-month__days {
8664
- border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
8665
- }
8666
-
8667
- .pf-c-calendar-month__day {
8668
- padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
8669
- font-weight: var(--pf-c-calendar-month__day--FontWeight);
8670
- text-align: center;
8671
- }
8672
-
8673
- .pf-c-calendar-month__dates-row:first-child {
8674
- --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
8675
- }
8676
-
8677
- .pf-c-calendar-month__dates-cell {
8678
- --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
8679
- position: relative;
8680
- padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
8681
- text-align: center;
8682
- }
8683
-
8684
- .pf-c-calendar-month__dates-cell::before {
8685
- position: absolute;
8686
- top: var(--pf-c-calendar-month__dates-cell--before--Top);
8687
- right: var(--pf-c-calendar-month__dates-cell--before--Right);
8688
- bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
8689
- left: var(--pf-c-calendar-month__dates-cell--before--Left);
8690
- content: "";
8691
- background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
8692
- }
8693
-
8694
- .pf-c-calendar-month__dates-cell.pf-m-current {
8695
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
8696
- }
8697
-
8698
- .pf-c-calendar-month__dates-cell.pf-m-in-range {
8699
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
8700
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
8701
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
8702
- }
8703
-
8704
- .pf-c-calendar-month__dates-cell.pf-m-start-range {
8705
- --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
8706
- }
8707
-
8708
- .pf-c-calendar-month__dates-cell.pf-m-end-range {
8709
- --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
8710
- }
8711
-
8712
- .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
8713
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
8714
- }
8715
-
8716
- .pf-c-calendar-month__dates-cell.pf-m-selected {
8717
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
8718
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
8719
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
8720
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
8721
- --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
8722
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
8723
- }
8724
-
8725
- .pf-c-calendar-month__dates-cell.pf-m-disabled {
8726
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8727
- --pf-c-calendar-month__date--BackgroundColor: transparent;
8728
- }
8729
-
8730
- .pf-c-calendar-month__date {
8731
- position: relative;
8732
- display: inline-flex;
8733
- align-items: center;
8734
- justify-content: center;
8735
- width: var(--pf-c-calendar-month__date--Width);
8736
- height: var(--pf-c-calendar-month__date--Height);
8737
- line-height: 1;
8738
- color: var(--pf-c-calendar-month__date--Color);
8739
- background-color: var(--pf-c-calendar-month__date--BackgroundColor);
8740
- border: 0;
8741
- }
8742
-
8743
- .pf-c-calendar-month__date::after {
8744
- position: absolute;
8745
- top: 0;
8746
- right: 0;
8747
- bottom: 0;
8748
- left: 0;
8749
- content: "";
8750
- border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
8751
- }
8752
-
8753
- .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
8754
- border-radius: var(--pf-c-calendar-month__date--BorderRadius);
8755
- }
8756
-
8757
- .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
8758
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
8759
- }
8760
-
8761
- .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
8762
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
8763
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
8764
- outline: 0;
8765
- box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8766
- }
8767
-
8768
- .pf-c-calendar-month__date:disabled {
8769
- pointer-events: none;
8770
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8771
- --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8772
- }
8773
-
8774
- .pf-c-chip-group {
8819
+ .pf-c-chip-group {
8775
8820
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
8776
8821
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
8777
8822
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -13666,37 +13711,6 @@ label.pf-c-input-group__text {
13666
13711
  --pf-c-sidebar__panel--FlexBasis: 100%;
13667
13712
  }
13668
13713
  }
13669
- .pf-c-action-list {
13670
- --pf-c-action-list--m-icon--spacer: 0;
13671
- --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
13672
- --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
13673
- }
13674
-
13675
- .pf-c-action-list,
13676
- .pf-c-action-list__group {
13677
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
13678
- --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
13679
- display: flex;
13680
- align-items: center;
13681
- }
13682
-
13683
- .pf-c-action-list > * + *,
13684
- .pf-c-action-list__group > * + * {
13685
- margin-left: var(--pf-c-action-list--child--spacer);
13686
- }
13687
-
13688
- .pf-c-action-list > * + .pf-c-action-list__group,
13689
- .pf-c-action-list .pf-c-action-list__group + *,
13690
- .pf-c-action-list__group > * + .pf-c-action-list__group,
13691
- .pf-c-action-list__group .pf-c-action-list__group + * {
13692
- margin-left: var(--pf-c-action-list--group--spacer);
13693
- }
13694
-
13695
- .pf-c-action-list.pf-m-icons,
13696
- .pf-c-action-list__group.pf-m-icons {
13697
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
13698
- }
13699
-
13700
13714
  .pf-c-label {
13701
13715
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
13702
13716
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -14742,13 +14756,8 @@ ul.pf-c-list {
14742
14756
  background-color: var(--pf-c-masthead--BackgroundColor);
14743
14757
  }
14744
14758
 
14745
- @media screen and (min-width: 1200px) {
14746
- .pf-c-masthead {
14747
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
14748
- }
14749
- }
14750
14759
  @media screen and (min-width: 768px) {
14751
- .pf-c-masthead {
14760
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
14752
14761
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14753
14762
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14754
14763
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14768,6 +14777,15 @@ ul.pf-c-list {
14768
14777
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14769
14778
  }
14770
14779
  }
14780
+ @media screen and (min-width: 1200px) {
14781
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
14782
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
14783
+ }
14784
+ }
14785
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
14786
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
14787
+ }
14788
+
14771
14789
  .pf-c-masthead.pf-m-light {
14772
14790
  color: var(--pf-global--Color--100);
14773
14791
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -14835,8 +14853,12 @@ ul.pf-c-list {
14835
14853
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
14836
14854
  }
14837
14855
 
14838
- .pf-c-masthead__main {
14839
- position: relative;
14856
+ .pf-c-masthead .pf-c-nav {
14857
+ align-self: stretch;
14858
+ }
14859
+
14860
+ .pf-c-masthead__main {
14861
+ position: relative;
14840
14862
  display: flex;
14841
14863
  flex-basis: var(--pf-c-masthead__main--FlexBasis);
14842
14864
  align-items: center;
@@ -18990,198 +19012,6 @@ ul.pf-c-list {
18990
19012
  flex: 1 0 auto;
18991
19013
  }
18992
19014
 
18993
- .pf-c-popover {
18994
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
18995
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18996
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18997
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
18998
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
18999
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19000
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19001
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19002
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19003
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19004
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19005
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19006
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19007
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19008
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19009
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19010
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19011
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19012
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19013
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19014
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19015
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19016
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19017
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
19018
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
19019
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
19020
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
19021
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
19022
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
19023
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19024
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19025
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19026
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
19027
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
19028
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
19029
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19030
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19031
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19032
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19033
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19034
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19035
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19036
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19037
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19038
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19039
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19040
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19041
- position: relative;
19042
- min-width: var(--pf-c-popover--MinWidth);
19043
- max-width: var(--pf-c-popover--MaxWidth);
19044
- font-size: var(--pf-c-popover--FontSize);
19045
- box-shadow: var(--pf-c-popover--BoxShadow);
19046
- }
19047
-
19048
- .pf-c-popover.pf-m-no-padding {
19049
- --pf-c-popover__content--PaddingTop: 0px;
19050
- --pf-c-popover__content--PaddingRight: 0px;
19051
- --pf-c-popover__content--PaddingBottom: 0px;
19052
- --pf-c-popover__content--PaddingLeft: 0px;
19053
- }
19054
-
19055
- .pf-c-popover.pf-m-width-auto {
19056
- --pf-c-popover--MinWidth: auto;
19057
- --pf-c-popover--MaxWidth: none;
19058
- }
19059
-
19060
- .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19061
- bottom: 0;
19062
- left: 50%;
19063
- transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19064
- }
19065
-
19066
- .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19067
- top: 0;
19068
- left: 50%;
19069
- transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19070
- }
19071
-
19072
- .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19073
- top: 50%;
19074
- right: 0;
19075
- transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19076
- }
19077
-
19078
- .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19079
- top: 50%;
19080
- left: 0;
19081
- transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19082
- }
19083
-
19084
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19085
- top: var(--pf-c-popover__arrow--Height);
19086
- }
19087
-
19088
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19089
- top: auto;
19090
- bottom: 0;
19091
- }
19092
-
19093
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19094
- left: var(--pf-c-popover__arrow--Width);
19095
- }
19096
-
19097
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19098
- right: 0;
19099
- left: auto;
19100
- }
19101
-
19102
- .pf-c-popover.pf-m-danger {
19103
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19104
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19105
- }
19106
-
19107
- .pf-c-popover.pf-m-warning {
19108
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19109
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19110
- }
19111
-
19112
- .pf-c-popover.pf-m-success {
19113
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19114
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19115
- }
19116
-
19117
- .pf-c-popover.pf-m-default {
19118
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19119
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19120
- }
19121
-
19122
- .pf-c-popover.pf-m-info {
19123
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19124
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19125
- }
19126
-
19127
- .pf-c-popover__content {
19128
- position: relative;
19129
- padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19130
- background-color: var(--pf-c-popover__content--BackgroundColor);
19131
- }
19132
-
19133
- .pf-c-popover__content > .pf-c-title {
19134
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19135
- }
19136
-
19137
- .pf-c-popover__content > .pf-c-button {
19138
- position: absolute;
19139
- top: var(--pf-c-popover--c-button--Top);
19140
- right: var(--pf-c-popover--c-button--Right);
19141
- }
19142
-
19143
- .pf-c-popover__content > .pf-c-button + * {
19144
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19145
- }
19146
-
19147
- .pf-c-popover__arrow {
19148
- position: absolute;
19149
- width: var(--pf-c-popover__arrow--Width);
19150
- height: var(--pf-c-popover__arrow--Height);
19151
- pointer-events: none;
19152
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
19153
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19154
- }
19155
-
19156
- .pf-c-popover__title {
19157
- flex: 0 0 auto;
19158
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
19159
- font-family: var(--pf-c-popover__title--FontFamily);
19160
- font-size: var(--pf-c-popover__title--FontSize);
19161
- line-height: var(--pf-c-popover__title--LineHeight);
19162
- }
19163
-
19164
- .pf-c-popover__title.pf-m-icon {
19165
- display: flex;
19166
- }
19167
-
19168
- .pf-c-popover__title-icon {
19169
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
19170
- color: var(--pf-c-popover__title-icon--Color);
19171
- }
19172
-
19173
- .pf-c-popover__title-text {
19174
- color: var(--pf-c-popover__title-text--Color, inherit);
19175
- }
19176
-
19177
- .pf-c-popover__body {
19178
- word-wrap: break-word;
19179
- }
19180
-
19181
- .pf-c-popover__footer {
19182
- margin-top: var(--pf-c-popover__footer--MarginTop);
19183
- }
19184
-
19185
19015
  .pf-c-pagination {
19186
19016
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
19187
19017
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -19533,65 +19363,257 @@ ul.pf-c-list {
19533
19363
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19534
19364
  }
19535
19365
  }
19536
- .pf-c-progress {
19537
- --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19538
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19539
- --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19540
- --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19541
- --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19542
- --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19543
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19544
- --pf-c-progress__bar--before--Opacity: .2;
19545
- --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19546
- --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19547
- --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19548
- --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19549
- --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19550
- --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19551
- --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19552
- --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19553
- --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19554
- --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19555
- --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19556
- --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19557
- --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19558
- --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19559
- --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19560
- --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19561
- --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19562
- --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19563
- display: grid;
19564
- align-items: end;
19565
- grid-gap: var(--pf-c-progress--GridGap);
19566
- grid-template-columns: auto auto;
19567
- grid-template-rows: 1fr auto;
19568
- }
19569
-
19570
- .pf-c-progress.pf-m-sm {
19571
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19572
- }
19573
-
19574
- .pf-c-progress.pf-m-sm .pf-c-progress__description {
19575
- font-size: var(--pf-c-progress--m-sm__description--FontSize);
19576
- }
19577
-
19578
- .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19579
- font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19580
- }
19581
-
19582
- .pf-c-progress.pf-m-lg {
19583
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19584
- }
19585
-
19586
- .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19587
- display: flex;
19588
- align-items: center;
19589
- justify-content: center;
19590
- min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19591
- }
19592
-
19593
- .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19594
- font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19366
+ .pf-c-popover {
19367
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19368
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19369
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19370
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19371
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19372
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19373
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19374
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19375
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19376
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19377
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19378
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19379
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19380
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19381
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19382
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19383
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19384
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19385
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19386
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19387
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19388
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19389
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19390
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
19391
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
19392
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
19393
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
19394
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
19395
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
19396
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19397
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19398
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19399
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
19400
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
19401
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
19402
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19403
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19404
+ --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19405
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19406
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19407
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19408
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19409
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19410
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19411
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19412
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19413
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19414
+ position: relative;
19415
+ min-width: var(--pf-c-popover--MinWidth);
19416
+ max-width: var(--pf-c-popover--MaxWidth);
19417
+ font-size: var(--pf-c-popover--FontSize);
19418
+ box-shadow: var(--pf-c-popover--BoxShadow);
19419
+ }
19420
+
19421
+ .pf-c-popover.pf-m-no-padding {
19422
+ --pf-c-popover__content--PaddingTop: 0px;
19423
+ --pf-c-popover__content--PaddingRight: 0px;
19424
+ --pf-c-popover__content--PaddingBottom: 0px;
19425
+ --pf-c-popover__content--PaddingLeft: 0px;
19426
+ }
19427
+
19428
+ .pf-c-popover.pf-m-width-auto {
19429
+ --pf-c-popover--MinWidth: auto;
19430
+ --pf-c-popover--MaxWidth: none;
19431
+ }
19432
+
19433
+ .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19434
+ bottom: 0;
19435
+ left: 50%;
19436
+ transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19437
+ }
19438
+
19439
+ .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19440
+ top: 0;
19441
+ left: 50%;
19442
+ transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19443
+ }
19444
+
19445
+ .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19446
+ top: 50%;
19447
+ right: 0;
19448
+ transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19449
+ }
19450
+
19451
+ .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19452
+ top: 50%;
19453
+ left: 0;
19454
+ transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19455
+ }
19456
+
19457
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19458
+ top: var(--pf-c-popover__arrow--Height);
19459
+ }
19460
+
19461
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19462
+ top: auto;
19463
+ bottom: 0;
19464
+ }
19465
+
19466
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19467
+ left: var(--pf-c-popover__arrow--Width);
19468
+ }
19469
+
19470
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19471
+ right: 0;
19472
+ left: auto;
19473
+ }
19474
+
19475
+ .pf-c-popover.pf-m-danger {
19476
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19477
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19478
+ }
19479
+
19480
+ .pf-c-popover.pf-m-warning {
19481
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19482
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19483
+ }
19484
+
19485
+ .pf-c-popover.pf-m-success {
19486
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19487
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19488
+ }
19489
+
19490
+ .pf-c-popover.pf-m-default {
19491
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19492
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19493
+ }
19494
+
19495
+ .pf-c-popover.pf-m-info {
19496
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19497
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19498
+ }
19499
+
19500
+ .pf-c-popover__content {
19501
+ position: relative;
19502
+ padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19503
+ background-color: var(--pf-c-popover__content--BackgroundColor);
19504
+ }
19505
+
19506
+ .pf-c-popover__content > .pf-c-title {
19507
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19508
+ }
19509
+
19510
+ .pf-c-popover__content > .pf-c-button {
19511
+ position: absolute;
19512
+ top: var(--pf-c-popover--c-button--Top);
19513
+ right: var(--pf-c-popover--c-button--Right);
19514
+ }
19515
+
19516
+ .pf-c-popover__content > .pf-c-button + * {
19517
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19518
+ }
19519
+
19520
+ .pf-c-popover__arrow {
19521
+ position: absolute;
19522
+ width: var(--pf-c-popover__arrow--Width);
19523
+ height: var(--pf-c-popover__arrow--Height);
19524
+ pointer-events: none;
19525
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
19526
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19527
+ }
19528
+
19529
+ .pf-c-popover__title {
19530
+ flex: 0 0 auto;
19531
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
19532
+ font-family: var(--pf-c-popover__title--FontFamily);
19533
+ font-size: var(--pf-c-popover__title--FontSize);
19534
+ line-height: var(--pf-c-popover__title--LineHeight);
19535
+ }
19536
+
19537
+ .pf-c-popover__title.pf-m-icon {
19538
+ display: flex;
19539
+ }
19540
+
19541
+ .pf-c-popover__title-icon {
19542
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
19543
+ color: var(--pf-c-popover__title-icon--Color);
19544
+ }
19545
+
19546
+ .pf-c-popover__title-text {
19547
+ color: var(--pf-c-popover__title-text--Color, inherit);
19548
+ }
19549
+
19550
+ .pf-c-popover__body {
19551
+ word-wrap: break-word;
19552
+ }
19553
+
19554
+ .pf-c-popover__footer {
19555
+ margin-top: var(--pf-c-popover__footer--MarginTop);
19556
+ }
19557
+
19558
+ .pf-c-progress {
19559
+ --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19560
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19561
+ --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19562
+ --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19563
+ --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19564
+ --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19565
+ --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19566
+ --pf-c-progress__bar--before--Opacity: .2;
19567
+ --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19568
+ --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19569
+ --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19570
+ --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19571
+ --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19572
+ --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19573
+ --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19574
+ --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19575
+ --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19576
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19577
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19578
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19579
+ --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19580
+ --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19581
+ --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19582
+ --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19583
+ --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19584
+ --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19585
+ display: grid;
19586
+ align-items: end;
19587
+ grid-gap: var(--pf-c-progress--GridGap);
19588
+ grid-template-columns: auto auto;
19589
+ grid-template-rows: 1fr auto;
19590
+ }
19591
+
19592
+ .pf-c-progress.pf-m-sm {
19593
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19594
+ }
19595
+
19596
+ .pf-c-progress.pf-m-sm .pf-c-progress__description {
19597
+ font-size: var(--pf-c-progress--m-sm__description--FontSize);
19598
+ }
19599
+
19600
+ .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19601
+ font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19602
+ }
19603
+
19604
+ .pf-c-progress.pf-m-lg {
19605
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19606
+ }
19607
+
19608
+ .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19609
+ display: flex;
19610
+ align-items: center;
19611
+ justify-content: center;
19612
+ min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19613
+ }
19614
+
19615
+ .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19616
+ font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19595
19617
  color: var(--pf-c-progress--m-inside__measure--Color);
19596
19618
  text-align: center;
19597
19619
  }
@@ -21492,293 +21514,6 @@ label.pf-c-radio, .pf-c-radio__label,
21492
21514
  vertical-align: top;
21493
21515
  }
21494
21516
 
21495
- .pf-c-content {
21496
- --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
21497
- --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
21498
- --pf-c-content--FontSize: var(--pf-global--FontSize--md);
21499
- --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
21500
- --pf-c-content--Color: var(--pf-global--Color--100);
21501
- --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
21502
- --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
21503
- --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
21504
- --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
21505
- --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
21506
- --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
21507
- --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
21508
- --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
21509
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
21510
- --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
21511
- --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
21512
- --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
21513
- --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
21514
- --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
21515
- --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
21516
- --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
21517
- --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
21518
- --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
21519
- --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
21520
- --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
21521
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
21522
- --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
21523
- --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
21524
- --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
21525
- --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
21526
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
21527
- --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
21528
- --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
21529
- --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
21530
- --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
21531
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
21532
- --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
21533
- --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
21534
- --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
21535
- --pf-c-content--small--Color: var(--pf-global--Color--200);
21536
- --pf-c-content--a--Color: var(--pf-global--link--Color);
21537
- --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
21538
- --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
21539
- --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
21540
- --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
21541
- --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
21542
- --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
21543
- --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
21544
- --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
21545
- --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
21546
- --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
21547
- --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
21548
- --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
21549
- --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
21550
- --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
21551
- --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
21552
- --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
21553
- --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
21554
- --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
21555
- --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
21556
- --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
21557
- --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
21558
- --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
21559
- --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
21560
- --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
21561
- --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
21562
- --pf-c-content--dt--sm--MarginTop: 0;
21563
- --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
21564
- --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
21565
- font-size: var(--pf-c-content--FontSize);
21566
- line-height: var(--pf-c-content--LineHeight);
21567
- color: var(--pf-c-content--Color);
21568
- }
21569
-
21570
- .pf-c-content a {
21571
- color: var(--pf-c-content--a--Color);
21572
- text-decoration: var(--pf-c-content--a--TextDecoration);
21573
- }
21574
-
21575
- .pf-c-content a:hover {
21576
- --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
21577
- --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
21578
- }
21579
-
21580
- .pf-c-content.pf-m-visited a:visited,
21581
- .pf-c-content a.pf-m-visited:visited {
21582
- color: var(--pf-c-content--a--visited--Color);
21583
- }
21584
-
21585
- .pf-c-content li + li {
21586
- margin-top: var(--pf-c-content--li--MarginTop);
21587
- }
21588
-
21589
- .pf-c-content p:not(:last-child),
21590
- .pf-c-content dl:not(:last-child),
21591
- .pf-c-content ol:not(:last-child),
21592
- .pf-c-content ul:not(:last-child),
21593
- .pf-c-content blockquote:not(:last-child),
21594
- .pf-c-content small:not(:last-child),
21595
- .pf-c-content pre:not(:last-child),
21596
- .pf-c-content table:not(:last-child),
21597
- .pf-c-content hr:not(:last-child) {
21598
- margin-bottom: var(--pf-c-content--MarginBottom);
21599
- }
21600
-
21601
- .pf-c-content h1,
21602
- .pf-c-content h2,
21603
- .pf-c-content h3,
21604
- .pf-c-content h4,
21605
- .pf-c-content h5,
21606
- .pf-c-content h6 {
21607
- margin: 0;
21608
- font-family: var(--pf-c-content--heading--FontFamily);
21609
- }
21610
-
21611
- .pf-c-content h1:first-child,
21612
- .pf-c-content h2:first-child,
21613
- .pf-c-content h3:first-child,
21614
- .pf-c-content h4:first-child,
21615
- .pf-c-content h5:first-child,
21616
- .pf-c-content h6:first-child {
21617
- margin-top: 0;
21618
- }
21619
-
21620
- .pf-c-content h1:last-child,
21621
- .pf-c-content h2:last-child,
21622
- .pf-c-content h3:last-child,
21623
- .pf-c-content h4:last-child,
21624
- .pf-c-content h5:last-child,
21625
- .pf-c-content h6:last-child {
21626
- margin-bottom: 0;
21627
- }
21628
-
21629
- .pf-c-content ol,
21630
- .pf-c-content ul {
21631
- margin: 0;
21632
- }
21633
-
21634
- .pf-c-content h1 {
21635
- margin-top: var(--pf-c-content--h1--MarginTop);
21636
- margin-bottom: var(--pf-c-content--h1--MarginBottom);
21637
- font-size: var(--pf-c-content--h1--FontSize);
21638
- font-weight: var(--pf-c-content--h1--FontWeight);
21639
- line-height: var(--pf-c-content--h1--LineHeight);
21640
- }
21641
-
21642
- .pf-c-content h2 {
21643
- margin-top: var(--pf-c-content--h2--MarginTop);
21644
- margin-bottom: var(--pf-c-content--h2--MarginBottom);
21645
- font-size: var(--pf-c-content--h2--FontSize);
21646
- font-weight: var(--pf-c-content--h2--FontWeight);
21647
- line-height: var(--pf-c-content--h2--LineHeight);
21648
- }
21649
-
21650
- .pf-c-content h3 {
21651
- margin-top: var(--pf-c-content--h3--MarginTop);
21652
- margin-bottom: var(--pf-c-content--h3--MarginBottom);
21653
- font-size: var(--pf-c-content--h3--FontSize);
21654
- font-weight: var(--pf-c-content--h3--FontWeight);
21655
- line-height: var(--pf-c-content--h3--LineHeight);
21656
- }
21657
-
21658
- .pf-c-content h4 {
21659
- margin-top: var(--pf-c-content--h4--MarginTop);
21660
- margin-bottom: var(--pf-c-content--h4--MarginBottom);
21661
- font-size: var(--pf-c-content--h4--FontSize);
21662
- font-weight: var(--pf-c-content--h4--FontWeight);
21663
- line-height: var(--pf-c-content--h4--LineHeight);
21664
- }
21665
-
21666
- .pf-c-content h5 {
21667
- margin-top: var(--pf-c-content--h5--MarginTop);
21668
- margin-bottom: var(--pf-c-content--h5--MarginBottom);
21669
- font-size: var(--pf-c-content--h5--FontSize);
21670
- font-weight: var(--pf-c-content--h5--FontWeight);
21671
- line-height: var(--pf-c-content--h5--LineHeight);
21672
- }
21673
-
21674
- .pf-c-content h6 {
21675
- margin-top: var(--pf-c-content--h6--MarginTop);
21676
- margin-bottom: var(--pf-c-content--h6--MarginBottom);
21677
- font-size: var(--pf-c-content--h6--FontSize);
21678
- font-weight: var(--pf-c-content--h6--FontWeight);
21679
- line-height: var(--pf-c-content--h6--LineHeight);
21680
- }
21681
-
21682
- .pf-c-content small {
21683
- display: block;
21684
- font-size: var(--pf-c-content--small--FontSize);
21685
- line-height: var(--pf-c-content--small--LineHeight);
21686
- color: var(--pf-c-content--small--Color);
21687
- }
21688
-
21689
- .pf-c-content small:not(:last-child) {
21690
- margin-bottom: var(--pf-c-content--small--MarginBottom);
21691
- }
21692
-
21693
- .pf-c-content blockquote {
21694
- padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
21695
- color: var(--pf-c-content--blockquote--Color);
21696
- border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
21697
- }
21698
-
21699
- .pf-c-content hr {
21700
- height: var(--pf-c-content--hr--Height);
21701
- background-color: var(--pf-c-content--hr--BackgroundColor);
21702
- border: none;
21703
- }
21704
-
21705
- .pf-c-content ol {
21706
- padding-left: var(--pf-c-content--ol--PaddingLeft);
21707
- margin-left: var(--pf-c-content--ol--MarginLeft);
21708
- }
21709
-
21710
- .pf-c-content ol ul {
21711
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
21712
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21713
- }
21714
-
21715
- .pf-c-content ol ol {
21716
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
21717
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21718
- }
21719
-
21720
- .pf-c-content ul {
21721
- padding-left: var(--pf-c-content--ul--PaddingLeft);
21722
- margin-left: var(--pf-c-content--ul--MarginLeft);
21723
- list-style: var(--pf-c-content--ul--ListStyle);
21724
- }
21725
-
21726
- .pf-c-content ul ul {
21727
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
21728
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21729
- }
21730
-
21731
- .pf-c-content ul ol {
21732
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
21733
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21734
- }
21735
-
21736
- .pf-c-content dl {
21737
- display: grid;
21738
- grid-template-columns: 1fr;
21739
- }
21740
-
21741
- @media screen and (min-width: 576px) {
21742
- .pf-c-content dl {
21743
- grid-template: auto/auto 1fr;
21744
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
21745
- grid-row-gap: var(--pf-c-content--dl--RowGap);
21746
- }
21747
- }
21748
- .pf-c-content dt {
21749
- font-weight: var(--pf-c-content--dt--FontWeight);
21750
- }
21751
-
21752
- .pf-c-content dt:not(:first-child) {
21753
- margin-top: var(--pf-c-content--dt--MarginTop);
21754
- }
21755
-
21756
- @media screen and (min-width: 576px) {
21757
- .pf-c-content dt:not(:first-child) {
21758
- --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
21759
- }
21760
- }
21761
- @media screen and (min-width: 576px) {
21762
- .pf-c-content dt {
21763
- grid-column: 1;
21764
- }
21765
- }
21766
- @media screen and (min-width: 576px) {
21767
- .pf-c-content dd {
21768
- grid-column: 2;
21769
- }
21770
- }
21771
- .pf-m-overpass-font .pf-c-content {
21772
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
21773
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
21774
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
21775
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
21776
- }
21777
-
21778
- .pf-m-overpass-font .pf-c-content blockquote {
21779
- font-weight: var(--pf-global--FontWeight--light);
21780
- }
21781
-
21782
21517
  .pf-c-tabs {
21783
21518
  --pf-c-tabs--inset: 0;
21784
21519
  --pf-c-tabs--Width: auto;
@@ -22411,246 +22146,533 @@ label.pf-c-radio, .pf-c-radio__label,
22411
22146
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22412
22147
  }
22413
22148
 
22414
- .pf-c-tabs.pf-m-inset-lg {
22415
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22416
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22417
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22418
- }
22149
+ .pf-c-tabs.pf-m-inset-lg {
22150
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22151
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22152
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22153
+ }
22154
+
22155
+ .pf-c-tabs.pf-m-inset-xl {
22156
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22157
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22158
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22159
+ }
22160
+
22161
+ .pf-c-tabs.pf-m-inset-2xl {
22162
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22163
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22164
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22165
+ }
22166
+
22167
+ @media (min-width: 576px) {
22168
+ .pf-c-tabs.pf-m-inset-none-on-sm {
22169
+ --pf-c-tabs--inset: 0;
22170
+ --pf-c-tabs--m-vertical--inset: 0;
22171
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22172
+ }
22173
+
22174
+ .pf-c-tabs.pf-m-inset-sm-on-sm {
22175
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22176
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22177
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22178
+ }
22179
+
22180
+ .pf-c-tabs.pf-m-inset-md-on-sm {
22181
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22182
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22183
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22184
+ }
22185
+
22186
+ .pf-c-tabs.pf-m-inset-lg-on-sm {
22187
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22188
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22189
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22190
+ }
22191
+
22192
+ .pf-c-tabs.pf-m-inset-xl-on-sm {
22193
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22194
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22195
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22196
+ }
22197
+
22198
+ .pf-c-tabs.pf-m-inset-2xl-on-sm {
22199
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22200
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22201
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22202
+ }
22203
+ }
22204
+ @media (min-width: 768px) {
22205
+ .pf-c-tabs.pf-m-inset-none-on-md {
22206
+ --pf-c-tabs--inset: 0;
22207
+ --pf-c-tabs--m-vertical--inset: 0;
22208
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22209
+ }
22210
+
22211
+ .pf-c-tabs.pf-m-inset-sm-on-md {
22212
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22213
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22214
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22215
+ }
22216
+
22217
+ .pf-c-tabs.pf-m-inset-md-on-md {
22218
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22219
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22220
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22221
+ }
22222
+
22223
+ .pf-c-tabs.pf-m-inset-lg-on-md {
22224
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22225
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22226
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22227
+ }
22228
+
22229
+ .pf-c-tabs.pf-m-inset-xl-on-md {
22230
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22231
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22232
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22233
+ }
22234
+
22235
+ .pf-c-tabs.pf-m-inset-2xl-on-md {
22236
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22237
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22238
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22239
+ }
22240
+ }
22241
+ @media (min-width: 992px) {
22242
+ .pf-c-tabs.pf-m-inset-none-on-lg {
22243
+ --pf-c-tabs--inset: 0;
22244
+ --pf-c-tabs--m-vertical--inset: 0;
22245
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22246
+ }
22247
+
22248
+ .pf-c-tabs.pf-m-inset-sm-on-lg {
22249
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22250
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22251
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22252
+ }
22253
+
22254
+ .pf-c-tabs.pf-m-inset-md-on-lg {
22255
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22256
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22257
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22258
+ }
22259
+
22260
+ .pf-c-tabs.pf-m-inset-lg-on-lg {
22261
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22262
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22263
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22264
+ }
22419
22265
 
22420
- .pf-c-tabs.pf-m-inset-xl {
22421
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22422
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22423
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22424
- }
22266
+ .pf-c-tabs.pf-m-inset-xl-on-lg {
22267
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22268
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22269
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22270
+ }
22425
22271
 
22426
- .pf-c-tabs.pf-m-inset-2xl {
22427
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22428
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22429
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22272
+ .pf-c-tabs.pf-m-inset-2xl-on-lg {
22273
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22274
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22275
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22276
+ }
22430
22277
  }
22431
-
22432
- @media (min-width: 576px) {
22433
- .pf-c-tabs.pf-m-inset-none-on-sm {
22278
+ @media (min-width: 1200px) {
22279
+ .pf-c-tabs.pf-m-inset-none-on-xl {
22434
22280
  --pf-c-tabs--inset: 0;
22435
22281
  --pf-c-tabs--m-vertical--inset: 0;
22436
22282
  --pf-c-tabs--m-vertical--m-box--inset: 0;
22437
22283
  }
22438
22284
 
22439
- .pf-c-tabs.pf-m-inset-sm-on-sm {
22285
+ .pf-c-tabs.pf-m-inset-sm-on-xl {
22440
22286
  --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22441
22287
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22442
22288
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22443
22289
  }
22444
22290
 
22445
- .pf-c-tabs.pf-m-inset-md-on-sm {
22291
+ .pf-c-tabs.pf-m-inset-md-on-xl {
22446
22292
  --pf-c-tabs--inset: var(--pf-global--spacer--md);
22447
22293
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22448
22294
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22449
22295
  }
22450
22296
 
22451
- .pf-c-tabs.pf-m-inset-lg-on-sm {
22297
+ .pf-c-tabs.pf-m-inset-lg-on-xl {
22452
22298
  --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22453
22299
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22454
22300
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22455
22301
  }
22456
22302
 
22457
- .pf-c-tabs.pf-m-inset-xl-on-sm {
22303
+ .pf-c-tabs.pf-m-inset-xl-on-xl {
22458
22304
  --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22459
22305
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22460
22306
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22461
22307
  }
22462
22308
 
22463
- .pf-c-tabs.pf-m-inset-2xl-on-sm {
22309
+ .pf-c-tabs.pf-m-inset-2xl-on-xl {
22464
22310
  --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22465
22311
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22466
22312
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22467
22313
  }
22468
22314
  }
22469
- @media (min-width: 768px) {
22470
- .pf-c-tabs.pf-m-inset-none-on-md {
22315
+ @media (min-width: 1450px) {
22316
+ .pf-c-tabs.pf-m-inset-none-on-2xl {
22471
22317
  --pf-c-tabs--inset: 0;
22472
22318
  --pf-c-tabs--m-vertical--inset: 0;
22473
22319
  --pf-c-tabs--m-vertical--m-box--inset: 0;
22474
22320
  }
22475
22321
 
22476
- .pf-c-tabs.pf-m-inset-sm-on-md {
22322
+ .pf-c-tabs.pf-m-inset-sm-on-2xl {
22477
22323
  --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22478
22324
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22479
22325
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22480
22326
  }
22481
22327
 
22482
- .pf-c-tabs.pf-m-inset-md-on-md {
22328
+ .pf-c-tabs.pf-m-inset-md-on-2xl {
22483
22329
  --pf-c-tabs--inset: var(--pf-global--spacer--md);
22484
22330
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22485
22331
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22486
22332
  }
22487
22333
 
22488
- .pf-c-tabs.pf-m-inset-lg-on-md {
22334
+ .pf-c-tabs.pf-m-inset-lg-on-2xl {
22489
22335
  --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22490
22336
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22491
22337
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22492
22338
  }
22493
22339
 
22494
- .pf-c-tabs.pf-m-inset-xl-on-md {
22340
+ .pf-c-tabs.pf-m-inset-xl-on-2xl {
22495
22341
  --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22496
22342
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22497
22343
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22498
22344
  }
22499
22345
 
22500
- .pf-c-tabs.pf-m-inset-2xl-on-md {
22501
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22502
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22503
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22504
- }
22346
+ .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22347
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22348
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22349
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22350
+ }
22351
+ }
22352
+ .pf-c-tab-content {
22353
+ --pf-c-tab-content__body--PaddingTop: 0;
22354
+ --pf-c-tab-content__body--PaddingRight: 0;
22355
+ --pf-c-tab-content__body--PaddingBottom: 0;
22356
+ --pf-c-tab-content__body--PaddingLeft: 0;
22357
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22358
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22359
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22360
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22361
+ --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22362
+ --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22363
+ --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22364
+ --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22365
+ --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22366
+ }
22367
+
22368
+ @media screen and (min-width: 1200px) {
22369
+ .pf-c-tab-content {
22370
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22371
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22372
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22373
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22374
+ }
22375
+ }
22376
+ .pf-c-tab-content.pf-m-light-300 {
22377
+ background-color: var(--pf-c-tab-content--m-light-300);
22378
+ }
22379
+
22380
+ .pf-c-tab-content__body {
22381
+ padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22382
+ }
22383
+
22384
+ .pf-c-tab-content__body.pf-m-padding {
22385
+ --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22386
+ --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22387
+ --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22388
+ --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22389
+ }
22390
+
22391
+ .pf-c-content {
22392
+ --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
22393
+ --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
22394
+ --pf-c-content--FontSize: var(--pf-global--FontSize--md);
22395
+ --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
22396
+ --pf-c-content--Color: var(--pf-global--Color--100);
22397
+ --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
22398
+ --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
22399
+ --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
22400
+ --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
22401
+ --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
22402
+ --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
22403
+ --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
22404
+ --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
22405
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
22406
+ --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
22407
+ --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
22408
+ --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
22409
+ --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
22410
+ --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
22411
+ --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
22412
+ --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
22413
+ --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
22414
+ --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
22415
+ --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
22416
+ --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
22417
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
22418
+ --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
22419
+ --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
22420
+ --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
22421
+ --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
22422
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
22423
+ --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
22424
+ --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
22425
+ --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
22426
+ --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
22427
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
22428
+ --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
22429
+ --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
22430
+ --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
22431
+ --pf-c-content--small--Color: var(--pf-global--Color--200);
22432
+ --pf-c-content--a--Color: var(--pf-global--link--Color);
22433
+ --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
22434
+ --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
22435
+ --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
22436
+ --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
22437
+ --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
22438
+ --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
22439
+ --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
22440
+ --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
22441
+ --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
22442
+ --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
22443
+ --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
22444
+ --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
22445
+ --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
22446
+ --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
22447
+ --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
22448
+ --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
22449
+ --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
22450
+ --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
22451
+ --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
22452
+ --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
22453
+ --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
22454
+ --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
22455
+ --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
22456
+ --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
22457
+ --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
22458
+ --pf-c-content--dt--sm--MarginTop: 0;
22459
+ --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
22460
+ --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
22461
+ font-size: var(--pf-c-content--FontSize);
22462
+ line-height: var(--pf-c-content--LineHeight);
22463
+ color: var(--pf-c-content--Color);
22464
+ }
22465
+
22466
+ .pf-c-content a {
22467
+ color: var(--pf-c-content--a--Color);
22468
+ text-decoration: var(--pf-c-content--a--TextDecoration);
22469
+ }
22470
+
22471
+ .pf-c-content a:hover {
22472
+ --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
22473
+ --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
22474
+ }
22475
+
22476
+ .pf-c-content.pf-m-visited a:visited,
22477
+ .pf-c-content a.pf-m-visited:visited {
22478
+ color: var(--pf-c-content--a--visited--Color);
22479
+ }
22480
+
22481
+ .pf-c-content li + li {
22482
+ margin-top: var(--pf-c-content--li--MarginTop);
22483
+ }
22484
+
22485
+ .pf-c-content p:not(:last-child),
22486
+ .pf-c-content dl:not(:last-child),
22487
+ .pf-c-content ol:not(:last-child),
22488
+ .pf-c-content ul:not(:last-child),
22489
+ .pf-c-content blockquote:not(:last-child),
22490
+ .pf-c-content small:not(:last-child),
22491
+ .pf-c-content pre:not(:last-child),
22492
+ .pf-c-content table:not(:last-child),
22493
+ .pf-c-content hr:not(:last-child) {
22494
+ margin-bottom: var(--pf-c-content--MarginBottom);
22495
+ }
22496
+
22497
+ .pf-c-content h1,
22498
+ .pf-c-content h2,
22499
+ .pf-c-content h3,
22500
+ .pf-c-content h4,
22501
+ .pf-c-content h5,
22502
+ .pf-c-content h6 {
22503
+ margin: 0;
22504
+ font-family: var(--pf-c-content--heading--FontFamily);
22505
+ }
22506
+
22507
+ .pf-c-content h1:first-child,
22508
+ .pf-c-content h2:first-child,
22509
+ .pf-c-content h3:first-child,
22510
+ .pf-c-content h4:first-child,
22511
+ .pf-c-content h5:first-child,
22512
+ .pf-c-content h6:first-child {
22513
+ margin-top: 0;
22514
+ }
22515
+
22516
+ .pf-c-content h1:last-child,
22517
+ .pf-c-content h2:last-child,
22518
+ .pf-c-content h3:last-child,
22519
+ .pf-c-content h4:last-child,
22520
+ .pf-c-content h5:last-child,
22521
+ .pf-c-content h6:last-child {
22522
+ margin-bottom: 0;
22523
+ }
22524
+
22525
+ .pf-c-content ol,
22526
+ .pf-c-content ul {
22527
+ margin: 0;
22528
+ }
22529
+
22530
+ .pf-c-content h1 {
22531
+ margin-top: var(--pf-c-content--h1--MarginTop);
22532
+ margin-bottom: var(--pf-c-content--h1--MarginBottom);
22533
+ font-size: var(--pf-c-content--h1--FontSize);
22534
+ font-weight: var(--pf-c-content--h1--FontWeight);
22535
+ line-height: var(--pf-c-content--h1--LineHeight);
22536
+ }
22537
+
22538
+ .pf-c-content h2 {
22539
+ margin-top: var(--pf-c-content--h2--MarginTop);
22540
+ margin-bottom: var(--pf-c-content--h2--MarginBottom);
22541
+ font-size: var(--pf-c-content--h2--FontSize);
22542
+ font-weight: var(--pf-c-content--h2--FontWeight);
22543
+ line-height: var(--pf-c-content--h2--LineHeight);
22544
+ }
22545
+
22546
+ .pf-c-content h3 {
22547
+ margin-top: var(--pf-c-content--h3--MarginTop);
22548
+ margin-bottom: var(--pf-c-content--h3--MarginBottom);
22549
+ font-size: var(--pf-c-content--h3--FontSize);
22550
+ font-weight: var(--pf-c-content--h3--FontWeight);
22551
+ line-height: var(--pf-c-content--h3--LineHeight);
22505
22552
  }
22506
- @media (min-width: 992px) {
22507
- .pf-c-tabs.pf-m-inset-none-on-lg {
22508
- --pf-c-tabs--inset: 0;
22509
- --pf-c-tabs--m-vertical--inset: 0;
22510
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22511
- }
22512
22553
 
22513
- .pf-c-tabs.pf-m-inset-sm-on-lg {
22514
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22515
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22516
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22517
- }
22554
+ .pf-c-content h4 {
22555
+ margin-top: var(--pf-c-content--h4--MarginTop);
22556
+ margin-bottom: var(--pf-c-content--h4--MarginBottom);
22557
+ font-size: var(--pf-c-content--h4--FontSize);
22558
+ font-weight: var(--pf-c-content--h4--FontWeight);
22559
+ line-height: var(--pf-c-content--h4--LineHeight);
22560
+ }
22518
22561
 
22519
- .pf-c-tabs.pf-m-inset-md-on-lg {
22520
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22521
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22522
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22523
- }
22562
+ .pf-c-content h5 {
22563
+ margin-top: var(--pf-c-content--h5--MarginTop);
22564
+ margin-bottom: var(--pf-c-content--h5--MarginBottom);
22565
+ font-size: var(--pf-c-content--h5--FontSize);
22566
+ font-weight: var(--pf-c-content--h5--FontWeight);
22567
+ line-height: var(--pf-c-content--h5--LineHeight);
22568
+ }
22524
22569
 
22525
- .pf-c-tabs.pf-m-inset-lg-on-lg {
22526
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22527
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22528
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22529
- }
22570
+ .pf-c-content h6 {
22571
+ margin-top: var(--pf-c-content--h6--MarginTop);
22572
+ margin-bottom: var(--pf-c-content--h6--MarginBottom);
22573
+ font-size: var(--pf-c-content--h6--FontSize);
22574
+ font-weight: var(--pf-c-content--h6--FontWeight);
22575
+ line-height: var(--pf-c-content--h6--LineHeight);
22576
+ }
22530
22577
 
22531
- .pf-c-tabs.pf-m-inset-xl-on-lg {
22532
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22533
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22534
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22535
- }
22578
+ .pf-c-content small {
22579
+ display: block;
22580
+ font-size: var(--pf-c-content--small--FontSize);
22581
+ line-height: var(--pf-c-content--small--LineHeight);
22582
+ color: var(--pf-c-content--small--Color);
22583
+ }
22536
22584
 
22537
- .pf-c-tabs.pf-m-inset-2xl-on-lg {
22538
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22539
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22540
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22541
- }
22585
+ .pf-c-content small:not(:last-child) {
22586
+ margin-bottom: var(--pf-c-content--small--MarginBottom);
22542
22587
  }
22543
- @media (min-width: 1200px) {
22544
- .pf-c-tabs.pf-m-inset-none-on-xl {
22545
- --pf-c-tabs--inset: 0;
22546
- --pf-c-tabs--m-vertical--inset: 0;
22547
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22548
- }
22549
22588
 
22550
- .pf-c-tabs.pf-m-inset-sm-on-xl {
22551
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22552
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22553
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22554
- }
22589
+ .pf-c-content blockquote {
22590
+ padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
22591
+ color: var(--pf-c-content--blockquote--Color);
22592
+ border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
22593
+ }
22555
22594
 
22556
- .pf-c-tabs.pf-m-inset-md-on-xl {
22557
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22558
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22559
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22560
- }
22595
+ .pf-c-content hr {
22596
+ height: var(--pf-c-content--hr--Height);
22597
+ background-color: var(--pf-c-content--hr--BackgroundColor);
22598
+ border: none;
22599
+ }
22561
22600
 
22562
- .pf-c-tabs.pf-m-inset-lg-on-xl {
22563
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22564
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22565
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22566
- }
22601
+ .pf-c-content ol {
22602
+ padding-left: var(--pf-c-content--ol--PaddingLeft);
22603
+ margin-left: var(--pf-c-content--ol--MarginLeft);
22604
+ }
22567
22605
 
22568
- .pf-c-tabs.pf-m-inset-xl-on-xl {
22569
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22570
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22571
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22572
- }
22606
+ .pf-c-content ol ul {
22607
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
22608
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22609
+ }
22573
22610
 
22574
- .pf-c-tabs.pf-m-inset-2xl-on-xl {
22575
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22576
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22577
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22578
- }
22611
+ .pf-c-content ol ol {
22612
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
22613
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22579
22614
  }
22580
- @media (min-width: 1450px) {
22581
- .pf-c-tabs.pf-m-inset-none-on-2xl {
22582
- --pf-c-tabs--inset: 0;
22583
- --pf-c-tabs--m-vertical--inset: 0;
22584
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22585
- }
22586
22615
 
22587
- .pf-c-tabs.pf-m-inset-sm-on-2xl {
22588
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22589
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22590
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22591
- }
22616
+ .pf-c-content ul {
22617
+ padding-left: var(--pf-c-content--ul--PaddingLeft);
22618
+ margin-left: var(--pf-c-content--ul--MarginLeft);
22619
+ list-style: var(--pf-c-content--ul--ListStyle);
22620
+ }
22592
22621
 
22593
- .pf-c-tabs.pf-m-inset-md-on-2xl {
22594
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22595
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22596
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22597
- }
22622
+ .pf-c-content ul ul {
22623
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
22624
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22625
+ }
22598
22626
 
22599
- .pf-c-tabs.pf-m-inset-lg-on-2xl {
22600
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22601
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22602
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22603
- }
22627
+ .pf-c-content ul ol {
22628
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
22629
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22630
+ }
22604
22631
 
22605
- .pf-c-tabs.pf-m-inset-xl-on-2xl {
22606
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22607
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22608
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22609
- }
22632
+ .pf-c-content dl {
22633
+ display: grid;
22634
+ grid-template-columns: 1fr;
22635
+ }
22610
22636
 
22611
- .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22612
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22613
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22614
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22637
+ @media screen and (min-width: 576px) {
22638
+ .pf-c-content dl {
22639
+ grid-template: auto/auto 1fr;
22640
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
22641
+ grid-row-gap: var(--pf-c-content--dl--RowGap);
22615
22642
  }
22616
22643
  }
22617
- .pf-c-tab-content {
22618
- --pf-c-tab-content__body--PaddingTop: 0;
22619
- --pf-c-tab-content__body--PaddingRight: 0;
22620
- --pf-c-tab-content__body--PaddingBottom: 0;
22621
- --pf-c-tab-content__body--PaddingLeft: 0;
22622
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22623
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22624
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22625
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22626
- --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22627
- --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22628
- --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22629
- --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22630
- --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22644
+ .pf-c-content dt {
22645
+ font-weight: var(--pf-c-content--dt--FontWeight);
22631
22646
  }
22632
22647
 
22633
- @media screen and (min-width: 1200px) {
22634
- .pf-c-tab-content {
22635
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22636
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22637
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22638
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22648
+ .pf-c-content dt:not(:first-child) {
22649
+ margin-top: var(--pf-c-content--dt--MarginTop);
22650
+ }
22651
+
22652
+ @media screen and (min-width: 576px) {
22653
+ .pf-c-content dt:not(:first-child) {
22654
+ --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
22639
22655
  }
22640
22656
  }
22641
- .pf-c-tab-content.pf-m-light-300 {
22642
- background-color: var(--pf-c-tab-content--m-light-300);
22657
+ @media screen and (min-width: 576px) {
22658
+ .pf-c-content dt {
22659
+ grid-column: 1;
22660
+ }
22643
22661
  }
22644
-
22645
- .pf-c-tab-content__body {
22646
- padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22662
+ @media screen and (min-width: 576px) {
22663
+ .pf-c-content dd {
22664
+ grid-column: 2;
22665
+ }
22666
+ }
22667
+ .pf-m-overpass-font .pf-c-content {
22668
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
22669
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
22670
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
22671
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
22647
22672
  }
22648
22673
 
22649
- .pf-c-tab-content__body.pf-m-padding {
22650
- --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22651
- --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22652
- --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22653
- --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22674
+ .pf-m-overpass-font .pf-c-content blockquote {
22675
+ font-weight: var(--pf-global--FontWeight--light);
22654
22676
  }
22655
22677
 
22656
22678
  .pf-c-tile {
@@ -23340,6 +23362,12 @@ label.pf-c-radio, .pf-c-radio__label,
23340
23362
  --pf-c-toolbar--spacer: 0;
23341
23363
  }
23342
23364
 
23365
+ .pf-c-toolbar__group.pf-m-overflow-container,
23366
+ .pf-c-toolbar__item.pf-m-overflow-container {
23367
+ flex: 1;
23368
+ overflow: hidden;
23369
+ }
23370
+
23343
23371
  .pf-c-toolbar__expand-all-icon {
23344
23372
  display: inline-block;
23345
23373
  transition: var(--pf-c-toolbar__expand-all-icon--Transition);
@@ -25694,6 +25722,40 @@ label.pf-c-radio, .pf-c-radio__label,
25694
25722
  box-shadow: var(--pf-c-panel__footer--BoxShadow);
25695
25723
  }
25696
25724
 
25725
+ .pf-c-truncate {
25726
+ --pf-c-truncate--MinWidth: 12ch;
25727
+ --pf-c-truncate__start--MinWidth: 6ch;
25728
+ display: inline-grid;
25729
+ grid-auto-flow: column;
25730
+ align-items: baseline;
25731
+ min-width: var(--pf-c-truncate--MinWidth);
25732
+ }
25733
+
25734
+ .pf-c-truncate__start,
25735
+ .pf-c-truncate__end {
25736
+ overflow: hidden;
25737
+ text-overflow: ellipsis;
25738
+ white-space: nowrap;
25739
+ }
25740
+
25741
+ .pf-c-truncate__start {
25742
+ min-width: var(--pf-c-truncate__start--MinWidth);
25743
+ }
25744
+
25745
+ .pf-c-truncate__end {
25746
+ direction: rtl;
25747
+ }
25748
+
25749
+ .pf-c-truncate__start + .pf-c-truncate__end {
25750
+ overflow: visible;
25751
+ direction: ltr;
25752
+ }
25753
+
25754
+ @supports (-webkit-hyphens: none) {
25755
+ .pf-c-truncate__end {
25756
+ direction: ltr;
25757
+ }
25758
+ }
25697
25759
  .pf-l-flex {
25698
25760
  --pf-l-flex--Display: flex;
25699
25761
  --pf-l-flex--FlexWrap: wrap;