@patternfly/react-table 4.55.1 → 4.57.0

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.
@@ -18972,198 +18972,6 @@ ul.pf-c-list {
18972
18972
  flex: 1 0 auto;
18973
18973
  }
18974
18974
 
18975
- .pf-c-popover {
18976
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
18977
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18978
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18979
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
18980
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
18981
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
18982
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
18983
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
18984
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
18985
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
18986
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
18987
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
18988
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
18989
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
18990
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
18991
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
18992
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
18993
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
18994
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
18995
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
18996
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
18997
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
18998
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
18999
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
19000
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
19001
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
19002
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
19003
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
19004
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
19005
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19006
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19007
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19008
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
19009
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
19010
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
19011
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19012
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19013
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19014
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19015
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19016
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19017
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19018
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19019
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19020
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19021
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19022
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19023
- position: relative;
19024
- min-width: var(--pf-c-popover--MinWidth);
19025
- max-width: var(--pf-c-popover--MaxWidth);
19026
- font-size: var(--pf-c-popover--FontSize);
19027
- box-shadow: var(--pf-c-popover--BoxShadow);
19028
- }
19029
-
19030
- .pf-c-popover.pf-m-no-padding {
19031
- --pf-c-popover__content--PaddingTop: 0px;
19032
- --pf-c-popover__content--PaddingRight: 0px;
19033
- --pf-c-popover__content--PaddingBottom: 0px;
19034
- --pf-c-popover__content--PaddingLeft: 0px;
19035
- }
19036
-
19037
- .pf-c-popover.pf-m-width-auto {
19038
- --pf-c-popover--MinWidth: auto;
19039
- --pf-c-popover--MaxWidth: none;
19040
- }
19041
-
19042
- .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 {
19043
- bottom: 0;
19044
- left: 50%;
19045
- 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));
19046
- }
19047
-
19048
- .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 {
19049
- top: 0;
19050
- left: 50%;
19051
- 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));
19052
- }
19053
-
19054
- .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 {
19055
- top: 50%;
19056
- right: 0;
19057
- 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));
19058
- }
19059
-
19060
- .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 {
19061
- top: 50%;
19062
- left: 0;
19063
- 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));
19064
- }
19065
-
19066
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19067
- top: var(--pf-c-popover__arrow--Height);
19068
- }
19069
-
19070
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19071
- top: auto;
19072
- bottom: 0;
19073
- }
19074
-
19075
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19076
- left: var(--pf-c-popover__arrow--Width);
19077
- }
19078
-
19079
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19080
- right: 0;
19081
- left: auto;
19082
- }
19083
-
19084
- .pf-c-popover.pf-m-danger {
19085
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19086
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19087
- }
19088
-
19089
- .pf-c-popover.pf-m-warning {
19090
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19091
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19092
- }
19093
-
19094
- .pf-c-popover.pf-m-success {
19095
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19096
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19097
- }
19098
-
19099
- .pf-c-popover.pf-m-default {
19100
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19101
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19102
- }
19103
-
19104
- .pf-c-popover.pf-m-info {
19105
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19106
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19107
- }
19108
-
19109
- .pf-c-popover__content {
19110
- position: relative;
19111
- 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);
19112
- background-color: var(--pf-c-popover__content--BackgroundColor);
19113
- }
19114
-
19115
- .pf-c-popover__content > .pf-c-title {
19116
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19117
- }
19118
-
19119
- .pf-c-popover__content > .pf-c-button {
19120
- position: absolute;
19121
- top: var(--pf-c-popover--c-button--Top);
19122
- right: var(--pf-c-popover--c-button--Right);
19123
- }
19124
-
19125
- .pf-c-popover__content > .pf-c-button + * {
19126
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19127
- }
19128
-
19129
- .pf-c-popover__arrow {
19130
- position: absolute;
19131
- width: var(--pf-c-popover__arrow--Width);
19132
- height: var(--pf-c-popover__arrow--Height);
19133
- pointer-events: none;
19134
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
19135
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19136
- }
19137
-
19138
- .pf-c-popover__title {
19139
- flex: 0 0 auto;
19140
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
19141
- font-family: var(--pf-c-popover__title--FontFamily);
19142
- font-size: var(--pf-c-popover__title--FontSize);
19143
- line-height: var(--pf-c-popover__title--LineHeight);
19144
- }
19145
-
19146
- .pf-c-popover__title.pf-m-icon {
19147
- display: flex;
19148
- }
19149
-
19150
- .pf-c-popover__title-icon {
19151
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
19152
- color: var(--pf-c-popover__title-icon--Color);
19153
- }
19154
-
19155
- .pf-c-popover__title-text {
19156
- color: var(--pf-c-popover__title-text--Color, inherit);
19157
- }
19158
-
19159
- .pf-c-popover__body {
19160
- word-wrap: break-word;
19161
- }
19162
-
19163
- .pf-c-popover__footer {
19164
- margin-top: var(--pf-c-popover__footer--MarginTop);
19165
- }
19166
-
19167
18975
  .pf-c-pagination {
19168
18976
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
19169
18977
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -19515,6 +19323,198 @@ ul.pf-c-list {
19515
19323
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19516
19324
  }
19517
19325
  }
19326
+ .pf-c-popover {
19327
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19328
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19329
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19330
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19331
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19332
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19333
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19334
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19335
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19336
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19337
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19338
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19339
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19340
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19341
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19342
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19343
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19344
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19345
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19346
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19347
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19348
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19349
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19350
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
19351
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
19352
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
19353
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
19354
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
19355
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
19356
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19357
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19358
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19359
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
19360
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
19361
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
19362
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19363
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19364
+ --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19365
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19366
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19367
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19368
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19369
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19370
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19371
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19372
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19373
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19374
+ position: relative;
19375
+ min-width: var(--pf-c-popover--MinWidth);
19376
+ max-width: var(--pf-c-popover--MaxWidth);
19377
+ font-size: var(--pf-c-popover--FontSize);
19378
+ box-shadow: var(--pf-c-popover--BoxShadow);
19379
+ }
19380
+
19381
+ .pf-c-popover.pf-m-no-padding {
19382
+ --pf-c-popover__content--PaddingTop: 0px;
19383
+ --pf-c-popover__content--PaddingRight: 0px;
19384
+ --pf-c-popover__content--PaddingBottom: 0px;
19385
+ --pf-c-popover__content--PaddingLeft: 0px;
19386
+ }
19387
+
19388
+ .pf-c-popover.pf-m-width-auto {
19389
+ --pf-c-popover--MinWidth: auto;
19390
+ --pf-c-popover--MaxWidth: none;
19391
+ }
19392
+
19393
+ .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 {
19394
+ bottom: 0;
19395
+ left: 50%;
19396
+ 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));
19397
+ }
19398
+
19399
+ .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 {
19400
+ top: 0;
19401
+ left: 50%;
19402
+ 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));
19403
+ }
19404
+
19405
+ .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 {
19406
+ top: 50%;
19407
+ right: 0;
19408
+ 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));
19409
+ }
19410
+
19411
+ .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 {
19412
+ top: 50%;
19413
+ left: 0;
19414
+ 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));
19415
+ }
19416
+
19417
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19418
+ top: var(--pf-c-popover__arrow--Height);
19419
+ }
19420
+
19421
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19422
+ top: auto;
19423
+ bottom: 0;
19424
+ }
19425
+
19426
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19427
+ left: var(--pf-c-popover__arrow--Width);
19428
+ }
19429
+
19430
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19431
+ right: 0;
19432
+ left: auto;
19433
+ }
19434
+
19435
+ .pf-c-popover.pf-m-danger {
19436
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19437
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19438
+ }
19439
+
19440
+ .pf-c-popover.pf-m-warning {
19441
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19442
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19443
+ }
19444
+
19445
+ .pf-c-popover.pf-m-success {
19446
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19447
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19448
+ }
19449
+
19450
+ .pf-c-popover.pf-m-default {
19451
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19452
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19453
+ }
19454
+
19455
+ .pf-c-popover.pf-m-info {
19456
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19457
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19458
+ }
19459
+
19460
+ .pf-c-popover__content {
19461
+ position: relative;
19462
+ 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);
19463
+ background-color: var(--pf-c-popover__content--BackgroundColor);
19464
+ }
19465
+
19466
+ .pf-c-popover__content > .pf-c-title {
19467
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19468
+ }
19469
+
19470
+ .pf-c-popover__content > .pf-c-button {
19471
+ position: absolute;
19472
+ top: var(--pf-c-popover--c-button--Top);
19473
+ right: var(--pf-c-popover--c-button--Right);
19474
+ }
19475
+
19476
+ .pf-c-popover__content > .pf-c-button + * {
19477
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19478
+ }
19479
+
19480
+ .pf-c-popover__arrow {
19481
+ position: absolute;
19482
+ width: var(--pf-c-popover__arrow--Width);
19483
+ height: var(--pf-c-popover__arrow--Height);
19484
+ pointer-events: none;
19485
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
19486
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19487
+ }
19488
+
19489
+ .pf-c-popover__title {
19490
+ flex: 0 0 auto;
19491
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
19492
+ font-family: var(--pf-c-popover__title--FontFamily);
19493
+ font-size: var(--pf-c-popover__title--FontSize);
19494
+ line-height: var(--pf-c-popover__title--LineHeight);
19495
+ }
19496
+
19497
+ .pf-c-popover__title.pf-m-icon {
19498
+ display: flex;
19499
+ }
19500
+
19501
+ .pf-c-popover__title-icon {
19502
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
19503
+ color: var(--pf-c-popover__title-icon--Color);
19504
+ }
19505
+
19506
+ .pf-c-popover__title-text {
19507
+ color: var(--pf-c-popover__title-text--Color, inherit);
19508
+ }
19509
+
19510
+ .pf-c-popover__body {
19511
+ word-wrap: break-word;
19512
+ }
19513
+
19514
+ .pf-c-popover__footer {
19515
+ margin-top: var(--pf-c-popover__footer--MarginTop);
19516
+ }
19517
+
19518
19518
  .pf-c-progress {
19519
19519
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19520
19520
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);