@patternfly/react-data-view 6.0.0-prerelease.1 → 6.1.0-prerelease.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-data-view",
3
- "version": "6.0.0-prerelease.1",
3
+ "version": "6.1.0-prerelease.1",
4
4
  "description": "Data view used for Red Hat projects.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
31
31
  "tag": "prerelease"
32
32
  },
33
33
  "dependencies": {
34
- "@patternfly/react-core": "^6.0.0-alpha.69",
35
- "@patternfly/react-icons": "^6.0.0-alpha.24",
36
- "@patternfly/react-table": "^6.0.0-alpha.69",
37
- "@patternfly/react-component-groups": "^6.0.0-alpha.2",
34
+ "@patternfly/react-core": "6.0.0-alpha.94",
35
+ "@patternfly/react-icons": "6.0.0-alpha.34",
36
+ "@patternfly/react-table": "6.0.0-alpha.95",
37
+ "@patternfly/react-component-groups": "6.0.0-alpha.6",
38
38
  "react-jss": "^10.10.0",
39
39
  "clsx": "^2.1.1"
40
40
  },
@@ -44,8 +44,8 @@
44
44
  },
45
45
  "devDependencies": {
46
46
  "@patternfly/patternfly-a11y": "^4.3.1",
47
- "@patternfly/documentation-framework": "^6.0.0-alpha.49",
48
- "@patternfly/patternfly": "6.0.0-alpha.139",
47
+ "@patternfly/patternfly": "6.0.0-alpha.205",
48
+ "@patternfly/documentation-framework": "6.0.0-alpha.69",
49
49
  "@types/react": "^18.3.1",
50
50
  "@types/react-dom": "^18.3.0",
51
51
  "@types/react-router-dom": "^5.3.3",
@@ -46,51 +46,58 @@ exports[`DataViewToolbar component should render correctly 1`] = `
46
46
  </b>
47
47
 
48
48
  </div>
49
- <button
50
- aria-expanded="false"
51
- aria-haspopup="listbox"
52
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
53
- id="options-menu-top-toggle"
54
- type="button"
49
+ <div
50
+ class="pf-v6-c-pagination__page-menu"
55
51
  >
56
- <span
57
- class="pf-v6-c-menu-toggle__text"
58
- >
59
- <b>
60
- 1
61
- -
62
- 10
63
- </b>
64
-
65
- of
66
-
67
- <b>
68
- 0
69
- </b>
70
-
71
- </span>
72
- <span
73
- class="pf-v6-c-menu-toggle__controls"
52
+ <button
53
+ aria-expanded="false"
54
+ aria-haspopup="listbox"
55
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
56
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
57
+ data-ouia-component-type="PF6/MenuToggle"
58
+ data-ouia-safe="true"
59
+ id="options-menu-top-toggle"
60
+ type="button"
74
61
  >
75
62
  <span
76
- class="pf-v6-c-menu-toggle__toggle-icon"
63
+ class="pf-v6-c-menu-toggle__text"
77
64
  >
78
- <svg
79
- aria-hidden="true"
80
- class="pf-v6-svg"
81
- fill="currentColor"
82
- height="1em"
83
- role="img"
84
- viewBox="0 0 320 512"
85
- width="1em"
65
+ <b>
66
+ 1
67
+ -
68
+ 10
69
+ </b>
70
+
71
+ of
72
+
73
+ <b>
74
+ 0
75
+ </b>
76
+
77
+ </span>
78
+ <span
79
+ class="pf-v6-c-menu-toggle__controls"
80
+ >
81
+ <span
82
+ class="pf-v6-c-menu-toggle__toggle-icon"
86
83
  >
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
- />
90
- </svg>
84
+ <svg
85
+ aria-hidden="true"
86
+ class="pf-v6-svg"
87
+ fill="currentColor"
88
+ height="1em"
89
+ role="img"
90
+ viewBox="0 0 320 512"
91
+ width="1em"
92
+ >
93
+ <path
94
+ 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"
95
+ />
96
+ </svg>
97
+ </span>
91
98
  </span>
92
- </span>
93
- </button>
99
+ </button>
100
+ </div>
94
101
  <nav
95
102
  aria-label="Pagination"
96
103
  class="pf-v6-c-pagination__nav"
@@ -109,19 +116,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
109
116
  disabled=""
110
117
  type="button"
111
118
  >
112
- <svg
113
- aria-hidden="true"
114
- class="pf-v6-svg"
115
- fill="currentColor"
116
- height="1em"
117
- role="img"
118
- viewBox="0 0 448 512"
119
- width="1em"
119
+ <span
120
+ class="pf-v6-c-button__icon pf-m-start"
120
121
  >
121
- <path
122
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
123
- />
124
- </svg>
122
+ <svg
123
+ aria-hidden="true"
124
+ class="pf-v6-svg"
125
+ fill="currentColor"
126
+ height="1em"
127
+ role="img"
128
+ viewBox="0 0 448 512"
129
+ width="1em"
130
+ >
131
+ <path
132
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
133
+ />
134
+ </svg>
135
+ </span>
125
136
  </button>
126
137
  </div>
127
138
  <div
@@ -138,19 +149,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
138
149
  disabled=""
139
150
  type="button"
140
151
  >
141
- <svg
142
- aria-hidden="true"
143
- class="pf-v6-svg"
144
- fill="currentColor"
145
- height="1em"
146
- role="img"
147
- viewBox="0 0 256 512"
148
- width="1em"
152
+ <span
153
+ class="pf-v6-c-button__icon pf-m-start"
149
154
  >
150
- <path
151
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
152
- />
153
- </svg>
155
+ <svg
156
+ aria-hidden="true"
157
+ class="pf-v6-svg"
158
+ fill="currentColor"
159
+ height="1em"
160
+ role="img"
161
+ viewBox="0 0 256 512"
162
+ width="1em"
163
+ >
164
+ <path
165
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
166
+ />
167
+ </svg>
168
+ </span>
154
169
  </button>
155
170
  </div>
156
171
  <div
@@ -185,19 +200,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
185
200
  data-ouia-safe="true"
186
201
  type="button"
187
202
  >
188
- <svg
189
- aria-hidden="true"
190
- class="pf-v6-svg"
191
- fill="currentColor"
192
- height="1em"
193
- role="img"
194
- viewBox="0 0 256 512"
195
- width="1em"
203
+ <span
204
+ class="pf-v6-c-button__icon pf-m-start"
196
205
  >
197
- <path
198
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
199
- />
200
- </svg>
206
+ <svg
207
+ aria-hidden="true"
208
+ class="pf-v6-svg"
209
+ fill="currentColor"
210
+ height="1em"
211
+ role="img"
212
+ viewBox="0 0 256 512"
213
+ width="1em"
214
+ >
215
+ <path
216
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
217
+ />
218
+ </svg>
219
+ </span>
201
220
  </button>
202
221
  </div>
203
222
  <div
@@ -213,19 +232,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
213
232
  data-ouia-safe="true"
214
233
  type="button"
215
234
  >
216
- <svg
217
- aria-hidden="true"
218
- class="pf-v6-svg"
219
- fill="currentColor"
220
- height="1em"
221
- role="img"
222
- viewBox="0 0 448 512"
223
- width="1em"
235
+ <span
236
+ class="pf-v6-c-button__icon pf-m-start"
224
237
  >
225
- <path
226
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
227
- />
228
- </svg>
238
+ <svg
239
+ aria-hidden="true"
240
+ class="pf-v6-svg"
241
+ fill="currentColor"
242
+ height="1em"
243
+ role="img"
244
+ viewBox="0 0 448 512"
245
+ width="1em"
246
+ >
247
+ <path
248
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
249
+ />
250
+ </svg>
251
+ </span>
229
252
  </button>
230
253
  </div>
231
254
  </nav>
@@ -286,51 +309,58 @@ exports[`DataViewToolbar component should render correctly 1`] = `
286
309
  </b>
287
310
 
288
311
  </div>
289
- <button
290
- aria-expanded="false"
291
- aria-haspopup="listbox"
292
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
293
- id="options-menu-top-toggle"
294
- type="button"
312
+ <div
313
+ class="pf-v6-c-pagination__page-menu"
295
314
  >
296
- <span
297
- class="pf-v6-c-menu-toggle__text"
298
- >
299
- <b>
300
- 1
301
- -
302
- 10
303
- </b>
304
-
305
- of
306
-
307
- <b>
308
- 0
309
- </b>
310
-
311
- </span>
312
- <span
313
- class="pf-v6-c-menu-toggle__controls"
315
+ <button
316
+ aria-expanded="false"
317
+ aria-haspopup="listbox"
318
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
319
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
320
+ data-ouia-component-type="PF6/MenuToggle"
321
+ data-ouia-safe="true"
322
+ id="options-menu-top-toggle"
323
+ type="button"
314
324
  >
315
325
  <span
316
- class="pf-v6-c-menu-toggle__toggle-icon"
326
+ class="pf-v6-c-menu-toggle__text"
317
327
  >
318
- <svg
319
- aria-hidden="true"
320
- class="pf-v6-svg"
321
- fill="currentColor"
322
- height="1em"
323
- role="img"
324
- viewBox="0 0 320 512"
325
- width="1em"
328
+ <b>
329
+ 1
330
+ -
331
+ 10
332
+ </b>
333
+
334
+ of
335
+
336
+ <b>
337
+ 0
338
+ </b>
339
+
340
+ </span>
341
+ <span
342
+ class="pf-v6-c-menu-toggle__controls"
343
+ >
344
+ <span
345
+ class="pf-v6-c-menu-toggle__toggle-icon"
326
346
  >
327
- <path
328
- 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"
329
- />
330
- </svg>
347
+ <svg
348
+ aria-hidden="true"
349
+ class="pf-v6-svg"
350
+ fill="currentColor"
351
+ height="1em"
352
+ role="img"
353
+ viewBox="0 0 320 512"
354
+ width="1em"
355
+ >
356
+ <path
357
+ 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"
358
+ />
359
+ </svg>
360
+ </span>
331
361
  </span>
332
- </span>
333
- </button>
362
+ </button>
363
+ </div>
334
364
  <nav
335
365
  aria-label="Pagination"
336
366
  class="pf-v6-c-pagination__nav"
@@ -349,19 +379,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
349
379
  disabled=""
350
380
  type="button"
351
381
  >
352
- <svg
353
- aria-hidden="true"
354
- class="pf-v6-svg"
355
- fill="currentColor"
356
- height="1em"
357
- role="img"
358
- viewBox="0 0 448 512"
359
- width="1em"
382
+ <span
383
+ class="pf-v6-c-button__icon pf-m-start"
360
384
  >
361
- <path
362
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
363
- />
364
- </svg>
385
+ <svg
386
+ aria-hidden="true"
387
+ class="pf-v6-svg"
388
+ fill="currentColor"
389
+ height="1em"
390
+ role="img"
391
+ viewBox="0 0 448 512"
392
+ width="1em"
393
+ >
394
+ <path
395
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
396
+ />
397
+ </svg>
398
+ </span>
365
399
  </button>
366
400
  </div>
367
401
  <div
@@ -378,19 +412,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
378
412
  disabled=""
379
413
  type="button"
380
414
  >
381
- <svg
382
- aria-hidden="true"
383
- class="pf-v6-svg"
384
- fill="currentColor"
385
- height="1em"
386
- role="img"
387
- viewBox="0 0 256 512"
388
- width="1em"
415
+ <span
416
+ class="pf-v6-c-button__icon pf-m-start"
389
417
  >
390
- <path
391
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
392
- />
393
- </svg>
418
+ <svg
419
+ aria-hidden="true"
420
+ class="pf-v6-svg"
421
+ fill="currentColor"
422
+ height="1em"
423
+ role="img"
424
+ viewBox="0 0 256 512"
425
+ width="1em"
426
+ >
427
+ <path
428
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
429
+ />
430
+ </svg>
431
+ </span>
394
432
  </button>
395
433
  </div>
396
434
  <div
@@ -425,19 +463,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
425
463
  data-ouia-safe="true"
426
464
  type="button"
427
465
  >
428
- <svg
429
- aria-hidden="true"
430
- class="pf-v6-svg"
431
- fill="currentColor"
432
- height="1em"
433
- role="img"
434
- viewBox="0 0 256 512"
435
- width="1em"
466
+ <span
467
+ class="pf-v6-c-button__icon pf-m-start"
436
468
  >
437
- <path
438
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
439
- />
440
- </svg>
469
+ <svg
470
+ aria-hidden="true"
471
+ class="pf-v6-svg"
472
+ fill="currentColor"
473
+ height="1em"
474
+ role="img"
475
+ viewBox="0 0 256 512"
476
+ width="1em"
477
+ >
478
+ <path
479
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
480
+ />
481
+ </svg>
482
+ </span>
441
483
  </button>
442
484
  </div>
443
485
  <div
@@ -453,19 +495,23 @@ exports[`DataViewToolbar component should render correctly 1`] = `
453
495
  data-ouia-safe="true"
454
496
  type="button"
455
497
  >
456
- <svg
457
- aria-hidden="true"
458
- class="pf-v6-svg"
459
- fill="currentColor"
460
- height="1em"
461
- role="img"
462
- viewBox="0 0 448 512"
463
- width="1em"
498
+ <span
499
+ class="pf-v6-c-button__icon pf-m-start"
464
500
  >
465
- <path
466
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
467
- />
468
- </svg>
501
+ <svg
502
+ aria-hidden="true"
503
+ class="pf-v6-svg"
504
+ fill="currentColor"
505
+ height="1em"
506
+ role="img"
507
+ viewBox="0 0 448 512"
508
+ width="1em"
509
+ >
510
+ <path
511
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
512
+ />
513
+ </svg>
514
+ </span>
469
515
  </button>
470
516
  </div>
471
517
  </nav>