@patternfly/react-styles 5.2.1 → 5.3.0-prerelease.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/css/components/FormControl/form-control.css +2 -1
  3. package/css/components/MenuToggle/menu-toggle.css +31 -0
  4. package/css/components/MenuToggle/menu-toggle.d.ts +5 -1
  5. package/css/components/MenuToggle/menu-toggle.js +5 -1
  6. package/css/components/MenuToggle/menu-toggle.mjs +5 -1
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,11 +3,21 @@
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.2.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.2.0...@patternfly/react-styles@5.2.1) (2024-02-29)
6
+ # 5.3.0-prerelease.2 (2024-03-22)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+ # 5.3.0-prerelease.1 (2024-02-28)
7
11
 
8
12
  ### Bug Fixes
9
13
 
10
- - **various:** Cherry bug fixes for patch release ([#10122](https://github.com/patternfly/patternfly-react/issues/10122)) ([b471264](https://github.com/patternfly/patternfly-react/commit/b4712649112b916cabc51c5c1a73b84d851559d5)), closes [#10114](https://github.com/patternfly/patternfly-react/issues/10114) [#10082](https://github.com/patternfly/patternfly-react/issues/10082) [#9743](https://github.com/patternfly/patternfly-react/issues/9743) [#9895](https://github.com/patternfly/patternfly-react/issues/9895) [#10080](https://github.com/patternfly/patternfly-react/issues/10080)
14
+ - **deps:** bump to latest core ([#10116](https://github.com/patternfly/patternfly-react/issues/10116)) ([dc1aceb](https://github.com/patternfly/patternfly-react/commit/dc1aceb0ee880631320b85bfb068be13d7852a37))
15
+
16
+ # 5.3.0-prerelease.0 (2024-02-02)
17
+
18
+ # 5.2.0 (2024-02-02)
19
+
20
+ **Note:** Version bump only for package @patternfly/react-styles
11
21
 
12
22
  # 5.2.0 (2024-02-02)
13
23
 
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/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.2.1",
3
+ "version": "5.3.0-prerelease.2",
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.4",
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": "3406ab6010734dceb9b8223eef9b826cae8c5e6c"
31
+ "gitHead": "bb7af9ae8ad9b31892f14878c9bb30599bd88bcd"
32
32
  }