@patternfly/react-styles 5.3.0-prerelease.1 → 5.3.0-prerelease.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/components/FormControl/form-control.css +2 -1
  3. package/css/components/Label/label.css +14 -0
  4. package/css/components/Label/label.d.ts +2 -1
  5. package/css/components/Label/label.js +2 -1
  6. package/css/components/Label/label.mjs +2 -1
  7. package/css/components/MenuToggle/menu-toggle.css +31 -0
  8. package/css/components/MenuToggle/menu-toggle.d.ts +5 -1
  9. package/css/components/MenuToggle/menu-toggle.js +5 -1
  10. package/css/components/MenuToggle/menu-toggle.mjs +5 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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
+ # 5.3.0-prerelease.3 (2024-03-26)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+ # 5.3.0-prerelease.2 (2024-03-22)
11
+
12
+ **Note:** Version bump only for package @patternfly/react-styles
13
+
6
14
  # 5.3.0-prerelease.1 (2024-02-28)
7
15
 
8
16
  ### Bug Fixes
package/css/components/FormControl/form-control.css CHANGED
@@ -211,6 +211,7 @@
211
211
  .pf-v5-c-form-control > select {
212
212
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
213
213
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
214
+ background-color: var(--pf-v5-c-form-control--BackgroundColor);
214
215
  }
215
216
  @-moz-document url-prefix() {
216
217
  .pf-v5-c-form-control > select {
@@ -222,7 +223,7 @@
222
223
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
223
224
  }
224
225
  .pf-v5-c-form-control.pf-m-placeholder > select * {
225
- --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
226
+ color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
226
227
  }
227
228
  .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
228
229
  color: revert;
package/css/components/Label/label.css CHANGED
@@ -141,6 +141,10 @@
141
141
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
142
142
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
143
143
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
144
+ --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
145
+ --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
146
+ --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
147
+ --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
144
148
  position: relative;
145
149
  max-width: var(--pf-v5-c-label--MaxWidth);
146
150
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -327,6 +331,16 @@
327
331
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
328
332
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
329
333
  }
334
+ .pf-v5-c-label.pf-m-disabled {
335
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
336
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
337
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
338
+ --pf-v5-c-label__content--before--BorderWidth: 0;
339
+ pointer-events: none;
340
+ }
341
+ .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
342
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
343
+ }
330
344
 
331
345
  .pf-v5-c-label,
332
346
  .pf-v5-c-label__content {
package/css/components/Label/label.d.ts CHANGED
@@ -19,7 +19,8 @@ declare const _default: {
19
19
  "overflow": "pf-m-overflow",
20
20
  "add": "pf-m-add",
21
21
  "editable": "pf-m-editable",
22
- "editableActive": "pf-m-editable-active"
22
+ "editableActive": "pf-m-editable-active",
23
+ "disabled": "pf-m-disabled"
23
24
  },
24
25
  "themeDark": "pf-v5-theme-dark"
25
26
  };
package/css/components/Label/label.js CHANGED
@@ -21,7 +21,8 @@ exports.default = {
21
21
  "overflow": "pf-m-overflow",
22
22
  "add": "pf-m-add",
23
23
  "editable": "pf-m-editable",
24
- "editableActive": "pf-m-editable-active"
24
+ "editableActive": "pf-m-editable-active",
25
+ "disabled": "pf-m-disabled"
25
26
  },
26
27
  "themeDark": "pf-v5-theme-dark"
27
28
  };
package/css/components/Label/label.mjs CHANGED
@@ -19,7 +19,8 @@ export default {
19
19
  "overflow": "pf-m-overflow",
20
20
  "add": "pf-m-add",
21
21
  "editable": "pf-m-editable",
22
- "editableActive": "pf-m-editable-active"
22
+ "editableActive": "pf-m-editable-active",
23
+ "disabled": "pf-m-disabled"
23
24
  },
24
25
  "themeDark": "pf-v5-theme-dark"
25
26
  };
package/css/components/MenuToggle/menu-toggle.css CHANGED
@@ -117,6 +117,16 @@
117
117
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
118
118
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
119
119
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
120
+ --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-v5-global--spacer--md);
121
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
122
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
123
+ --pf-v5-c-menu-toggle--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
124
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
125
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
126
+ --pf-v5-c-menu-toggle--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
127
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
128
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
129
+ --pf-v5-c-menu-toggle--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
120
130
  position: relative;
121
131
  display: inline-flex;
122
132
  align-items: center;
@@ -378,6 +388,21 @@
378
388
  .pf-v5-c-menu-toggle.pf-m-full-width {
379
389
  width: 100%;
380
390
  }
391
+ .pf-v5-c-menu-toggle.pf-m-success {
392
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth);
393
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor);
394
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-success__status-icon--Color);
395
+ }
396
+ .pf-v5-c-menu-toggle.pf-m-warning {
397
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth);
398
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor);
399
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color);
400
+ }
401
+ .pf-v5-c-menu-toggle.pf-m-danger {
402
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth);
403
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor);
404
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color);
405
+ }
381
406
 
382
407
  .pf-v5-c-menu-toggle__button {
383
408
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
@@ -412,6 +437,7 @@
412
437
  }
413
438
 
414
439
  .pf-v5-c-menu-toggle__controls {
440
+ display: flex;
415
441
  padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
416
442
  margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
417
443
  margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
@@ -422,6 +448,11 @@
422
448
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
423
449
  }
424
450
 
451
+ .pf-v5-c-menu-toggle__status-icon {
452
+ margin-inline-end: var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd);
453
+ color: var(--pf-v5-c-menu-toggle__status-icon--Color, inherit);
454
+ }
455
+
425
456
  :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
426
457
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
427
458
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
package/css/components/MenuToggle/menu-toggle.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const _default: {
7
7
  "menuToggleControls": "pf-v5-c-menu-toggle__controls",
8
8
  "menuToggleCount": "pf-v5-c-menu-toggle__count",
9
9
  "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
10
+ "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
10
11
  "menuToggleText": "pf-v5-c-menu-toggle__text",
11
12
  "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
12
13
  "modifiers": {
@@ -21,7 +22,10 @@ declare const _default: {
21
22
  "splitButton": "pf-m-split-button",
22
23
  "action": "pf-m-action",
23
24
  "active": "pf-m-active",
24
- "fullWidth": "pf-m-full-width"
25
+ "fullWidth": "pf-m-full-width",
26
+ "success": "pf-m-success",
27
+ "warning": "pf-m-warning",
28
+ "danger": "pf-m-danger"
25
29
  },
26
30
  "textInputGroup": "pf-v5-c-text-input-group",
27
31
  "themeDark": "pf-v5-theme-dark"
package/css/components/MenuToggle/menu-toggle.js CHANGED
@@ -9,6 +9,7 @@ exports.default = {
9
9
  "menuToggleControls": "pf-v5-c-menu-toggle__controls",
10
10
  "menuToggleCount": "pf-v5-c-menu-toggle__count",
11
11
  "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
12
+ "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
12
13
  "menuToggleText": "pf-v5-c-menu-toggle__text",
13
14
  "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
14
15
  "modifiers": {
@@ -23,7 +24,10 @@ exports.default = {
23
24
  "splitButton": "pf-m-split-button",
24
25
  "action": "pf-m-action",
25
26
  "active": "pf-m-active",
26
- "fullWidth": "pf-m-full-width"
27
+ "fullWidth": "pf-m-full-width",
28
+ "success": "pf-m-success",
29
+ "warning": "pf-m-warning",
30
+ "danger": "pf-m-danger"
27
31
  },
28
32
  "textInputGroup": "pf-v5-c-text-input-group",
29
33
  "themeDark": "pf-v5-theme-dark"
package/css/components/MenuToggle/menu-toggle.mjs CHANGED
@@ -7,6 +7,7 @@ export default {
7
7
  "menuToggleControls": "pf-v5-c-menu-toggle__controls",
8
8
  "menuToggleCount": "pf-v5-c-menu-toggle__count",
9
9
  "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
10
+ "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
10
11
  "menuToggleText": "pf-v5-c-menu-toggle__text",
11
12
  "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
12
13
  "modifiers": {
@@ -21,7 +22,10 @@ export default {
21
22
  "splitButton": "pf-m-split-button",
22
23
  "action": "pf-m-action",
23
24
  "active": "pf-m-active",
24
- "fullWidth": "pf-m-full-width"
25
+ "fullWidth": "pf-m-full-width",
26
+ "success": "pf-m-success",
27
+ "warning": "pf-m-warning",
28
+ "danger": "pf-m-danger"
25
29
  },
26
30
  "textInputGroup": "pf-v5-c-text-input-group",
27
31
  "themeDark": "pf-v5-theme-dark"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "5.3.0-prerelease.1",
3
+ "version": "5.3.0-prerelease.3",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
18
18
  "clean": "rimraf dist css"
19
19
  },
20
20
  "devDependencies": {
21
- "@patternfly/patternfly": "5.2.1",
21
+ "@patternfly/patternfly": "5.3.0-prerelease.5",
22
22
  "camel-case": "^3.0.0",
23
23
  "css": "^2.2.3",
24
24
  "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
28
28
  "typescript": "^4.7.4"
29
29
  },
30
30
  "license": "MIT",
31
- "gitHead": "dfe56d4c5440bbccb27137ec2908e20fd2ec745b"
31
+ "gitHead": "988c428234f88b32b93290f7ffa8173fa22282cc"
32
32
  }