@patternfly/react-templates 6.5.0-prerelease.4 → 6.5.0-prerelease.41

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 (19) hide show
  1. package/CHANGELOG.md +144 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -1
  6. package/dist/esm/components/Select/TypeaheadSelect.js +11 -5
  7. package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -1
  8. package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -1
  9. package/dist/js/components/Select/TypeaheadSelect.js +11 -5
  10. package/dist/js/components/Select/TypeaheadSelect.js.map +1 -1
  11. package/dist/umd/assets/{output-B0DNjZ5a.css → output-DjwU-S1R.css} +2770 -2634
  12. package/dist/umd/react-templates.min.js +1 -1
  13. package/package.json +6 -6
  14. package/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap +34 -10
  15. package/src/components/Select/TypeaheadSelect.tsx +12 -5
  16. package/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap +34 -10
  17. package/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap +34 -10
  18. package/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap +34 -10
  19. package/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap +34 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-templates",
3
- "version": "6.5.0-prerelease.4",
3
+ "version": "6.5.0-prerelease.41",
4
4
  "description": "This package provides wrapped component demos for ease of use\n",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -33,15 +33,15 @@
33
33
  "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
34
34
  },
35
35
  "dependencies": {
36
- "@patternfly/react-core": "^6.5.0-prerelease.4",
37
- "@patternfly/react-icons": "^6.5.0-prerelease.2",
38
- "@patternfly/react-styles": "^6.5.0-prerelease.2",
39
- "@patternfly/react-tokens": "^6.5.0-prerelease.2",
36
+ "@patternfly/react-core": "^6.5.0-prerelease.41",
37
+ "@patternfly/react-icons": "^6.5.0-prerelease.17",
38
+ "@patternfly/react-styles": "^6.5.0-prerelease.14",
39
+ "@patternfly/react-tokens": "^6.5.0-prerelease.13",
40
40
  "tslib": "^2.8.1"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "^17 || ^18 || ^19",
44
44
  "react-dom": "^17 || ^18 || ^19"
45
45
  },
46
- "gitHead": "912729437db337b5e576adbe8d06bdf2bc04b189"
46
+ "gitHead": "4e03cd7da10407b9cefaa7dffee6904669dc56c4"
47
47
  }
package/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Dropdown items Matches snapshot 1`] = `
5
5
  <button
6
6
  aria-expanded="true"
7
7
  class="pf-v6-c-menu-toggle pf-m-expanded"
8
- data-ouia-component-id="OUIA-Generated-MenuToggle-default-23"
8
+ data-ouia-component-id="OUIA-Generated-MenuToggle-default-:r4j:"
9
9
  data-ouia-component-type="PF6/MenuToggle"
10
10
  data-ouia-safe="true"
11
11
  type="button"
@@ -27,12 +27,24 @@ exports[`Dropdown items Matches snapshot 1`] = `
27
27
  fill="currentColor"
28
28
  height="1em"
29
29
  role="img"
30
- viewBox="0 0 320 512"
31
30
  width="1em"
32
31
  >
33
- <path
34
- 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"
35
- />
32
+ <svg
33
+ class="pf-v6-icon-default"
34
+ viewBox="0 0 320 512"
35
+ >
36
+ <path
37
+ 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"
38
+ />
39
+ </svg>
40
+ <svg
41
+ class="pf-v6-icon-rh-ui"
42
+ viewBox="0 0 32 32"
43
+ >
44
+ <path
45
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
46
+ />
47
+ </svg>
36
48
  </svg>
37
49
  </span>
38
50
  </span>
@@ -45,7 +57,7 @@ exports[`Dropdown toggle Matches snapshot 1`] = `
45
57
  <button
46
58
  aria-expanded="false"
47
59
  class="pf-v6-c-menu-toggle"
48
- data-ouia-component-id="OUIA-Generated-MenuToggle-default-14"
60
+ data-ouia-component-id="OUIA-Generated-MenuToggle-default-:r2d:"
49
61
  data-ouia-component-type="PF6/MenuToggle"
50
62
  data-ouia-safe="true"
51
63
  type="button"
@@ -67,12 +79,24 @@ exports[`Dropdown toggle Matches snapshot 1`] = `
67
79
  fill="currentColor"
68
80
  height="1em"
69
81
  role="img"
70
- viewBox="0 0 320 512"
71
82
  width="1em"
72
83
  >
73
- <path
74
- 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"
75
- />
84
+ <svg
85
+ class="pf-v6-icon-default"
86
+ viewBox="0 0 320 512"
87
+ >
88
+ <path
89
+ 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"
90
+ />
91
+ </svg>
92
+ <svg
93
+ class="pf-v6-icon-rh-ui"
94
+ viewBox="0 0 32 32"
95
+ >
96
+ <path
97
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
98
+ />
99
+ </svg>
76
100
  </svg>
77
101
  </span>
78
102
  </span>
package/src/components/Select/TypeaheadSelect.tsx CHANGED
@@ -195,13 +195,20 @@ export const TypeaheadSelectBase: FunctionComponent<TypeaheadSelectProps> = ({
195
195
  }
196
196
  };
197
197
 
198
- const closeMenu = () => {
198
+ const closeMenu = (shouldRestoreInput = true) => {
199
199
  onToggle && onToggle(false);
200
200
  setIsOpen(false);
201
201
  resetActiveAndFocusedItem();
202
- const option = initialOptions.find((o) => o.value === selected);
203
- if (option) {
204
- setInputValue(String(option.content));
202
+
203
+ // Only restore input value when user cancels (doesn't select)
204
+ // Don't restore when explicitly selecting an option (handled by selectOption)
205
+ if (shouldRestoreInput) {
206
+ const option = initialOptions.find((o) => o.value === selected);
207
+ if (option) {
208
+ setInputValue(String(option.content));
209
+ }
210
+ // Clear filter when closing without selecting to show all options on next open
211
+ setFilterValue('');
205
212
  }
206
213
  };
207
214
 
@@ -223,7 +230,7 @@ export const TypeaheadSelectBase: FunctionComponent<TypeaheadSelectProps> = ({
223
230
  setFilterValue('');
224
231
  setSelected(String(option.value));
225
232
 
226
- closeMenu();
233
+ closeMenu(false); // Don't restore - we just set the correct value above
227
234
  };
228
235
 
229
236
  const _onSelect = (_event: ReactMouseEvent<Element, MouseEvent> | undefined, value: string | number | undefined) => {
package/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`checkbox select with no props snapshot 1`] = `
5
5
  <button
6
6
  aria-expanded="false"
7
7
  class="pf-v6-c-menu-toggle"
8
- data-ouia-component-id="OUIA-Generated-MenuToggle-1"
8
+ data-ouia-component-id="OUIA-Generated-MenuToggle-:r2:"
9
9
  data-ouia-component-type="PF6/MenuToggle"
10
10
  data-ouia-safe="true"
11
11
  style="width: 200px;"
@@ -28,12 +28,24 @@ exports[`checkbox select with no props snapshot 1`] = `
28
28
  fill="currentColor"
29
29
  height="1em"
30
30
  role="img"
31
- viewBox="0 0 320 512"
32
31
  width="1em"
33
32
  >
34
- <path
35
- 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"
36
- />
33
+ <svg
34
+ class="pf-v6-icon-default"
35
+ viewBox="0 0 320 512"
36
+ >
37
+ <path
38
+ 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"
39
+ />
40
+ </svg>
41
+ <svg
42
+ class="pf-v6-icon-rh-ui"
43
+ viewBox="0 0 32 32"
44
+ >
45
+ <path
46
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
47
+ />
48
+ </svg>
37
49
  </svg>
38
50
  </span>
39
51
  </span>
@@ -46,7 +58,7 @@ exports[`opened checkbox select snapshot 1`] = `
46
58
  <button
47
59
  aria-expanded="true"
48
60
  class="pf-v6-c-menu-toggle pf-m-expanded"
49
- data-ouia-component-id="OUIA-Generated-MenuToggle-2"
61
+ data-ouia-component-id="OUIA-Generated-MenuToggle-:r5:"
50
62
  data-ouia-component-type="PF6/MenuToggle"
51
63
  data-ouia-safe="true"
52
64
  style="width: 200px;"
@@ -69,12 +81,24 @@ exports[`opened checkbox select snapshot 1`] = `
69
81
  fill="currentColor"
70
82
  height="1em"
71
83
  role="img"
72
- viewBox="0 0 320 512"
73
84
  width="1em"
74
85
  >
75
- <path
76
- 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"
77
- />
86
+ <svg
87
+ class="pf-v6-icon-default"
88
+ viewBox="0 0 320 512"
89
+ >
90
+ <path
91
+ 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"
92
+ />
93
+ </svg>
94
+ <svg
95
+ class="pf-v6-icon-rh-ui"
96
+ viewBox="0 0 32 32"
97
+ >
98
+ <path
99
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
100
+ />
101
+ </svg>
78
102
  </svg>
79
103
  </span>
80
104
  </span>
package/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap CHANGED
@@ -34,7 +34,7 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = `
34
34
  <button
35
35
  aria-label="Clear input value"
36
36
  class="pf-v6-c-button pf-m-plain"
37
- data-ouia-component-id="OUIA-Generated-Button-plain-23"
37
+ data-ouia-component-id="OUIA-Generated-Button-plain-:r4u:"
38
38
  data-ouia-component-type="PF6/Button"
39
39
  data-ouia-safe="true"
40
40
  type="button"
@@ -48,12 +48,24 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = `
48
48
  fill="currentColor"
49
49
  height="1em"
50
50
  role="img"
51
- viewBox="0 0 352 512"
52
51
  width="1em"
53
52
  >
54
- <path
55
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
56
- />
53
+ <svg
54
+ class="pf-v6-icon-default"
55
+ viewBox="0 0 352 512"
56
+ >
57
+ <path
58
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
59
+ />
60
+ </svg>
61
+ <svg
62
+ class="pf-v6-icon-rh-ui"
63
+ viewBox="0 0 32 32"
64
+ >
65
+ <path
66
+ d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
67
+ />
68
+ </svg>
57
69
  </svg>
58
70
  </span>
59
71
  </button>
@@ -63,7 +75,7 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = `
63
75
  aria-expanded="true"
64
76
  aria-label="Multi select Typeahead menu toggle"
65
77
  class="pf-v6-c-menu-toggle__button"
66
- data-ouia-component-id="OUIA-Generated-MenuToggle-typeahead-20"
78
+ data-ouia-component-id="OUIA-Generated-MenuToggle-typeahead-:r4t:"
67
79
  data-ouia-component-type="PF6/MenuToggle"
68
80
  data-ouia-safe="true"
69
81
  tabindex="-1"
@@ -81,12 +93,24 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = `
81
93
  fill="currentColor"
82
94
  height="1em"
83
95
  role="img"
84
- viewBox="0 0 320 512"
85
96
  width="1em"
86
97
  >
87
- <path
88
- 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"
89
- />
98
+ <svg
99
+ class="pf-v6-icon-default"
100
+ viewBox="0 0 320 512"
101
+ >
102
+ <path
103
+ 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"
104
+ />
105
+ </svg>
106
+ <svg
107
+ class="pf-v6-icon-rh-ui"
108
+ viewBox="0 0 32 32"
109
+ >
110
+ <path
111
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
112
+ />
113
+ </svg>
90
114
  </svg>
91
115
  </span>
92
116
  </span>
package/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Matches snapshot 1`] = `
5
5
  <button
6
6
  aria-expanded="true"
7
7
  class="pf-v6-c-menu-toggle pf-m-expanded"
8
- data-ouia-component-id="OUIA-Generated-MenuToggle-13"
8
+ data-ouia-component-id="OUIA-Generated-MenuToggle-:r22:"
9
9
  data-ouia-component-type="PF6/MenuToggle"
10
10
  data-ouia-safe="true"
11
11
  style="width: 200px;"
@@ -28,12 +28,24 @@ exports[`Matches snapshot 1`] = `
28
28
  fill="currentColor"
29
29
  height="1em"
30
30
  role="img"
31
- viewBox="0 0 320 512"
32
31
  width="1em"
33
32
  >
34
- <path
35
- 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"
36
- />
33
+ <svg
34
+ class="pf-v6-icon-default"
35
+ viewBox="0 0 320 512"
36
+ >
37
+ <path
38
+ 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"
39
+ />
40
+ </svg>
41
+ <svg
42
+ class="pf-v6-icon-rh-ui"
43
+ viewBox="0 0 32 32"
44
+ >
45
+ <path
46
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
47
+ />
48
+ </svg>
37
49
  </svg>
38
50
  </span>
39
51
  </span>
@@ -46,7 +58,7 @@ exports[`checkbox select with no props snapshot 1`] = `
46
58
  <button
47
59
  aria-expanded="false"
48
60
  class="pf-v6-c-menu-toggle"
49
- data-ouia-component-id="OUIA-Generated-MenuToggle-12"
61
+ data-ouia-component-id="OUIA-Generated-MenuToggle-:r1v:"
50
62
  data-ouia-component-type="PF6/MenuToggle"
51
63
  data-ouia-safe="true"
52
64
  style="width: 200px;"
@@ -69,12 +81,24 @@ exports[`checkbox select with no props snapshot 1`] = `
69
81
  fill="currentColor"
70
82
  height="1em"
71
83
  role="img"
72
- viewBox="0 0 320 512"
73
84
  width="1em"
74
85
  >
75
- <path
76
- 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"
77
- />
86
+ <svg
87
+ class="pf-v6-icon-default"
88
+ viewBox="0 0 320 512"
89
+ >
90
+ <path
91
+ 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"
92
+ />
93
+ </svg>
94
+ <svg
95
+ class="pf-v6-icon-rh-ui"
96
+ viewBox="0 0 32 32"
97
+ >
98
+ <path
99
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
100
+ />
101
+ </svg>
78
102
  </svg>
79
103
  </span>
80
104
  </span>
package/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap CHANGED
@@ -34,7 +34,7 @@ exports[`Matches snapshot 1`] = `
34
34
  <button
35
35
  aria-label="Clear input value"
36
36
  class="pf-v6-c-button pf-m-plain"
37
- data-ouia-component-id="OUIA-Generated-Button-plain-18"
37
+ data-ouia-component-id="OUIA-Generated-Button-plain-:r4i:"
38
38
  data-ouia-component-type="PF6/Button"
39
39
  data-ouia-safe="true"
40
40
  type="button"
@@ -48,12 +48,24 @@ exports[`Matches snapshot 1`] = `
48
48
  fill="currentColor"
49
49
  height="1em"
50
50
  role="img"
51
- viewBox="0 0 352 512"
52
51
  width="1em"
53
52
  >
54
- <path
55
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
56
- />
53
+ <svg
54
+ class="pf-v6-icon-default"
55
+ viewBox="0 0 352 512"
56
+ >
57
+ <path
58
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
59
+ />
60
+ </svg>
61
+ <svg
62
+ class="pf-v6-icon-rh-ui"
63
+ viewBox="0 0 32 32"
64
+ >
65
+ <path
66
+ d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
67
+ />
68
+ </svg>
57
69
  </svg>
58
70
  </span>
59
71
  </button>
@@ -63,7 +75,7 @@ exports[`Matches snapshot 1`] = `
63
75
  aria-expanded="true"
64
76
  aria-label="Typeahead menu toggle"
65
77
  class="pf-v6-c-menu-toggle__button"
66
- data-ouia-component-id="OUIA-Generated-MenuToggle-typeahead-18"
78
+ data-ouia-component-id="OUIA-Generated-MenuToggle-typeahead-:r4h:"
67
79
  data-ouia-component-type="PF6/MenuToggle"
68
80
  data-ouia-safe="true"
69
81
  tabindex="-1"
@@ -81,12 +93,24 @@ exports[`Matches snapshot 1`] = `
81
93
  fill="currentColor"
82
94
  height="1em"
83
95
  role="img"
84
- viewBox="0 0 320 512"
85
96
  width="1em"
86
97
  >
87
- <path
88
- 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"
89
- />
98
+ <svg
99
+ class="pf-v6-icon-default"
100
+ viewBox="0 0 320 512"
101
+ >
102
+ <path
103
+ 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"
104
+ />
105
+ </svg>
106
+ <svg
107
+ class="pf-v6-icon-rh-ui"
108
+ viewBox="0 0 32 32"
109
+ >
110
+ <path
111
+ d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
112
+ />
113
+ </svg>
90
114
  </svg>
91
115
  </span>
92
116
  </span>