@patternfly/react-table 4.55.0 → 4.55.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.55.1 (2022-01-11)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Select:** update typeahead Select children when any option attribute changes ([#6747](https://github.com/patternfly/patternfly-react/issues/6747)) ([1e03f3c](https://github.com/patternfly/patternfly-react/commit/1e03f3c6d0a7c507e33398c98863e40bb2233a62))
12
+
13
+
14
+
15
+
16
+
6
17
  # 4.55.0 (2022-01-11)
7
18
 
8
19
 
@@ -5529,16 +5529,22 @@
5529
5529
  this.refCollection[this.state.viewMoreNextIndex][0]) {
5530
5530
  this.refCollection[this.state.viewMoreNextIndex][0].focus();
5531
5531
  }
5532
- // the number or contents of the children has changed, update state.typeaheadFilteredChildren
5533
- if (prevProps.children.length !== this.props.children.length ||
5534
- prevProps.children.some((child, index) => {
5535
- if (child.props && this.props.children[index].props) {
5536
- return child.props.value !== this.props.children[index].props.value;
5532
+ const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
5533
+ prevProps.children.some((prevChild, index) => {
5534
+ const prevChildProps = prevChild.props;
5535
+ const currChild = this.props.children[index];
5536
+ const { props: currChildProps } = currChild;
5537
+ if (prevChildProps && currChildProps) {
5538
+ return (prevChildProps.value !== currChildProps.value ||
5539
+ prevChildProps.label !== currChildProps.label ||
5540
+ prevChildProps.isDisabled !== currChildProps.isDisabled ||
5541
+ prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
5537
5542
  }
5538
5543
  else {
5539
- return child !== this.props.children[index];
5544
+ return prevChild !== currChild;
5540
5545
  }
5541
- })) {
5546
+ });
5547
+ if (hasUpdatedChildren) {
5542
5548
  this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
5543
5549
  }
5544
5550
  // for menus with favorites,
@@ -18972,6 +18972,198 @@ 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
+
18975
19167
  .pf-c-pagination {
18976
19168
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18977
19169
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -19323,198 +19515,6 @@ ul.pf-c-list {
19323
19515
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19324
19516
  }
19325
19517
  }
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);