@@ -65,28 +65,32 @@ exports[`CatalogTile renders properly 1`] = `
65
65
class = " catalog-tile-pf-badge-container"
66
66
>
67
67
<span >
68
- <span
69
- class = " catalog-tile-pf-badge "
68
+ <div
69
+ style = " display: contents; "
70
70
>
71
- <svg
72
- aria-hidden = " true"
73
- fill = " currentColor"
74
- height = " 1em"
75
- role = " img"
76
- style = " vertical-align: -0.125em;"
77
- viewBox = " 0 0 512 512"
78
- width = " 1em"
79
- >
80
- <path
81
- d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
82
- />
83
- </svg >
84
71
<span
85
- class = " pf-u-screen-reader "
72
+ class = " catalog-tile-pf-badge "
86
73
>
87
- Certified
74
+ <svg
75
+ aria-hidden = " true"
76
+ fill = " currentColor"
77
+ height = " 1em"
78
+ role = " img"
79
+ style = " vertical-align: -0.125em;"
80
+ viewBox = " 0 0 512 512"
81
+ width = " 1em"
82
+ >
83
+ <path
84
+ d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
85
+ />
86
+ </svg >
87
+ <span
88
+ class = " pf-u-screen-reader"
89
+ >
90
+ Certified
91
+ </span >
88
92
</span >
89
- </span >
93
+ </div >
90
94
</span >
91
95
<span >
92
96
<span
@@ -165,52 +169,60 @@ exports[`CatalogTile renders properly 1`] = `
165
169
class = " catalog-tile-pf-badge-container"
166
170
>
167
171
<span >
168
- <span
169
- class = " catalog-tile-pf-badge "
172
+ <div
173
+ style = " display: contents; "
170
174
>
171
- <svg
172
- aria-hidden = " true"
173
- fill = " currentColor"
174
- height = " 1em"
175
- role = " img"
176
- style = " vertical-align: -0.125em;"
177
- viewBox = " 0 0 512 512"
178
- width = " 1em"
179
- >
180
- <path
181
- d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
182
- />
183
- </svg >
184
175
<span
185
- class = " pf-u-screen-reader "
176
+ class = " catalog-tile-pf-badge "
186
177
>
187
- Certified
178
+ <svg
179
+ aria-hidden = " true"
180
+ fill = " currentColor"
181
+ height = " 1em"
182
+ role = " img"
183
+ style = " vertical-align: -0.125em;"
184
+ viewBox = " 0 0 512 512"
185
+ width = " 1em"
186
+ >
187
+ <path
188
+ d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
189
+ />
190
+ </svg >
191
+ <span
192
+ class = " pf-u-screen-reader"
193
+ >
194
+ Certified
195
+ </span >
188
196
</span >
189
- </span >
197
+ </div >
190
198
</span >
191
199
<span >
192
- <span
193
- class = " catalog-tile-pf-badge "
200
+ <div
201
+ style = " display: contents; "
194
202
>
195
- <svg
196
- aria-hidden = " true"
197
- fill = " currentColor"
198
- height = " 1em"
199
- role = " img"
200
- style = " vertical-align: -0.125em;"
201
- viewBox = " 0 0 512 512"
202
- width = " 1em"
203
- >
204
- <path
205
- d = " M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"
206
- />
207
- </svg >
208
203
<span
209
- class = " pf-u-screen-reader "
204
+ class = " catalog-tile-pf-badge "
210
205
>
211
- USDA Approved
206
+ <svg
207
+ aria-hidden = " true"
208
+ fill = " currentColor"
209
+ height = " 1em"
210
+ role = " img"
211
+ style = " vertical-align: -0.125em;"
212
+ viewBox = " 0 0 512 512"
213
+ width = " 1em"
214
+ >
215
+ <path
216
+ d = " M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"
217
+ />
218
+ </svg >
219
+ <span
220
+ class = " pf-u-screen-reader"
221
+ >
222
+ USDA Approved
223
+ </span >
212
224
</span >
213
- </span >
225
+ </div >
214
226
</span >
215
227
</div >
216
228
</div >
@@ -266,28 +278,32 @@ exports[`CatalogTile renders properly 1`] = `
266
278
class = " catalog-tile-pf-badge-container"
267
279
>
268
280
<span >
269
- <span
270
- class = " catalog-tile-pf-badge "
281
+ <div
282
+ style = " display: contents; "
271
283
>
272
- <svg
273
- aria-hidden = " true"
274
- fill = " currentColor"
275
- height = " 1em"
276
- role = " img"
277
- style = " vertical-align: -0.125em;"
278
- viewBox = " 0 0 512 512"
279
- width = " 1em"
280
- >
281
- <path
282
- d = " M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"
283
- />
284
- </svg >
285
284
<span
286
- class = " pf-u-screen-reader "
285
+ class = " catalog-tile-pf-badge "
287
286
>
288
- USDA Approved
287
+ <svg
288
+ aria-hidden = " true"
289
+ fill = " currentColor"
290
+ height = " 1em"
291
+ role = " img"
292
+ style = " vertical-align: -0.125em;"
293
+ viewBox = " 0 0 512 512"
294
+ width = " 1em"
295
+ >
296
+ <path
297
+ d = " M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"
298
+ />
299
+ </svg >
300
+ <span
301
+ class = " pf-u-screen-reader"
302
+ >
303
+ USDA Approved
304
+ </span >
289
305
</span >
290
- </span >
306
+ </div >
291
307
</span >
292
308
</div >
293
309
</div >
@@ -340,28 +356,32 @@ exports[`CatalogTile renders properly 1`] = `
340
356
class = " catalog-tile-pf-badge-container"
341
357
>
342
358
<span >
343
- <span
344
- class = " catalog-tile-pf-badge "
359
+ <div
360
+ style = " display: contents; "
345
361
>
346
- <svg
347
- aria-hidden = " true"
348
- fill = " currentColor"
349
- height = " 1em"
350
- role = " img"
351
- style = " vertical-align: -0.125em;"
352
- viewBox = " 0 0 512 512"
353
- width = " 1em"
354
- >
355
- <path
356
- d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
357
- />
358
- </svg >
359
362
<span
360
- class = " pf-u-screen-reader "
363
+ class = " catalog-tile-pf-badge "
361
364
>
362
- Certified
365
+ <svg
366
+ aria-hidden = " true"
367
+ fill = " currentColor"
368
+ height = " 1em"
369
+ role = " img"
370
+ style = " vertical-align: -0.125em;"
371
+ viewBox = " 0 0 512 512"
372
+ width = " 1em"
373
+ >
374
+ <path
375
+ d = " M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
376
+ />
377
+ </svg >
378
+ <span
379
+ class = " pf-u-screen-reader"
380
+ >
381
+ Certified
382
+ </span >
363
383
</span >
364
- </span >
384
+ </div >
365
385
</span >
366
386
</div >
367
387
</div >
0 commit comments