@patternfly/react-core 4.221.16 → 4.221.17

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.
@@ -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;