@patternfly/react-styles 5.0.0-alpha.13 → 5.0.0-alpha.14
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/css/assets/images/pf_logo.svg +11 -11
- package/css/components/Accordion/accordion.css +1 -1
- package/css/components/Alert/alert.css +7 -7
- package/css/components/AppLauncher/app-launcher.css +1 -0
- package/css/components/Badge/badge.css +1 -0
- package/css/components/Banner/banner.css +6 -8
- package/css/components/Banner/banner.d.ts +1 -5
- package/css/components/Banner/banner.js +1 -5
- package/css/components/Banner/banner.mjs +1 -5
- package/css/components/Button/button.css +4 -0
- package/css/components/CalendarMonth/calendar-month.css +3 -3
- package/css/components/Card/card.css +1 -1
- package/css/components/Content/content.css +1 -1
- package/css/components/DragDrop/drag-drop.css +23 -7
- package/css/components/DragDrop/drag-drop.d.ts +2 -1
- package/css/components/DragDrop/drag-drop.js +2 -1
- package/css/components/DragDrop/drag-drop.mjs +2 -1
- package/css/components/Dropdown/dropdown.css +2 -0
- package/css/components/DualListSelector/dual-list-selector.css +9 -3
- package/css/components/DualListSelector/dual-list-selector.d.ts +2 -1
- package/css/components/DualListSelector/dual-list-selector.js +2 -1
- package/css/components/DualListSelector/dual-list-selector.mjs +2 -1
- package/css/components/EmptyState/empty-state.css +1 -1
- package/css/components/FormControl/form-control.css +1 -1
- package/css/components/InputGroup/input-group.css +1 -1
- package/css/components/Label/label.css +6 -0
- package/css/components/Menu/menu.css +0 -1
- package/css/components/MenuToggle/menu-toggle.css +7 -5
- package/css/components/ModalBox/modal-box.css +1 -1
- package/css/components/Nav/nav.css +1 -1
- package/css/components/NotificationBadge/notification-badge.css +1 -0
- package/css/components/Panel/panel.css +6 -0
- package/css/components/Panel/panel.d.ts +2 -1
- package/css/components/Panel/panel.js +2 -1
- package/css/components/Panel/panel.mjs +2 -1
- package/css/components/Popover/popover.css +2 -2
- package/css/components/ProgressStepper/progress-stepper.css +1 -0
- package/css/components/Tabs/tabs.css +1 -0
- package/css/components/TextInputGroup/text-input-group.css +8 -0
- package/css/components/TextInputGroup/text-input-group.d.ts +2 -1
- package/css/components/TextInputGroup/text-input-group.js +2 -1
- package/css/components/TextInputGroup/text-input-group.mjs +2 -1
- package/css/components/Title/title.css +1 -1
- package/css/components/ToggleGroup/toggle-group.css +3 -0
- package/css/components/Wizard/wizard.css +3 -5
- package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
- package/css/layouts/Flex/flex.css +60 -60
- package/css/layouts/Flex/flex.d.ts +18 -3
- package/css/layouts/Flex/flex.js +18 -3
- package/css/layouts/Flex/flex.mjs +18 -3
- package/css/layouts/Level/level.css +3 -3
- package/css/layouts/Split/split.css +3 -3
- package/css/layouts/Stack/stack.css +3 -3
- package/css/utilities/Text/text.css +10 -29
- package/css/utilities/Text/text.d.ts +5 -11
- package/css/utilities/Text/text.js +5 -11
- package/css/utilities/Text/text.mjs +5 -11
- package/package.json +3 -3
package/css/layouts/Flex/flex.js
CHANGED
@@ -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
|
-
"
|
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
|
-
"
|
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
|
-
"
|
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
|
-
"
|
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
|
-
"
|
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
|
-
"
|
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--
|
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
|
9
|
-
|
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--
|
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
|
16
|
-
|
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--
|
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
|
13
|
-
|
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-
|
2
|
-
font-family: var(--pf-v5-global--FontFamily--
|
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
|
6
|
-
font-family: var(--pf-v5-global--FontFamily--heading
|
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-
|
14
|
-
font-family: var(--pf-v5-global--FontFamily--
|
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-
|
18
|
-
font-family: var(--pf-v5-global--FontFamily--
|
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-
|
22
|
-
font-family: var(--pf-v5-global--FontFamily--
|
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
|
-
"
|
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
|
-
"
|
102
|
-
"
|
103
|
-
"
|
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
|
-
"
|
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
|
-
"
|
104
|
-
"
|
105
|
-
"
|
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
|
-
"
|
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
|
-
"
|
102
|
-
"
|
103
|
-
"
|
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.
|
3
|
+
"version": "5.0.0-alpha.14",
|
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.
|
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": "
|
32
|
+
"gitHead": "eac4934781b7f38e76d19d862f442a868ec594d2"
|
33
33
|
}
|