@patternfly/patternfly 4.166.1 → 4.166.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/LogViewer/log-viewer.css +14 -23
  2. package/components/LogViewer/log-viewer.scss +13 -10
  3. package/docs/components/LogViewer/examples/LogViewer.md +1 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +15 -14
  6. package/patternfly.css +15 -14
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/LogViewer/log-viewer.css CHANGED
@@ -1,15 +1,4 @@
1
- .pf-c-log-viewer__header,
2
- .pf-c-log-viewer__footer {
3
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
4
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
5
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
6
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
7
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
8
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
9
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
10
- }
11
-
12
- .pf-c-log-viewer.pf-m-dark {
1
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
13
2
  --pf-global--Color--100: var(--pf-global--Color--light-100);
14
3
  --pf-global--Color--200: var(--pf-global--Color--light-200);
15
4
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -18,10 +7,10 @@
18
7
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
19
8
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
20
9
  }
21
- .pf-c-log-viewer.pf-m-dark .pf-c-card {
10
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
22
11
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
23
12
  }
24
- .pf-c-log-viewer.pf-m-dark .pf-c-button {
13
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
25
14
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
26
15
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
27
16
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -51,8 +40,8 @@
51
40
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
52
41
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
53
42
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
54
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
55
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
43
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
44
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
56
45
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
57
46
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
58
47
  --pf-c-log-viewer__list--Height: auto;
@@ -64,7 +53,7 @@
64
53
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
65
54
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
66
55
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
67
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
56
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
68
57
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
69
58
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
70
59
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -92,9 +81,16 @@
92
81
  max-height: var(--pf-c-log-viewer--MaxHeight);
93
82
  }
94
83
  .pf-c-log-viewer.pf-m-dark {
95
- color: var(--pf-global--Color--100);
96
84
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
97
85
  }
86
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
87
+ color: var(--pf-global--Color--100);
88
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
89
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
90
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
91
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
92
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
93
+ }
98
94
  .pf-c-log-viewer.pf-m-wrap-text {
99
95
  word-break: break-all;
100
96
  }
@@ -137,11 +133,6 @@
137
133
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
138
134
  }
139
135
 
140
- .pf-c-log-viewer__header,
141
- .pf-c-log-viewer__footer {
142
- color: var(--pf-global--Color--100);
143
- }
144
-
145
136
  .pf-c-log-viewer__main {
146
137
  display: flex;
147
138
  flex-direction: column;
package/components/LogViewer/log-viewer.scss CHANGED
@@ -17,8 +17,8 @@
17
17
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
18
18
 
19
19
  // Main ::after
20
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
21
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
20
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
21
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
22
22
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
23
23
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
24
24
 
@@ -34,7 +34,7 @@
34
34
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
35
35
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
36
36
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
37
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
37
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
38
38
 
39
39
  // Text
40
40
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
@@ -66,9 +66,17 @@
66
66
  --pf-c-log-viewer--m-dark__main--BorderWidth: 0;
67
67
 
68
68
  &.pf-m-dark {
69
- @include pf-t-dark;
70
-
71
69
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
70
+
71
+ .pf-c-log-viewer__main {
72
+ @include pf-t-dark;
73
+
74
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
75
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
76
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
77
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
78
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
79
+ }
72
80
  }
73
81
 
74
82
  display: flex;
@@ -129,11 +137,6 @@
129
137
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
130
138
  }
131
139
 
132
- .pf-c-log-viewer__header,
133
- .pf-c-log-viewer__footer {
134
- @include pf-t-light;
135
- }
136
-
137
140
  // Main
138
141
  .pf-c-log-viewer__main {
139
142
  display: flex;
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -4755,6 +4755,7 @@ cssPrefix: pf-c-log-viewer
4755
4755
  <!--prettyhtml-ignore-end-->
4756
4756
  </div>
4757
4757
  </div>
4758
+ <button class="pf-c-button pf-m-primary" type="button">Jump to the bottom</button>
4758
4759
  </div>
4759
4760
 
4760
4761
  ```
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.166.1",
4
+ "version": "4.166.2",
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);
@@ -15047,8 +15046,8 @@ ul.pf-c-list {
15047
15046
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15048
15047
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15049
15048
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15050
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15051
- --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;
15052
15051
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15053
15052
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15054
15053
  --pf-c-log-viewer__list--Height: auto;
@@ -15060,7 +15059,7 @@ ul.pf-c-list {
15060
15059
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15061
15060
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15062
15061
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15063
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15062
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15064
15063
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15065
15064
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15066
15065
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15088,9 +15087,16 @@ ul.pf-c-list {
15088
15087
  max-height: var(--pf-c-log-viewer--MaxHeight);
15089
15088
  }
15090
15089
  .pf-c-log-viewer.pf-m-dark {
15091
- color: var(--pf-global--Color--100);
15092
15090
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15093
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
+ }
15094
15100
  .pf-c-log-viewer.pf-m-wrap-text {
15095
15101
  word-break: break-all;
15096
15102
  }
@@ -15133,11 +15139,6 @@ ul.pf-c-list {
15133
15139
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15134
15140
  }
15135
15141
 
15136
- .pf-c-log-viewer__header,
15137
- .pf-c-log-viewer__footer {
15138
- color: var(--pf-global--Color--100);
15139
- }
15140
-
15141
15142
  .pf-c-log-viewer__main {
15142
15143
  display: flex;
15143
15144
  flex-direction: column;
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);
@@ -15169,8 +15168,8 @@ ul.pf-c-list {
15169
15168
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15170
15169
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15171
15170
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15172
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15173
- --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;
15174
15173
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15175
15174
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15176
15175
  --pf-c-log-viewer__list--Height: auto;
@@ -15182,7 +15181,7 @@ ul.pf-c-list {
15182
15181
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15183
15182
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15184
15183
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15185
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15184
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15186
15185
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15187
15186
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15188
15187
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15210,9 +15209,16 @@ ul.pf-c-list {
15210
15209
  max-height: var(--pf-c-log-viewer--MaxHeight);
15211
15210
  }
15212
15211
  .pf-c-log-viewer.pf-m-dark {
15213
- color: var(--pf-global--Color--100);
15214
15212
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15215
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
+ }
15216
15222
  .pf-c-log-viewer.pf-m-wrap-text {
15217
15223
  word-break: break-all;
15218
15224
  }
@@ -15255,11 +15261,6 @@ ul.pf-c-list {
15255
15261
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15256
15262
  }
15257
15263
 
15258
- .pf-c-log-viewer__header,
15259
- .pf-c-log-viewer__footer {
15260
- color: var(--pf-global--Color--100);
15261
- }
15262
-
15263
15264
  .pf-c-log-viewer__main {
15264
15265
  display: flex;
15265
15266
  flex-direction: column;