@patternfly/patternfly 4.165.2 → 4.166.3

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 (21) hide show
  1. package/components/Button/button.css +14 -2
  2. package/components/Button/button.scss +19 -3
  3. package/components/LogViewer/log-viewer.css +14 -23
  4. package/components/LogViewer/log-viewer.scss +13 -10
  5. package/components/Table/table.css +1 -1
  6. package/components/Table/table.scss +1 -1
  7. package/docs/components/Button/examples/Button.md +24 -1
  8. package/docs/components/LogViewer/examples/LogViewer.md +1 -0
  9. package/docs/components/Table/examples/Table.md +25 -2
  10. package/docs/components/Toolbar/examples/Toolbar.md +0 -2
  11. package/docs/demos/CardView/examples/CardView.md +0 -1
  12. package/docs/demos/DataList/examples/DataList.md +0 -2
  13. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  14. package/docs/demos/Table/examples/Table.md +11 -23
  15. package/docs/demos/Tabs/examples/Tabs.md +0 -1
  16. package/docs/demos/Toolbar/examples/Toolbar.md +0 -1827
  17. package/package.json +1 -1
  18. package/patternfly-no-reset.css +30 -17
  19. package/patternfly.css +30 -17
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.165.2",
4
+ "version": "4.166.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -6792,6 +6791,7 @@ button.pf-c-breadcrumb__link {
6792
6791
  --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
6793
6792
  --pf-c-button__progress--Opacity: 0;
6794
6793
  --pf-c-button__progress--TranslateY: -50%;
6794
+ --pf-c-button__progress--TranslateX: 0;
6795
6795
  --pf-c-button__progress--Top: 50%;
6796
6796
  --pf-c-button__progress--Left: var(--pf-global--spacer--md);
6797
6797
  --pf-c-button--m-progress--TransitionProperty: padding;
@@ -6800,6 +6800,9 @@ button.pf-c-breadcrumb__link {
6800
6800
  --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
6801
6801
  --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
6802
6802
  --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
6803
+ --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
6804
+ --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
6805
+ --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
6803
6806
  position: relative;
6804
6807
  display: inline-block;
6805
6808
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -7085,10 +7088,18 @@ button.pf-c-breadcrumb__link {
7085
7088
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
7086
7089
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
7087
7090
  }
7088
- .pf-c-button.pf-m-in-progress {
7091
+ .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
7089
7092
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
7090
7093
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
7091
7094
  }
7095
+ .pf-c-button.pf-m-in-progress.pf-m-plain {
7096
+ --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
7097
+ --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
7098
+ --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
7099
+ }
7100
+ .pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
7101
+ opacity: 0;
7102
+ }
7092
7103
 
7093
7104
  .pf-c-button__icon.pf-m-start {
7094
7105
  margin-right: var(--pf-c-button__icon--m-start--MarginRight);
@@ -7102,7 +7113,7 @@ button.pf-c-breadcrumb__link {
7102
7113
  top: var(--pf-c-button__progress--Top);
7103
7114
  left: var(--pf-c-button__progress--Left);
7104
7115
  line-height: 1;
7105
- transform: translateY(var(--pf-c-button__progress--TranslateY));
7116
+ transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
7106
7117
  }
7107
7118
  .pf-c-button__progress .pf-c-spinner {
7108
7119
  --pf-c-spinner--Color: currentColor;
@@ -15035,8 +15046,8 @@ ul.pf-c-list {
15035
15046
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15036
15047
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15037
15048
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15038
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15039
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15049
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15050
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15040
15051
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15041
15052
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15042
15053
  --pf-c-log-viewer__list--Height: auto;
@@ -15048,7 +15059,7 @@ ul.pf-c-list {
15048
15059
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15049
15060
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15050
15061
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15051
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15062
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15052
15063
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15053
15064
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15054
15065
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15076,9 +15087,16 @@ ul.pf-c-list {
15076
15087
  max-height: var(--pf-c-log-viewer--MaxHeight);
15077
15088
  }
15078
15089
  .pf-c-log-viewer.pf-m-dark {
15079
- color: var(--pf-global--Color--100);
15080
15090
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15081
15091
  }
15092
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15093
+ color: var(--pf-global--Color--100);
15094
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15095
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15096
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15097
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15098
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15099
+ }
15082
15100
  .pf-c-log-viewer.pf-m-wrap-text {
15083
15101
  word-break: break-all;
15084
15102
  }
@@ -15121,11 +15139,6 @@ ul.pf-c-list {
15121
15139
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15122
15140
  }
15123
15141
 
15124
- .pf-c-log-viewer__header,
15125
- .pf-c-log-viewer__footer {
15126
- color: var(--pf-global--Color--100);
15127
- }
15128
-
15129
15142
  .pf-c-log-viewer__main {
15130
15143
  display: flex;
15131
15144
  flex-direction: column;
@@ -24427,7 +24440,7 @@ svg.pf-c-spinner.pf-m-xl {
24427
24440
  .pf-c-table .pf-c-table__icon,
24428
24441
  .pf-c-table .pf-m-fit-content {
24429
24442
  --pf-c-table--cell--MinWidth: fit-content;
24430
- --pf-c-table--cell--MaxWidth: fit-content;
24443
+ --pf-c-table--cell--MaxWidth: none;
24431
24444
  --pf-c-table--cell--Width: 1%;
24432
24445
  --pf-c-table--cell--Overflow: visible;
24433
24446
  --pf-c-table--cell--TextOverflow: clip;
package/patternfly.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -6914,6 +6913,7 @@ button.pf-c-breadcrumb__link {
6914
6913
  --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
6915
6914
  --pf-c-button__progress--Opacity: 0;
6916
6915
  --pf-c-button__progress--TranslateY: -50%;
6916
+ --pf-c-button__progress--TranslateX: 0;
6917
6917
  --pf-c-button__progress--Top: 50%;
6918
6918
  --pf-c-button__progress--Left: var(--pf-global--spacer--md);
6919
6919
  --pf-c-button--m-progress--TransitionProperty: padding;
@@ -6922,6 +6922,9 @@ button.pf-c-breadcrumb__link {
6922
6922
  --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
6923
6923
  --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
6924
6924
  --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
6925
+ --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
6926
+ --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
6927
+ --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
6925
6928
  position: relative;
6926
6929
  display: inline-block;
6927
6930
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -7207,10 +7210,18 @@ button.pf-c-breadcrumb__link {
7207
7210
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
7208
7211
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
7209
7212
  }
7210
- .pf-c-button.pf-m-in-progress {
7213
+ .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
7211
7214
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
7212
7215
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
7213
7216
  }
7217
+ .pf-c-button.pf-m-in-progress.pf-m-plain {
7218
+ --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
7219
+ --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
7220
+ --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
7221
+ }
7222
+ .pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
7223
+ opacity: 0;
7224
+ }
7214
7225
 
7215
7226
  .pf-c-button__icon.pf-m-start {
7216
7227
  margin-right: var(--pf-c-button__icon--m-start--MarginRight);
@@ -7224,7 +7235,7 @@ button.pf-c-breadcrumb__link {
7224
7235
  top: var(--pf-c-button__progress--Top);
7225
7236
  left: var(--pf-c-button__progress--Left);
7226
7237
  line-height: 1;
7227
- transform: translateY(var(--pf-c-button__progress--TranslateY));
7238
+ transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
7228
7239
  }
7229
7240
  .pf-c-button__progress .pf-c-spinner {
7230
7241
  --pf-c-spinner--Color: currentColor;
@@ -15157,8 +15168,8 @@ ul.pf-c-list {
15157
15168
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15158
15169
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15159
15170
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15160
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15161
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15171
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15172
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15162
15173
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15163
15174
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15164
15175
  --pf-c-log-viewer__list--Height: auto;
@@ -15170,7 +15181,7 @@ ul.pf-c-list {
15170
15181
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15171
15182
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15172
15183
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15173
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15184
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15174
15185
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15175
15186
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15176
15187
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15198,9 +15209,16 @@ ul.pf-c-list {
15198
15209
  max-height: var(--pf-c-log-viewer--MaxHeight);
15199
15210
  }
15200
15211
  .pf-c-log-viewer.pf-m-dark {
15201
- color: var(--pf-global--Color--100);
15202
15212
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15203
15213
  }
15214
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15215
+ color: var(--pf-global--Color--100);
15216
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15217
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15218
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15219
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15220
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15221
+ }
15204
15222
  .pf-c-log-viewer.pf-m-wrap-text {
15205
15223
  word-break: break-all;
15206
15224
  }
@@ -15243,11 +15261,6 @@ ul.pf-c-list {
15243
15261
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15244
15262
  }
15245
15263
 
15246
- .pf-c-log-viewer__header,
15247
- .pf-c-log-viewer__footer {
15248
- color: var(--pf-global--Color--100);
15249
- }
15250
-
15251
15264
  .pf-c-log-viewer__main {
15252
15265
  display: flex;
15253
15266
  flex-direction: column;
@@ -24549,7 +24562,7 @@ svg.pf-c-spinner.pf-m-xl {
24549
24562
  .pf-c-table .pf-c-table__icon,
24550
24563
  .pf-c-table .pf-m-fit-content {
24551
24564
  --pf-c-table--cell--MinWidth: fit-content;
24552
- --pf-c-table--cell--MaxWidth: fit-content;
24565
+ --pf-c-table--cell--MaxWidth: none;
24553
24566
  --pf-c-table--cell--Width: 1%;
24554
24567
  --pf-c-table--cell--Overflow: visible;
24555
24568
  --pf-c-table--cell--TextOverflow: clip;