@patternfly/react-styles 4.51.0 → 4.52.0

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 (12) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/css/components/Accordion/accordion.css +1 -0
  3. package/css/components/Menu/menu.css +1 -1
  4. package/css/components/Menu/menu.d.ts +1 -0
  5. package/css/components/Menu/menu.js +1 -0
  6. package/css/components/MenuToggle/menu-toggle.css +18 -1
  7. package/css/components/MenuToggle/menu-toggle.d.ts +5 -2
  8. package/css/components/MenuToggle/menu-toggle.js +5 -2
  9. package/css/components/TextInputGroup/text-input-group.css +6 -0
  10. package/css/components/TextInputGroup/text-input-group.d.ts +1 -0
  11. package/css/components/TextInputGroup/text-input-group.js +1 -0
  12. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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.52.0 (2022-03-23)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Select:** add flag to not reset on select, add event to toggle callback ([#7093](https://github.com/patternfly/patternfly-react/issues/7093)) ([ec2afb1](https://github.com/patternfly/patternfly-react/commit/ec2afb1ea414f63a2fadc56bbaa968a0caad5fd6))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.51.2 (2022-03-23)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-styles
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.51.1 (2022-03-23)
26
+
27
+ **Note:** Version bump only for package @patternfly/react-styles
28
+
29
+
30
+
31
+
32
+
6
33
  # 4.51.0 (2022-03-23)
7
34
 
8
35
 
package/css/components/Accordion/accordion.css CHANGED
@@ -121,6 +121,7 @@
121
121
  right: 0;
122
122
  bottom: 0;
123
123
  left: 0;
124
+ pointer-events: none;
124
125
  content: "";
125
126
  border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
126
127
  }
package/css/components/Menu/menu.css CHANGED
@@ -459,7 +459,7 @@
459
459
  --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--hover--BackgroundColor);
460
460
  --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--hover--Color, inherit);
461
461
  }
462
- .pf-c-menu__list-item:focus-within {
462
+ .pf-c-menu__list-item:focus-within, .pf-c-menu__list-item.pf-m-focus {
463
463
  --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor);
464
464
  --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--focus-within--Color, inherit);
465
465
  }
package/css/components/Menu/menu.d.ts CHANGED
@@ -45,6 +45,7 @@ declare const _default: {
45
45
  "plain": "pf-m-plain",
46
46
  "scrollable": "pf-m-scrollable",
47
47
  "nav": "pf-m-nav",
48
+ "focus": "pf-m-focus",
48
49
  "disabled": "pf-m-disabled",
49
50
  "load": "pf-m-load",
50
51
  "loading": "pf-m-loading",
package/css/components/Menu/menu.js CHANGED
@@ -47,6 +47,7 @@ exports.default = {
47
47
  "plain": "pf-m-plain",
48
48
  "scrollable": "pf-m-scrollable",
49
49
  "nav": "pf-m-nav",
50
+ "focus": "pf-m-focus",
50
51
  "disabled": "pf-m-disabled",
51
52
  "load": "pf-m-load",
52
53
  "loading": "pf-m-loading",
package/css/components/MenuToggle/menu-toggle.css CHANGED
@@ -106,6 +106,11 @@
106
106
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
107
107
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
108
108
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
109
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
110
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
111
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
112
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
113
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
109
114
  position: relative;
110
115
  display: inline-flex;
111
116
  align-items: center;
@@ -114,6 +119,7 @@
114
119
  font-size: var(--pf-c-menu-toggle--FontSize);
115
120
  line-height: var(--pf-c-menu-toggle--LineHeight);
116
121
  color: var(--pf-c-menu-toggle--Color);
122
+ cursor: pointer;
117
123
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
118
124
  border: 0;
119
125
  border-radius: var(--pf-c-menu-toggle--BorderRadius);
@@ -195,7 +201,7 @@
195
201
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
196
202
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
197
203
  }
198
- .pf-c-menu-toggle:focus {
204
+ .pf-c-menu-toggle:focus, .pf-c-menu-toggle:focus-within {
199
205
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
200
206
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
201
207
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
@@ -236,6 +242,11 @@
236
242
  --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
237
243
  height: 100%;
238
244
  }
245
+ .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
246
+ --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
247
+ flex: 1;
248
+ margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
249
+ }
239
250
  .pf-c-menu-toggle.pf-m-split-button {
240
251
  --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
241
252
  padding: 0;
@@ -333,6 +344,12 @@
333
344
  color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
334
345
  background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
335
346
  }
347
+ .pf-c-menu-toggle.pf-m-typeahead, .pf-c-menu-toggle.pf-m-split-button {
348
+ --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
349
+ }
350
+ .pf-c-menu-toggle.pf-m-full-width {
351
+ width: 100%;
352
+ }
336
353
 
337
354
  .pf-c-menu-toggle__button {
338
355
  color: inherit;
package/css/components/MenuToggle/menu-toggle.d.ts CHANGED
@@ -16,9 +16,12 @@ declare const _default: {
16
16
  "text": "pf-m-text",
17
17
  "disabled": "pf-m-disabled",
18
18
  "fullHeight": "pf-m-full-height",
19
+ "typeahead": "pf-m-typeahead",
19
20
  "splitButton": "pf-m-split-button",
20
21
  "action": "pf-m-action",
21
- "active": "pf-m-active"
22
- }
22
+ "active": "pf-m-active",
23
+ "fullWidth": "pf-m-full-width"
24
+ },
25
+ "textInputGroup": "pf-c-text-input-group"
23
26
  };
24
27
  export default _default;
package/css/components/MenuToggle/menu-toggle.js CHANGED
@@ -18,8 +18,11 @@ exports.default = {
18
18
  "text": "pf-m-text",
19
19
  "disabled": "pf-m-disabled",
20
20
  "fullHeight": "pf-m-full-height",
21
+ "typeahead": "pf-m-typeahead",
21
22
  "splitButton": "pf-m-split-button",
22
23
  "action": "pf-m-action",
23
- "active": "pf-m-active"
24
- }
24
+ "active": "pf-m-active",
25
+ "fullWidth": "pf-m-full-width"
26
+ },
27
+ "textInputGroup": "pf-c-text-input-group"
25
28
  };
package/css/components/TextInputGroup/text-input-group.css CHANGED
@@ -43,6 +43,12 @@
43
43
  --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
44
44
  pointer-events: none;
45
45
  }
46
+ .pf-c-text-input-group.pf-m-plain {
47
+ --pf-c-text-input-group--BackgroundColor: transparent;
48
+ }
49
+ .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::before, .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::after {
50
+ border: 0;
51
+ }
46
52
 
47
53
  .pf-c-text-input-group__main {
48
54
  display: flex;
package/css/components/TextInputGroup/text-input-group.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: {
5
5
  "chipGroupList": "pf-c-chip-group__list",
6
6
  "modifiers": {
7
7
  "disabled": "pf-m-disabled",
8
+ "plain": "pf-m-plain",
8
9
  "icon": "pf-m-icon",
9
10
  "hint": "pf-m-hint"
10
11
  },
package/css/components/TextInputGroup/text-input-group.js CHANGED
@@ -7,6 +7,7 @@ exports.default = {
7
7
  "chipGroupList": "pf-c-chip-group__list",
8
8
  "modifiers": {
9
9
  "disabled": "pf-m-disabled",
10
+ "plain": "pf-m-plain",
10
11
  "icon": "pf-m-icon",
11
12
  "hint": "pf-m-hint"
12
13
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.51.0",
3
+ "version": "4.52.0",
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.183.2",
22
+ "@patternfly/patternfly": "4.184.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": "0d60b35858f995deab44e2ede3e013114e495b5e"
32
+ "gitHead": "a328f46967c052f0d72d77dff763ecbb3318bc4e"
33
33
  }