@patternfly/react-styles 4.92.0 → 4.92.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 (16) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/css/components/Dropdown/dropdown.css +15 -0
  3. package/css/components/Dropdown/dropdown.d.ts +3 -0
  4. package/css/components/Dropdown/dropdown.js +3 -0
  5. package/css/components/Dropdown/dropdown.mjs +3 -0
  6. package/css/components/FormControl/form-control.css +1 -1
  7. package/css/components/InputGroup/input-group.css +14 -0
  8. package/css/components/InputGroup/input-group.d.ts +2 -1
  9. package/css/components/InputGroup/input-group.js +2 -1
  10. package/css/components/InputGroup/input-group.mjs +2 -1
  11. package/css/components/Menu/menu.css +4 -0
  12. package/css/components/Slider/slider.css +0 -7
  13. package/css/components/Slider/slider.d.ts +0 -2
  14. package/css/components/Slider/slider.js +0 -2
  15. package/css/components/Slider/slider.mjs +0 -2
  16. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.92.2 (2022-12-07)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.92.1 (2022-12-01)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
6
22
  # 4.92.0 (2022-11-16)
7
23
 
8
24
 
package/css/components/Dropdown/dropdown.css CHANGED
@@ -50,6 +50,8 @@
50
50
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
51
51
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
52
52
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
53
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
54
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
53
55
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
54
56
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
55
57
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -261,9 +263,14 @@
261
263
  align-items: center;
262
264
  cursor: pointer;
263
265
  }
266
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
267
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
268
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
269
+ }
264
270
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
265
271
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
266
272
  cursor: pointer;
273
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
267
274
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
268
275
  }
269
276
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -459,6 +466,14 @@
459
466
  --pf-c-dropdown__toggle-image--MarginRight: 0;
460
467
  }
461
468
 
469
+ .pf-c-dropdown__toggle-progress {
470
+ position: absolute;
471
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
472
+ }
473
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
474
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
475
+ }
476
+
462
477
  .pf-c-dropdown__menu {
463
478
  position: absolute;
464
479
  top: var(--pf-c-dropdown__menu--Top);
package/css/components/Dropdown/dropdown.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const _default: {
16
16
  "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
17
17
  "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
18
18
  "dropdownToggleImage": "pf-c-dropdown__toggle-image",
19
+ "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
19
20
  "dropdownToggleText": "pf-c-dropdown__toggle-text",
20
21
  "menu": "pf-c-menu",
21
22
  "modifiers": {
@@ -27,6 +28,7 @@ declare const _default: {
27
28
  "text": "pf-m-text",
28
29
  "splitButton": "pf-m-split-button",
29
30
  "primary": "pf-m-primary",
31
+ "inProgress": "pf-m-in-progress",
30
32
  "active": "pf-m-active",
31
33
  "secondary": "pf-m-secondary",
32
34
  "top": "pf-m-top",
@@ -47,6 +49,7 @@ declare const _default: {
47
49
  "icon": "pf-m-icon",
48
50
  "description": "pf-m-description"
49
51
  },
52
+ "spinner": "pf-c-spinner",
50
53
  "themeDark": "pf-theme-dark"
51
54
  };
52
55
  export default _default;
package/css/components/Dropdown/dropdown.js CHANGED
@@ -18,6 +18,7 @@ exports.default = {
18
18
  "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
19
19
  "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
20
20
  "dropdownToggleImage": "pf-c-dropdown__toggle-image",
21
+ "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
21
22
  "dropdownToggleText": "pf-c-dropdown__toggle-text",
22
23
  "menu": "pf-c-menu",
23
24
  "modifiers": {
@@ -29,6 +30,7 @@ exports.default = {
29
30
  "text": "pf-m-text",
30
31
  "splitButton": "pf-m-split-button",
31
32
  "primary": "pf-m-primary",
33
+ "inProgress": "pf-m-in-progress",
32
34
  "active": "pf-m-active",
33
35
  "secondary": "pf-m-secondary",
34
36
  "top": "pf-m-top",
@@ -49,5 +51,6 @@ exports.default = {
49
51
  "icon": "pf-m-icon",
50
52
  "description": "pf-m-description"
51
53
  },
54
+ "spinner": "pf-c-spinner",
52
55
  "themeDark": "pf-theme-dark"
53
56
  };
package/css/components/Dropdown/dropdown.mjs CHANGED
@@ -16,6 +16,7 @@ export default {
16
16
  "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
17
17
  "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
18
18
  "dropdownToggleImage": "pf-c-dropdown__toggle-image",
19
+ "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
19
20
  "dropdownToggleText": "pf-c-dropdown__toggle-text",
20
21
  "menu": "pf-c-menu",
21
22
  "modifiers": {
@@ -27,6 +28,7 @@ export default {
27
28
  "text": "pf-m-text",
28
29
  "splitButton": "pf-m-split-button",
29
30
  "primary": "pf-m-primary",
31
+ "inProgress": "pf-m-in-progress",
30
32
  "active": "pf-m-active",
31
33
  "secondary": "pf-m-secondary",
32
34
  "top": "pf-m-top",
@@ -47,5 +49,6 @@ export default {
47
49
  "icon": "pf-m-icon",
48
50
  "description": "pf-m-description"
49
51
  },
52
+ "spinner": "pf-c-spinner",
50
53
  "themeDark": "pf-theme-dark"
51
54
  };
package/css/components/FormControl/form-control.css CHANGED
@@ -326,7 +326,7 @@ textarea.pf-c-form-control {
326
326
  }
327
327
 
328
328
  :where(.pf-theme-dark) .pf-c-form-control {
329
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
329
+ --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
330
330
  --pf-c-form-control--BorderTopColor: transparent;
331
331
  --pf-c-form-control--BorderRightColor: transparent;
332
332
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
package/css/components/InputGroup/input-group.css CHANGED
@@ -22,6 +22,9 @@
22
22
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
23
23
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
24
24
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
25
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
26
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
27
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
25
28
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
26
29
  --pf-c-input-group--c-form-control--MarginRight: 0;
27
30
  color: var(--pf-global--Color--100);
@@ -71,6 +74,11 @@ label.pf-c-input-group__text {
71
74
  --pf-c-input-group__text--BorderWidth: 0;
72
75
  margin-left: 0;
73
76
  }
77
+ .pf-c-input-group__text.pf-m-disabled {
78
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
79
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
80
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
81
+ }
74
82
 
75
83
  :where(.pf-theme-dark) .pf-c-input-group {
76
84
  --pf-c-input-group--BackgroundColor: transparent;
@@ -79,6 +87,8 @@ label.pf-c-input-group__text {
79
87
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
80
88
  --pf-c-input-group__text--BorderLeftColor: transparent;
81
89
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
90
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
91
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
82
92
  }
83
93
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
84
94
  margin-left: 0;
@@ -92,4 +102,8 @@ label.pf-c-input-group__text {
92
102
  }
93
103
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
94
104
  --pf-c-input-group__text--BackgroundColor: transparent;
105
+ }
106
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
107
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
108
+ color: var(--pf-c-input-group__text--m-disabled--Color);
95
109
  }
package/css/components/InputGroup/input-group.d.ts CHANGED
@@ -4,7 +4,8 @@ declare const _default: {
4
4
  "inputGroup": "pf-c-input-group",
5
5
  "inputGroupText": "pf-c-input-group__text",
6
6
  "modifiers": {
7
- "plain": "pf-m-plain"
7
+ "plain": "pf-m-plain",
8
+ "disabled": "pf-m-disabled"
8
9
  },
9
10
  "themeDark": "pf-theme-dark"
10
11
  };
package/css/components/InputGroup/input-group.js CHANGED
@@ -6,7 +6,8 @@ exports.default = {
6
6
  "inputGroup": "pf-c-input-group",
7
7
  "inputGroupText": "pf-c-input-group__text",
8
8
  "modifiers": {
9
- "plain": "pf-m-plain"
9
+ "plain": "pf-m-plain",
10
+ "disabled": "pf-m-disabled"
10
11
  },
11
12
  "themeDark": "pf-theme-dark"
12
13
  };
package/css/components/InputGroup/input-group.mjs CHANGED
@@ -4,7 +4,8 @@ export default {
4
4
  "inputGroup": "pf-c-input-group",
5
5
  "inputGroupText": "pf-c-input-group__text",
6
6
  "modifiers": {
7
- "plain": "pf-m-plain"
7
+ "plain": "pf-m-plain",
8
+ "disabled": "pf-m-disabled"
8
9
  },
9
10
  "themeDark": "pf-theme-dark"
10
11
  };
package/css/components/Menu/menu.css CHANGED
@@ -312,11 +312,15 @@
312
312
  }
313
313
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
314
314
  overflow: visible;
315
+ visibility: hidden;
315
316
  }
316
317
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
317
318
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
318
319
  display: none;
319
320
  }
321
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
322
+ visibility: hidden;
323
+ }
320
324
  .pf-c-menu.pf-m-plain {
321
325
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
322
326
  }
package/css/components/Slider/slider.css CHANGED
@@ -182,13 +182,6 @@
182
182
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
183
183
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
184
184
  }
185
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
186
- align-items: center;
187
- }
188
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
189
- position: absolute;
190
- left: 100%;
191
- }
192
185
  .pf-c-slider__value .pf-c-form-control {
193
186
  width: var(--pf-c-slider__value--c-form-control--Width);
194
187
  }
package/css/components/Slider/slider.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  import './slider.css';
2
2
  declare const _default: {
3
3
  "formControl": "pf-c-form-control",
4
- "inputGroup": "pf-c-input-group",
5
- "inputGroupText": "pf-c-input-group__text",
6
4
  "modifiers": {
7
5
  "disabled": "pf-m-disabled",
8
6
  "active": "pf-m-active",
package/css/components/Slider/slider.js CHANGED
@@ -3,8 +3,6 @@ exports.__esModule = true;
3
3
  require('./slider.css');
4
4
  exports.default = {
5
5
  "formControl": "pf-c-form-control",
6
- "inputGroup": "pf-c-input-group",
7
- "inputGroupText": "pf-c-input-group__text",
8
6
  "modifiers": {
9
7
  "disabled": "pf-m-disabled",
10
8
  "active": "pf-m-active",
package/css/components/Slider/slider.mjs CHANGED
@@ -1,8 +1,6 @@
1
1
  import './slider.css';
2
2
  export default {
3
3
  "formControl": "pf-c-form-control",
4
- "inputGroup": "pf-c-input-group",
5
- "inputGroupText": "pf-c-input-group__text",
6
4
  "modifiers": {
7
5
  "disabled": "pf-m-disabled",
8
6
  "active": "pf-m-active",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.92.0",
3
+ "version": "4.92.2",
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.221.2",
22
+ "@patternfly/patternfly": "4.222.3",
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.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "e1f95ce96852165dd4d102cd87c6b49288f01eff"
32
+ "gitHead": "8b3c9550659c5433b24f71d7af75028a8508da00"
33
33
  }