@patternfly/react-core 4.208.3 → 4.208.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15973,185 +15973,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15973
15973
  margin-top: var(--pf-c-popover__footer--MarginTop);
15974
15974
  }
15975
15975
 
15976
- .pf-c-progress {
15977
- --pf-c-progress--GridGap: var(--pf-global--spacer--md);
15978
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
15979
- --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
15980
- --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
15981
- --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
15982
- --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
15983
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
15984
- --pf-c-progress__bar--before--Opacity: .2;
15985
- --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
15986
- --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
15987
- --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
15988
- --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
15989
- --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
15990
- --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
15991
- --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
15992
- --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
15993
- --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
15994
- --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
15995
- --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
15996
- --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
15997
- --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
15998
- --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
15999
- --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
16000
- --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
16001
- --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
16002
- --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
16003
- display: grid;
16004
- align-items: end;
16005
- grid-gap: var(--pf-c-progress--GridGap);
16006
- grid-template-columns: auto auto;
16007
- grid-template-rows: 1fr auto;
16008
- }
16009
-
16010
- .pf-c-progress.pf-m-sm {
16011
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
16012
- }
16013
-
16014
- .pf-c-progress.pf-m-sm .pf-c-progress__description {
16015
- font-size: var(--pf-c-progress--m-sm__description--FontSize);
16016
- }
16017
-
16018
- .pf-c-progress.pf-m-sm .pf-c-progress__measure {
16019
- font-size: var(--pf-c-progress--m-sm__measure--FontSize);
16020
- }
16021
-
16022
- .pf-c-progress.pf-m-lg {
16023
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
16024
- }
16025
-
16026
- .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
16027
- display: flex;
16028
- align-items: center;
16029
- justify-content: center;
16030
- min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
16031
- }
16032
-
16033
- .pf-c-progress.pf-m-inside .pf-c-progress__measure {
16034
- font-size: var(--pf-c-progress--m-inside__measure--FontSize);
16035
- color: var(--pf-c-progress--m-inside__measure--Color);
16036
- text-align: center;
16037
- }
16038
-
16039
- .pf-c-progress.pf-m-outside .pf-c-progress__description {
16040
- grid-column: 1/3;
16041
- }
16042
-
16043
- .pf-c-progress.pf-m-outside .pf-c-progress__status {
16044
- grid-column: 2/3;
16045
- grid-row: 2/3;
16046
- align-self: center;
16047
- }
16048
-
16049
- .pf-c-progress.pf-m-outside .pf-c-progress__measure {
16050
- display: inline-block;
16051
- font-size: var(--pf-c-progress--m-outside__measure--FontSize);
16052
- }
16053
-
16054
- .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
16055
- min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
16056
- text-align: left;
16057
- }
16058
-
16059
- .pf-c-progress.pf-m-outside .pf-c-progress__bar,
16060
- .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
16061
- grid-column: 1/2;
16062
- }
16063
-
16064
- .pf-c-progress.pf-m-singleline {
16065
- grid-template-rows: 1fr;
16066
- }
16067
-
16068
- .pf-c-progress.pf-m-singleline .pf-c-progress__description {
16069
- display: none;
16070
- visibility: hidden;
16071
- }
16072
-
16073
- .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
16074
- grid-row: 1/2;
16075
- grid-column: 1/2;
16076
- }
16077
-
16078
- .pf-c-progress.pf-m-singleline .pf-c-progress__status {
16079
- grid-row: 1/2;
16080
- grid-column: 2/3;
16081
- }
16082
-
16083
- .pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
16084
- grid-template-columns: 1fr fit-content(50%);
16085
- }
16086
-
16087
- .pf-c-progress.pf-m-success {
16088
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
16089
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
16090
- --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
16091
- }
16092
-
16093
- .pf-c-progress.pf-m-warning {
16094
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
16095
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
16096
- --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
16097
- }
16098
-
16099
- .pf-c-progress.pf-m-danger {
16100
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
16101
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
16102
- }
16103
-
16104
- .pf-c-progress__description {
16105
- word-break: break-word;
16106
- grid-column: 1/2;
16107
- }
16108
-
16109
- .pf-c-progress__description.pf-m-truncate {
16110
- overflow: hidden;
16111
- text-overflow: ellipsis;
16112
- white-space: nowrap;
16113
- }
16114
-
16115
- .pf-c-progress__status {
16116
- grid-column: 2/3;
16117
- grid-row: 1/2;
16118
- text-align: right;
16119
- word-break: break-word;
16120
- }
16121
-
16122
- .pf-c-progress__status-icon {
16123
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
16124
- color: var(--pf-c-progress__status-icon--Color);
16125
- }
16126
-
16127
- .pf-c-progress__bar {
16128
- position: relative;
16129
- grid-column: 1/3;
16130
- grid-row: 2/3;
16131
- align-self: center;
16132
- height: var(--pf-c-progress__bar--Height);
16133
- background-color: var(--pf-c-progress__bar--BackgroundColor);
16134
- }
16135
-
16136
- .pf-c-progress__bar::before {
16137
- position: absolute;
16138
- top: 0;
16139
- left: 0;
16140
- width: 100%;
16141
- height: 100%;
16142
- content: "";
16143
- background-color: var(--pf-c-progress__bar--before--BackgroundColor);
16144
- opacity: var(--pf-c-progress__bar--before--Opacity);
16145
- }
16146
-
16147
- .pf-c-progress__indicator {
16148
- position: absolute;
16149
- top: 0;
16150
- left: 0;
16151
- height: var(--pf-c-progress__indicator--Height);
16152
- background-color: var(--pf-c-progress__indicator--BackgroundColor);
16153
- }
16154
-
16155
15976
  .pf-c-progress-stepper {
16156
15977
  --pf-c-progress-stepper--GridAutoFlow: column;
16157
15978
  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -16450,47 +16271,226 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16450
16271
  line-height: 1;
16451
16272
  }
16452
16273
 
16453
- .pf-c-radio__label {
16454
- font-size: var(--pf-c-radio__label--FontSize);
16455
- font-weight: var(--pf-c-radio__label--FontWeight);
16456
- line-height: var(--pf-c-radio__label--LineHeight);
16457
- color: var(--pf-c-radio__label--Color);
16274
+ .pf-c-radio__label {
16275
+ font-size: var(--pf-c-radio__label--FontSize);
16276
+ font-weight: var(--pf-c-radio__label--FontWeight);
16277
+ line-height: var(--pf-c-radio__label--LineHeight);
16278
+ color: var(--pf-c-radio__label--Color);
16279
+ }
16280
+
16281
+ .pf-c-radio__input {
16282
+ height: var(--pf-c-radio__input--Height);
16283
+ margin-top: var(--pf-c-radio__input--MarginTop);
16284
+ }
16285
+
16286
+ .pf-c-radio__input:first-child {
16287
+ margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
16288
+ }
16289
+
16290
+ .pf-c-radio__input:last-child {
16291
+ margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16292
+ }
16293
+
16294
+ .pf-c-radio__description {
16295
+ grid-column: 2;
16296
+ font-size: var(--pf-c-radio__description--FontSize);
16297
+ color: var(--pf-c-radio__description--Color);
16298
+ }
16299
+
16300
+ .pf-c-radio__body {
16301
+ grid-column: 2;
16302
+ margin-top: var(--pf-c-radio__body--MarginTop);
16303
+ }
16304
+
16305
+ label.pf-c-radio, .pf-c-radio__label,
16306
+ .pf-c-radio__input {
16307
+ cursor: pointer;
16308
+ }
16309
+
16310
+ .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16311
+ .pf-c-radio__input:disabled,
16312
+ .pf-c-radio__input.pf-m-disabled {
16313
+ --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16314
+ cursor: not-allowed;
16315
+ }
16316
+
16317
+ .pf-c-progress {
16318
+ --pf-c-progress--GridGap: var(--pf-global--spacer--md);
16319
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
16320
+ --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
16321
+ --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
16322
+ --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
16323
+ --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
16324
+ --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
16325
+ --pf-c-progress__bar--before--Opacity: .2;
16326
+ --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
16327
+ --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
16328
+ --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
16329
+ --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
16330
+ --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
16331
+ --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
16332
+ --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
16333
+ --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
16334
+ --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
16335
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
16336
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
16337
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
16338
+ --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
16339
+ --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
16340
+ --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
16341
+ --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
16342
+ --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
16343
+ --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
16344
+ display: grid;
16345
+ align-items: end;
16346
+ grid-gap: var(--pf-c-progress--GridGap);
16347
+ grid-template-columns: auto auto;
16348
+ grid-template-rows: 1fr auto;
16349
+ }
16350
+
16351
+ .pf-c-progress.pf-m-sm {
16352
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
16353
+ }
16354
+
16355
+ .pf-c-progress.pf-m-sm .pf-c-progress__description {
16356
+ font-size: var(--pf-c-progress--m-sm__description--FontSize);
16357
+ }
16358
+
16359
+ .pf-c-progress.pf-m-sm .pf-c-progress__measure {
16360
+ font-size: var(--pf-c-progress--m-sm__measure--FontSize);
16361
+ }
16362
+
16363
+ .pf-c-progress.pf-m-lg {
16364
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
16365
+ }
16366
+
16367
+ .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
16368
+ display: flex;
16369
+ align-items: center;
16370
+ justify-content: center;
16371
+ min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
16372
+ }
16373
+
16374
+ .pf-c-progress.pf-m-inside .pf-c-progress__measure {
16375
+ font-size: var(--pf-c-progress--m-inside__measure--FontSize);
16376
+ color: var(--pf-c-progress--m-inside__measure--Color);
16377
+ text-align: center;
16378
+ }
16379
+
16380
+ .pf-c-progress.pf-m-outside .pf-c-progress__description {
16381
+ grid-column: 1/3;
16382
+ }
16383
+
16384
+ .pf-c-progress.pf-m-outside .pf-c-progress__status {
16385
+ grid-column: 2/3;
16386
+ grid-row: 2/3;
16387
+ align-self: center;
16388
+ }
16389
+
16390
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure {
16391
+ display: inline-block;
16392
+ font-size: var(--pf-c-progress--m-outside__measure--FontSize);
16393
+ }
16394
+
16395
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
16396
+ min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
16397
+ text-align: left;
16398
+ }
16399
+
16400
+ .pf-c-progress.pf-m-outside .pf-c-progress__bar,
16401
+ .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
16402
+ grid-column: 1/2;
16403
+ }
16404
+
16405
+ .pf-c-progress.pf-m-singleline {
16406
+ grid-template-rows: 1fr;
16407
+ }
16408
+
16409
+ .pf-c-progress.pf-m-singleline .pf-c-progress__description {
16410
+ display: none;
16411
+ visibility: hidden;
16412
+ }
16413
+
16414
+ .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
16415
+ grid-row: 1/2;
16416
+ grid-column: 1/2;
16417
+ }
16418
+
16419
+ .pf-c-progress.pf-m-singleline .pf-c-progress__status {
16420
+ grid-row: 1/2;
16421
+ grid-column: 2/3;
16422
+ }
16423
+
16424
+ .pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
16425
+ grid-template-columns: 1fr fit-content(50%);
16426
+ }
16427
+
16428
+ .pf-c-progress.pf-m-success {
16429
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
16430
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
16431
+ --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
16432
+ }
16433
+
16434
+ .pf-c-progress.pf-m-warning {
16435
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
16436
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
16437
+ --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
16438
+ }
16439
+
16440
+ .pf-c-progress.pf-m-danger {
16441
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
16442
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
16458
16443
  }
16459
16444
 
16460
- .pf-c-radio__input {
16461
- height: var(--pf-c-radio__input--Height);
16462
- margin-top: var(--pf-c-radio__input--MarginTop);
16445
+ .pf-c-progress__description {
16446
+ word-break: break-word;
16447
+ grid-column: 1/2;
16463
16448
  }
16464
16449
 
16465
- .pf-c-radio__input:first-child {
16466
- margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
16450
+ .pf-c-progress__description.pf-m-truncate {
16451
+ overflow: hidden;
16452
+ text-overflow: ellipsis;
16453
+ white-space: nowrap;
16467
16454
  }
16468
16455
 
16469
- .pf-c-radio__input:last-child {
16470
- margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16456
+ .pf-c-progress__status {
16457
+ grid-column: 2/3;
16458
+ grid-row: 1/2;
16459
+ text-align: right;
16460
+ word-break: break-word;
16471
16461
  }
16472
16462
 
16473
- .pf-c-radio__description {
16474
- grid-column: 2;
16475
- font-size: var(--pf-c-radio__description--FontSize);
16476
- color: var(--pf-c-radio__description--Color);
16463
+ .pf-c-progress__status-icon {
16464
+ margin-left: var(--pf-c-progress__status-icon--MarginLeft);
16465
+ color: var(--pf-c-progress__status-icon--Color);
16477
16466
  }
16478
16467
 
16479
- .pf-c-radio__body {
16480
- grid-column: 2;
16481
- margin-top: var(--pf-c-radio__body--MarginTop);
16468
+ .pf-c-progress__bar {
16469
+ position: relative;
16470
+ grid-column: 1/3;
16471
+ grid-row: 2/3;
16472
+ align-self: center;
16473
+ height: var(--pf-c-progress__bar--Height);
16474
+ background-color: var(--pf-c-progress__bar--BackgroundColor);
16482
16475
  }
16483
16476
 
16484
- label.pf-c-radio, .pf-c-radio__label,
16485
- .pf-c-radio__input {
16486
- cursor: pointer;
16477
+ .pf-c-progress__bar::before {
16478
+ position: absolute;
16479
+ top: 0;
16480
+ left: 0;
16481
+ width: 100%;
16482
+ height: 100%;
16483
+ content: "";
16484
+ background-color: var(--pf-c-progress__bar--before--BackgroundColor);
16485
+ opacity: var(--pf-c-progress__bar--before--Opacity);
16487
16486
  }
16488
16487
 
16489
- .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16490
- .pf-c-radio__input:disabled,
16491
- .pf-c-radio__input.pf-m-disabled {
16492
- --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16493
- cursor: not-allowed;
16488
+ .pf-c-progress__indicator {
16489
+ position: absolute;
16490
+ top: 0;
16491
+ left: 0;
16492
+ height: var(--pf-c-progress__indicator--Height);
16493
+ background-color: var(--pf-c-progress__indicator--BackgroundColor);
16494
16494
  }
16495
16495
 
16496
16496
  .pf-c-search-input {
@@ -19757,99 +19757,6 @@ svg.pf-c-spinner.pf-m-xl {
19757
19757
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
19758
19758
  }
19759
19759
 
19760
- .pf-c-tooltip {
19761
- --pf-c-tooltip--MaxWidth: 18.75rem;
19762
- --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
19763
- --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
19764
- --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
19765
- --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
19766
- --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
19767
- --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
19768
- --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
19769
- --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
19770
- --pf-c-tooltip__arrow--Width: 0.5rem;
19771
- --pf-c-tooltip__arrow--Height: 0.5rem;
19772
- --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
19773
- --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
19774
- --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
19775
- --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
19776
- --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
19777
- --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
19778
- --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
19779
- --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
19780
- --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
19781
- --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
19782
- --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
19783
- --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
19784
- position: relative;
19785
- max-width: var(--pf-c-tooltip--MaxWidth);
19786
- box-shadow: var(--pf-c-tooltip--BoxShadow);
19787
- }
19788
-
19789
- .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
19790
- bottom: 0;
19791
- left: 50%;
19792
- transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
19793
- }
19794
-
19795
- .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19796
- top: 0;
19797
- left: 50%;
19798
- transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
19799
- }
19800
-
19801
- .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
19802
- top: 50%;
19803
- right: 0;
19804
- transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
19805
- }
19806
-
19807
- .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19808
- top: 50%;
19809
- left: 0;
19810
- transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
19811
- }
19812
-
19813
- .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
19814
- top: var(--pf-c-tooltip__arrow--Height);
19815
- }
19816
-
19817
- .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19818
- top: auto;
19819
- bottom: 0;
19820
- }
19821
-
19822
- .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
19823
- left: var(--pf-c-tooltip__arrow--Width);
19824
- }
19825
-
19826
- .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19827
- right: 0;
19828
- left: auto;
19829
- }
19830
-
19831
- .pf-c-tooltip__content {
19832
- position: relative;
19833
- padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
19834
- font-size: var(--pf-c-tooltip__content--FontSize);
19835
- color: var(--pf-c-tooltip__content--Color);
19836
- text-align: center;
19837
- word-break: break-word;
19838
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
19839
- }
19840
-
19841
- .pf-c-tooltip__content.pf-m-text-align-left {
19842
- text-align: left;
19843
- }
19844
-
19845
- .pf-c-tooltip__arrow {
19846
- position: absolute;
19847
- width: var(--pf-c-tooltip__arrow--Width);
19848
- height: var(--pf-c-tooltip__arrow--Height);
19849
- pointer-events: none;
19850
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
19851
- }
19852
-
19853
19760
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
19854
19761
  --pf-hidden-visible--visible--Visibility: visible;
19855
19762
  --pf-hidden-visible--hidden--Display: none;
@@ -21231,6 +21138,99 @@ svg.pf-c-spinner.pf-m-xl {
21231
21138
  --pf-c-toolbar--spacer: 0;
21232
21139
  }
21233
21140
 
21141
+ .pf-c-tooltip {
21142
+ --pf-c-tooltip--MaxWidth: 18.75rem;
21143
+ --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
21144
+ --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
21145
+ --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
21146
+ --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
21147
+ --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
21148
+ --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
21149
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
21150
+ --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
21151
+ --pf-c-tooltip__arrow--Width: 0.5rem;
21152
+ --pf-c-tooltip__arrow--Height: 0.5rem;
21153
+ --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
21154
+ --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
21155
+ --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
21156
+ --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
21157
+ --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
21158
+ --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
21159
+ --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
21160
+ --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
21161
+ --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
21162
+ --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
21163
+ --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
21164
+ --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
21165
+ position: relative;
21166
+ max-width: var(--pf-c-tooltip--MaxWidth);
21167
+ box-shadow: var(--pf-c-tooltip--BoxShadow);
21168
+ }
21169
+
21170
+ .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
21171
+ bottom: 0;
21172
+ left: 50%;
21173
+ transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
21174
+ }
21175
+
21176
+ .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21177
+ top: 0;
21178
+ left: 50%;
21179
+ transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
21180
+ }
21181
+
21182
+ .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
21183
+ top: 50%;
21184
+ right: 0;
21185
+ transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
21186
+ }
21187
+
21188
+ .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21189
+ top: 50%;
21190
+ left: 0;
21191
+ transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
21192
+ }
21193
+
21194
+ .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
21195
+ top: var(--pf-c-tooltip__arrow--Height);
21196
+ }
21197
+
21198
+ .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21199
+ top: auto;
21200
+ bottom: 0;
21201
+ }
21202
+
21203
+ .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
21204
+ left: var(--pf-c-tooltip__arrow--Width);
21205
+ }
21206
+
21207
+ .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21208
+ right: 0;
21209
+ left: auto;
21210
+ }
21211
+
21212
+ .pf-c-tooltip__content {
21213
+ position: relative;
21214
+ padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
21215
+ font-size: var(--pf-c-tooltip__content--FontSize);
21216
+ color: var(--pf-c-tooltip__content--Color);
21217
+ text-align: center;
21218
+ word-break: break-word;
21219
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
21220
+ }
21221
+
21222
+ .pf-c-tooltip__content.pf-m-text-align-left {
21223
+ text-align: left;
21224
+ }
21225
+
21226
+ .pf-c-tooltip__arrow {
21227
+ position: absolute;
21228
+ width: var(--pf-c-tooltip__arrow--Width);
21229
+ height: var(--pf-c-tooltip__arrow--Height);
21230
+ pointer-events: none;
21231
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
21232
+ }
21233
+
21234
21234
  .pf-c-number-input .pf-c-form-control {
21235
21235
  appearance: textfield;
21236
21236
  }