@patternfly/react-styles 4.45.0 → 4.45.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/css/components/Avatar/avatar.css +224 -0
  3. package/css/components/Avatar/avatar.d.ts +5 -1
  4. package/css/components/Avatar/avatar.js +5 -1
  5. package/css/components/CodeEditor/code-editor.css +8 -0
  6. package/css/components/CodeEditor/code-editor.d.ts +1 -0
  7. package/css/components/CodeEditor/code-editor.js +1 -0
  8. package/css/components/Dropdown/dropdown.css +10 -9
  9. package/css/components/Label/label.css +43 -12
  10. package/css/components/Label/label.d.ts +0 -1
  11. package/css/components/Label/label.js +0 -1
  12. package/css/components/Nav/nav.css +11 -0
  13. package/css/components/Nav/nav.d.ts +2 -0
  14. package/css/components/Nav/nav.js +2 -0
  15. package/css/components/Table/table.css +2 -1
  16. package/package.json +3 -3
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.45.1 (2022-02-11)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Select:** Fixed so that view more btn click does not close the menu in React 16 ([#6922](https://github.com/patternfly/patternfly-react/issues/6922)) ([89da91d](https://github.com/patternfly/patternfly-react/commit/89da91dfd3a9e7af8ee26f8b6b5ac01c5b2487d4))
12
+
13
+
14
+
15
+
16
+
6
17
  # 4.45.0 (2022-02-10)
7
18
 
8
19
 
package/css/components/Avatar/avatar.css CHANGED
@@ -4,6 +4,14 @@
4
4
  --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
5
5
  --pf-c-avatar--Width: 2.25rem;
6
6
  --pf-c-avatar--Height: 2.25rem;
7
+ --pf-c-avatar--m-sm--Width: 1.5rem;
8
+ --pf-c-avatar--m-sm--Height: 1.5rem;
9
+ --pf-c-avatar--m-md--Width: 2.25rem;
10
+ --pf-c-avatar--m-md--Height: 2.25rem;
11
+ --pf-c-avatar--m-lg--Width: 4.5rem;
12
+ --pf-c-avatar--m-lg--Height: 4.5rem;
13
+ --pf-c-avatar--m-xl--Width: 8rem;
14
+ --pf-c-avatar--m-xl--Height: 8rem;
7
15
  --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
8
16
  --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
9
17
  --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
@@ -20,4 +28,220 @@
20
28
  .pf-c-avatar.pf-m-dark {
21
29
  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
22
30
  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
31
+ }
32
+ .pf-c-avatar.pf-m-sm {
33
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
34
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);
35
+ }
36
+ @media (min-width: 576px) {
37
+ .pf-c-avatar.pf-m-sm {
38
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width));
39
+ }
40
+ }
41
+ @media (min-width: 768px) {
42
+ .pf-c-avatar.pf-m-sm {
43
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)));
44
+ }
45
+ }
46
+ @media (min-width: 992px) {
47
+ .pf-c-avatar.pf-m-sm {
48
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))));
49
+ }
50
+ }
51
+ @media (min-width: 1200px) {
52
+ .pf-c-avatar.pf-m-sm {
53
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))));
54
+ }
55
+ }
56
+ @media (min-width: 1450px) {
57
+ .pf-c-avatar.pf-m-sm {
58
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-2xl, var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))))));
59
+ }
60
+ }
61
+ @media (min-width: 576px) {
62
+ .pf-c-avatar.pf-m-sm {
63
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height));
64
+ }
65
+ }
66
+ @media (min-width: 768px) {
67
+ .pf-c-avatar.pf-m-sm {
68
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)));
69
+ }
70
+ }
71
+ @media (min-width: 992px) {
72
+ .pf-c-avatar.pf-m-sm {
73
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))));
74
+ }
75
+ }
76
+ @media (min-width: 1200px) {
77
+ .pf-c-avatar.pf-m-sm {
78
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))));
79
+ }
80
+ }
81
+ @media (min-width: 1450px) {
82
+ .pf-c-avatar.pf-m-sm {
83
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-2xl, var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))))));
84
+ }
85
+ }
86
+ .pf-c-avatar.pf-m-md {
87
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
88
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);
89
+ }
90
+ @media (min-width: 576px) {
91
+ .pf-c-avatar.pf-m-md {
92
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width));
93
+ }
94
+ }
95
+ @media (min-width: 768px) {
96
+ .pf-c-avatar.pf-m-md {
97
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)));
98
+ }
99
+ }
100
+ @media (min-width: 992px) {
101
+ .pf-c-avatar.pf-m-md {
102
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))));
103
+ }
104
+ }
105
+ @media (min-width: 1200px) {
106
+ .pf-c-avatar.pf-m-md {
107
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))));
108
+ }
109
+ }
110
+ @media (min-width: 1450px) {
111
+ .pf-c-avatar.pf-m-md {
112
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-2xl, var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))))));
113
+ }
114
+ }
115
+ @media (min-width: 576px) {
116
+ .pf-c-avatar.pf-m-md {
117
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height));
118
+ }
119
+ }
120
+ @media (min-width: 768px) {
121
+ .pf-c-avatar.pf-m-md {
122
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)));
123
+ }
124
+ }
125
+ @media (min-width: 992px) {
126
+ .pf-c-avatar.pf-m-md {
127
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))));
128
+ }
129
+ }
130
+ @media (min-width: 1200px) {
131
+ .pf-c-avatar.pf-m-md {
132
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));
133
+ }
134
+ }
135
+ @media (min-width: 1450px) {
136
+ .pf-c-avatar.pf-m-md {
137
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));
138
+ }
139
+ }
140
+ .pf-c-avatar.pf-m-lg {
141
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
142
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
143
+ }
144
+ @media (min-width: 576px) {
145
+ .pf-c-avatar.pf-m-lg {
146
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));
147
+ }
148
+ }
149
+ @media (min-width: 768px) {
150
+ .pf-c-avatar.pf-m-lg {
151
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));
152
+ }
153
+ }
154
+ @media (min-width: 992px) {
155
+ .pf-c-avatar.pf-m-lg {
156
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));
157
+ }
158
+ }
159
+ @media (min-width: 1200px) {
160
+ .pf-c-avatar.pf-m-lg {
161
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));
162
+ }
163
+ }
164
+ @media (min-width: 1450px) {
165
+ .pf-c-avatar.pf-m-lg {
166
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));
167
+ }
168
+ }
169
+ @media (min-width: 576px) {
170
+ .pf-c-avatar.pf-m-lg {
171
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));
172
+ }
173
+ }
174
+ @media (min-width: 768px) {
175
+ .pf-c-avatar.pf-m-lg {
176
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));
177
+ }
178
+ }
179
+ @media (min-width: 992px) {
180
+ .pf-c-avatar.pf-m-lg {
181
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));
182
+ }
183
+ }
184
+ @media (min-width: 1200px) {
185
+ .pf-c-avatar.pf-m-lg {
186
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));
187
+ }
188
+ }
189
+ @media (min-width: 1450px) {
190
+ .pf-c-avatar.pf-m-lg {
191
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));
192
+ }
193
+ }
194
+ .pf-c-avatar.pf-m-xl {
195
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
196
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
197
+ }
198
+ @media (min-width: 576px) {
199
+ .pf-c-avatar.pf-m-xl {
200
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));
201
+ }
202
+ }
203
+ @media (min-width: 768px) {
204
+ .pf-c-avatar.pf-m-xl {
205
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));
206
+ }
207
+ }
208
+ @media (min-width: 992px) {
209
+ .pf-c-avatar.pf-m-xl {
210
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));
211
+ }
212
+ }
213
+ @media (min-width: 1200px) {
214
+ .pf-c-avatar.pf-m-xl {
215
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));
216
+ }
217
+ }
218
+ @media (min-width: 1450px) {
219
+ .pf-c-avatar.pf-m-xl {
220
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));
221
+ }
222
+ }
223
+ @media (min-width: 576px) {
224
+ .pf-c-avatar.pf-m-xl {
225
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));
226
+ }
227
+ }
228
+ @media (min-width: 768px) {
229
+ .pf-c-avatar.pf-m-xl {
230
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
231
+ }
232
+ }
233
+ @media (min-width: 992px) {
234
+ .pf-c-avatar.pf-m-xl {
235
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
236
+ }
237
+ }
238
+ @media (min-width: 1200px) {
239
+ .pf-c-avatar.pf-m-xl {
240
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
241
+ }
242
+ }
243
+ @media (min-width: 1450px) {
244
+ .pf-c-avatar.pf-m-xl {
245
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
246
+ }
23
247
  }
package/css/components/Avatar/avatar.d.ts CHANGED
@@ -3,7 +3,11 @@ declare const _default: {
3
3
  "avatar": "pf-c-avatar",
4
4
  "modifiers": {
5
5
  "light": "pf-m-light",
6
- "dark": "pf-m-dark"
6
+ "dark": "pf-m-dark",
7
+ "sm": "pf-m-sm",
8
+ "md": "pf-m-md",
9
+ "lg": "pf-m-lg",
10
+ "xl": "pf-m-xl"
7
11
  }
8
12
  };
9
13
  export default _default;
package/css/components/Avatar/avatar.js CHANGED
@@ -5,6 +5,10 @@ exports.default = {
5
5
  "avatar": "pf-c-avatar",
6
6
  "modifiers": {
7
7
  "light": "pf-m-light",
8
- "dark": "pf-m-dark"
8
+ "dark": "pf-m-dark",
9
+ "sm": "pf-m-sm",
10
+ "md": "pf-m-md",
11
+ "lg": "pf-m-lg",
12
+ "xl": "pf-m-xl"
9
13
  }
10
14
  };
package/css/components/CodeEditor/code-editor.css CHANGED
@@ -19,6 +19,8 @@
19
19
  --pf-c-code-editor__code--PaddingLeft: var(--pf-global--spacer--sm);
20
20
  --pf-c-code-editor__code-pre--FontSize: var(--pf-global--FontSize--sm);
21
21
  --pf-c-code-editor__code-pre--FontFamily: var(--pf-global--FontFamily--monospace);
22
+ --pf-c-code-editor__header-main--PaddingRight: var(--pf-global--spacer--sm);
23
+ --pf-c-code-editor__header-main--PaddingLeft: var(--pf-global--spacer--sm);
22
24
  --pf-c-code-editor__tab--BackgroundColor: var(--pf-global--BackgroundColor--100);
23
25
  --pf-c-code-editor__tab--Color: var(--pf-global--Color--200);
24
26
  --pf-c-code-editor__tab--PaddingTop: var(--pf-global--spacer--form-element);
@@ -67,6 +69,12 @@
67
69
  border-bottom-color: var(--pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor);
68
70
  }
69
71
 
72
+ .pf-c-code-editor__header-main {
73
+ flex-grow: 1;
74
+ padding-right: var(--pf-c-code-editor__header-main--PaddingRight);
75
+ padding-left: var(--pf-c-code-editor__header-main--PaddingLeft);
76
+ }
77
+
70
78
  .pf-c-code-editor__main {
71
79
  position: relative;
72
80
  background-color: var(--pf-c-code-editor__main--BackgroundColor);
package/css/components/CodeEditor/code-editor.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: {
6
6
  "codeEditorCodePre": "pf-c-code-editor__code-pre",
7
7
  "codeEditorControls": "pf-c-code-editor__controls",
8
8
  "codeEditorHeader": "pf-c-code-editor__header",
9
+ "codeEditorHeaderMain": "pf-c-code-editor__header-main",
9
10
  "codeEditorMain": "pf-c-code-editor__main",
10
11
  "codeEditorTab": "pf-c-code-editor__tab",
11
12
  "codeEditorTabIcon": "pf-c-code-editor__tab-icon",
package/css/components/CodeEditor/code-editor.js CHANGED
@@ -8,6 +8,7 @@ exports.default = {
8
8
  "codeEditorCodePre": "pf-c-code-editor__code-pre",
9
9
  "codeEditorControls": "pf-c-code-editor__controls",
10
10
  "codeEditorHeader": "pf-c-code-editor__header",
11
+ "codeEditorHeaderMain": "pf-c-code-editor__header-main",
11
12
  "codeEditorMain": "pf-c-code-editor__main",
12
13
  "codeEditorTab": "pf-c-code-editor__tab",
13
14
  "codeEditorTabIcon": "pf-c-code-editor__tab-icon",
package/css/components/Dropdown/dropdown.css CHANGED
@@ -35,6 +35,7 @@
35
35
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
36
36
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
37
37
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
38
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
38
39
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
39
40
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
40
41
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -193,6 +194,7 @@
193
194
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
194
195
  }
195
196
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
197
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
196
198
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
197
199
  pointer-events: none;
198
200
  }
@@ -285,14 +287,14 @@
285
287
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
286
288
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
287
289
  }
288
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
289
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
290
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
291
- }
292
290
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
293
291
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
294
292
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
295
293
  }
294
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
295
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
296
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
297
+ }
296
298
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
297
299
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
298
300
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -320,14 +322,13 @@
320
322
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
321
323
  }
322
324
  .pf-c-dropdown__toggle.pf-m-primary {
323
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
324
- }
325
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
326
325
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
327
326
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
328
327
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
328
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
329
329
  }
330
- .pf-c-dropdown__toggle.pf-m-primary::before {
330
+ .pf-c-dropdown__toggle.pf-m-primary::before,
331
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
331
332
  border: 0;
332
333
  }
333
334
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -339,7 +340,7 @@
339
340
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
340
341
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
341
342
  }
342
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
343
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
343
344
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
344
345
  }
345
346
  .pf-c-dropdown__toggle.pf-m-secondary {
package/css/components/Label/label.css CHANGED
@@ -95,7 +95,9 @@
95
95
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
96
96
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
97
97
  --pf-c-label__content--Color: var(--pf-global--Color--100);
98
+ --pf-c-label__content--MaxWidth: 100%;
98
99
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
100
+ --pf-c-label--m-editable__content--MaxWidth: 16ch;
99
101
  --pf-c-label__text--MaxWidth: 16ch;
100
102
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
101
103
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
@@ -108,8 +110,6 @@
108
110
  --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
109
111
  --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
110
112
  --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
111
- --pf-c-label__editable-text--MaxWidth: 16ch;
112
- --pf-c-label__editable-text--BorderWidth: 0;
113
113
  --pf-c-label--m-editable--Cursor: pointer;
114
114
  --pf-c-label--m-editable--TextDecoration: underline;
115
115
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -118,6 +118,12 @@
118
118
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
119
119
  --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
120
120
  --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
121
+ --pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
122
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
123
+ --pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
124
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
125
+ --pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
126
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
121
127
  --pf-c-label--m-editable--m-editable-active--Cursor: auto;
122
128
  --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
123
129
  --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
@@ -151,6 +157,9 @@
151
157
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
152
158
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
153
159
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
160
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
161
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
162
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
154
163
  }
155
164
  .pf-c-label.pf-m-green {
156
165
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
@@ -163,6 +172,9 @@
163
172
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
164
173
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
165
174
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
175
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
176
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
177
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
166
178
  }
167
179
  .pf-c-label.pf-m-orange {
168
180
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
@@ -175,6 +187,9 @@
175
187
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
176
188
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
177
189
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
190
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
191
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
192
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
178
193
  }
179
194
  .pf-c-label.pf-m-red {
180
195
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
@@ -187,6 +202,9 @@
187
202
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
188
203
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
189
204
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
205
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
206
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
207
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
190
208
  }
191
209
  .pf-c-label.pf-m-purple {
192
210
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
@@ -199,6 +217,9 @@
199
217
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
200
218
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
201
219
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
220
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
221
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
222
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
202
223
  }
203
224
  .pf-c-label.pf-m-cyan {
204
225
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
@@ -211,12 +232,18 @@
211
232
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
212
233
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
213
234
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
235
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
236
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
237
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
214
238
  }
215
239
  .pf-c-label.pf-m-outline {
216
240
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
217
241
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
218
242
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
219
243
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
244
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
245
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
246
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
220
247
  }
221
248
  .pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
222
249
  .pf-c-label.pf-m-outline button.pf-c-label__content:hover {
@@ -236,6 +263,15 @@
236
263
  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
237
264
  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
238
265
  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
266
+ --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
267
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
268
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
269
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
270
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
271
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
272
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
273
+ --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
274
+ --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
239
275
  }
240
276
  .pf-c-label.pf-m-editable:hover {
241
277
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -247,19 +283,10 @@
247
283
  --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
248
284
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
249
285
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
250
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
251
- --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
252
286
  }
253
287
  .pf-c-label.pf-m-editable-active .pf-c-button {
254
288
  visibility: hidden;
255
289
  }
256
- .pf-c-label .pf-c-label__editable-text {
257
- overflow: hidden;
258
- text-overflow: ellipsis;
259
- white-space: nowrap;
260
- max-width: var(--pf-c-label__editable-text--MaxWidth);
261
- border-width: var(--pf-c-label__editable-text--BorderWidth);
262
- }
263
290
  .pf-c-label .pf-c-button {
264
291
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
265
292
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
@@ -296,8 +323,12 @@
296
323
  }
297
324
 
298
325
  .pf-c-label__content {
326
+ overflow: hidden;
327
+ text-overflow: ellipsis;
328
+ white-space: nowrap;
329
+ max-width: var(--pf-c-label__content--MaxWidth);
299
330
  color: var(--pf-c-label__content--Color);
300
- border: 0;
331
+ border-width: 0;
301
332
  }
302
333
  .pf-c-label__content::before {
303
334
  position: absolute;
package/css/components/Label/label.d.ts CHANGED
@@ -3,7 +3,6 @@ declare const _default: {
3
3
  "button": "pf-c-button",
4
4
  "label": "pf-c-label",
5
5
  "labelContent": "pf-c-label__content",
6
- "labelEditableText": "pf-c-label__editable-text",
7
6
  "labelIcon": "pf-c-label__icon",
8
7
  "labelText": "pf-c-label__text",
9
8
  "modifiers": {
package/css/components/Label/label.js CHANGED
@@ -5,7 +5,6 @@ exports.default = {
5
5
  "button": "pf-c-button",
6
6
  "label": "pf-c-label",
7
7
  "labelContent": "pf-c-label__content",
8
- "labelEditableText": "pf-c-label__editable-text",
9
8
  "labelIcon": "pf-c-label__icon",
10
9
  "labelText": "pf-c-label__text",
11
10
  "modifiers": {
package/css/components/Nav/nav.css CHANGED
@@ -271,6 +271,8 @@
271
271
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
272
272
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
273
273
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
274
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
275
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
274
276
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
275
277
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
276
278
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -399,6 +401,15 @@
399
401
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
400
402
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
401
403
  }
404
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
405
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
406
+ }
407
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
408
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
409
+ }
410
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
411
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
412
+ }
402
413
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
403
414
  content: none;
404
415
  }
package/css/components/Nav/nav.d.ts CHANGED
@@ -4,12 +4,14 @@ declare const _default: {
4
4
  "menu": "pf-c-menu",
5
5
  "menuContent": "pf-c-menu__content",
6
6
  "menuItem": "pf-c-menu__item",
7
+ "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
7
8
  "menuListItem": "pf-c-menu__list-item",
8
9
  "modifiers": {
9
10
  "flyout": "pf-m-flyout",
10
11
  "top": "pf-m-top",
11
12
  "left": "pf-m-left",
12
13
  "current": "pf-m-current",
14
+ "drillUp": "pf-m-drill-up",
13
15
  "horizontal": "pf-m-horizontal",
14
16
  "tertiary": "pf-m-tertiary",
15
17
  "horizontalSubnav": "pf-m-horizontal-subnav",
package/css/components/Nav/nav.js CHANGED
@@ -6,12 +6,14 @@ exports.default = {
6
6
  "menu": "pf-c-menu",
7
7
  "menuContent": "pf-c-menu__content",
8
8
  "menuItem": "pf-c-menu__item",
9
+ "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
9
10
  "menuListItem": "pf-c-menu__list-item",
10
11
  "modifiers": {
11
12
  "flyout": "pf-m-flyout",
12
13
  "top": "pf-m-top",
13
14
  "left": "pf-m-left",
14
15
  "current": "pf-m-current",
16
+ "drillUp": "pf-m-drill-up",
15
17
  "horizontal": "pf-m-horizontal",
16
18
  "tertiary": "pf-m-tertiary",
17
19
  "horizontalSubnav": "pf-m-horizontal-subnav",
package/css/components/Table/table.css CHANGED
@@ -967,7 +967,8 @@
967
967
  .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
968
968
  --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
969
969
  }
970
- .pf-c-table.pf-m-compact thead th {
970
+ .pf-c-table.pf-m-compact thead th,
971
+ .pf-c-table.pf-m-compact thead .pf-c-table__toggle {
971
972
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
972
973
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
973
974
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.45.0",
3
+ "version": "4.45.1",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.176.0",
22
+ "@patternfly/patternfly": "4.177.1",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "313838eb78479aa8ba62194a6d656b5abd611c3f"
32
+ "gitHead": "b0c6df28b6240ab5f2c306599410be05a888857d"
33
33
  }