@patternfly/react-core 4.236.2 → 4.236.3

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 +8 -0
  2. package/dist/esm/components/Alert/Alert.d.ts +2 -0
  3. package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
  4. package/dist/esm/components/Alert/Alert.js +2 -2
  5. package/dist/esm/components/Alert/Alert.js.map +1 -1
  6. package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  7. package/dist/esm/components/AlertGroup/AlertGroupInline.js +4 -1
  8. package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
  9. package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
  10. package/dist/esm/components/Tabs/OverflowTab.js +1 -1
  11. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
  12. package/dist/esm/components/Tabs/TabButton.d.ts.map +1 -1
  13. package/dist/esm/components/Tabs/TabButton.js +1 -1
  14. package/dist/esm/components/Tabs/TabButton.js.map +1 -1
  15. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  16. package/dist/esm/components/Tabs/Tabs.js +2 -2
  17. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  18. package/dist/js/components/Alert/Alert.d.ts +2 -0
  19. package/dist/js/components/Alert/Alert.d.ts.map +1 -1
  20. package/dist/js/components/Alert/Alert.js +2 -2
  21. package/dist/js/components/Alert/Alert.js.map +1 -1
  22. package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  23. package/dist/js/components/AlertGroup/AlertGroupInline.js +4 -1
  24. package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
  25. package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
  26. package/dist/js/components/Tabs/OverflowTab.js +1 -1
  27. package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
  28. package/dist/js/components/Tabs/TabButton.d.ts.map +1 -1
  29. package/dist/js/components/Tabs/TabButton.js +1 -1
  30. package/dist/js/components/Tabs/TabButton.js.map +1 -1
  31. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  32. package/dist/js/components/Tabs/Tabs.js +2 -2
  33. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  34. package/dist/umd/react-core.min.css +69 -69
  35. package/dist/umd/react-core.min.js +2 -2
  36. package/package.json +5 -5
  37. package/src/components/Alert/Alert.tsx +4 -0
  38. package/src/components/AlertGroup/AlertGroupInline.tsx +3 -2
  39. package/src/components/Tabs/OverflowTab.tsx +1 -0
  40. package/src/components/Tabs/TabButton.tsx +6 -1
  41. package/src/components/Tabs/Tabs.tsx +2 -0
  42. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +1 -0
  43. package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +1 -0
  44. package/src/components/Tabs/__tests__/__snapshots__/TabButton.test.tsx.snap +1 -0
  45. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +67 -0
package/dist/umd/react-core.min.css CHANGED
@@ -26177,75 +26177,6 @@ label.pf-c-tree-view__node-text {
26177
26177
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26178
26178
  }
26179
26179
  }
26180
- .pf-l-gallery {
26181
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26182
- --pf-l-gallery--GridTemplateColumns--min: 250px;
26183
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26184
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
26185
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26186
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26187
- --pf-l-gallery--GridTemplateRows: auto;
26188
- display: grid;
26189
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26190
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26191
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26192
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26193
- }
26194
-
26195
- .pf-l-gallery.pf-m-gutter {
26196
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26197
- }
26198
-
26199
- @media (min-width: 576px) {
26200
- .pf-l-gallery {
26201
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26202
- }
26203
- }
26204
- @media (min-width: 768px) {
26205
- .pf-l-gallery {
26206
- --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)));
26207
- }
26208
- }
26209
- @media (min-width: 992px) {
26210
- .pf-l-gallery {
26211
- --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))));
26212
- }
26213
- }
26214
- @media (min-width: 1200px) {
26215
- .pf-l-gallery {
26216
- --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)))));
26217
- }
26218
- }
26219
- @media (min-width: 1450px) {
26220
- .pf-l-gallery {
26221
- --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))))));
26222
- }
26223
- }
26224
- @media (min-width: 576px) {
26225
- .pf-l-gallery {
26226
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26227
- }
26228
- }
26229
- @media (min-width: 768px) {
26230
- .pf-l-gallery {
26231
- --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)));
26232
- }
26233
- }
26234
- @media (min-width: 992px) {
26235
- .pf-l-gallery {
26236
- --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))));
26237
- }
26238
- }
26239
- @media (min-width: 1200px) {
26240
- .pf-l-gallery {
26241
- --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)))));
26242
- }
26243
- }
26244
- @media (min-width: 1450px) {
26245
- .pf-l-gallery {
26246
- --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))))));
26247
- }
26248
- }
26249
26180
  .pf-l-grid {
26250
26181
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26251
26182
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27460,6 +27391,75 @@ label.pf-c-tree-view__node-text {
27460
27391
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27461
27392
  }
27462
27393
 
27394
+ .pf-l-gallery {
27395
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27396
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27397
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27398
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27399
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27400
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27401
+ --pf-l-gallery--GridTemplateRows: auto;
27402
+ display: grid;
27403
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27404
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27405
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27406
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27407
+ }
27408
+
27409
+ .pf-l-gallery.pf-m-gutter {
27410
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27411
+ }
27412
+
27413
+ @media (min-width: 576px) {
27414
+ .pf-l-gallery {
27415
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27416
+ }
27417
+ }
27418
+ @media (min-width: 768px) {
27419
+ .pf-l-gallery {
27420
+ --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)));
27421
+ }
27422
+ }
27423
+ @media (min-width: 992px) {
27424
+ .pf-l-gallery {
27425
+ --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))));
27426
+ }
27427
+ }
27428
+ @media (min-width: 1200px) {
27429
+ .pf-l-gallery {
27430
+ --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)))));
27431
+ }
27432
+ }
27433
+ @media (min-width: 1450px) {
27434
+ .pf-l-gallery {
27435
+ --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))))));
27436
+ }
27437
+ }
27438
+ @media (min-width: 576px) {
27439
+ .pf-l-gallery {
27440
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27441
+ }
27442
+ }
27443
+ @media (min-width: 768px) {
27444
+ .pf-l-gallery {
27445
+ --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)));
27446
+ }
27447
+ }
27448
+ @media (min-width: 992px) {
27449
+ .pf-l-gallery {
27450
+ --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))));
27451
+ }
27452
+ }
27453
+ @media (min-width: 1200px) {
27454
+ .pf-l-gallery {
27455
+ --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)))));
27456
+ }
27457
+ }
27458
+ @media (min-width: 1450px) {
27459
+ .pf-l-gallery {
27460
+ --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))))));
27461
+ }
27462
+ }
27463
27463
  .pf-l-level {
27464
27464
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27465
27465
  display: flex;