@patternfly/react-core 5.0.0-alpha.22 → 5.0.0-alpha.24

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 (45) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/Card/Card.d.ts +1 -1
  3. package/components/Card/Card.d.ts.map +1 -1
  4. package/components/Card/Card.js +1 -1
  5. package/components/Card/Card.js.map +1 -1
  6. package/components/Chip/Chip.d.ts.map +1 -1
  7. package/components/Chip/Chip.js +7 -4
  8. package/components/Chip/Chip.js.map +1 -1
  9. package/components/Label/Label.d.ts.map +1 -1
  10. package/components/Label/Label.js +2 -1
  11. package/components/Label/Label.js.map +1 -1
  12. package/dist/esm/components/Card/Card.d.ts +1 -1
  13. package/dist/esm/components/Card/Card.d.ts.map +1 -1
  14. package/dist/esm/components/Card/Card.js +1 -1
  15. package/dist/esm/components/Card/Card.js.map +1 -1
  16. package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
  17. package/dist/esm/components/Chip/Chip.js +7 -4
  18. package/dist/esm/components/Chip/Chip.js.map +1 -1
  19. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  20. package/dist/esm/components/Label/Label.js +2 -1
  21. package/dist/esm/components/Label/Label.js.map +1 -1
  22. package/dist/js/components/Card/Card.d.ts +1 -1
  23. package/dist/js/components/Card/Card.d.ts.map +1 -1
  24. package/dist/js/components/Card/Card.js +1 -1
  25. package/dist/js/components/Card/Card.js.map +1 -1
  26. package/dist/js/components/Chip/Chip.d.ts.map +1 -1
  27. package/dist/js/components/Chip/Chip.js +7 -4
  28. package/dist/js/components/Chip/Chip.js.map +1 -1
  29. package/dist/js/components/Label/Label.d.ts.map +1 -1
  30. package/dist/js/components/Label/Label.js +2 -1
  31. package/dist/js/components/Label/Label.js.map +1 -1
  32. package/dist/umd/react-core.min.js +1 -1
  33. package/package.json +2 -2
  34. package/src/components/Card/Card.tsx +2 -2
  35. package/src/components/Card/examples/CardLegacySelectable.tsx +1 -1
  36. package/src/components/Card/examples/CardSelectable.tsx +1 -1
  37. package/src/components/Card/examples/CardSelectableA11yHighlight.tsx +1 -1
  38. package/src/components/Chip/Chip.tsx +19 -13
  39. package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +149 -109
  40. package/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +136 -104
  41. package/src/components/Label/Label.tsx +14 -10
  42. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +75 -63
  43. package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +68 -52
  44. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +68 -52
  45. package/src/demos/PrimaryDetail.md +1 -1
package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap CHANGED
@@ -299,36 +299,44 @@ exports[`Toolbar should render with custom chip content 1`] = `
299
299
  data-ouia-safe="true"
300
300
  >
301
301
  <span
302
- class="pf-c-chip__text"
303
- id="pf-random-id-3"
302
+ class="pf-c-chip__content"
304
303
  >
305
- New
304
+ <span
305
+ class="pf-c-chip__text"
306
+ id="pf-random-id-3"
307
+ >
308
+ New
309
+ </span>
306
310
  </span>
307
- <button
308
- aria-disabled="false"
309
- aria-label="close"
310
- aria-labelledby="remove_pf-random-id-3 pf-random-id-3"
311
- class="pf-c-button pf-m-plain"
312
- data-ouia-component-id="close"
313
- data-ouia-component-type="PF4/Button"
314
- data-ouia-safe="true"
315
- id="remove_pf-random-id-3"
316
- type="button"
311
+ <span
312
+ class="pf-c-chip__actions"
317
313
  >
318
- <svg
319
- aria-hidden="true"
320
- fill="currentColor"
321
- height="1em"
322
- role="img"
323
- style="vertical-align: -0.125em;"
324
- viewBox="0 0 352 512"
325
- width="1em"
314
+ <button
315
+ aria-disabled="false"
316
+ aria-label="close"
317
+ aria-labelledby="remove_pf-random-id-3 pf-random-id-3"
318
+ class="pf-c-button pf-m-plain"
319
+ data-ouia-component-id="close"
320
+ data-ouia-component-type="PF4/Button"
321
+ data-ouia-safe="true"
322
+ id="remove_pf-random-id-3"
323
+ type="button"
326
324
  >
327
- <path
328
- 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"
329
- />
330
- </svg>
331
- </button>
325
+ <svg
326
+ aria-hidden="true"
327
+ fill="currentColor"
328
+ height="1em"
329
+ role="img"
330
+ style="vertical-align: -0.125em;"
331
+ viewBox="0 0 352 512"
332
+ width="1em"
333
+ >
334
+ <path
335
+ 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"
336
+ />
337
+ </svg>
338
+ </button>
339
+ </span>
332
340
  </div>
333
341
  </li>
334
342
  <li
@@ -341,36 +349,44 @@ exports[`Toolbar should render with custom chip content 1`] = `
341
349
  data-ouia-safe="true"
342
350
  >
343
351
  <span
344
- class="pf-c-chip__text"
345
- id="pf-random-id-4"
352
+ class="pf-c-chip__content"
346
353
  >
347
- Pending
354
+ <span
355
+ class="pf-c-chip__text"
356
+ id="pf-random-id-4"
357
+ >
358
+ Pending
359
+ </span>
348
360
  </span>
349
- <button
350
- aria-disabled="false"
351
- aria-label="close"
352
- aria-labelledby="remove_pf-random-id-4 pf-random-id-4"
353
- class="pf-c-button pf-m-plain"
354
- data-ouia-component-id="close"
355
- data-ouia-component-type="PF4/Button"
356
- data-ouia-safe="true"
357
- id="remove_pf-random-id-4"
358
- type="button"
361
+ <span
362
+ class="pf-c-chip__actions"
359
363
  >
360
- <svg
361
- aria-hidden="true"
362
- fill="currentColor"
363
- height="1em"
364
- role="img"
365
- style="vertical-align: -0.125em;"
366
- viewBox="0 0 352 512"
367
- width="1em"
364
+ <button
365
+ aria-disabled="false"
366
+ aria-label="close"
367
+ aria-labelledby="remove_pf-random-id-4 pf-random-id-4"
368
+ class="pf-c-button pf-m-plain"
369
+ data-ouia-component-id="close"
370
+ data-ouia-component-type="PF4/Button"
371
+ data-ouia-safe="true"
372
+ id="remove_pf-random-id-4"
373
+ type="button"
368
374
  >
369
- <path
370
- 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"
371
- />
372
- </svg>
373
- </button>
375
+ <svg
376
+ aria-hidden="true"
377
+ fill="currentColor"
378
+ height="1em"
379
+ role="img"
380
+ style="vertical-align: -0.125em;"
381
+ viewBox="0 0 352 512"
382
+ width="1em"
383
+ >
384
+ <path
385
+ 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"
386
+ />
387
+ </svg>
388
+ </button>
389
+ </span>
374
390
  </div>
375
391
  </li>
376
392
  </ul>
package/src/demos/PrimaryDetail.md CHANGED
@@ -1133,7 +1133,7 @@ class PrimaryDetailCardView extends React.Component {
1133
1133
  });
1134
1134
  };
1135
1135
 
1136
- this.onChange = (labelledById, _event) => {
1136
+ this.onChange = (_event, labelledById) => {
1137
1137
  if (labelledById === this.state.activeCard) {
1138
1138
  return;
1139
1139
  }