@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.121

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 +28 -28
  2. package/components/LogViewer/log-viewer.scss +31 -31
  3. package/components/_index.css +28 -28
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +28 -28
  6. package/patternfly.css +28 -28
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/LogViewer/log-viewer.css CHANGED
@@ -2,48 +2,48 @@
2
2
  --pf-v6-c-log-viewer--Height: 100%;
3
3
  --pf-v6-c-log-viewer--MaxHeight: auto;
4
4
  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
5
- --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-v6-global--spacer--sm);
6
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
7
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
8
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
5
+ --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-t--global--spacer--sm);
6
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7
+ --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
8
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
9
9
  --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
10
- --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-v6-global--spacer--sm);
11
- --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v6-global--spacer--sm);
10
+ --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-t--global--spacer--sm);
11
+ --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-t--global--spacer--sm);
12
12
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Top: 0;
13
13
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
14
- --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v6-global--BorderWidth--sm);
15
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
14
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-t--global--border--width--divider--default);
15
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
16
16
  --pf-v6-c-log-viewer__list--Height: auto;
17
17
  --pf-v6-c-log-viewer--m-line-numbers__list--Left: var(--pf-v6-c-log-viewer__index--Width);
18
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-v6-global--FontFamily--monospace);
19
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-v6-global--FontSize--sm);
18
+ --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
19
+ --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
20
20
  --pf-v6-c-log-viewer__index--Display: none;
21
21
  --pf-v6-c-log-viewer__index--Width: 4.0625rem;
22
- --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-v6-global--spacer--xl);
23
- --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-v6-global--spacer--lg);
24
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
22
+ --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-t--global--spacer--xl);
23
+ --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-t--global--spacer--lg);
24
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
25
25
  --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
26
26
  --pf-v6-c-log-viewer--line-number-chars: 4.4;
27
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v6-global--spacer--xs);
27
+ --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-t--global--spacer--xs);
28
28
  --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingRight) + var(--pf-v6-c-log-viewer__index--PaddingLeft));
29
- --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-v6-global--spacer--md);
30
- --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-v6-global--spacer--md);
31
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
29
+ --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-t--global--spacer--md);
30
+ --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-t--global--spacer--md);
31
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
32
32
  --pf-v6-c-log-viewer__text--WordBreak: break-all;
33
33
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
34
34
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
35
35
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
36
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-v6-global--palette--gold-700);
37
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v6-global--palette--gold-100);
38
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-v6-global--palette--gold-700);
39
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v6-global--palette--gold-400);
40
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-v6-global--FontWeight--bold);
36
+ --pf-v6-c-log-viewer__string--m-match--Color: initial;
37
+ --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
38
+ --pf-v6-c-log-viewer__string--m-current--Color: initial;
39
+ --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
40
+ --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
41
41
  --pf-v6-c-log-viewer--c-toolbar--PaddingTop: 0;
42
42
  --pf-v6-c-log-viewer--c-toolbar--PaddingBottom: 0;
43
43
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingRight: 0;
44
44
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
45
45
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
46
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-global--spacer--sm);
46
+ --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
47
47
  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
48
48
  display: flex;
49
49
  flex-direction: column;
@@ -54,11 +54,11 @@
54
54
  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
55
55
  }
56
56
  .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
57
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
58
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
59
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
60
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
61
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
57
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
58
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
59
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
60
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
61
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
62
62
  }
63
63
  .pf-v6-c-log-viewer.pf-m-wrap-text {
64
64
  word-break: break-all;
package/components/LogViewer/log-viewer.scss CHANGED
@@ -6,56 +6,56 @@
6
6
  --#{$log-viewer}--m-line-numbers__index--Display: inline;
7
7
 
8
8
  // Header
9
- --#{$log-viewer}__header--MarginBottom: var(--#{$pf-global}--spacer--sm);
9
+ --#{$log-viewer}__header--MarginBottom: var(--pf-t--global--spacer--sm);
10
10
 
11
11
  // Main
12
- --#{$log-viewer}__main--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
13
- --#{$log-viewer}__main--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
14
- --#{$log-viewer}__main--BorderColor: var(--#{$pf-global}--BorderColor--100);
12
+ --#{$log-viewer}__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13
+ --#{$log-viewer}__main--BorderWidth: var(--pf-t--global--border--width--box--default);
14
+ --#{$log-viewer}__main--BorderColor: var(--pf-t--global--border--color--default);
15
15
 
16
16
  // Scroll container
17
17
  --#{$log-viewer}__scroll-container--Height: #{pf-size-prem(600px)};
18
- --#{$log-viewer}__scroll-container--PaddingTop: var(--#{$pf-global}--spacer--sm);
19
- --#{$log-viewer}__scroll-container--PaddingBottom: var(--#{$pf-global}--spacer--sm);
18
+ --#{$log-viewer}__scroll-container--PaddingTop: var(--pf-t--global--spacer--sm);
19
+ --#{$log-viewer}__scroll-container--PaddingBottom: var(--pf-t--global--spacer--sm);
20
20
 
21
21
  // Main ::after
22
22
  --#{$log-viewer}--m-line-numbers__main--before--Top: 0;
23
23
  --#{$log-viewer}--m-line-numbers__main--before--Bottom: 0;
24
- --#{$log-viewer}--m-line-numbers__main--before--Width: var(--#{$pf-global}--BorderWidth--sm);
25
- --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--#{$pf-global}--BorderColor--100);
24
+ --#{$log-viewer}--m-line-numbers__main--before--Width: var(--pf-t--global--border--width--divider--default);
25
+ --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
26
26
 
27
27
  // List
28
28
  --#{$log-viewer}__list--Height: auto;
29
29
  --#{$log-viewer}--m-line-numbers__list--Left: var(--#{$log-viewer}__index--Width);
30
- --#{$log-viewer}__list--FontFamily: var(--#{$pf-global}--FontFamily--monospace);
31
- --#{$log-viewer}__list--FontSize: var(--#{$pf-global}--FontSize--sm);
30
+ --#{$log-viewer}__list--FontFamily: var(--pf-t--global--font--family--mono);
31
+ --#{$log-viewer}__list--FontSize: var(--pf-t--global--font--size--body--sm);
32
32
 
33
33
  // Index
34
34
  --#{$log-viewer}__index--Display: none;
35
35
  --#{$log-viewer}__index--Width: #{pf-size-prem(65px)}; // default width
36
- --#{$log-viewer}__index--PaddingRight: var(--#{$pf-global}--spacer--xl);
37
- --#{$log-viewer}__index--PaddingLeft: var(--#{$pf-global}--spacer--lg);
38
- --#{$log-viewer}__index--Color: var(--#{$pf-global}--Color--200);
36
+ --#{$log-viewer}__index--PaddingRight: var(--pf-t--global--spacer--xl);
37
+ --#{$log-viewer}__index--PaddingLeft: var(--pf-t--global--spacer--lg);
38
+ --#{$log-viewer}__index--Color: var(--pf-t--global--text--color--subtle);
39
39
  --#{$log-viewer}__index--BackgroundColor: transparent;
40
40
  --#{$log-viewer}--line-number-chars: 4.4; // it's close enough to the existing default
41
- --#{$log-viewer}--m-line-number-chars__index--PaddingRight: var(--#{$pf-global}--spacer--xs);
41
+ --#{$log-viewer}--m-line-number-chars__index--PaddingRight: var(--pf-t--global--spacer--xs);
42
42
  --#{$log-viewer}--m-line-number-chars__index--Width: calc(1ch * var(--#{$log-viewer}--line-number-chars) + var(--#{$log-viewer}__index--PaddingRight) + var(--#{$log-viewer}__index--PaddingLeft));
43
43
 
44
44
  // Text
45
- --#{$log-viewer}__text--PaddingRight: var(--#{$pf-global}--spacer--md);
46
- --#{$log-viewer}__text--PaddingLeft: var(--#{$pf-global}--spacer--md);
47
- --#{$log-viewer}__text--Color: var(--#{$pf-global}--Color--100);
45
+ --#{$log-viewer}__text--PaddingRight: var(--pf-t--global--spacer--md);
46
+ --#{$log-viewer}__text--PaddingLeft: var(--pf-t--global--spacer--md);
47
+ --#{$log-viewer}__text--Color: var(--pf-t--global--text--color--regular);
48
48
  --#{$log-viewer}__text--WordBreak: break-all;
49
49
  --#{$log-viewer}__text--WhiteSpace: break-spaces;
50
50
  --#{$log-viewer}__text--LineBreak: anywhere;
51
51
  --#{$log-viewer}--m-nowrap__text--WhiteSpace: nowrap;
52
- --#{$log-viewer}__string--m-match--Color: var(--#{$pf-global}--palette--gold-700);
53
- --#{$log-viewer}__string--m-match--BackgroundColor: var(--#{$pf-global}--palette--gold-100);
54
- --#{$log-viewer}__string--m-current--Color: var(--#{$pf-global}--palette--gold-700);
55
- --#{$log-viewer}__string--m-current--BackgroundColor: var(--#{$pf-global}--palette--gold-400);
52
+ --#{$log-viewer}__string--m-match--Color: initial;
53
+ --#{$log-viewer}__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
54
+ --#{$log-viewer}__string--m-current--Color: initial;
55
+ --#{$log-viewer}__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
56
56
 
57
57
  // Timestamp
58
- --#{$log-viewer}__timestamp--FontWeight: var(--#{$pf-global}--FontWeight--bold);
58
+ --#{$log-viewer}__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
59
59
 
60
60
  // Toolbar
61
61
  --#{$log-viewer}--c-toolbar--PaddingTop: 0;
@@ -63,7 +63,7 @@
63
63
  --#{$log-viewer}--c-toolbar__content--PaddingRight: 0;
64
64
  --#{$log-viewer}--c-toolbar__content--PaddingLeft: 0;
65
65
  --#{$log-viewer}--c-toolbar__group--m-toggle-group--spacer: 0;
66
- --#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer: var(--#{$pf-global}--spacer--sm);
66
+ --#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
67
67
 
68
68
  // Dark theme
69
69
  --#{$log-viewer}--m-dark__main--BorderWidth: 0;
@@ -72,11 +72,11 @@
72
72
  --#{$log-viewer}__main--BorderWidth: var(--#{$log-viewer}--m-dark__main--BorderWidth);
73
73
 
74
74
  .#{$log-viewer}__main {
75
- --#{$log-viewer}__main--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
76
- --#{$log-viewer}__main--BorderColor: var(--#{$pf-global}--BorderColor--100);
77
- --#{$log-viewer}__text--Color: var(--#{$pf-global}--Color--100);
78
- --#{$log-viewer}__index--Color: var(--#{$pf-global}--Color--200);
79
- --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--#{$pf-global}--BorderColor--100);
75
+ --#{$log-viewer}__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
76
+ --#{$log-viewer}__main--BorderColor: var(--pf-t--global--border--color--default);
77
+ --#{$log-viewer}__text--Color: var(--pf-t--global--text--color--regular);
78
+ --#{$log-viewer}__index--Color: var(--pf-t--global--text--color--subtle);
79
+ --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
80
80
  }
81
81
  }
82
82
 
@@ -104,9 +104,9 @@
104
104
  // Divider
105
105
  &::before {
106
106
  position: absolute;
107
- inset-block-start: var(--#{$log-viewer}--m-line-numbers__main--before--Top); // rename these vars at a breaking change
108
- inset-block-end: var(--#{$log-viewer}--m-line-numbers__main--before--Bottom);
109
- inset-inline-start: 0;
107
+ inset-block-start: var(--#{$log-viewer}--m-line-numbers__main--before--Top); // rename these vars at a breaking change
108
+ inset-block-end: var(--#{$log-viewer}--m-line-numbers__main--before--Bottom);
109
+ inset-inline-start: 0;
110
110
  width: var(--#{$log-viewer}--m-line-numbers__main--before--Width);
111
111
  content: "";
112
112
  background: var(--#{$log-viewer}--m-line-numbers__main--before--BackgroundColor);
package/components/_index.css CHANGED
@@ -12690,48 +12690,48 @@ ul.pf-v6-c-list {
12690
12690
  --pf-v6-c-log-viewer--Height: 100%;
12691
12691
  --pf-v6-c-log-viewer--MaxHeight: auto;
12692
12692
  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
12693
- --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-v6-global--spacer--sm);
12694
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
12695
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
12696
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
12693
+ --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-t--global--spacer--sm);
12694
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12695
+ --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
12696
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
12697
12697
  --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
12698
- --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-v6-global--spacer--sm);
12699
- --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v6-global--spacer--sm);
12698
+ --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-t--global--spacer--sm);
12699
+ --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-t--global--spacer--sm);
12700
12700
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Top: 0;
12701
12701
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
12702
- --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v6-global--BorderWidth--sm);
12703
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
12702
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-t--global--border--width--divider--default);
12703
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
12704
12704
  --pf-v6-c-log-viewer__list--Height: auto;
12705
12705
  --pf-v6-c-log-viewer--m-line-numbers__list--Left: var(--pf-v6-c-log-viewer__index--Width);
12706
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-v6-global--FontFamily--monospace);
12707
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-v6-global--FontSize--sm);
12706
+ --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
12707
+ --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
12708
12708
  --pf-v6-c-log-viewer__index--Display: none;
12709
12709
  --pf-v6-c-log-viewer__index--Width: 4.0625rem;
12710
- --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-v6-global--spacer--xl);
12711
- --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-v6-global--spacer--lg);
12712
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
12710
+ --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-t--global--spacer--xl);
12711
+ --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-t--global--spacer--lg);
12712
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
12713
12713
  --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
12714
12714
  --pf-v6-c-log-viewer--line-number-chars: 4.4;
12715
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v6-global--spacer--xs);
12715
+ --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-t--global--spacer--xs);
12716
12716
  --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingRight) + var(--pf-v6-c-log-viewer__index--PaddingLeft));
12717
- --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-v6-global--spacer--md);
12718
- --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-v6-global--spacer--md);
12719
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
12717
+ --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-t--global--spacer--md);
12718
+ --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-t--global--spacer--md);
12719
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
12720
12720
  --pf-v6-c-log-viewer__text--WordBreak: break-all;
12721
12721
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
12722
12722
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
12723
12723
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
12724
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-v6-global--palette--gold-700);
12725
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v6-global--palette--gold-100);
12726
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-v6-global--palette--gold-700);
12727
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v6-global--palette--gold-400);
12728
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-v6-global--FontWeight--bold);
12724
+ --pf-v6-c-log-viewer__string--m-match--Color: initial;
12725
+ --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
12726
+ --pf-v6-c-log-viewer__string--m-current--Color: initial;
12727
+ --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
12728
+ --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
12729
12729
  --pf-v6-c-log-viewer--c-toolbar--PaddingTop: 0;
12730
12730
  --pf-v6-c-log-viewer--c-toolbar--PaddingBottom: 0;
12731
12731
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingRight: 0;
12732
12732
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
12733
12733
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
12734
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-global--spacer--sm);
12734
+ --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
12735
12735
  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
12736
12736
  display: flex;
12737
12737
  flex-direction: column;
@@ -12742,11 +12742,11 @@ ul.pf-v6-c-list {
12742
12742
  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
12743
12743
  }
12744
12744
  .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
12745
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
12746
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
12747
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
12748
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
12749
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
12745
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12746
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
12747
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
12748
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
12749
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
12750
12750
  }
12751
12751
  .pf-v6-c-log-viewer.pf-m-wrap-text {
12752
12752
  word-break: break-all;
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": "6.0.0-alpha.120",
4
+ "version": "6.0.0-alpha.121",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -18617,48 +18617,48 @@ ul.pf-v6-c-list {
18617
18617
  --pf-v6-c-log-viewer--Height: 100%;
18618
18618
  --pf-v6-c-log-viewer--MaxHeight: auto;
18619
18619
  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
18620
- --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-v6-global--spacer--sm);
18621
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
18622
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
18623
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
18620
+ --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-t--global--spacer--sm);
18621
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18622
+ --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
18623
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
18624
18624
  --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
18625
- --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-v6-global--spacer--sm);
18626
- --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v6-global--spacer--sm);
18625
+ --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-t--global--spacer--sm);
18626
+ --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-t--global--spacer--sm);
18627
18627
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Top: 0;
18628
18628
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
18629
- --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v6-global--BorderWidth--sm);
18630
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
18629
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-t--global--border--width--divider--default);
18630
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
18631
18631
  --pf-v6-c-log-viewer__list--Height: auto;
18632
18632
  --pf-v6-c-log-viewer--m-line-numbers__list--Left: var(--pf-v6-c-log-viewer__index--Width);
18633
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-v6-global--FontFamily--monospace);
18634
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-v6-global--FontSize--sm);
18633
+ --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
18634
+ --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
18635
18635
  --pf-v6-c-log-viewer__index--Display: none;
18636
18636
  --pf-v6-c-log-viewer__index--Width: 4.0625rem;
18637
- --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-v6-global--spacer--xl);
18638
- --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-v6-global--spacer--lg);
18639
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
18637
+ --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-t--global--spacer--xl);
18638
+ --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-t--global--spacer--lg);
18639
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
18640
18640
  --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
18641
18641
  --pf-v6-c-log-viewer--line-number-chars: 4.4;
18642
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v6-global--spacer--xs);
18642
+ --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-t--global--spacer--xs);
18643
18643
  --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingRight) + var(--pf-v6-c-log-viewer__index--PaddingLeft));
18644
- --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-v6-global--spacer--md);
18645
- --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-v6-global--spacer--md);
18646
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
18644
+ --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-t--global--spacer--md);
18645
+ --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-t--global--spacer--md);
18646
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
18647
18647
  --pf-v6-c-log-viewer__text--WordBreak: break-all;
18648
18648
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
18649
18649
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
18650
18650
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
18651
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-v6-global--palette--gold-700);
18652
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v6-global--palette--gold-100);
18653
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-v6-global--palette--gold-700);
18654
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v6-global--palette--gold-400);
18655
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-v6-global--FontWeight--bold);
18651
+ --pf-v6-c-log-viewer__string--m-match--Color: initial;
18652
+ --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
18653
+ --pf-v6-c-log-viewer__string--m-current--Color: initial;
18654
+ --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
18655
+ --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
18656
18656
  --pf-v6-c-log-viewer--c-toolbar--PaddingTop: 0;
18657
18657
  --pf-v6-c-log-viewer--c-toolbar--PaddingBottom: 0;
18658
18658
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingRight: 0;
18659
18659
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
18660
18660
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
18661
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-global--spacer--sm);
18661
+ --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
18662
18662
  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
18663
18663
  display: flex;
18664
18664
  flex-direction: column;
@@ -18669,11 +18669,11 @@ ul.pf-v6-c-list {
18669
18669
  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
18670
18670
  }
18671
18671
  .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
18672
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
18673
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
18674
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
18675
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
18676
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
18672
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18673
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
18674
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
18675
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
18676
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
18677
18677
  }
18678
18678
  .pf-v6-c-log-viewer.pf-m-wrap-text {
18679
18679
  word-break: break-all;
package/patternfly.css CHANGED
@@ -18734,48 +18734,48 @@ ul.pf-v6-c-list {
18734
18734
  --pf-v6-c-log-viewer--Height: 100%;
18735
18735
  --pf-v6-c-log-viewer--MaxHeight: auto;
18736
18736
  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
18737
- --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-v6-global--spacer--sm);
18738
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
18739
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
18740
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
18737
+ --pf-v6-c-log-viewer__header--MarginBottom: var(--pf-t--global--spacer--sm);
18738
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18739
+ --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
18740
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
18741
18741
  --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
18742
- --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-v6-global--spacer--sm);
18743
- --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v6-global--spacer--sm);
18742
+ --pf-v6-c-log-viewer__scroll-container--PaddingTop: var(--pf-t--global--spacer--sm);
18743
+ --pf-v6-c-log-viewer__scroll-container--PaddingBottom: var(--pf-t--global--spacer--sm);
18744
18744
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Top: 0;
18745
18745
  --pf-v6-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
18746
- --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v6-global--BorderWidth--sm);
18747
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
18746
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-t--global--border--width--divider--default);
18747
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
18748
18748
  --pf-v6-c-log-viewer__list--Height: auto;
18749
18749
  --pf-v6-c-log-viewer--m-line-numbers__list--Left: var(--pf-v6-c-log-viewer__index--Width);
18750
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-v6-global--FontFamily--monospace);
18751
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-v6-global--FontSize--sm);
18750
+ --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
18751
+ --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
18752
18752
  --pf-v6-c-log-viewer__index--Display: none;
18753
18753
  --pf-v6-c-log-viewer__index--Width: 4.0625rem;
18754
- --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-v6-global--spacer--xl);
18755
- --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-v6-global--spacer--lg);
18756
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
18754
+ --pf-v6-c-log-viewer__index--PaddingRight: var(--pf-t--global--spacer--xl);
18755
+ --pf-v6-c-log-viewer__index--PaddingLeft: var(--pf-t--global--spacer--lg);
18756
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
18757
18757
  --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
18758
18758
  --pf-v6-c-log-viewer--line-number-chars: 4.4;
18759
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v6-global--spacer--xs);
18759
+ --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-t--global--spacer--xs);
18760
18760
  --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingRight) + var(--pf-v6-c-log-viewer__index--PaddingLeft));
18761
- --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-v6-global--spacer--md);
18762
- --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-v6-global--spacer--md);
18763
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
18761
+ --pf-v6-c-log-viewer__text--PaddingRight: var(--pf-t--global--spacer--md);
18762
+ --pf-v6-c-log-viewer__text--PaddingLeft: var(--pf-t--global--spacer--md);
18763
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
18764
18764
  --pf-v6-c-log-viewer__text--WordBreak: break-all;
18765
18765
  --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
18766
18766
  --pf-v6-c-log-viewer__text--LineBreak: anywhere;
18767
18767
  --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
18768
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-v6-global--palette--gold-700);
18769
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v6-global--palette--gold-100);
18770
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-v6-global--palette--gold-700);
18771
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v6-global--palette--gold-400);
18772
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-v6-global--FontWeight--bold);
18768
+ --pf-v6-c-log-viewer__string--m-match--Color: initial;
18769
+ --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
18770
+ --pf-v6-c-log-viewer__string--m-current--Color: initial;
18771
+ --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
18772
+ --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
18773
18773
  --pf-v6-c-log-viewer--c-toolbar--PaddingTop: 0;
18774
18774
  --pf-v6-c-log-viewer--c-toolbar--PaddingBottom: 0;
18775
18775
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingRight: 0;
18776
18776
  --pf-v6-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
18777
18777
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
18778
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-global--spacer--sm);
18778
+ --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
18779
18779
  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
18780
18780
  display: flex;
18781
18781
  flex-direction: column;
@@ -18786,11 +18786,11 @@ ul.pf-v6-c-list {
18786
18786
  --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
18787
18787
  }
18788
18788
  .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
18789
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
18790
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-v6-global--BorderColor--100);
18791
- --pf-v6-c-log-viewer__text--Color: var(--pf-v6-global--Color--100);
18792
- --pf-v6-c-log-viewer__index--Color: var(--pf-v6-global--Color--200);
18793
- --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v6-global--BorderColor--100);
18789
+ --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18790
+ --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
18791
+ --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
18792
+ --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
18793
+ --pf-v6-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-t--global--border--color--default);
18794
18794
  }
18795
18795
  .pf-v6-c-log-viewer.pf-m-wrap-text {
18796
18796
  word-break: break-all;