@patternfly/react-core 4.213.1 → 4.213.2

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 (50) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -9
  3. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  4. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  5. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -9
  6. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  8. package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -9
  9. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  10. package/dist/esm/components/Dropdown/Dropdown.js +2 -2
  11. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  12. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts +2 -9
  13. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  14. package/dist/esm/components/OptionsMenu/OptionsMenu.js.map +1 -1
  15. package/dist/esm/components/Select/Select.d.ts +2 -9
  16. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  17. package/dist/esm/components/Select/Select.js.map +1 -1
  18. package/dist/esm/helpers/Popper/Popper.d.ts +10 -0
  19. package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
  20. package/dist/esm/helpers/Popper/Popper.js.map +1 -1
  21. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -9
  22. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  23. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  24. package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -9
  25. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  26. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  27. package/dist/js/components/Dropdown/Dropdown.d.ts +2 -9
  28. package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
  29. package/dist/js/components/Dropdown/Dropdown.js +2 -2
  30. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  31. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts +2 -9
  32. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  33. package/dist/js/components/OptionsMenu/OptionsMenu.js.map +1 -1
  34. package/dist/js/components/Select/Select.d.ts +2 -9
  35. package/dist/js/components/Select/Select.d.ts.map +1 -1
  36. package/dist/js/components/Select/Select.js.map +1 -1
  37. package/dist/js/helpers/Popper/Popper.d.ts +10 -0
  38. package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
  39. package/dist/js/helpers/Popper/Popper.js.map +1 -1
  40. package/dist/umd/react-core.css +640 -640
  41. package/dist/umd/react-core.js +2 -2
  42. package/dist/umd/react-core.min.css +107 -107
  43. package/dist/umd/react-core.min.js +1 -1
  44. package/package.json +5 -5
  45. package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +2 -9
  46. package/src/components/ContextSelector/ContextSelector.tsx +2 -9
  47. package/src/components/Dropdown/Dropdown.tsx +3 -11
  48. package/src/components/OptionsMenu/OptionsMenu.tsx +2 -9
  49. package/src/components/Select/Select.tsx +3 -10
  50. package/src/helpers/Popper/Popper.tsx +11 -0
@@ -2456,221 +2456,6 @@ button.pf-c-breadcrumb__link {
2456
2456
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
2457
2457
  }
2458
2458
 
2459
- .pf-c-calendar-month {
2460
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
2461
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
2462
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
2463
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
2464
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
2465
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
2466
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
2467
- }
2468
-
2469
- .pf-c-calendar-month {
2470
- --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
2471
- --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
2472
- --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
2473
- --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
2474
- --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
2475
- --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
2476
- --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
2477
- --pf-c-calendar-month__header-year--Width: 8ch;
2478
- --pf-c-calendar-month__header-nav-control--MarginRight: 0;
2479
- --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
2480
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
2481
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
2482
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
2483
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
2484
- --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
2485
- --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
2486
- --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
2487
- --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
2488
- --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
2489
- --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
2490
- --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
2491
- --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
2492
- --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
2493
- --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
2494
- --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
2495
- --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
2496
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
2497
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
2498
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
2499
- --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
2500
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2501
- --pf-c-calendar-month__dates-cell--before--Top: 0;
2502
- --pf-c-calendar-month__dates-cell--before--Right: 0;
2503
- --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
2504
- --pf-c-calendar-month__dates-cell--before--Left: 0;
2505
- --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
2506
- --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
2507
- --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
2508
- --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
2509
- --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
2510
- --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
2511
- --pf-c-calendar-month__date--Width: 4ch;
2512
- --pf-c-calendar-month__date--Height: 4ch;
2513
- --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
2514
- --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
2515
- --pf-c-calendar-month__date--BackgroundColor: transparent;
2516
- --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
2517
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
2518
- --pf-c-calendar-month__date--after--BorderColor: transparent;
2519
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
2520
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
2521
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
2522
- --pf-c-calendar-month__date--focus--BoxShadow: none;
2523
- color: var(--pf-global--Color--100);
2524
- display: inline-flex;
2525
- flex-direction: column;
2526
- padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
2527
- font-size: var(--pf-c-calendar-month--FontSize);
2528
- background-color: var(--pf-c-calendar-month--BackgroundColor);
2529
- }
2530
-
2531
- .pf-c-calendar-month__header {
2532
- display: flex;
2533
- margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
2534
- }
2535
-
2536
- .pf-c-calendar-month__header-nav-control {
2537
- margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
2538
- margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
2539
- }
2540
-
2541
- .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
2542
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
2543
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
2544
- }
2545
-
2546
- .pf-c-calendar-month__header-nav-control.pf-m-next-month {
2547
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
2548
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
2549
- }
2550
-
2551
- .pf-c-calendar-month__header-month {
2552
- flex-grow: 1;
2553
- }
2554
-
2555
- .pf-c-calendar-month__header-year {
2556
- width: var(--pf-c-calendar-month__header-year--Width);
2557
- }
2558
-
2559
- .pf-c-calendar-month__calendar {
2560
- table-layout: fixed;
2561
- }
2562
-
2563
- .pf-c-calendar-month__days {
2564
- border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
2565
- }
2566
-
2567
- .pf-c-calendar-month__day {
2568
- padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
2569
- font-weight: var(--pf-c-calendar-month__day--FontWeight);
2570
- text-align: center;
2571
- }
2572
-
2573
- .pf-c-calendar-month__dates-row:first-child {
2574
- --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
2575
- }
2576
-
2577
- .pf-c-calendar-month__dates-cell {
2578
- --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
2579
- position: relative;
2580
- padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
2581
- text-align: center;
2582
- }
2583
-
2584
- .pf-c-calendar-month__dates-cell::before {
2585
- position: absolute;
2586
- top: var(--pf-c-calendar-month__dates-cell--before--Top);
2587
- right: var(--pf-c-calendar-month__dates-cell--before--Right);
2588
- bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
2589
- left: var(--pf-c-calendar-month__dates-cell--before--Left);
2590
- content: "";
2591
- background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
2592
- }
2593
-
2594
- .pf-c-calendar-month__dates-cell.pf-m-current {
2595
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2596
- }
2597
-
2598
- .pf-c-calendar-month__dates-cell.pf-m-in-range {
2599
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2600
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2601
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2602
- }
2603
-
2604
- .pf-c-calendar-month__dates-cell.pf-m-start-range {
2605
- --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
2606
- }
2607
-
2608
- .pf-c-calendar-month__dates-cell.pf-m-end-range {
2609
- --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
2610
- }
2611
-
2612
- .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
2613
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2614
- }
2615
-
2616
- .pf-c-calendar-month__dates-cell.pf-m-selected {
2617
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2618
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2619
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2620
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2621
- --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
2622
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
2623
- }
2624
-
2625
- .pf-c-calendar-month__dates-cell.pf-m-disabled {
2626
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2627
- --pf-c-calendar-month__date--BackgroundColor: transparent;
2628
- }
2629
-
2630
- .pf-c-calendar-month__date {
2631
- position: relative;
2632
- display: inline-flex;
2633
- align-items: center;
2634
- justify-content: center;
2635
- width: var(--pf-c-calendar-month__date--Width);
2636
- height: var(--pf-c-calendar-month__date--Height);
2637
- line-height: 1;
2638
- color: var(--pf-c-calendar-month__date--Color);
2639
- background-color: var(--pf-c-calendar-month__date--BackgroundColor);
2640
- border: 0;
2641
- }
2642
-
2643
- .pf-c-calendar-month__date::after {
2644
- position: absolute;
2645
- top: 0;
2646
- right: 0;
2647
- bottom: 0;
2648
- left: 0;
2649
- content: "";
2650
- border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
2651
- }
2652
-
2653
- .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
2654
- border-radius: var(--pf-c-calendar-month__date--BorderRadius);
2655
- }
2656
-
2657
- .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
2658
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
2659
- }
2660
-
2661
- .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
2662
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
2663
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
2664
- outline: 0;
2665
- box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
2666
- }
2667
-
2668
- .pf-c-calendar-month__date:disabled {
2669
- pointer-events: none;
2670
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
2671
- --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
2672
- }
2673
-
2674
2459
  .pf-c-card {
2675
2460
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
2676
2461
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -3082,7 +2867,7 @@ label.pf-c-check, .pf-c-check__label,
3082
2867
  cursor: not-allowed;
3083
2868
  }
3084
2869
 
3085
- .pf-c-chip {
2870
+ .pf-c-calendar-month {
3086
2871
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
3087
2872
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
3088
2873
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -3092,45 +2877,260 @@ label.pf-c-check, .pf-c-check__label,
3092
2877
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
3093
2878
  }
3094
2879
 
3095
- .pf-c-chip {
3096
- --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
3097
- --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
3098
- --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
3099
- --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
3100
- --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
3101
- --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
3102
- --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
3103
- --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
3104
- --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
3105
- --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
3106
- --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
3107
- --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
3108
- --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
3109
- --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
3110
- --pf-c-chip__text--Color: var(--pf-global--Color--100);
3111
- --pf-c-chip__text--MaxWidth: 16ch;
3112
- --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
3113
- --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
3114
- --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
3115
- --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
3116
- --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
3117
- --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
3118
- --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
3119
- --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
3120
- --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
3121
- --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
3122
- color: var(--pf-global--Color--100);
3123
- position: relative;
3124
- display: inline-flex;
3125
- align-items: center;
3126
- min-width: 0;
3127
- padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
3128
- list-style: none;
3129
- background-color: var(--pf-c-chip--BackgroundColor);
3130
- border-radius: var(--pf-c-chip--BorderRadius);
3131
- }
3132
-
3133
- .pf-c-chip::before {
2880
+ .pf-c-calendar-month {
2881
+ --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
2882
+ --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
2883
+ --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
2884
+ --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
2885
+ --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
2886
+ --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
2887
+ --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
2888
+ --pf-c-calendar-month__header-year--Width: 8ch;
2889
+ --pf-c-calendar-month__header-nav-control--MarginRight: 0;
2890
+ --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
2891
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
2892
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
2893
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
2894
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
2895
+ --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
2896
+ --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
2897
+ --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
2898
+ --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
2899
+ --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
2900
+ --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
2901
+ --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
2902
+ --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
2903
+ --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
2904
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
2905
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
2906
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
2907
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
2908
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
2909
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
2910
+ --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
2911
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2912
+ --pf-c-calendar-month__dates-cell--before--Top: 0;
2913
+ --pf-c-calendar-month__dates-cell--before--Right: 0;
2914
+ --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
2915
+ --pf-c-calendar-month__dates-cell--before--Left: 0;
2916
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
2917
+ --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
2918
+ --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
2919
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
2920
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
2921
+ --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
2922
+ --pf-c-calendar-month__date--Width: 4ch;
2923
+ --pf-c-calendar-month__date--Height: 4ch;
2924
+ --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
2925
+ --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
2926
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
2927
+ --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
2928
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
2929
+ --pf-c-calendar-month__date--after--BorderColor: transparent;
2930
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
2931
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
2932
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
2933
+ --pf-c-calendar-month__date--focus--BoxShadow: none;
2934
+ color: var(--pf-global--Color--100);
2935
+ display: inline-flex;
2936
+ flex-direction: column;
2937
+ padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
2938
+ font-size: var(--pf-c-calendar-month--FontSize);
2939
+ background-color: var(--pf-c-calendar-month--BackgroundColor);
2940
+ }
2941
+
2942
+ .pf-c-calendar-month__header {
2943
+ display: flex;
2944
+ margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
2945
+ }
2946
+
2947
+ .pf-c-calendar-month__header-nav-control {
2948
+ margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
2949
+ margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
2950
+ }
2951
+
2952
+ .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
2953
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
2954
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
2955
+ }
2956
+
2957
+ .pf-c-calendar-month__header-nav-control.pf-m-next-month {
2958
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
2959
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
2960
+ }
2961
+
2962
+ .pf-c-calendar-month__header-month {
2963
+ flex-grow: 1;
2964
+ }
2965
+
2966
+ .pf-c-calendar-month__header-year {
2967
+ width: var(--pf-c-calendar-month__header-year--Width);
2968
+ }
2969
+
2970
+ .pf-c-calendar-month__calendar {
2971
+ table-layout: fixed;
2972
+ }
2973
+
2974
+ .pf-c-calendar-month__days {
2975
+ border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
2976
+ }
2977
+
2978
+ .pf-c-calendar-month__day {
2979
+ padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
2980
+ font-weight: var(--pf-c-calendar-month__day--FontWeight);
2981
+ text-align: center;
2982
+ }
2983
+
2984
+ .pf-c-calendar-month__dates-row:first-child {
2985
+ --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
2986
+ }
2987
+
2988
+ .pf-c-calendar-month__dates-cell {
2989
+ --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
2990
+ position: relative;
2991
+ padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
2992
+ text-align: center;
2993
+ }
2994
+
2995
+ .pf-c-calendar-month__dates-cell::before {
2996
+ position: absolute;
2997
+ top: var(--pf-c-calendar-month__dates-cell--before--Top);
2998
+ right: var(--pf-c-calendar-month__dates-cell--before--Right);
2999
+ bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
3000
+ left: var(--pf-c-calendar-month__dates-cell--before--Left);
3001
+ content: "";
3002
+ background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
3003
+ }
3004
+
3005
+ .pf-c-calendar-month__dates-cell.pf-m-current {
3006
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
3007
+ }
3008
+
3009
+ .pf-c-calendar-month__dates-cell.pf-m-in-range {
3010
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
3011
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
3012
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
3013
+ }
3014
+
3015
+ .pf-c-calendar-month__dates-cell.pf-m-start-range {
3016
+ --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
3017
+ }
3018
+
3019
+ .pf-c-calendar-month__dates-cell.pf-m-end-range {
3020
+ --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
3021
+ }
3022
+
3023
+ .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
3024
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
3025
+ }
3026
+
3027
+ .pf-c-calendar-month__dates-cell.pf-m-selected {
3028
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
3029
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
3030
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
3031
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
3032
+ --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
3033
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
3034
+ }
3035
+
3036
+ .pf-c-calendar-month__dates-cell.pf-m-disabled {
3037
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
3038
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
3039
+ }
3040
+
3041
+ .pf-c-calendar-month__date {
3042
+ position: relative;
3043
+ display: inline-flex;
3044
+ align-items: center;
3045
+ justify-content: center;
3046
+ width: var(--pf-c-calendar-month__date--Width);
3047
+ height: var(--pf-c-calendar-month__date--Height);
3048
+ line-height: 1;
3049
+ color: var(--pf-c-calendar-month__date--Color);
3050
+ background-color: var(--pf-c-calendar-month__date--BackgroundColor);
3051
+ border: 0;
3052
+ }
3053
+
3054
+ .pf-c-calendar-month__date::after {
3055
+ position: absolute;
3056
+ top: 0;
3057
+ right: 0;
3058
+ bottom: 0;
3059
+ left: 0;
3060
+ content: "";
3061
+ border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
3062
+ }
3063
+
3064
+ .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
3065
+ border-radius: var(--pf-c-calendar-month__date--BorderRadius);
3066
+ }
3067
+
3068
+ .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
3069
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
3070
+ }
3071
+
3072
+ .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
3073
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
3074
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
3075
+ outline: 0;
3076
+ box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
3077
+ }
3078
+
3079
+ .pf-c-calendar-month__date:disabled {
3080
+ pointer-events: none;
3081
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
3082
+ --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
3083
+ }
3084
+
3085
+ .pf-c-chip {
3086
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
3087
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
3088
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
3089
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
3090
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
3091
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
3092
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
3093
+ }
3094
+
3095
+ .pf-c-chip {
3096
+ --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
3097
+ --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
3098
+ --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
3099
+ --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
3100
+ --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
3101
+ --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
3102
+ --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
3103
+ --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
3104
+ --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
3105
+ --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
3106
+ --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
3107
+ --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
3108
+ --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
3109
+ --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
3110
+ --pf-c-chip__text--Color: var(--pf-global--Color--100);
3111
+ --pf-c-chip__text--MaxWidth: 16ch;
3112
+ --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
3113
+ --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
3114
+ --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
3115
+ --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
3116
+ --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
3117
+ --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
3118
+ --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
3119
+ --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
3120
+ --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
3121
+ --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
3122
+ color: var(--pf-global--Color--100);
3123
+ position: relative;
3124
+ display: inline-flex;
3125
+ align-items: center;
3126
+ min-width: 0;
3127
+ padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
3128
+ list-style: none;
3129
+ background-color: var(--pf-c-chip--BackgroundColor);
3130
+ border-radius: var(--pf-c-chip--BorderRadius);
3131
+ }
3132
+
3133
+ .pf-c-chip::before {
3134
3134
  position: absolute;
3135
3135
  top: 0;
3136
3136
  right: 0;
@@ -8045,8 +8045,83 @@ label.pf-c-check, .pf-c-check__label,
8045
8045
  font-size: var(--pf-global--FontSize--lg);
8046
8046
  }
8047
8047
 
8048
- .pf-c-expandable-section {
8049
- --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
8048
+ .pf-c-file-upload {
8049
+ --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8050
+ --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
8051
+ --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
8052
+ --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
8053
+ --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
8054
+ --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
8055
+ --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
8056
+ --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
8057
+ --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
8058
+ --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
8059
+ --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
8060
+ position: relative;
8061
+ display: flex;
8062
+ flex-direction: column;
8063
+ }
8064
+
8065
+ .pf-c-file-upload.pf-m-drag-hover::before {
8066
+ position: absolute;
8067
+ top: 0;
8068
+ right: 0;
8069
+ bottom: 0;
8070
+ left: 0;
8071
+ z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
8072
+ content: "";
8073
+ border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
8074
+ }
8075
+
8076
+ .pf-c-file-upload.pf-m-drag-hover::after {
8077
+ position: absolute;
8078
+ top: 0;
8079
+ right: 0;
8080
+ bottom: 0;
8081
+ left: 0;
8082
+ content: "";
8083
+ background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
8084
+ opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
8085
+ }
8086
+
8087
+ .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
8088
+ position: relative;
8089
+ }
8090
+
8091
+ .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
8092
+ position: absolute;
8093
+ top: 0;
8094
+ right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8095
+ bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8096
+ left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8097
+ content: "";
8098
+ background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
8099
+ }
8100
+
8101
+ .pf-c-file-upload__file-select .pf-c-button.pf-m-control {
8102
+ outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
8103
+ }
8104
+
8105
+ .pf-c-file-upload__file-details {
8106
+ position: relative;
8107
+ display: flex;
8108
+ }
8109
+
8110
+ .pf-c-file-upload__file-details .pf-c-form-control {
8111
+ flex: 1 1 auto;
8112
+ min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
8113
+ border-top: 0;
8114
+ }
8115
+
8116
+ .pf-c-file-upload__file-details-spinner {
8117
+ position: absolute;
8118
+ top: 50%;
8119
+ left: 50%;
8120
+ transform: translate(-50%, -50%);
8121
+ }
8122
+
8123
+ .pf-c-expandable-section {
8124
+ --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
8050
8125
  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
8051
8126
  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
8052
8127
  --pf-c-expandable-section__toggle--PaddingLeft: 0;
@@ -8169,81 +8244,6 @@ label.pf-c-check, .pf-c-check__label,
8169
8244
  font-weight: var(--pf-global--FontWeight--semi-bold);
8170
8245
  }
8171
8246
 
8172
- .pf-c-file-upload {
8173
- --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
8174
- --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
8175
- --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
8176
- --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
8177
- --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
8178
- --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
8179
- --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
8180
- --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
8181
- --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
8182
- --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
8183
- --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
8184
- position: relative;
8185
- display: flex;
8186
- flex-direction: column;
8187
- }
8188
-
8189
- .pf-c-file-upload.pf-m-drag-hover::before {
8190
- position: absolute;
8191
- top: 0;
8192
- right: 0;
8193
- bottom: 0;
8194
- left: 0;
8195
- z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
8196
- content: "";
8197
- border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
8198
- }
8199
-
8200
- .pf-c-file-upload.pf-m-drag-hover::after {
8201
- position: absolute;
8202
- top: 0;
8203
- right: 0;
8204
- bottom: 0;
8205
- left: 0;
8206
- content: "";
8207
- background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
8208
- opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
8209
- }
8210
-
8211
- .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
8212
- position: relative;
8213
- }
8214
-
8215
- .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
8216
- position: absolute;
8217
- top: 0;
8218
- right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8219
- bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8220
- left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
8221
- content: "";
8222
- background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
8223
- }
8224
-
8225
- .pf-c-file-upload__file-select .pf-c-button.pf-m-control {
8226
- outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
8227
- }
8228
-
8229
- .pf-c-file-upload__file-details {
8230
- position: relative;
8231
- display: flex;
8232
- }
8233
-
8234
- .pf-c-file-upload__file-details .pf-c-form-control {
8235
- flex: 1 1 auto;
8236
- min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
8237
- border-top: 0;
8238
- }
8239
-
8240
- .pf-c-file-upload__file-details-spinner {
8241
- position: absolute;
8242
- top: 50%;
8243
- left: 50%;
8244
- transform: translate(-50%, -50%);
8245
- }
8246
-
8247
8247
  .pf-c-form {
8248
8248
  --pf-c-form--GridGap: var(--pf-global--gutter--md);
8249
8249
  --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl);
@@ -15983,185 +15983,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15983
15983
  margin-top: var(--pf-c-popover__footer--MarginTop);
15984
15984
  }
15985
15985
 
15986
- .pf-c-progress {
15987
- --pf-c-progress--GridGap: var(--pf-global--spacer--md);
15988
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
15989
- --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
15990
- --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
15991
- --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
15992
- --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
15993
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
15994
- --pf-c-progress__bar--before--Opacity: .2;
15995
- --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
15996
- --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
15997
- --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
15998
- --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
15999
- --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
16000
- --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
16001
- --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
16002
- --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
16003
- --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
16004
- --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
16005
- --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
16006
- --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
16007
- --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
16008
- --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
16009
- --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
16010
- --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
16011
- --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
16012
- --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
16013
- display: grid;
16014
- align-items: end;
16015
- grid-gap: var(--pf-c-progress--GridGap);
16016
- grid-template-columns: auto auto;
16017
- grid-template-rows: 1fr auto;
16018
- }
16019
-
16020
- .pf-c-progress.pf-m-sm {
16021
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
16022
- }
16023
-
16024
- .pf-c-progress.pf-m-sm .pf-c-progress__description {
16025
- font-size: var(--pf-c-progress--m-sm__description--FontSize);
16026
- }
16027
-
16028
- .pf-c-progress.pf-m-sm .pf-c-progress__measure {
16029
- font-size: var(--pf-c-progress--m-sm__measure--FontSize);
16030
- }
16031
-
16032
- .pf-c-progress.pf-m-lg {
16033
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
16034
- }
16035
-
16036
- .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
16037
- display: flex;
16038
- align-items: center;
16039
- justify-content: center;
16040
- min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
16041
- }
16042
-
16043
- .pf-c-progress.pf-m-inside .pf-c-progress__measure {
16044
- font-size: var(--pf-c-progress--m-inside__measure--FontSize);
16045
- color: var(--pf-c-progress--m-inside__measure--Color);
16046
- text-align: center;
16047
- }
16048
-
16049
- .pf-c-progress.pf-m-outside .pf-c-progress__description {
16050
- grid-column: 1/3;
16051
- }
16052
-
16053
- .pf-c-progress.pf-m-outside .pf-c-progress__status {
16054
- grid-column: 2/3;
16055
- grid-row: 2/3;
16056
- align-self: center;
16057
- }
16058
-
16059
- .pf-c-progress.pf-m-outside .pf-c-progress__measure {
16060
- display: inline-block;
16061
- font-size: var(--pf-c-progress--m-outside__measure--FontSize);
16062
- }
16063
-
16064
- .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
16065
- min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
16066
- text-align: left;
16067
- }
16068
-
16069
- .pf-c-progress.pf-m-outside .pf-c-progress__bar,
16070
- .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
16071
- grid-column: 1/2;
16072
- }
16073
-
16074
- .pf-c-progress.pf-m-singleline {
16075
- grid-template-rows: 1fr;
16076
- }
16077
-
16078
- .pf-c-progress.pf-m-singleline .pf-c-progress__description {
16079
- display: none;
16080
- visibility: hidden;
16081
- }
16082
-
16083
- .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
16084
- grid-row: 1/2;
16085
- grid-column: 1/2;
16086
- }
16087
-
16088
- .pf-c-progress.pf-m-singleline .pf-c-progress__status {
16089
- grid-row: 1/2;
16090
- grid-column: 2/3;
16091
- }
16092
-
16093
- .pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
16094
- grid-template-columns: 1fr fit-content(50%);
16095
- }
16096
-
16097
- .pf-c-progress.pf-m-success {
16098
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
16099
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
16100
- --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
16101
- }
16102
-
16103
- .pf-c-progress.pf-m-warning {
16104
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
16105
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
16106
- --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
16107
- }
16108
-
16109
- .pf-c-progress.pf-m-danger {
16110
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
16111
- --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
16112
- }
16113
-
16114
- .pf-c-progress__description {
16115
- word-break: break-word;
16116
- grid-column: 1/2;
16117
- }
16118
-
16119
- .pf-c-progress__description.pf-m-truncate {
16120
- overflow: hidden;
16121
- text-overflow: ellipsis;
16122
- white-space: nowrap;
16123
- }
16124
-
16125
- .pf-c-progress__status {
16126
- grid-column: 2/3;
16127
- grid-row: 1/2;
16128
- text-align: right;
16129
- word-break: break-word;
16130
- }
16131
-
16132
- .pf-c-progress__status-icon {
16133
- margin-left: var(--pf-c-progress__status-icon--MarginLeft);
16134
- color: var(--pf-c-progress__status-icon--Color);
16135
- }
16136
-
16137
- .pf-c-progress__bar {
16138
- position: relative;
16139
- grid-column: 1/3;
16140
- grid-row: 2/3;
16141
- align-self: center;
16142
- height: var(--pf-c-progress__bar--Height);
16143
- background-color: var(--pf-c-progress__bar--BackgroundColor);
16144
- }
16145
-
16146
- .pf-c-progress__bar::before {
16147
- position: absolute;
16148
- top: 0;
16149
- left: 0;
16150
- width: 100%;
16151
- height: 100%;
16152
- content: "";
16153
- background-color: var(--pf-c-progress__bar--before--BackgroundColor);
16154
- opacity: var(--pf-c-progress__bar--before--Opacity);
16155
- }
16156
-
16157
- .pf-c-progress__indicator {
16158
- position: absolute;
16159
- top: 0;
16160
- left: 0;
16161
- height: var(--pf-c-progress__indicator--Height);
16162
- background-color: var(--pf-c-progress__indicator--BackgroundColor);
16163
- }
16164
-
16165
15986
  .pf-c-progress-stepper {
16166
15987
  --pf-c-progress-stepper--GridAutoFlow: column;
16167
15988
  --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -16345,90 +16166,269 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16345
16166
  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100);
16346
16167
  }
16347
16168
 
16348
- .pf-c-progress-stepper__step.pf-m-info {
16349
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
16169
+ .pf-c-progress-stepper__step.pf-m-info {
16170
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
16171
+ }
16172
+
16173
+ .pf-c-progress-stepper__step:last-child {
16174
+ --pf-c-progress-stepper__step-main--MarginBottom: 0;
16175
+ }
16176
+
16177
+ .pf-c-progress-stepper__step-connector {
16178
+ position: relative;
16179
+ display: flex;
16180
+ justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
16181
+ width: 100%;
16182
+ }
16183
+
16184
+ .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
16185
+ position: absolute;
16186
+ top: var(--pf-c-progress-stepper__step-connector--before--Top);
16187
+ left: var(--pf-c-progress-stepper__step-connector--before--Left);
16188
+ width: var(--pf-c-progress-stepper__step-connector--before--Width);
16189
+ height: var(--pf-c-progress-stepper__step-connector--before--Height);
16190
+ content: "";
16191
+ border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
16192
+ border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
16193
+ transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
16194
+ }
16195
+
16196
+ .pf-c-progress-stepper__step-icon {
16197
+ z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
16198
+ display: flex;
16199
+ align-items: center;
16200
+ justify-content: center;
16201
+ width: var(--pf-c-progress-stepper__step-icon--Width);
16202
+ height: var(--pf-c-progress-stepper__step-icon--Height);
16203
+ font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
16204
+ color: var(--pf-c-progress-stepper__step-icon--Color);
16205
+ background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
16206
+ border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
16207
+ border-radius: 50%;
16208
+ }
16209
+
16210
+ .pf-c-progress-stepper__step-icon .pficon {
16211
+ margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
16212
+ }
16213
+
16214
+ .pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
16215
+ margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
16216
+ }
16217
+
16218
+ .pf-c-progress-stepper__step-main {
16219
+ margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
16220
+ }
16221
+
16222
+ .pf-c-progress-stepper__step-title {
16223
+ font-size: var(--pf-c-progress-stepper__step-title--FontSize);
16224
+ font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
16225
+ color: var(--pf-c-progress-stepper__step-title--Color);
16226
+ text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
16227
+ }
16228
+
16229
+ .pf-c-progress-stepper__step-title.pf-m-help-text {
16230
+ text-decoration: underline;
16231
+ cursor: pointer;
16232
+ text-decoration-style: dashed;
16233
+ text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
16234
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
16235
+ text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
16236
+ }
16237
+
16238
+ .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
16239
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
16240
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
16241
+ }
16242
+
16243
+ .pf-c-progress-stepper__step-title.pf-m-help-text:focus {
16244
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
16245
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
16246
+ }
16247
+
16248
+ .pf-c-progress-stepper__step-description {
16249
+ margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
16250
+ font-size: var(--pf-c-progress-stepper__step-description--FontSize);
16251
+ color: var(--pf-c-progress-stepper__step-description--Color);
16252
+ text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
16253
+ }
16254
+
16255
+ .pf-c-progress {
16256
+ --pf-c-progress--GridGap: var(--pf-global--spacer--md);
16257
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
16258
+ --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
16259
+ --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
16260
+ --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
16261
+ --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
16262
+ --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
16263
+ --pf-c-progress__bar--before--Opacity: .2;
16264
+ --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
16265
+ --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
16266
+ --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
16267
+ --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
16268
+ --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
16269
+ --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
16270
+ --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
16271
+ --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
16272
+ --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
16273
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
16274
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
16275
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
16276
+ --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
16277
+ --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
16278
+ --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
16279
+ --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
16280
+ --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
16281
+ --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
16282
+ display: grid;
16283
+ align-items: end;
16284
+ grid-gap: var(--pf-c-progress--GridGap);
16285
+ grid-template-columns: auto auto;
16286
+ grid-template-rows: 1fr auto;
16287
+ }
16288
+
16289
+ .pf-c-progress.pf-m-sm {
16290
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
16291
+ }
16292
+
16293
+ .pf-c-progress.pf-m-sm .pf-c-progress__description {
16294
+ font-size: var(--pf-c-progress--m-sm__description--FontSize);
16295
+ }
16296
+
16297
+ .pf-c-progress.pf-m-sm .pf-c-progress__measure {
16298
+ font-size: var(--pf-c-progress--m-sm__measure--FontSize);
16299
+ }
16300
+
16301
+ .pf-c-progress.pf-m-lg {
16302
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
16303
+ }
16304
+
16305
+ .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
16306
+ display: flex;
16307
+ align-items: center;
16308
+ justify-content: center;
16309
+ min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
16310
+ }
16311
+
16312
+ .pf-c-progress.pf-m-inside .pf-c-progress__measure {
16313
+ font-size: var(--pf-c-progress--m-inside__measure--FontSize);
16314
+ color: var(--pf-c-progress--m-inside__measure--Color);
16315
+ text-align: center;
16316
+ }
16317
+
16318
+ .pf-c-progress.pf-m-outside .pf-c-progress__description {
16319
+ grid-column: 1/3;
16320
+ }
16321
+
16322
+ .pf-c-progress.pf-m-outside .pf-c-progress__status {
16323
+ grid-column: 2/3;
16324
+ grid-row: 2/3;
16325
+ align-self: center;
16326
+ }
16327
+
16328
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure {
16329
+ display: inline-block;
16330
+ font-size: var(--pf-c-progress--m-outside__measure--FontSize);
16331
+ }
16332
+
16333
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
16334
+ min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
16335
+ text-align: left;
16336
+ }
16337
+
16338
+ .pf-c-progress.pf-m-outside .pf-c-progress__bar,
16339
+ .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
16340
+ grid-column: 1/2;
16341
+ }
16342
+
16343
+ .pf-c-progress.pf-m-singleline {
16344
+ grid-template-rows: 1fr;
16345
+ }
16346
+
16347
+ .pf-c-progress.pf-m-singleline .pf-c-progress__description {
16348
+ display: none;
16349
+ visibility: hidden;
16350
+ }
16351
+
16352
+ .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
16353
+ grid-row: 1/2;
16354
+ grid-column: 1/2;
16350
16355
  }
16351
16356
 
16352
- .pf-c-progress-stepper__step:last-child {
16353
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
16357
+ .pf-c-progress.pf-m-singleline .pf-c-progress__status {
16358
+ grid-row: 1/2;
16359
+ grid-column: 2/3;
16354
16360
  }
16355
16361
 
16356
- .pf-c-progress-stepper__step-connector {
16357
- position: relative;
16358
- display: flex;
16359
- justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
16360
- width: 100%;
16362
+ .pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
16363
+ grid-template-columns: 1fr fit-content(50%);
16361
16364
  }
16362
16365
 
16363
- .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
16364
- position: absolute;
16365
- top: var(--pf-c-progress-stepper__step-connector--before--Top);
16366
- left: var(--pf-c-progress-stepper__step-connector--before--Left);
16367
- width: var(--pf-c-progress-stepper__step-connector--before--Width);
16368
- height: var(--pf-c-progress-stepper__step-connector--before--Height);
16369
- content: "";
16370
- border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
16371
- border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
16372
- transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
16366
+ .pf-c-progress.pf-m-success {
16367
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
16368
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
16369
+ --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
16373
16370
  }
16374
16371
 
16375
- .pf-c-progress-stepper__step-icon {
16376
- z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
16377
- display: flex;
16378
- align-items: center;
16379
- justify-content: center;
16380
- width: var(--pf-c-progress-stepper__step-icon--Width);
16381
- height: var(--pf-c-progress-stepper__step-icon--Height);
16382
- font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
16383
- color: var(--pf-c-progress-stepper__step-icon--Color);
16384
- background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
16385
- border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
16386
- border-radius: 50%;
16372
+ .pf-c-progress.pf-m-warning {
16373
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
16374
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
16375
+ --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
16387
16376
  }
16388
16377
 
16389
- .pf-c-progress-stepper__step-icon .pficon {
16390
- margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
16378
+ .pf-c-progress.pf-m-danger {
16379
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
16380
+ --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
16391
16381
  }
16392
16382
 
16393
- .pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
16394
- margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
16383
+ .pf-c-progress__description {
16384
+ word-break: break-word;
16385
+ grid-column: 1/2;
16395
16386
  }
16396
16387
 
16397
- .pf-c-progress-stepper__step-main {
16398
- margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
16388
+ .pf-c-progress__description.pf-m-truncate {
16389
+ overflow: hidden;
16390
+ text-overflow: ellipsis;
16391
+ white-space: nowrap;
16399
16392
  }
16400
16393
 
16401
- .pf-c-progress-stepper__step-title {
16402
- font-size: var(--pf-c-progress-stepper__step-title--FontSize);
16403
- font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
16404
- color: var(--pf-c-progress-stepper__step-title--Color);
16405
- text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
16394
+ .pf-c-progress__status {
16395
+ grid-column: 2/3;
16396
+ grid-row: 1/2;
16397
+ text-align: right;
16398
+ word-break: break-word;
16406
16399
  }
16407
16400
 
16408
- .pf-c-progress-stepper__step-title.pf-m-help-text {
16409
- text-decoration: underline;
16410
- cursor: pointer;
16411
- text-decoration-style: dashed;
16412
- text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
16413
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
16414
- text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
16401
+ .pf-c-progress__status-icon {
16402
+ margin-left: var(--pf-c-progress__status-icon--MarginLeft);
16403
+ color: var(--pf-c-progress__status-icon--Color);
16415
16404
  }
16416
16405
 
16417
- .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
16418
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
16419
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
16406
+ .pf-c-progress__bar {
16407
+ position: relative;
16408
+ grid-column: 1/3;
16409
+ grid-row: 2/3;
16410
+ align-self: center;
16411
+ height: var(--pf-c-progress__bar--Height);
16412
+ background-color: var(--pf-c-progress__bar--BackgroundColor);
16420
16413
  }
16421
16414
 
16422
- .pf-c-progress-stepper__step-title.pf-m-help-text:focus {
16423
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
16424
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
16415
+ .pf-c-progress__bar::before {
16416
+ position: absolute;
16417
+ top: 0;
16418
+ left: 0;
16419
+ width: 100%;
16420
+ height: 100%;
16421
+ content: "";
16422
+ background-color: var(--pf-c-progress__bar--before--BackgroundColor);
16423
+ opacity: var(--pf-c-progress__bar--before--Opacity);
16425
16424
  }
16426
16425
 
16427
- .pf-c-progress-stepper__step-description {
16428
- margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
16429
- font-size: var(--pf-c-progress-stepper__step-description--FontSize);
16430
- color: var(--pf-c-progress-stepper__step-description--Color);
16431
- text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
16426
+ .pf-c-progress__indicator {
16427
+ position: absolute;
16428
+ top: 0;
16429
+ left: 0;
16430
+ height: var(--pf-c-progress__indicator--Height);
16431
+ background-color: var(--pf-c-progress__indicator--BackgroundColor);
16432
16432
  }
16433
16433
 
16434
16434
  .pf-c-radio {
@@ -24718,6 +24718,75 @@ svg.pf-c-spinner.pf-m-xl {
24718
24718
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
24719
24719
  }
24720
24720
  }
24721
+ .pf-l-gallery {
24722
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
24723
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
24724
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24725
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
24726
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24727
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
24728
+ --pf-l-gallery--GridTemplateRows: auto;
24729
+ display: grid;
24730
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
24731
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
24732
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24733
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24734
+ }
24735
+
24736
+ .pf-l-gallery.pf-m-gutter {
24737
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
24738
+ }
24739
+
24740
+ @media (min-width: 576px) {
24741
+ .pf-l-gallery {
24742
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
24743
+ }
24744
+ }
24745
+ @media (min-width: 768px) {
24746
+ .pf-l-gallery {
24747
+ --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)));
24748
+ }
24749
+ }
24750
+ @media (min-width: 992px) {
24751
+ .pf-l-gallery {
24752
+ --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))));
24753
+ }
24754
+ }
24755
+ @media (min-width: 1200px) {
24756
+ .pf-l-gallery {
24757
+ --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)))));
24758
+ }
24759
+ }
24760
+ @media (min-width: 1450px) {
24761
+ .pf-l-gallery {
24762
+ --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))))));
24763
+ }
24764
+ }
24765
+ @media (min-width: 576px) {
24766
+ .pf-l-gallery {
24767
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
24768
+ }
24769
+ }
24770
+ @media (min-width: 768px) {
24771
+ .pf-l-gallery {
24772
+ --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)));
24773
+ }
24774
+ }
24775
+ @media (min-width: 992px) {
24776
+ .pf-l-gallery {
24777
+ --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))));
24778
+ }
24779
+ }
24780
+ @media (min-width: 1200px) {
24781
+ .pf-l-gallery {
24782
+ --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)))));
24783
+ }
24784
+ }
24785
+ @media (min-width: 1450px) {
24786
+ .pf-l-gallery {
24787
+ --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))))));
24788
+ }
24789
+ }
24721
24790
  .pf-l-grid {
24722
24791
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24723
24792
  --pf-l-grid__item--GridColumnStart: auto;
@@ -25932,75 +26001,6 @@ svg.pf-c-spinner.pf-m-xl {
25932
26001
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
25933
26002
  }
25934
26003
 
25935
- .pf-l-gallery {
25936
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25937
- --pf-l-gallery--GridTemplateColumns--min: 250px;
25938
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25939
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
25940
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25941
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25942
- --pf-l-gallery--GridTemplateRows: auto;
25943
- display: grid;
25944
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25945
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25946
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25947
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25948
- }
25949
-
25950
- .pf-l-gallery.pf-m-gutter {
25951
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25952
- }
25953
-
25954
- @media (min-width: 576px) {
25955
- .pf-l-gallery {
25956
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25957
- }
25958
- }
25959
- @media (min-width: 768px) {
25960
- .pf-l-gallery {
25961
- --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)));
25962
- }
25963
- }
25964
- @media (min-width: 992px) {
25965
- .pf-l-gallery {
25966
- --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))));
25967
- }
25968
- }
25969
- @media (min-width: 1200px) {
25970
- .pf-l-gallery {
25971
- --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)))));
25972
- }
25973
- }
25974
- @media (min-width: 1450px) {
25975
- .pf-l-gallery {
25976
- --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))))));
25977
- }
25978
- }
25979
- @media (min-width: 576px) {
25980
- .pf-l-gallery {
25981
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25982
- }
25983
- }
25984
- @media (min-width: 768px) {
25985
- .pf-l-gallery {
25986
- --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)));
25987
- }
25988
- }
25989
- @media (min-width: 992px) {
25990
- .pf-l-gallery {
25991
- --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))));
25992
- }
25993
- }
25994
- @media (min-width: 1200px) {
25995
- .pf-l-gallery {
25996
- --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)))));
25997
- }
25998
- }
25999
- @media (min-width: 1450px) {
26000
- .pf-l-gallery {
26001
- --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))))));
26002
- }
26003
- }
26004
26004
  .pf-l-level {
26005
26005
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
26006
26006
  display: flex;