@patternfly/patternfly 5.0.0-alpha.70 → 5.0.0-alpha.72

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 (13) hide show
  1. package/components/CodeEditor/code-editor.css +5 -0
  2. package/components/CodeEditor/code-editor.scss +1 -0
  3. package/components/CodeEditor/themes/dark/code-editor.scss +5 -0
  4. package/components/FormControl/form-control.css +6 -6
  5. package/components/FormControl/themes/dark/form-control.scss +6 -7
  6. package/components/MenuToggle/menu-toggle.css +5 -1
  7. package/components/MenuToggle/menu-toggle.scss +5 -1
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +16 -7
  10. package/patternfly-theme-dark-unversioned.css +16 -7
  11. package/patternfly.css +16 -7
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/components/CodeEditor/code-editor.css CHANGED
@@ -77,6 +77,7 @@
77
77
 
78
78
  .pf-v5-c-code-editor__main {
79
79
  position: relative;
80
+ color: var(--pf-v5-c-code-editor__main--Color, inherit);
80
81
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
81
82
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
82
83
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
@@ -135,6 +136,10 @@
135
136
  margin-left: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
136
137
  }
137
138
 
139
+ :where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
140
+ --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
141
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
142
+ }
138
143
  :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
139
144
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
140
145
  }
package/components/CodeEditor/code-editor.scss CHANGED
@@ -100,6 +100,7 @@
100
100
 
101
101
  .#{$code-editor}__main {
102
102
  position: relative;
103
+ color: var(--#{$code-editor}__main--Color, inherit);
103
104
  background-color: var(--#{$code-editor}__main--BackgroundColor);
104
105
  border: var(--#{$code-editor}__main--BorderWidth) solid;
105
106
  border-color: var(--#{$code-editor}__main--BorderColor);
package/components/CodeEditor/themes/dark/code-editor.scss CHANGED
@@ -1,6 +1,11 @@
1
1
  @import "../../../../sass-utilities/themes/dark/all";
2
2
 
3
3
  @mixin pf-v5-theme-dark-code-editor() {
4
+ .#{$code-editor} {
5
+ --#{$code-editor}--m-read-only__main--Color: var(--#{$pf-global}--disabled-color--300);
6
+ --#{$code-editor}--m-read-only__main--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
7
+ }
8
+
4
9
  .#{$code-editor}__controls {
5
10
  > * + * {
6
11
  border-left: 1px solid var(--#{$pf-global}--palette--black-700);
package/components/FormControl/form-control.css CHANGED
@@ -275,14 +275,14 @@
275
275
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
276
276
  --pf-v5-c-form-control--BorderLeftColor: transparent;
277
277
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
278
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
279
- --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
280
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
278
+ --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
279
+ --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
280
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
281
+ --pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
282
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
283
+ --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
281
284
  color: var(--pf-v5-global--Color--100);
282
285
  }
283
286
  :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
284
287
  filter: invert(1);
285
- }
286
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
287
- border-bottom-color: var(--pf-v5-global--palette--black-700);
288
288
  }
package/components/FormControl/themes/dark/form-control.scss CHANGED
@@ -7,9 +7,12 @@
7
7
  --#{$form-control}--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
8
8
  --#{$form-control}--BorderLeftColor: transparent;
9
9
  --#{$form-control}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
10
- --#{$form-control}--disabled--Color: var(--#{$pf-global}--disabled-color--300);
11
- --#{$form-control}--disabled--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
12
- --#{$form-control}--readonly--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
10
+ --#{$form-control}--m-disabled--Color: var(--#{$pf-global}--disabled-color--300);
11
+ --#{$form-control}--m-disabled--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
12
+ --#{$form-control}--m-readonly--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
13
+ --#{$form-control}--m-readonly--hover--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
14
+ --#{$form-control}--m-readonly--focus--BorderBottomColor:var(--#{$pf-global}--BorderColor--400);
15
+ --#{$form-control}--m-disabled__toggle-icon--Color: var(--#{$pf-global}--disabled-color--300);
13
16
 
14
17
  color: var(--#{$pf-global}--Color--100);
15
18
 
@@ -17,9 +20,5 @@
17
20
  &::-webkit-calendar-picker-indicator {
18
21
  filter: #{"invert(1)"};
19
22
  }
20
-
21
- &.pf-m-readonly {
22
- border-bottom-color: var(--#{$pf-global}--palette--black-700); // should be a var?
23
- }
24
23
  }
25
24
  }
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -107,9 +107,11 @@
107
107
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
108
108
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
109
109
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
110
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
111
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
110
112
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
111
113
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
112
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--md);
114
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
113
115
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
114
116
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
115
117
  position: relative;
@@ -360,6 +362,8 @@
360
362
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
361
363
  --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
362
364
  --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
365
+ padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
366
+ padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
363
367
  color: inherit;
364
368
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
365
369
  border: 0;
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -152,11 +152,13 @@
152
152
 
153
153
  // Split button, controls, check
154
154
  --#{$menu-toggle}__button--BackgroundColor: transparent;
155
+ --#{$menu-toggle}__button--PaddingLeft: var(--#{$pf-global}--spacer--sm);
156
+ --#{$menu-toggle}__button--PaddingRight: var(--#{$pf-global}--spacer--sm);
155
157
  --#{$menu-toggle}__button__controls--MarginRight: var(--#{$pf-global}--spacer--sm);
156
158
  --#{$menu-toggle}__button__controls--MarginLeft: var(--#{$pf-global}--spacer--sm);
157
159
 
158
160
  // Typeahead
159
- --#{$menu-toggle}--m-typeahead__controls--MarginRight: var(--#{$pf-global}--spacer--md);
161
+ --#{$menu-toggle}--m-typeahead__controls--MarginRight: var(--#{$pf-global}--spacer--sm);
160
162
  --#{$menu-toggle}--m-typeahead__controls--MarginLeft: var(--#{$pf-global}--spacer--sm);
161
163
  --#{$menu-toggle}--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--#{$pf-global}--spacer--sm);
162
164
 
@@ -503,6 +505,8 @@
503
505
  --#{$menu-toggle}__controls--MarginRight: var(--#{$menu-toggle}__button__controls--MarginRight);
504
506
  --#{$menu-toggle}__controls--MarginLeft: var(--#{$menu-toggle}__button__controls--MarginLeft);
505
507
 
508
+ padding-right: var(--#{$menu-toggle}__button--PaddingRight);
509
+ padding-left: var(--#{$menu-toggle}__button--PaddingLeft);
506
510
  color: inherit;
507
511
  background-color: var(--#{$menu-toggle}__button--BackgroundColor);
508
512
  border: 0;
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": "5.0.0-alpha.70",
4
+ "version": "5.0.0-alpha.72",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -8641,6 +8641,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8641
8641
 
8642
8642
  .pf-v5-c-code-editor__main {
8643
8643
  position: relative;
8644
+ color: var(--pf-v5-c-code-editor__main--Color, inherit);
8644
8645
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
8645
8646
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
8646
8647
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
@@ -8712,6 +8713,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8712
8713
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8713
8714
  }
8714
8715
 
8716
+ :where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
8717
+ --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
8718
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8719
+ }
8715
8720
  :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8716
8721
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8717
8722
  }
@@ -15052,17 +15057,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15052
15057
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15053
15058
  --pf-v5-c-form-control--BorderLeftColor: transparent;
15054
15059
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15055
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
15056
- --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15057
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15060
+ --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
15061
+ --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15062
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15063
+ --pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15064
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
15065
+ --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
15058
15066
  color: var(--pf-v5-global--Color--100);
15059
15067
  }
15060
15068
  :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15061
15069
  filter: invert(1);
15062
15070
  }
15063
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15064
- border-bottom-color: var(--pf-v5-global--palette--black-700);
15065
- }
15066
15071
 
15067
15072
  .pf-v5-c-hint {
15068
15073
  --pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
@@ -18290,9 +18295,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18290
18295
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
18291
18296
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18292
18297
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18298
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18299
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18293
18300
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18294
18301
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18295
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--md);
18302
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18296
18303
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18297
18304
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18298
18305
  position: relative;
@@ -18543,6 +18550,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18543
18550
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
18544
18551
  --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
18545
18552
  --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
18553
+ padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
18554
+ padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
18546
18555
  color: inherit;
18547
18556
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
18548
18557
  border: 0;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -8758,6 +8758,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8758
8758
 
8759
8759
  .pf-v5-c-code-editor__main {
8760
8760
  position: relative;
8761
+ color: var(--pf-v5-c-code-editor__main--Color, inherit);
8761
8762
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
8762
8763
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
8763
8764
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
@@ -8829,6 +8830,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8829
8830
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8830
8831
  }
8831
8832
 
8833
+ :where(.pf-theme-dark) .pf-v5-c-code-editor {
8834
+ --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
8835
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8836
+ }
8832
8837
  :where(.pf-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8833
8838
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8834
8839
  }
@@ -15169,17 +15174,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15169
15174
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15170
15175
  --pf-v5-c-form-control--BorderLeftColor: transparent;
15171
15176
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15172
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
15173
- --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15174
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15177
+ --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
15178
+ --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15179
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15180
+ --pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15181
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
15182
+ --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
15175
15183
  color: var(--pf-v5-global--Color--100);
15176
15184
  }
15177
15185
  :where(.pf-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15178
15186
  filter: invert(1);
15179
15187
  }
15180
- :where(.pf-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15181
- border-bottom-color: var(--pf-v5-global--palette--black-700);
15182
- }
15183
15188
 
15184
15189
  .pf-v5-c-hint {
15185
15190
  --pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
@@ -18407,9 +18412,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18407
18412
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
18408
18413
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18409
18414
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18415
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18416
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18410
18417
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18411
18418
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18412
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--md);
18419
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18413
18420
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18414
18421
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18415
18422
  position: relative;
@@ -18660,6 +18667,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18660
18667
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
18661
18668
  --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
18662
18669
  --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
18670
+ padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
18671
+ padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
18663
18672
  color: inherit;
18664
18673
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
18665
18674
  border: 0;
package/patternfly.css CHANGED
@@ -8758,6 +8758,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8758
8758
 
8759
8759
  .pf-v5-c-code-editor__main {
8760
8760
  position: relative;
8761
+ color: var(--pf-v5-c-code-editor__main--Color, inherit);
8761
8762
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
8762
8763
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
8763
8764
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
@@ -8829,6 +8830,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8829
8830
  --pf-v5-global--BackgroundColor--100: #1b1d21;
8830
8831
  }
8831
8832
 
8833
+ :where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
8834
+ --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
8835
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8836
+ }
8832
8837
  :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
8833
8838
  border-left: 1px solid var(--pf-v5-global--palette--black-700);
8834
8839
  }
@@ -15169,17 +15174,17 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15169
15174
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15170
15175
  --pf-v5-c-form-control--BorderLeftColor: transparent;
15171
15176
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
15172
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--300);
15173
- --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15174
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15177
+ --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
15178
+ --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15179
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--200);
15180
+ --pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
15181
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomColor:var(--pf-v5-global--BorderColor--400);
15182
+ --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--300);
15175
15183
  color: var(--pf-v5-global--Color--100);
15176
15184
  }
15177
15185
  :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15178
15186
  filter: invert(1);
15179
15187
  }
15180
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15181
- border-bottom-color: var(--pf-v5-global--palette--black-700);
15182
- }
15183
15188
 
15184
15189
  .pf-v5-c-hint {
15185
15190
  --pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
@@ -18407,9 +18412,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18407
18412
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
18408
18413
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18409
18414
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18415
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18416
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18410
18417
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18411
18418
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18412
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--md);
18419
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18413
18420
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18414
18421
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18415
18422
  position: relative;
@@ -18660,6 +18667,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18660
18667
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
18661
18668
  --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
18662
18669
  --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
18670
+ padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
18671
+ padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
18663
18672
  color: inherit;
18664
18673
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
18665
18674
  border: 0;