@patternfly/react-styles 5.0.0-alpha.13 → 5.0.0-alpha.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/components/Accordion/accordion.css +1 -1
  4. package/css/components/Alert/alert.css +7 -7
  5. package/css/components/AppLauncher/app-launcher.css +1 -0
  6. package/css/components/Badge/badge.css +1 -0
  7. package/css/components/Banner/banner.css +6 -8
  8. package/css/components/Banner/banner.d.ts +1 -5
  9. package/css/components/Banner/banner.js +1 -5
  10. package/css/components/Banner/banner.mjs +1 -5
  11. package/css/components/Button/button.css +4 -0
  12. package/css/components/CalendarMonth/calendar-month.css +3 -3
  13. package/css/components/Card/card.css +1 -1
  14. package/css/components/Content/content.css +1 -1
  15. package/css/components/DragDrop/drag-drop.css +23 -7
  16. package/css/components/DragDrop/drag-drop.d.ts +2 -1
  17. package/css/components/DragDrop/drag-drop.js +2 -1
  18. package/css/components/DragDrop/drag-drop.mjs +2 -1
  19. package/css/components/Dropdown/dropdown.css +2 -0
  20. package/css/components/DualListSelector/dual-list-selector.css +9 -3
  21. package/css/components/DualListSelector/dual-list-selector.d.ts +2 -1
  22. package/css/components/DualListSelector/dual-list-selector.js +2 -1
  23. package/css/components/DualListSelector/dual-list-selector.mjs +2 -1
  24. package/css/components/EmptyState/empty-state.css +1 -1
  25. package/css/components/FormControl/form-control.css +1 -1
  26. package/css/components/InputGroup/input-group.css +1 -1
  27. package/css/components/Label/label.css +6 -0
  28. package/css/components/Menu/menu.css +0 -1
  29. package/css/components/MenuToggle/menu-toggle.css +7 -5
  30. package/css/components/ModalBox/modal-box.css +1 -1
  31. package/css/components/Nav/nav.css +1 -1
  32. package/css/components/NotificationBadge/notification-badge.css +1 -0
  33. package/css/components/Panel/panel.css +6 -0
  34. package/css/components/Panel/panel.d.ts +2 -1
  35. package/css/components/Panel/panel.js +2 -1
  36. package/css/components/Panel/panel.mjs +2 -1
  37. package/css/components/Popover/popover.css +2 -2
  38. package/css/components/Popper/Popper.css +1 -1
  39. package/css/components/Popper/Popper.d.ts +1 -1
  40. package/css/components/Popper/Popper.js +1 -1
  41. package/css/components/Popper/Popper.mjs +1 -1
  42. package/css/components/ProgressStepper/progress-stepper.css +1 -0
  43. package/css/components/Tabs/tabs.css +1 -0
  44. package/css/components/TextInputGroup/text-input-group.css +8 -0
  45. package/css/components/TextInputGroup/text-input-group.d.ts +2 -1
  46. package/css/components/TextInputGroup/text-input-group.js +2 -1
  47. package/css/components/TextInputGroup/text-input-group.mjs +2 -1
  48. package/css/components/Title/title.css +1 -1
  49. package/css/components/ToggleGroup/toggle-group.css +3 -0
  50. package/css/components/Wizard/wizard.css +3 -5
  51. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  52. package/css/layouts/Flex/flex.css +60 -60
  53. package/css/layouts/Flex/flex.d.ts +18 -3
  54. package/css/layouts/Flex/flex.js +18 -3
  55. package/css/layouts/Flex/flex.mjs +18 -3
  56. package/css/layouts/Level/level.css +3 -3
  57. package/css/layouts/Split/split.css +3 -3
  58. package/css/layouts/Stack/stack.css +3 -3
  59. package/css/utilities/Text/text.css +10 -29
  60. package/css/utilities/Text/text.d.ts +5 -11
  61. package/css/utilities/Text/text.js +5 -11
  62. package/css/utilities/Text/text.mjs +5 -11
  63. package/package.json +3 -3
  64. package/src/css/components/Popper/Popper.css +1 -1
@@ -364,7 +364,7 @@ exports.default = {
364
364
  "spacer_2xlOn_2xl": "pf-m-spacer-2xl-on-2xl",
365
365
  "spacer_3xlOn_2xl": "pf-m-spacer-3xl-on-2xl",
366
366
  "spacer_4xlOn_2xl": "pf-m-spacer-4xl-on-2xl",
367
- "gapInvalid": "pf-m-gap-invalid",
367
+ "gap": "pf-m-gap",
368
368
  "gapNone": "pf-m-gap-none",
369
369
  "gapSm": "pf-m-gap-sm",
370
370
  "gapMd": "pf-m-gap-md",
@@ -373,6 +373,7 @@ exports.default = {
373
373
  "gap_2xl": "pf-m-gap-2xl",
374
374
  "gap_3xl": "pf-m-gap-3xl",
375
375
  "gap_4xl": "pf-m-gap-4xl",
376
+ "gapOnSm": "pf-m-gap-on-sm",
376
377
  "gapNoneOnSm": "pf-m-gap-none-on-sm",
377
378
  "gapSmOnSm": "pf-m-gap-sm-on-sm",
378
379
  "gapMdOnSm": "pf-m-gap-md-on-sm",
@@ -381,6 +382,7 @@ exports.default = {
381
382
  "gap_2xlOnSm": "pf-m-gap-2xl-on-sm",
382
383
  "gap_3xlOnSm": "pf-m-gap-3xl-on-sm",
383
384
  "gap_4xlOnSm": "pf-m-gap-4xl-on-sm",
385
+ "gapOnMd": "pf-m-gap-on-md",
384
386
  "gapNoneOnMd": "pf-m-gap-none-on-md",
385
387
  "gapSmOnMd": "pf-m-gap-sm-on-md",
386
388
  "gapMdOnMd": "pf-m-gap-md-on-md",
@@ -389,6 +391,7 @@ exports.default = {
389
391
  "gap_2xlOnMd": "pf-m-gap-2xl-on-md",
390
392
  "gap_3xlOnMd": "pf-m-gap-3xl-on-md",
391
393
  "gap_4xlOnMd": "pf-m-gap-4xl-on-md",
394
+ "gapOnLg": "pf-m-gap-on-lg",
392
395
  "gapNoneOnLg": "pf-m-gap-none-on-lg",
393
396
  "gapSmOnLg": "pf-m-gap-sm-on-lg",
394
397
  "gapMdOnLg": "pf-m-gap-md-on-lg",
@@ -397,6 +400,7 @@ exports.default = {
397
400
  "gap_2xlOnLg": "pf-m-gap-2xl-on-lg",
398
401
  "gap_3xlOnLg": "pf-m-gap-3xl-on-lg",
399
402
  "gap_4xlOnLg": "pf-m-gap-4xl-on-lg",
403
+ "gapOnXl": "pf-m-gap-on-xl",
400
404
  "gapNoneOnXl": "pf-m-gap-none-on-xl",
401
405
  "gapSmOnXl": "pf-m-gap-sm-on-xl",
402
406
  "gapMdOnXl": "pf-m-gap-md-on-xl",
@@ -405,6 +409,7 @@ exports.default = {
405
409
  "gap_2xlOnXl": "pf-m-gap-2xl-on-xl",
406
410
  "gap_3xlOnXl": "pf-m-gap-3xl-on-xl",
407
411
  "gap_4xlOnXl": "pf-m-gap-4xl-on-xl",
412
+ "gapOn_2xl": "pf-m-gap-on-2xl",
408
413
  "gapNoneOn_2xl": "pf-m-gap-none-on-2xl",
409
414
  "gapSmOn_2xl": "pf-m-gap-sm-on-2xl",
410
415
  "gapMdOn_2xl": "pf-m-gap-md-on-2xl",
@@ -413,7 +418,7 @@ exports.default = {
413
418
  "gap_2xlOn_2xl": "pf-m-gap-2xl-on-2xl",
414
419
  "gap_3xlOn_2xl": "pf-m-gap-3xl-on-2xl",
415
420
  "gap_4xlOn_2xl": "pf-m-gap-4xl-on-2xl",
416
- "rowGapInvalid": "pf-m-row-gap-invalid",
421
+ "rowGap": "pf-m-row-gap",
417
422
  "rowGapNone": "pf-m-row-gap-none",
418
423
  "rowGapSm": "pf-m-row-gap-sm",
419
424
  "rowGapMd": "pf-m-row-gap-md",
@@ -422,6 +427,7 @@ exports.default = {
422
427
  "rowGap_2xl": "pf-m-row-gap-2xl",
423
428
  "rowGap_3xl": "pf-m-row-gap-3xl",
424
429
  "rowGap_4xl": "pf-m-row-gap-4xl",
430
+ "rowGapOnSm": "pf-m-row-gap-on-sm",
425
431
  "rowGapNoneOnSm": "pf-m-row-gap-none-on-sm",
426
432
  "rowGapSmOnSm": "pf-m-row-gap-sm-on-sm",
427
433
  "rowGapMdOnSm": "pf-m-row-gap-md-on-sm",
@@ -430,6 +436,7 @@ exports.default = {
430
436
  "rowGap_2xlOnSm": "pf-m-row-gap-2xl-on-sm",
431
437
  "rowGap_3xlOnSm": "pf-m-row-gap-3xl-on-sm",
432
438
  "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
439
+ "rowGapOnMd": "pf-m-row-gap-on-md",
433
440
  "rowGapNoneOnMd": "pf-m-row-gap-none-on-md",
434
441
  "rowGapSmOnMd": "pf-m-row-gap-sm-on-md",
435
442
  "rowGapMdOnMd": "pf-m-row-gap-md-on-md",
@@ -438,6 +445,7 @@ exports.default = {
438
445
  "rowGap_2xlOnMd": "pf-m-row-gap-2xl-on-md",
439
446
  "rowGap_3xlOnMd": "pf-m-row-gap-3xl-on-md",
440
447
  "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
448
+ "rowGapOnLg": "pf-m-row-gap-on-lg",
441
449
  "rowGapNoneOnLg": "pf-m-row-gap-none-on-lg",
442
450
  "rowGapSmOnLg": "pf-m-row-gap-sm-on-lg",
443
451
  "rowGapMdOnLg": "pf-m-row-gap-md-on-lg",
@@ -446,6 +454,7 @@ exports.default = {
446
454
  "rowGap_2xlOnLg": "pf-m-row-gap-2xl-on-lg",
447
455
  "rowGap_3xlOnLg": "pf-m-row-gap-3xl-on-lg",
448
456
  "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
457
+ "rowGapOnXl": "pf-m-row-gap-on-xl",
449
458
  "rowGapNoneOnXl": "pf-m-row-gap-none-on-xl",
450
459
  "rowGapSmOnXl": "pf-m-row-gap-sm-on-xl",
451
460
  "rowGapMdOnXl": "pf-m-row-gap-md-on-xl",
@@ -454,6 +463,7 @@ exports.default = {
454
463
  "rowGap_2xlOnXl": "pf-m-row-gap-2xl-on-xl",
455
464
  "rowGap_3xlOnXl": "pf-m-row-gap-3xl-on-xl",
456
465
  "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
466
+ "rowGapOn_2xl": "pf-m-row-gap-on-2xl",
457
467
  "rowGapNoneOn_2xl": "pf-m-row-gap-none-on-2xl",
458
468
  "rowGapSmOn_2xl": "pf-m-row-gap-sm-on-2xl",
459
469
  "rowGapMdOn_2xl": "pf-m-row-gap-md-on-2xl",
@@ -462,7 +472,7 @@ exports.default = {
462
472
  "rowGap_2xlOn_2xl": "pf-m-row-gap-2xl-on-2xl",
463
473
  "rowGap_3xlOn_2xl": "pf-m-row-gap-3xl-on-2xl",
464
474
  "rowGap_4xlOn_2xl": "pf-m-row-gap-4xl-on-2xl",
465
- "columnGapInvalid": "pf-m-column-gap-invalid",
475
+ "columnGap": "pf-m-column-gap",
466
476
  "columnGapNone": "pf-m-column-gap-none",
467
477
  "columnGapSm": "pf-m-column-gap-sm",
468
478
  "columnGapMd": "pf-m-column-gap-md",
@@ -471,6 +481,7 @@ exports.default = {
471
481
  "columnGap_2xl": "pf-m-column-gap-2xl",
472
482
  "columnGap_3xl": "pf-m-column-gap-3xl",
473
483
  "columnGap_4xl": "pf-m-column-gap-4xl",
484
+ "columnGapOnSm": "pf-m-column-gap-on-sm",
474
485
  "columnGapNoneOnSm": "pf-m-column-gap-none-on-sm",
475
486
  "columnGapSmOnSm": "pf-m-column-gap-sm-on-sm",
476
487
  "columnGapMdOnSm": "pf-m-column-gap-md-on-sm",
@@ -479,6 +490,7 @@ exports.default = {
479
490
  "columnGap_2xlOnSm": "pf-m-column-gap-2xl-on-sm",
480
491
  "columnGap_3xlOnSm": "pf-m-column-gap-3xl-on-sm",
481
492
  "columnGap_4xlOnSm": "pf-m-column-gap-4xl-on-sm",
493
+ "columnGapOnMd": "pf-m-column-gap-on-md",
482
494
  "columnGapNoneOnMd": "pf-m-column-gap-none-on-md",
483
495
  "columnGapSmOnMd": "pf-m-column-gap-sm-on-md",
484
496
  "columnGapMdOnMd": "pf-m-column-gap-md-on-md",
@@ -487,6 +499,7 @@ exports.default = {
487
499
  "columnGap_2xlOnMd": "pf-m-column-gap-2xl-on-md",
488
500
  "columnGap_3xlOnMd": "pf-m-column-gap-3xl-on-md",
489
501
  "columnGap_4xlOnMd": "pf-m-column-gap-4xl-on-md",
502
+ "columnGapOnLg": "pf-m-column-gap-on-lg",
490
503
  "columnGapNoneOnLg": "pf-m-column-gap-none-on-lg",
491
504
  "columnGapSmOnLg": "pf-m-column-gap-sm-on-lg",
492
505
  "columnGapMdOnLg": "pf-m-column-gap-md-on-lg",
@@ -495,6 +508,7 @@ exports.default = {
495
508
  "columnGap_2xlOnLg": "pf-m-column-gap-2xl-on-lg",
496
509
  "columnGap_3xlOnLg": "pf-m-column-gap-3xl-on-lg",
497
510
  "columnGap_4xlOnLg": "pf-m-column-gap-4xl-on-lg",
511
+ "columnGapOnXl": "pf-m-column-gap-on-xl",
498
512
  "columnGapNoneOnXl": "pf-m-column-gap-none-on-xl",
499
513
  "columnGapSmOnXl": "pf-m-column-gap-sm-on-xl",
500
514
  "columnGapMdOnXl": "pf-m-column-gap-md-on-xl",
@@ -503,6 +517,7 @@ exports.default = {
503
517
  "columnGap_2xlOnXl": "pf-m-column-gap-2xl-on-xl",
504
518
  "columnGap_3xlOnXl": "pf-m-column-gap-3xl-on-xl",
505
519
  "columnGap_4xlOnXl": "pf-m-column-gap-4xl-on-xl",
520
+ "columnGapOn_2xl": "pf-m-column-gap-on-2xl",
506
521
  "columnGapNoneOn_2xl": "pf-m-column-gap-none-on-2xl",
507
522
  "columnGapSmOn_2xl": "pf-m-column-gap-sm-on-2xl",
508
523
  "columnGapMdOn_2xl": "pf-m-column-gap-md-on-2xl",
@@ -362,7 +362,7 @@ export default {
362
362
  "spacer_2xlOn_2xl": "pf-m-spacer-2xl-on-2xl",
363
363
  "spacer_3xlOn_2xl": "pf-m-spacer-3xl-on-2xl",
364
364
  "spacer_4xlOn_2xl": "pf-m-spacer-4xl-on-2xl",
365
- "gapInvalid": "pf-m-gap-invalid",
365
+ "gap": "pf-m-gap",
366
366
  "gapNone": "pf-m-gap-none",
367
367
  "gapSm": "pf-m-gap-sm",
368
368
  "gapMd": "pf-m-gap-md",
@@ -371,6 +371,7 @@ export default {
371
371
  "gap_2xl": "pf-m-gap-2xl",
372
372
  "gap_3xl": "pf-m-gap-3xl",
373
373
  "gap_4xl": "pf-m-gap-4xl",
374
+ "gapOnSm": "pf-m-gap-on-sm",
374
375
  "gapNoneOnSm": "pf-m-gap-none-on-sm",
375
376
  "gapSmOnSm": "pf-m-gap-sm-on-sm",
376
377
  "gapMdOnSm": "pf-m-gap-md-on-sm",
@@ -379,6 +380,7 @@ export default {
379
380
  "gap_2xlOnSm": "pf-m-gap-2xl-on-sm",
380
381
  "gap_3xlOnSm": "pf-m-gap-3xl-on-sm",
381
382
  "gap_4xlOnSm": "pf-m-gap-4xl-on-sm",
383
+ "gapOnMd": "pf-m-gap-on-md",
382
384
  "gapNoneOnMd": "pf-m-gap-none-on-md",
383
385
  "gapSmOnMd": "pf-m-gap-sm-on-md",
384
386
  "gapMdOnMd": "pf-m-gap-md-on-md",
@@ -387,6 +389,7 @@ export default {
387
389
  "gap_2xlOnMd": "pf-m-gap-2xl-on-md",
388
390
  "gap_3xlOnMd": "pf-m-gap-3xl-on-md",
389
391
  "gap_4xlOnMd": "pf-m-gap-4xl-on-md",
392
+ "gapOnLg": "pf-m-gap-on-lg",
390
393
  "gapNoneOnLg": "pf-m-gap-none-on-lg",
391
394
  "gapSmOnLg": "pf-m-gap-sm-on-lg",
392
395
  "gapMdOnLg": "pf-m-gap-md-on-lg",
@@ -395,6 +398,7 @@ export default {
395
398
  "gap_2xlOnLg": "pf-m-gap-2xl-on-lg",
396
399
  "gap_3xlOnLg": "pf-m-gap-3xl-on-lg",
397
400
  "gap_4xlOnLg": "pf-m-gap-4xl-on-lg",
401
+ "gapOnXl": "pf-m-gap-on-xl",
398
402
  "gapNoneOnXl": "pf-m-gap-none-on-xl",
399
403
  "gapSmOnXl": "pf-m-gap-sm-on-xl",
400
404
  "gapMdOnXl": "pf-m-gap-md-on-xl",
@@ -403,6 +407,7 @@ export default {
403
407
  "gap_2xlOnXl": "pf-m-gap-2xl-on-xl",
404
408
  "gap_3xlOnXl": "pf-m-gap-3xl-on-xl",
405
409
  "gap_4xlOnXl": "pf-m-gap-4xl-on-xl",
410
+ "gapOn_2xl": "pf-m-gap-on-2xl",
406
411
  "gapNoneOn_2xl": "pf-m-gap-none-on-2xl",
407
412
  "gapSmOn_2xl": "pf-m-gap-sm-on-2xl",
408
413
  "gapMdOn_2xl": "pf-m-gap-md-on-2xl",
@@ -411,7 +416,7 @@ export default {
411
416
  "gap_2xlOn_2xl": "pf-m-gap-2xl-on-2xl",
412
417
  "gap_3xlOn_2xl": "pf-m-gap-3xl-on-2xl",
413
418
  "gap_4xlOn_2xl": "pf-m-gap-4xl-on-2xl",
414
- "rowGapInvalid": "pf-m-row-gap-invalid",
419
+ "rowGap": "pf-m-row-gap",
415
420
  "rowGapNone": "pf-m-row-gap-none",
416
421
  "rowGapSm": "pf-m-row-gap-sm",
417
422
  "rowGapMd": "pf-m-row-gap-md",
@@ -420,6 +425,7 @@ export default {
420
425
  "rowGap_2xl": "pf-m-row-gap-2xl",
421
426
  "rowGap_3xl": "pf-m-row-gap-3xl",
422
427
  "rowGap_4xl": "pf-m-row-gap-4xl",
428
+ "rowGapOnSm": "pf-m-row-gap-on-sm",
423
429
  "rowGapNoneOnSm": "pf-m-row-gap-none-on-sm",
424
430
  "rowGapSmOnSm": "pf-m-row-gap-sm-on-sm",
425
431
  "rowGapMdOnSm": "pf-m-row-gap-md-on-sm",
@@ -428,6 +434,7 @@ export default {
428
434
  "rowGap_2xlOnSm": "pf-m-row-gap-2xl-on-sm",
429
435
  "rowGap_3xlOnSm": "pf-m-row-gap-3xl-on-sm",
430
436
  "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
437
+ "rowGapOnMd": "pf-m-row-gap-on-md",
431
438
  "rowGapNoneOnMd": "pf-m-row-gap-none-on-md",
432
439
  "rowGapSmOnMd": "pf-m-row-gap-sm-on-md",
433
440
  "rowGapMdOnMd": "pf-m-row-gap-md-on-md",
@@ -436,6 +443,7 @@ export default {
436
443
  "rowGap_2xlOnMd": "pf-m-row-gap-2xl-on-md",
437
444
  "rowGap_3xlOnMd": "pf-m-row-gap-3xl-on-md",
438
445
  "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
446
+ "rowGapOnLg": "pf-m-row-gap-on-lg",
439
447
  "rowGapNoneOnLg": "pf-m-row-gap-none-on-lg",
440
448
  "rowGapSmOnLg": "pf-m-row-gap-sm-on-lg",
441
449
  "rowGapMdOnLg": "pf-m-row-gap-md-on-lg",
@@ -444,6 +452,7 @@ export default {
444
452
  "rowGap_2xlOnLg": "pf-m-row-gap-2xl-on-lg",
445
453
  "rowGap_3xlOnLg": "pf-m-row-gap-3xl-on-lg",
446
454
  "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
455
+ "rowGapOnXl": "pf-m-row-gap-on-xl",
447
456
  "rowGapNoneOnXl": "pf-m-row-gap-none-on-xl",
448
457
  "rowGapSmOnXl": "pf-m-row-gap-sm-on-xl",
449
458
  "rowGapMdOnXl": "pf-m-row-gap-md-on-xl",
@@ -452,6 +461,7 @@ export default {
452
461
  "rowGap_2xlOnXl": "pf-m-row-gap-2xl-on-xl",
453
462
  "rowGap_3xlOnXl": "pf-m-row-gap-3xl-on-xl",
454
463
  "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
464
+ "rowGapOn_2xl": "pf-m-row-gap-on-2xl",
455
465
  "rowGapNoneOn_2xl": "pf-m-row-gap-none-on-2xl",
456
466
  "rowGapSmOn_2xl": "pf-m-row-gap-sm-on-2xl",
457
467
  "rowGapMdOn_2xl": "pf-m-row-gap-md-on-2xl",
@@ -460,7 +470,7 @@ export default {
460
470
  "rowGap_2xlOn_2xl": "pf-m-row-gap-2xl-on-2xl",
461
471
  "rowGap_3xlOn_2xl": "pf-m-row-gap-3xl-on-2xl",
462
472
  "rowGap_4xlOn_2xl": "pf-m-row-gap-4xl-on-2xl",
463
- "columnGapInvalid": "pf-m-column-gap-invalid",
473
+ "columnGap": "pf-m-column-gap",
464
474
  "columnGapNone": "pf-m-column-gap-none",
465
475
  "columnGapSm": "pf-m-column-gap-sm",
466
476
  "columnGapMd": "pf-m-column-gap-md",
@@ -469,6 +479,7 @@ export default {
469
479
  "columnGap_2xl": "pf-m-column-gap-2xl",
470
480
  "columnGap_3xl": "pf-m-column-gap-3xl",
471
481
  "columnGap_4xl": "pf-m-column-gap-4xl",
482
+ "columnGapOnSm": "pf-m-column-gap-on-sm",
472
483
  "columnGapNoneOnSm": "pf-m-column-gap-none-on-sm",
473
484
  "columnGapSmOnSm": "pf-m-column-gap-sm-on-sm",
474
485
  "columnGapMdOnSm": "pf-m-column-gap-md-on-sm",
@@ -477,6 +488,7 @@ export default {
477
488
  "columnGap_2xlOnSm": "pf-m-column-gap-2xl-on-sm",
478
489
  "columnGap_3xlOnSm": "pf-m-column-gap-3xl-on-sm",
479
490
  "columnGap_4xlOnSm": "pf-m-column-gap-4xl-on-sm",
491
+ "columnGapOnMd": "pf-m-column-gap-on-md",
480
492
  "columnGapNoneOnMd": "pf-m-column-gap-none-on-md",
481
493
  "columnGapSmOnMd": "pf-m-column-gap-sm-on-md",
482
494
  "columnGapMdOnMd": "pf-m-column-gap-md-on-md",
@@ -485,6 +497,7 @@ export default {
485
497
  "columnGap_2xlOnMd": "pf-m-column-gap-2xl-on-md",
486
498
  "columnGap_3xlOnMd": "pf-m-column-gap-3xl-on-md",
487
499
  "columnGap_4xlOnMd": "pf-m-column-gap-4xl-on-md",
500
+ "columnGapOnLg": "pf-m-column-gap-on-lg",
488
501
  "columnGapNoneOnLg": "pf-m-column-gap-none-on-lg",
489
502
  "columnGapSmOnLg": "pf-m-column-gap-sm-on-lg",
490
503
  "columnGapMdOnLg": "pf-m-column-gap-md-on-lg",
@@ -493,6 +506,7 @@ export default {
493
506
  "columnGap_2xlOnLg": "pf-m-column-gap-2xl-on-lg",
494
507
  "columnGap_3xlOnLg": "pf-m-column-gap-3xl-on-lg",
495
508
  "columnGap_4xlOnLg": "pf-m-column-gap-4xl-on-lg",
509
+ "columnGapOnXl": "pf-m-column-gap-on-xl",
496
510
  "columnGapNoneOnXl": "pf-m-column-gap-none-on-xl",
497
511
  "columnGapSmOnXl": "pf-m-column-gap-sm-on-xl",
498
512
  "columnGapMdOnXl": "pf-m-column-gap-md-on-xl",
@@ -501,6 +515,7 @@ export default {
501
515
  "columnGap_2xlOnXl": "pf-m-column-gap-2xl-on-xl",
502
516
  "columnGap_3xlOnXl": "pf-m-column-gap-3xl-on-xl",
503
517
  "columnGap_4xlOnXl": "pf-m-column-gap-4xl-on-xl",
518
+ "columnGapOn_2xl": "pf-m-column-gap-on-2xl",
504
519
  "columnGapNoneOn_2xl": "pf-m-column-gap-none-on-2xl",
505
520
  "columnGapSmOn_2xl": "pf-m-column-gap-sm-on-2xl",
506
521
  "columnGapMdOn_2xl": "pf-m-column-gap-md-on-2xl",
@@ -1,10 +1,10 @@
1
1
  .pf-v5-l-level {
2
- --pf-v5-l-level--m-gutter--MarginRight: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  flex-wrap: wrap;
5
5
  align-items: center;
6
6
  justify-content: space-between;
7
7
  }
8
- .pf-v5-l-level.pf-m-gutter > *:not(:last-child) {
9
- margin-right: var(--pf-v5-l-level--m-gutter--MarginRight);
8
+ .pf-v5-l-level.pf-m-gutter {
9
+ gap: var(--pf-v5-l-level--m-gutter--Gap);
10
10
  }
@@ -1,5 +1,5 @@
1
1
  .pf-v5-l-split {
2
- --pf-v5-l-stack--m-gutter--MarginRight: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  padding: 0;
5
5
  margin: 0;
@@ -12,6 +12,6 @@
12
12
  flex-grow: 1;
13
13
  }
14
14
 
15
- .pf-v5-l-split.pf-m-gutter > *:not(:last-child) {
16
- margin-right: var(--pf-v5-l-stack--m-gutter--MarginRight);
15
+ .pf-v5-l-split.pf-m-gutter {
16
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
17
17
  }
@@ -1,5 +1,5 @@
1
1
  .pf-v5-l-stack {
2
- --pf-v5-l-stack--m-gutter--MarginBottom: var(--pf-v5-global--gutter);
2
+ --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  height: 100%;
@@ -9,6 +9,6 @@
9
9
  flex-grow: 1;
10
10
  }
11
11
 
12
- .pf-v5-l-stack.pf-m-gutter > *:not(:last-child) {
13
- margin-bottom: var(--pf-v5-l-stack--m-gutter--MarginBottom);
12
+ .pf-v5-l-stack.pf-m-gutter {
13
+ gap: var(--pf-v5-l-stack--m-gutter--Gap);
14
14
  }
@@ -1,25 +1,25 @@
1
- .pf-v5-u-font-family-sans-serif {
2
- font-family: var(--pf-v5-global--FontFamily--sans-serif) !important;
1
+ .pf-v5-u-font-family-text {
2
+ font-family: var(--pf-v5-global--FontFamily--text) !important;
3
3
  }
4
4
 
5
- .pf-v5-u-font-family-heading-sans-serif {
6
- font-family: var(--pf-v5-global--FontFamily--heading--sans-serif) !important;
5
+ .pf-v5-u-font-family-heading {
6
+ font-family: var(--pf-v5-global--FontFamily--heading) !important;
7
7
  }
8
8
 
9
9
  .pf-v5-u-font-family-monospace {
10
10
  font-family: var(--pf-v5-global--FontFamily--monospace) !important;
11
11
  }
12
12
 
13
- .pf-v5-u-font-family-redhatVF-sans-serif {
14
- font-family: var(--pf-v5-global--FontFamily--redhatVF--sans-serif) !important;
13
+ .pf-v5-u-font-family-text-vf {
14
+ font-family: var(--pf-v5-global--FontFamily--text--vf) !important;
15
15
  }
16
16
 
17
- .pf-v5-u-font-family-redhatVF-heading-sans-serif {
18
- font-family: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif) !important;
17
+ .pf-v5-u-font-family-heading-vf {
18
+ font-family: var(--pf-v5-global--FontFamily--heading--vf) !important;
19
19
  }
20
20
 
21
- .pf-v5-u-font-family-redhatVF-monospace {
22
- font-family: var(--pf-v5-global--FontFamily--redhatVF--monospace) !important;
21
+ .pf-v5-u-font-family-monospace-vf {
22
+ font-family: var(--pf-v5-global--FontFamily--monospace--vf) !important;
23
23
  }
24
24
 
25
25
  .pf-v5-u-font-size-xs {
@@ -184,10 +184,6 @@
184
184
  font-size: var(--pf-v5-global--FontSize--4xl) !important;
185
185
  }
186
186
  }
187
- .pf-v5-u-font-weight-light {
188
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
189
- }
190
-
191
187
  .pf-v5-u-font-weight-normal {
192
188
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
193
189
  }
@@ -197,9 +193,6 @@
197
193
  }
198
194
 
199
195
  @media screen and (min-width: 576px) {
200
- .pf-v5-u-font-weight-light-on-sm {
201
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
202
- }
203
196
  .pf-v5-u-font-weight-normal-on-sm {
204
197
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
205
198
  }
@@ -208,9 +201,6 @@
208
201
  }
209
202
  }
210
203
  @media screen and (min-width: 768px) {
211
- .pf-v5-u-font-weight-light-on-md {
212
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
213
- }
214
204
  .pf-v5-u-font-weight-normal-on-md {
215
205
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
216
206
  }
@@ -219,9 +209,6 @@
219
209
  }
220
210
  }
221
211
  @media screen and (min-width: 992px) {
222
- .pf-v5-u-font-weight-light-on-lg {
223
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
224
- }
225
212
  .pf-v5-u-font-weight-normal-on-lg {
226
213
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
227
214
  }
@@ -230,9 +217,6 @@
230
217
  }
231
218
  }
232
219
  @media screen and (min-width: 1200px) {
233
- .pf-v5-u-font-weight-light-on-xl {
234
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
235
- }
236
220
  .pf-v5-u-font-weight-normal-on-xl {
237
221
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
238
222
  }
@@ -241,9 +225,6 @@
241
225
  }
242
226
  }
243
227
  @media screen and (min-width: 1450px) {
244
- .pf-v5-u-font-weight-light-on-2xl {
245
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
246
- }
247
228
  .pf-v5-u-font-weight-normal-on-2xl {
248
229
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
249
230
  }
@@ -96,12 +96,12 @@ declare const _default: {
96
96
  "disabledColor_200OnSm": "pf-v5-u-disabled-color-200-on-sm",
97
97
  "disabledColor_200OnXl": "pf-v5-u-disabled-color-200-on-xl",
98
98
  "disabledColor_200On_2xl": "pf-v5-u-disabled-color-200-on-2xl",
99
- "fontFamilyHeadingSansSerif": "pf-v5-u-font-family-heading-sans-serif",
99
+ "fontFamilyHeading": "pf-v5-u-font-family-heading",
100
+ "fontFamilyHeadingVf": "pf-v5-u-font-family-heading-vf",
100
101
  "fontFamilyMonospace": "pf-v5-u-font-family-monospace",
101
- "fontFamilyRedhatVfHeadingSansSerif": "pf-v5-u-font-family-redhatVF-heading-sans-serif",
102
- "fontFamilyRedhatVfMonospace": "pf-v5-u-font-family-redhatVF-monospace",
103
- "fontFamilyRedhatVfSansSerif": "pf-v5-u-font-family-redhatVF-sans-serif",
104
- "fontFamilySansSerif": "pf-v5-u-font-family-sans-serif",
102
+ "fontFamilyMonospaceVf": "pf-v5-u-font-family-monospace-vf",
103
+ "fontFamilyText": "pf-v5-u-font-family-text",
104
+ "fontFamilyTextVf": "pf-v5-u-font-family-text-vf",
105
105
  "fontSizeLg": "pf-v5-u-font-size-lg",
106
106
  "fontSizeLgOnLg": "pf-v5-u-font-size-lg-on-lg",
107
107
  "fontSizeLgOnMd": "pf-v5-u-font-size-lg-on-md",
@@ -156,12 +156,6 @@ declare const _default: {
156
156
  "fontWeightBoldOnSm": "pf-v5-u-font-weight-bold-on-sm",
157
157
  "fontWeightBoldOnXl": "pf-v5-u-font-weight-bold-on-xl",
158
158
  "fontWeightBoldOn_2xl": "pf-v5-u-font-weight-bold-on-2xl",
159
- "fontWeightLight": "pf-v5-u-font-weight-light",
160
- "fontWeightLightOnLg": "pf-v5-u-font-weight-light-on-lg",
161
- "fontWeightLightOnMd": "pf-v5-u-font-weight-light-on-md",
162
- "fontWeightLightOnSm": "pf-v5-u-font-weight-light-on-sm",
163
- "fontWeightLightOnXl": "pf-v5-u-font-weight-light-on-xl",
164
- "fontWeightLightOn_2xl": "pf-v5-u-font-weight-light-on-2xl",
165
159
  "fontWeightNormal": "pf-v5-u-font-weight-normal",
166
160
  "fontWeightNormalOnLg": "pf-v5-u-font-weight-normal-on-lg",
167
161
  "fontWeightNormalOnMd": "pf-v5-u-font-weight-normal-on-md",
@@ -98,12 +98,12 @@ exports.default = {
98
98
  "disabledColor_200OnSm": "pf-v5-u-disabled-color-200-on-sm",
99
99
  "disabledColor_200OnXl": "pf-v5-u-disabled-color-200-on-xl",
100
100
  "disabledColor_200On_2xl": "pf-v5-u-disabled-color-200-on-2xl",
101
- "fontFamilyHeadingSansSerif": "pf-v5-u-font-family-heading-sans-serif",
101
+ "fontFamilyHeading": "pf-v5-u-font-family-heading",
102
+ "fontFamilyHeadingVf": "pf-v5-u-font-family-heading-vf",
102
103
  "fontFamilyMonospace": "pf-v5-u-font-family-monospace",
103
- "fontFamilyRedhatVfHeadingSansSerif": "pf-v5-u-font-family-redhatVF-heading-sans-serif",
104
- "fontFamilyRedhatVfMonospace": "pf-v5-u-font-family-redhatVF-monospace",
105
- "fontFamilyRedhatVfSansSerif": "pf-v5-u-font-family-redhatVF-sans-serif",
106
- "fontFamilySansSerif": "pf-v5-u-font-family-sans-serif",
104
+ "fontFamilyMonospaceVf": "pf-v5-u-font-family-monospace-vf",
105
+ "fontFamilyText": "pf-v5-u-font-family-text",
106
+ "fontFamilyTextVf": "pf-v5-u-font-family-text-vf",
107
107
  "fontSizeLg": "pf-v5-u-font-size-lg",
108
108
  "fontSizeLgOnLg": "pf-v5-u-font-size-lg-on-lg",
109
109
  "fontSizeLgOnMd": "pf-v5-u-font-size-lg-on-md",
@@ -158,12 +158,6 @@ exports.default = {
158
158
  "fontWeightBoldOnSm": "pf-v5-u-font-weight-bold-on-sm",
159
159
  "fontWeightBoldOnXl": "pf-v5-u-font-weight-bold-on-xl",
160
160
  "fontWeightBoldOn_2xl": "pf-v5-u-font-weight-bold-on-2xl",
161
- "fontWeightLight": "pf-v5-u-font-weight-light",
162
- "fontWeightLightOnLg": "pf-v5-u-font-weight-light-on-lg",
163
- "fontWeightLightOnMd": "pf-v5-u-font-weight-light-on-md",
164
- "fontWeightLightOnSm": "pf-v5-u-font-weight-light-on-sm",
165
- "fontWeightLightOnXl": "pf-v5-u-font-weight-light-on-xl",
166
- "fontWeightLightOn_2xl": "pf-v5-u-font-weight-light-on-2xl",
167
161
  "fontWeightNormal": "pf-v5-u-font-weight-normal",
168
162
  "fontWeightNormalOnLg": "pf-v5-u-font-weight-normal-on-lg",
169
163
  "fontWeightNormalOnMd": "pf-v5-u-font-weight-normal-on-md",
@@ -96,12 +96,12 @@ export default {
96
96
  "disabledColor_200OnSm": "pf-v5-u-disabled-color-200-on-sm",
97
97
  "disabledColor_200OnXl": "pf-v5-u-disabled-color-200-on-xl",
98
98
  "disabledColor_200On_2xl": "pf-v5-u-disabled-color-200-on-2xl",
99
- "fontFamilyHeadingSansSerif": "pf-v5-u-font-family-heading-sans-serif",
99
+ "fontFamilyHeading": "pf-v5-u-font-family-heading",
100
+ "fontFamilyHeadingVf": "pf-v5-u-font-family-heading-vf",
100
101
  "fontFamilyMonospace": "pf-v5-u-font-family-monospace",
101
- "fontFamilyRedhatVfHeadingSansSerif": "pf-v5-u-font-family-redhatVF-heading-sans-serif",
102
- "fontFamilyRedhatVfMonospace": "pf-v5-u-font-family-redhatVF-monospace",
103
- "fontFamilyRedhatVfSansSerif": "pf-v5-u-font-family-redhatVF-sans-serif",
104
- "fontFamilySansSerif": "pf-v5-u-font-family-sans-serif",
102
+ "fontFamilyMonospaceVf": "pf-v5-u-font-family-monospace-vf",
103
+ "fontFamilyText": "pf-v5-u-font-family-text",
104
+ "fontFamilyTextVf": "pf-v5-u-font-family-text-vf",
105
105
  "fontSizeLg": "pf-v5-u-font-size-lg",
106
106
  "fontSizeLgOnLg": "pf-v5-u-font-size-lg-on-lg",
107
107
  "fontSizeLgOnMd": "pf-v5-u-font-size-lg-on-md",
@@ -156,12 +156,6 @@ export default {
156
156
  "fontWeightBoldOnSm": "pf-v5-u-font-weight-bold-on-sm",
157
157
  "fontWeightBoldOnXl": "pf-v5-u-font-weight-bold-on-xl",
158
158
  "fontWeightBoldOn_2xl": "pf-v5-u-font-weight-bold-on-2xl",
159
- "fontWeightLight": "pf-v5-u-font-weight-light",
160
- "fontWeightLightOnLg": "pf-v5-u-font-weight-light-on-lg",
161
- "fontWeightLightOnMd": "pf-v5-u-font-weight-light-on-md",
162
- "fontWeightLightOnSm": "pf-v5-u-font-weight-light-on-sm",
163
- "fontWeightLightOnXl": "pf-v5-u-font-weight-light-on-xl",
164
- "fontWeightLightOn_2xl": "pf-v5-u-font-weight-light-on-2xl",
165
159
  "fontWeightNormal": "pf-v5-u-font-weight-normal",
166
160
  "fontWeightNormalOnLg": "pf-v5-u-font-weight-normal-on-lg",
167
161
  "fontWeightNormalOnMd": "pf-v5-u-font-weight-normal-on-md",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "5.0.0-alpha.13",
3
+ "version": "5.0.0-alpha.15",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "5.0.0-alpha.55",
22
+ "@patternfly/patternfly": "5.0.0-alpha.59",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "5ca3b66fb6082856f2ab3758f7c1181be80cac79"
32
+ "gitHead": "e427fe71225d9ffe5bfd1fea35dc369e8af36683"
33
33
  }
@@ -1,4 +1,4 @@
1
- .pf-c-popover[data-popper-reference-hidden="true"] {
1
+ .pf-v5-c-popover[data-popper-reference-hidden="true"] {
2
2
  visibility: hidden;
3
3
  pointer-events: none;
4
4
  }