@patternfly/react-core 4.221.16 → 4.222.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.
Files changed (48) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  3. package/dist/esm/components/CalendarMonth/CalendarMonth.js +35 -30
  4. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  5. package/dist/esm/components/Form/FormGroup.d.ts +4 -0
  6. package/dist/esm/components/Form/FormGroup.d.ts.map +1 -1
  7. package/dist/esm/components/Form/FormGroup.js +6 -4
  8. package/dist/esm/components/Form/FormGroup.js.map +1 -1
  9. package/dist/esm/components/Form/FormSection.d.ts.map +1 -1
  10. package/dist/esm/components/Form/FormSection.js +4 -3
  11. package/dist/esm/components/Form/FormSection.js.map +1 -1
  12. package/dist/esm/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
  13. package/dist/esm/components/Form/InternalFormFieldGroup.js +1 -1
  14. package/dist/esm/components/Form/InternalFormFieldGroup.js.map +1 -1
  15. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  16. package/dist/esm/components/Select/Select.js +21 -14
  17. package/dist/esm/components/Select/Select.js.map +1 -1
  18. package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  19. package/dist/js/components/CalendarMonth/CalendarMonth.js +35 -30
  20. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  21. package/dist/js/components/Form/FormGroup.d.ts +4 -0
  22. package/dist/js/components/Form/FormGroup.d.ts.map +1 -1
  23. package/dist/js/components/Form/FormGroup.js +6 -4
  24. package/dist/js/components/Form/FormGroup.js.map +1 -1
  25. package/dist/js/components/Form/FormSection.d.ts.map +1 -1
  26. package/dist/js/components/Form/FormSection.js +4 -3
  27. package/dist/js/components/Form/FormSection.js.map +1 -1
  28. package/dist/js/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
  29. package/dist/js/components/Form/InternalFormFieldGroup.js +1 -1
  30. package/dist/js/components/Form/InternalFormFieldGroup.js.map +1 -1
  31. package/dist/js/components/Select/Select.d.ts.map +1 -1
  32. package/dist/js/components/Select/Select.js +21 -14
  33. package/dist/js/components/Select/Select.js.map +1 -1
  34. package/dist/umd/react-core.js +308 -308
  35. package/dist/umd/react-core.min.css +69 -69
  36. package/dist/umd/react-core.min.js +4 -4
  37. package/package.json +5 -5
  38. package/src/components/CalendarMonth/CalendarMonth.tsx +57 -51
  39. package/src/components/Form/FormGroup.tsx +17 -3
  40. package/src/components/Form/FormSection.tsx +18 -4
  41. package/src/components/Form/InternalFormFieldGroup.tsx +2 -0
  42. package/src/components/Form/__tests__/FormFieldGroup.test.tsx +23 -1
  43. package/src/components/Form/__tests__/FormGroup.test.tsx +89 -0
  44. package/src/components/Form/__tests__/FormSection.test.tsx +13 -1
  45. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +4 -0
  46. package/src/components/Form/__tests__/__snapshots__/FormSection.test.tsx.snap +4 -0
  47. package/src/components/Form/examples/Form.md +45 -12
  48. package/src/components/Select/Select.tsx +16 -4
package/dist/umd/react-core.min.css CHANGED
@@ -23396,75 +23396,6 @@ svg.pf-c-spinner.pf-m-xl {
23396
23396
  direction: ltr;
23397
23397
  }
23398
23398
  }
23399
- .pf-l-gallery {
23400
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
23401
- --pf-l-gallery--GridTemplateColumns--min: 250px;
23402
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
23403
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
23404
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
23405
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
23406
- --pf-l-gallery--GridTemplateRows: auto;
23407
- display: grid;
23408
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
23409
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
23410
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
23411
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
23412
- }
23413
-
23414
- .pf-l-gallery.pf-m-gutter {
23415
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
23416
- }
23417
-
23418
- @media (min-width: 576px) {
23419
- .pf-l-gallery {
23420
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
23421
- }
23422
- }
23423
- @media (min-width: 768px) {
23424
- .pf-l-gallery {
23425
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
23426
- }
23427
- }
23428
- @media (min-width: 992px) {
23429
- .pf-l-gallery {
23430
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
23431
- }
23432
- }
23433
- @media (min-width: 1200px) {
23434
- .pf-l-gallery {
23435
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
23436
- }
23437
- }
23438
- @media (min-width: 1450px) {
23439
- .pf-l-gallery {
23440
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
23441
- }
23442
- }
23443
- @media (min-width: 576px) {
23444
- .pf-l-gallery {
23445
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
23446
- }
23447
- }
23448
- @media (min-width: 768px) {
23449
- .pf-l-gallery {
23450
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
23451
- }
23452
- }
23453
- @media (min-width: 992px) {
23454
- .pf-l-gallery {
23455
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
23456
- }
23457
- }
23458
- @media (min-width: 1200px) {
23459
- .pf-l-gallery {
23460
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
23461
- }
23462
- }
23463
- @media (min-width: 1450px) {
23464
- .pf-l-gallery {
23465
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
23466
- }
23467
- }
23468
23399
  .pf-l-flex {
23469
23400
  --pf-l-flex--Display: flex;
23470
23401
  --pf-l-flex--FlexWrap: wrap;
@@ -25541,6 +25472,75 @@ svg.pf-c-spinner.pf-m-xl {
25541
25472
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
25542
25473
  }
25543
25474
  }
25475
+ .pf-l-gallery {
25476
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25477
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
25478
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25479
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
25480
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25481
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25482
+ --pf-l-gallery--GridTemplateRows: auto;
25483
+ display: grid;
25484
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25485
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25486
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25487
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25488
+ }
25489
+
25490
+ .pf-l-gallery.pf-m-gutter {
25491
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25492
+ }
25493
+
25494
+ @media (min-width: 576px) {
25495
+ .pf-l-gallery {
25496
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25497
+ }
25498
+ }
25499
+ @media (min-width: 768px) {
25500
+ .pf-l-gallery {
25501
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
25502
+ }
25503
+ }
25504
+ @media (min-width: 992px) {
25505
+ .pf-l-gallery {
25506
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
25507
+ }
25508
+ }
25509
+ @media (min-width: 1200px) {
25510
+ .pf-l-gallery {
25511
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
25512
+ }
25513
+ }
25514
+ @media (min-width: 1450px) {
25515
+ .pf-l-gallery {
25516
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
25517
+ }
25518
+ }
25519
+ @media (min-width: 576px) {
25520
+ .pf-l-gallery {
25521
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25522
+ }
25523
+ }
25524
+ @media (min-width: 768px) {
25525
+ .pf-l-gallery {
25526
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
25527
+ }
25528
+ }
25529
+ @media (min-width: 992px) {
25530
+ .pf-l-gallery {
25531
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
25532
+ }
25533
+ }
25534
+ @media (min-width: 1200px) {
25535
+ .pf-l-gallery {
25536
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
25537
+ }
25538
+ }
25539
+ @media (min-width: 1450px) {
25540
+ .pf-l-gallery {
25541
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
25542
+ }
25543
+ }
25544
25544
  .pf-l-grid {
25545
25545
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
25546
25546
  --pf-l-grid__item--GridColumnStart: auto;